namirasoft-site-react 1.4.259 → 1.4.261

package/src/components/NSRepeaterNSTag.tsx

@@ -1,80 +1,80 @@
-import { Component, createRef } from 'react';
-import { INSBox } from './INSBox';
-import { NSRepeater } from './NSRepeater';
-import { IBaseComponentProps } from '../props/IBaseComponentProps';
-import { NSTag, NSTagValue } from './NSTag';
-
-export interface NSRepeaterNSTagProps extends IBaseComponentProps
-{
-	name: string;
-	onItemChanged?: (repeater: NSRepeaterNSTag) => void;
-	onValuesChanged?: (repeater: NSRepeaterNSTag) => void;
-	min?: number;
-	max?: number;
-}
-
-export class NSRepeaterNSTag extends Component<NSRepeaterNSTagProps> implements INSBox
-{
-	private Repeater_Refs = createRef<NSRepeater<NSTag, NSTagValue>>();
-	constructor(props: NSRepeaterNSTagProps)
-	{
-		super(props);
-		this.isEmpty = this.isEmpty.bind(this);
-		this.getError = this.getError.bind(this);
-		this.getValue = this.getValue.bind(this);
-		this.setValue = this.setValue.bind(this);
-	}
-	isEmpty(): boolean
-	{
-		return this.Repeater_Refs.current?.isEmpty() ?? true;
-	}
-	getError(): string | null
-	{
-		return this.Repeater_Refs.current?.getError() ?? null;
-	}
-	getValue(checkError: boolean = true): NSTagValue[] 
-	{
-		return (this.Repeater_Refs.current?.getValue(checkError) ?? []).filter(x => x) as NSTagValue[];
-	}
-	setValue(value: NSTagValue[], callback?: () => void): void
-	{
-		this.Repeater_Refs.current?.setValue(value, callback);
-	}
-	override render()
-	{
-		return <NSRepeater<NSTag, NSTagValue>
-			ref={this.Repeater_Refs}
-			{...this.props}
-			ignoreItemsHavingError
-			createItem={(gIndex, lIndex, ref, onChange, onDelete) =>
-			{
-				return <NSTag
-					key={`NSRepeaterNSTag_${this.props.name}_item_${gIndex}`}
-					ref={ref}
-					onChanged={() =>
-					{
-						onChange();
-					}}
-					onDeleted={() =>
-					{
-						onDelete?.(lIndex);
-					}}
-				/>;
-			}}
-			isEmpty={(_, value) => NSTag.isEmpty(value)}
-			getValue={(item, checkError) => item.getValue(checkError)}
-			setValue={(item, _, value) =>
-			{
-				item.setValue(value);
-			}}
-			onValuesChanged={() =>
-			{
-				this.props.onValuesChanged?.(this);
-			}}
-			onItemChanged={() =>
-			{
-				this.props.onItemChanged?.(this);
-			}}
-		/>;
-	}
+import { Component, createRef } from 'react';
+import { INSBox } from './INSBox';
+import { NSRepeater } from './NSRepeater';
+import { IBaseComponentProps } from '../props/IBaseComponentProps';
+import { NSTag, NSTagValue } from './NSTag';
+
+export interface NSRepeaterNSTagProps extends IBaseComponentProps
+{
+	name: string;
+	onItemChanged?: (repeater: NSRepeaterNSTag) => void;
+	onValuesChanged?: (repeater: NSRepeaterNSTag) => void;
+	min?: number;
+	max?: number;
+}
+
+export class NSRepeaterNSTag extends Component<NSRepeaterNSTagProps> implements INSBox
+{
+	private Repeater_Refs = createRef<NSRepeater<NSTag, NSTagValue>>();
+	constructor(props: NSRepeaterNSTagProps)
+	{
+		super(props);
+		this.isEmpty = this.isEmpty.bind(this);
+		this.getError = this.getError.bind(this);
+		this.getValue = this.getValue.bind(this);
+		this.setValue = this.setValue.bind(this);
+	}
+	isEmpty(): boolean
+	{
+		return this.Repeater_Refs.current?.isEmpty() ?? true;
+	}
+	getError(): string | null
+	{
+		return this.Repeater_Refs.current?.getError() ?? null;
+	}
+	getValue(checkError: boolean = true): NSTagValue[] 
+	{
+		return (this.Repeater_Refs.current?.getValue(checkError) ?? []).filter(x => x) as NSTagValue[];
+	}
+	setValue(value: NSTagValue[], callback?: () => void): void
+	{
+		this.Repeater_Refs.current?.setValue(value, callback);
+	}
+	override render()
+	{
+		return <NSRepeater<NSTag, NSTagValue>
+			ref={this.Repeater_Refs}
+			{...this.props}
+			ignoreItemsHavingError
+			createItem={(gIndex, lIndex, ref, onChange, onDelete) =>
+			{
+				return <NSTag
+					key={`NSRepeaterNSTag_${this.props.name}_item_${gIndex}`}
+					ref={ref}
+					onChanged={() =>
+					{
+						onChange();
+					}}
+					onDeleted={() =>
+					{
+						onDelete?.(lIndex);
+					}}
+				/>;
+			}}
+			isEmpty={(_, value) => NSTag.isEmpty(value)}
+			getValue={(item, checkError) => item.getValue(checkError)}
+			setValue={(item, _, value) =>
+			{
+				item.setValue(value);
+			}}
+			onValuesChanged={() =>
+			{
+				this.props.onValuesChanged?.(this);
+			}}
+			onItemChanged={() =>
+			{
+				this.props.onItemChanged?.(this);
+			}}
+		/>;
+	}
 }

package/src/components/NSRow.module.css

@@ -1,18 +1,18 @@
-.ns_row {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 16px;
-    margin: 0;
-    justify-content: center;
-    width: max-content;
-    max-width: 100%;
-    width: 100%;
-}
-
-@media only screen and (min-width: 768px) {
-    .ns_row {
-        flex-direction: row;
-        flex-wrap: wrap;
-    }
+.ns_row {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 16px;
+    margin: 0;
+    justify-content: center;
+    width: max-content;
+    max-width: 100%;
+    width: 100%;
+}
+
+@media only screen and (min-width: 768px) {
+    .ns_row {
+        flex-direction: row;
+        flex-wrap: wrap;
+    }
 }

package/src/components/NSRow.tsx

@@ -1,25 +1,25 @@
-import { ReactNode } from "react";
-import Styles from './NSRow.module.css';
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-
-export interface NSRowProps extends IBaseComponentProps
-{
-    children: ReactNode;
-    onEnterPressed?: () => void;
-}
-export function NSRow(props: NSRowProps)
-{
-    return (
-        <div id={props.id}
-            className={`${Styles.ns_row} ${props.classList?.join(" ") ?? ""}`}
-            style={props.style}
-            onKeyUp={e =>
-            {
-                if (e.key === "Enter")
-                    props.onEnterPressed?.();
-            }}
-        >
-            {props.children}
-        </div>
-    );
+import { ReactNode } from "react";
+import Styles from './NSRow.module.css';
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+
+export interface NSRowProps extends IBaseComponentProps
+{
+    children: ReactNode;
+    onEnterPressed?: () => void;
+}
+export function NSRow(props: NSRowProps)
+{
+    return (
+        <div id={props.id}
+            className={`${Styles.ns_row} ${props.classList?.join(" ") ?? ""}`}
+            style={props.style}
+            onKeyUp={e =>
+            {
+                if (e.key === "Enter")
+                    props.onEnterPressed?.();
+            }}
+        >
+            {props.children}
+        </div>
+    );
 }

package/src/components/NSSection.module.css

@@ -1,5 +1,5 @@
-.ns_section {
-	background-repeat: no-repeat;
-	background-size: cover;
-	background-position: center;
+.ns_section {
+	background-repeat: no-repeat;
+	background-size: cover;
+	background-position: center;
 }

package/src/components/NSSection.tsx

@@ -1,27 +1,27 @@
-import { ReactNode } from "react";
-import Styles from './NSSection.module.css'
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-
-export interface NSSectionProps extends IBaseComponentProps
-{
-	children: ReactNode;
-	onEnterPressed?: () => void;
-}
-
-export function NSSection(props: NSSectionProps)
-{
-	return (
-		<section
-			id={props.id}
-			className={`container d-flex flex-wrap justify-content-center ${Styles.ns_section} ${props.classList?.join(" ") ?? ""}`}
-			style={props.style}
-			onKeyUp={e =>
-			{
-				if (e.key === "Enter")
-					props.onEnterPressed?.();
-			}}
-		>
-			{props.children}
-		</section>
-	);
+import { ReactNode } from "react";
+import Styles from './NSSection.module.css'
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+
+export interface NSSectionProps extends IBaseComponentProps
+{
+	children: ReactNode;
+	onEnterPressed?: () => void;
+}
+
+export function NSSection(props: NSSectionProps)
+{
+	return (
+		<section
+			id={props.id}
+			className={`container d-flex flex-wrap justify-content-center ${Styles.ns_section} ${props.classList?.join(" ") ?? ""}`}
+			style={props.style}
+			onKeyUp={e =>
+			{
+				if (e.key === "Enter")
+					props.onEnterPressed?.();
+			}}
+		>
+			{props.children}
+		</section>
+	);
 }

package/src/components/NSSectionCards.module.css

@@ -1,39 +1,39 @@
-.ns_section_cards_holder {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	margin-left: auto;
-	margin-right: auto;
-	padding-left: 1rem;
-	padding-right: 1rem;
-}
-
-.ns_section_cards_title_container {
-	margin-bottom: 32px;
-}
-
-.ns_card_container {
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	justify-content: center;
-	gap: 24px;
-	width: 100%;
-}
-
-.ns_section_cards_link_container {
-	margin-top: 48px;
-	width: 100%;
-	text-align: center;
-}
-
-.ns_description {
-	text-align: center;
-	font-style: normal;
-	font-weight: inherit;
-	font-size: 16px;
-	font-family: inherit;
-	line-height: inherit;
-	margin-bottom: 16px;
+.ns_section_cards_holder {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	margin-left: auto;
+	margin-right: auto;
+	padding-left: 1rem;
+	padding-right: 1rem;
+}
+
+.ns_section_cards_title_container {
+	margin-bottom: 32px;
+}
+
+.ns_card_container {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: center;
+	gap: 24px;
+	width: 100%;
+}
+
+.ns_section_cards_link_container {
+	margin-top: 48px;
+	width: 100%;
+	text-align: center;
+}
+
+.ns_description {
+	text-align: center;
+	font-style: normal;
+	font-weight: inherit;
+	font-size: 16px;
+	font-family: inherit;
+	line-height: inherit;
+	margin-bottom: 16px;
 }

package/src/components/NSSectionCards.tsx

@@ -1,52 +1,52 @@
-import Styles from './NSSectionCards.module.css';
-import { NSTitle } from './NSTitle';
-import { NSCard, NSCardProps } from './NSCard';
-import { NSSection } from './NSSection';
-import { NSLinkBlue } from './NSLinkBlue';
-import { NSSpace, NSSpaceSizeType } from './NSSpace';
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import { ILinkProps } from '../props/ILinkProps';
-
-export interface NSSectionCardsProps extends IBaseComponentProps
-{
-	title?: string;
-	description?: {
-		text: string,
-		color?: string
-	};
-	button?: ILinkProps;
-	cards: NSCardProps[];
-}
-
-export function NSSectionCards(props: NSSectionCardsProps) 
-{
-	return (
-		<NSSection {...props} >
-			<NSSpace size={NSSpaceSizeType.NORMAL} />
-			<div className={`mx-auto px-4 lg:px-12 ${Styles.ns_section_cards_holder}`}>
-				{
-					props.title &&
-					<div className={Styles.ns_section_cards_title_container}>
-						<NSTitle title={props.title} />
-						{
-							props.description &&
-							<p style={{ color: props.description?.color }} className={Styles.ns_description}> {props.description.text} </p>
-						}
-					</div>
-				}
-				<div className={` ${Styles.ns_card_container}`}>
-					{
-						props.cards?.map((card) => <NSCard key={card.id} {...card} />)
-					}
-				</div>
-				{
-					props.button &&
-					<div className={`mt-12 w-full- text-center ${Styles.ns_section_cards_link_container}`}>
-						<NSLinkBlue {...props.button} />
-					</div>
-				}
-			</div>
-			<NSSpace size={NSSpaceSizeType.NORMAL} />
-		</NSSection>
-	);
+import Styles from './NSSectionCards.module.css';
+import { NSTitle } from './NSTitle';
+import { NSCard, NSCardProps } from './NSCard';
+import { NSSection } from './NSSection';
+import { NSLinkBlue } from './NSLinkBlue';
+import { NSSpace, NSSpaceSizeType } from './NSSpace';
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { ILinkProps } from '../props/ILinkProps';
+
+export interface NSSectionCardsProps extends IBaseComponentProps
+{
+	title?: string;
+	description?: {
+		text: string,
+		color?: string
+	};
+	button?: ILinkProps;
+	cards: NSCardProps[];
+}
+
+export function NSSectionCards(props: NSSectionCardsProps) 
+{
+	return (
+		<NSSection {...props} >
+			<NSSpace size={NSSpaceSizeType.NORMAL} />
+			<div className={`mx-auto px-4 lg:px-12 ${Styles.ns_section_cards_holder}`}>
+				{
+					props.title &&
+					<div className={Styles.ns_section_cards_title_container}>
+						<NSTitle title={props.title} />
+						{
+							props.description &&
+							<p style={{ color: props.description?.color }} className={Styles.ns_description}> {props.description.text} </p>
+						}
+					</div>
+				}
+				<div className={` ${Styles.ns_card_container}`}>
+					{
+						props.cards?.map((card) => <NSCard key={card.id} {...card} />)
+					}
+				</div>
+				{
+					props.button &&
+					<div className={`mt-12 w-full- text-center ${Styles.ns_section_cards_link_container}`}>
+						<NSLinkBlue {...props.button} />
+					</div>
+				}
+			</div>
+			<NSSpace size={NSSpaceSizeType.NORMAL} />
+		</NSSection>
+	);
 }

package/src/components/NSSectionTiles.module.css

@@ -1,11 +1,11 @@
-.ns_entity_bar_container {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	margin-left: auto;
-	margin-right: auto;
-	padding-left: 1rem;
-	padding-right: 1rem;
-	gap: 24px;
+.ns_entity_bar_container {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	margin-left: auto;
+	margin-right: auto;
+	padding-left: 1rem;
+	padding-right: 1rem;
+	gap: 24px;
 }

package/src/components/NSSectionTiles.tsx

@@ -1,26 +1,26 @@
-import Styles from './NSSectionTiles.module.css';
-import { NSTile, NSTileProps } from './NSTile';
-import { NSSection } from './NSSection';
-import { NSSpace, NSSpaceSizeType } from './NSSpace';
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-
-export interface NSSectionTilesProps extends IBaseComponentProps
-{
-	title?: string;
-	tiles: NSTileProps[]
-}
-
-export function NSSectionTiles(props: NSSectionTilesProps)
-{
-	return (
-		<NSSection {...props} >
-			<NSSpace size={NSSpaceSizeType.NORMAL} />
-			<div className={`mx-auto px-4 lg:px-12 ${Styles.ns_entity_bar_container}`}>
-				{
-					props.tiles?.map((bar) => <NSTile key={bar.id} {...bar} />)
-				}
-			</div>
-			<NSSpace size={NSSpaceSizeType.NORMAL} />
-		</NSSection>
-	);
+import Styles from './NSSectionTiles.module.css';
+import { NSTile, NSTileProps } from './NSTile';
+import { NSSection } from './NSSection';
+import { NSSpace, NSSpaceSizeType } from './NSSpace';
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+
+export interface NSSectionTilesProps extends IBaseComponentProps
+{
+	title?: string;
+	tiles: NSTileProps[]
+}
+
+export function NSSectionTiles(props: NSSectionTilesProps)
+{
+	return (
+		<NSSection {...props} >
+			<NSSpace size={NSSpaceSizeType.NORMAL} />
+			<div className={`mx-auto px-4 lg:px-12 ${Styles.ns_entity_bar_container}`}>
+				{
+					props.tiles?.map((bar) => <NSTile key={bar.id} {...bar} />)
+				}
+			</div>
+			<NSSpace size={NSSpaceSizeType.NORMAL} />
+		</NSSection>
+	);
 }

package/src/components/NSSectionTitle.tsx

@@ -1,22 +1,22 @@
-import { ReactNode } from 'react';
-import { NSSection } from './NSSection';
-import { NSTitle } from './NSTitle';
-import { NSSpace, NSSpaceSizeType } from './NSSpace';
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-
-export interface NSSectionTitleProps extends IBaseComponentProps
-{
-	title: string;
-	children: ReactNode
-}
-
-export function NSSectionTitle(props: NSSectionTitleProps)
-{
-	return (
-		<NSSection {...props} >
-			<NSSpace size={NSSpaceSizeType.NORMAL} />
-			<NSTitle title={props.title} />
-			{props.children}
-		</NSSection>
-	);
+import { ReactNode } from 'react';
+import { NSSection } from './NSSection';
+import { NSTitle } from './NSTitle';
+import { NSSpace, NSSpaceSizeType } from './NSSpace';
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+
+export interface NSSectionTitleProps extends IBaseComponentProps
+{
+	title: string;
+	children: ReactNode
+}
+
+export function NSSectionTitle(props: NSSectionTitleProps)
+{
+	return (
+		<NSSection {...props} >
+			<NSSpace size={NSSpaceSizeType.NORMAL} />
+			<NSTitle title={props.title} />
+			{props.children}
+		</NSSection>
+	);
 }

package/src/components/NSSpace.tsx

@@ -1,29 +1,29 @@
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-
-export interface NSSpaceProps extends IBaseComponentProps
-{
-	size: NSSpaceSizeType;
-}
-
-export enum NSSpaceSizeType
-{
-	NANO = "4px",
-	MICRO = "8px",
-	MINI = "16px",
-	SMALL = "24px",
-	MEDUIM = "32px",
-	NORMAL = "48px",
-	LARGE = "64px",
-	XLARGE = "80px",
-	XXLARGE = "96px",
-	XXXLARGE = "128px",
-}
-
-export function NSSpace(props: NSSpaceProps)
-{
-	return (
-		<hr id={props.id}
-			className={props.classList?.join(" ") ?? ""}
-			style={{ ...props.style, width: "100%", height: props.size, margin: "0px", padding: "0px", background: "transparent", color: "transparent", border: 0, position: "relative", zIndex: -1 }} />
-	);
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+
+export interface NSSpaceProps extends IBaseComponentProps
+{
+	size: NSSpaceSizeType;
+}
+
+export enum NSSpaceSizeType
+{
+	NANO = "4px",
+	MICRO = "8px",
+	MINI = "16px",
+	SMALL = "24px",
+	MEDUIM = "32px",
+	NORMAL = "48px",
+	LARGE = "64px",
+	XLARGE = "80px",
+	XXLARGE = "96px",
+	XXXLARGE = "128px",
+}
+
+export function NSSpace(props: NSSpaceProps)
+{
+	return (
+		<hr id={props.id}
+			className={props.classList?.join(" ") ?? ""}
+			style={{ ...props.style, width: "100%", height: props.size, margin: "0px", padding: "0px", background: "transparent", color: "transparent", border: 0, position: "relative", zIndex: -1 }} />
+	);
 }