namirasoft-site-react 1.2.41 → 1.2.42

package/src/assets/images/rectangle.svg

@@ -1,3 +1,3 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="1" y="1" width="18" height="18" rx="3" fill="white" stroke="#848484" stroke-width="2"/>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1" y="1" width="18" height="18" rx="3" fill="white" stroke="#848484" stroke-width="2"/>
+</svg>

package/src/components/NSButtonGreen.tsx

@@ -1,34 +1,34 @@
-"use client";
-
-import React from "react";
-import Style from "./NSButtonGreen.module.css";
-
-interface IProps
-{
-    title: string;
-    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-}
-
-interface IState
-{
-    title: string;
-}
-
-interface IState { }
-
-export class NSButtonGreen extends React.Component<IProps, IState>
-{
-    constructor(props: IProps)
-    {
-        super(props);
-        this.state = { title: props.title };
-    }
-    setTitle(title: string)
-    {
-        this.setState({ title });
-    }
-    override render()
-    {
-        return <button onClick={e => this.props.onClick(e)} className={Style.ns_button_green}>{this.state.title}</button>;
-    }
+"use client";
+
+import React from "react";
+import Style from "./NSButtonGreen.module.css";
+
+interface IProps
+{
+    title: string;
+    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+
+interface IState
+{
+    title: string;
+}
+
+interface IState { }
+
+export class NSButtonGreen extends React.Component<IProps, IState>
+{
+    constructor(props: IProps)
+    {
+        super(props);
+        this.state = { title: props.title };
+    }
+    setTitle(title: string)
+    {
+        this.setState({ title });
+    }
+    override render()
+    {
+        return <button onClick={e => this.props.onClick(e)} className={Style.ns_button_green}>{this.state.title}</button>;
+    }
 }

package/src/components/NSButtonRed.tsx

@@ -1,34 +1,34 @@
-"use client";
-
-import React from "react";
-import Style from "./NSButtonRed.module.css";
-
-interface IProps
-{
-    title: string;
-    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-}
-
-interface IState
-{
-    title: string;
-}
-
-interface IState { }
-
-export class NSButtonRed extends React.Component<IProps, IState>
-{
-    constructor(props: IProps)
-    {
-        super(props);
-        this.state = { title: props.title };
-    }
-    setTitle(title: string)
-    {
-        this.setState({ title });
-    }
-    override render()
-    {
-        return <button onClick={e => this.props.onClick(e)} className={Style.ns_button_red}>{this.state.title}</button>;
-    }
+"use client";
+
+import React from "react";
+import Style from "./NSButtonRed.module.css";
+
+interface IProps
+{
+    title: string;
+    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+
+interface IState
+{
+    title: string;
+}
+
+interface IState { }
+
+export class NSButtonRed extends React.Component<IProps, IState>
+{
+    constructor(props: IProps)
+    {
+        super(props);
+        this.state = { title: props.title };
+    }
+    setTitle(title: string)
+    {
+        this.setState({ title });
+    }
+    override render()
+    {
+        return <button onClick={e => this.props.onClick(e)} className={Style.ns_button_red}>{this.state.title}</button>;
+    }
 }

package/src/components/NSCard.tsx

@@ -1,55 +1,55 @@
-"use client";
-
-import { Component } from 'react';
-
-import Styles from './NSCard.module.css'
-
-interface IProps
-{
-	title: string;
-	description?: string;
-	image: {
-		src: string;
-		alt: string;
-	};
-	link?:
-	{
-		text: string;
-		href: string;
-		target?: string;
-	}
-}
-
-interface IStart
-{ }
-
-export class NSCard extends Component<IProps, IStart> {
-	override render()
-	{
-		const { title, image, description, link } = this.props;
-		return (
-			<>
-				<article className={Styles.ns_card}>
-					<div className={Styles.ns_card_detail_container}>
-						<div className={Styles.ns_card_title_img}>
-							<h3 className={Styles.card_title}>
-								{title}
-							</h3>
-							<img className={Styles.card_img} src={image.src} alt={image.alt} />
-						</div>
-						<p className={Styles.card_description}>
-							{description}
-						</p>
-					</div>
-					{link &&
-						<div >
-							<a className={Styles.ns_card_link} href={link.href} target={link.target ?? "_self"} >
-								{link.text}
-							</a>
-						</div>
-					}
-				</article >
-			</>
-		);
-	}
+"use client";
+
+import { Component } from 'react';
+
+import Styles from './NSCard.module.css'
+
+interface IProps
+{
+	title: string;
+	description?: string;
+	image: {
+		src: string;
+		alt: string;
+	};
+	link?:
+	{
+		text: string;
+		href: string;
+		target?: string;
+	}
+}
+
+interface IStart
+{ }
+
+export class NSCard extends Component<IProps, IStart> {
+	override render()
+	{
+		const { title, image, description, link } = this.props;
+		return (
+			<>
+				<article className={Styles.ns_card}>
+					<div className={Styles.ns_card_detail_container}>
+						<div className={Styles.ns_card_title_img}>
+							<h3 className={Styles.card_title}>
+								{title}
+							</h3>
+							<img className={Styles.card_img} src={image.src} alt={image.alt} />
+						</div>
+						<p className={Styles.card_description}>
+							{description}
+						</p>
+					</div>
+					{link &&
+						<div >
+							<a className={Styles.ns_card_link} href={link.href} target={link.target ?? "_self"} >
+								{link.text}
+							</a>
+						</div>
+					}
+				</article >
+			</>
+		);
+	}
 }

package/src/components/NSFooter.tsx

@@ -1,124 +1,124 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSFooter.module.css";
-import { NamirasoftAPILinkServer, FilterLinkRow } from 'namirasoft-api-link';
-
-interface IProps
-{
-    scope: string;
-    name: string;
-    logo: string;
-}
-
-interface IState
-{
-    filters: FilterLinkRow[];
-    selected: FilterLinkRow | null;
-}
-
-export class NSFooter extends React.Component<IProps, IState>
-{
-    constructor(props: IProps)
-    {
-        super(props);
-        this.state = {
-            filters: [],
-            selected: null
-        };
-        this.hasChild = this.hasChild.bind(this);
-        this.render_menu = this.render_menu.bind(this);
-        this.render_menuItem = this.render_menuItem.bind(this);
-    }
-    override componentDidMount(): void
-    {
-        let server = new NamirasoftAPILinkServer(console.error);
-        server.filter.GetFilters(this.props.scope, this.props.name).then(filters =>
-        {
-            this.setState({ filters });
-        });
-    }
-    private hasChild(id: number): boolean
-    {
-        return this.state.filters.filter(f => f.parent_id === id).length > 0;
-    }
-    override render()
-    {
-        return (
-            <div className={Styles.ns_footer}>
-                <div className={`container ${Styles.ns_package_footer}`}>
-                    <div className={`${Styles.ns_footer_parent_items}`}>
-                        <div className={`${Styles.ns_footer_project_logo_tablet}`}>
-                            <a href="/">
-                                <img src={this.props.logo} alt='Logo' width={80} height={80} />
-                            </a>
-                        </div>
-                        <div className={`${Styles.ns_footer_menu_container}`}>
-                            {this.render_menu(0, null)}
-                        </div>
-                        <div className={`${Styles.ns_footer_namira_logo_tablet}`}>
-                            <a href="/">
-                                <img src="https://static.namirasoft.com/logo/namirasoft/name.png" alt='Namira Software Corporation Logo' width={80} height={80} />
-                            </a>
-                        </div>
-                    </div>
-                    <div className={`${Styles.ns_footer_logos_mobile}`}>
-                        <div>
-                            <a href="/">
-                                <img src={this.props.logo} alt='Logo' width={80} height={80} />
-                            </a>
-                        </div>
-                        <div>
-                            <a href="/">
-                                <img src="https://static.namirasoft.com/logo/namirasoft/name.png" alt='Namira Software Corporation Logo' width={80} height={80} />
-                            </a>
-                        </div>
-                    </div>
-                    <div className={`${Styles.ns_footer_copyright}`}>
-                        <span> ©Copyright 2010 - {new Date().getFullYear()} </span>
-                        <a href="https://namirasoft.com/" target="_blank" rel="noopener noreferrer"> Namira Software Corporation</a>. All rights reserved.
-                    </div>
-                </div>
-            </div>
-        );
-    }
-    private render_menu(level: number, parent_id: number | null)
-    {
-        let fs: FilterLinkRow[] = this.state.filters?.filter(f => f.parent_id === parent_id);
-        return (
-            <>
-                {(fs?.map(f => this.render_menuItem(level, f)))}
-            </>
-        );
-    }
-    private render_menuItem(level: number, filter: FilterLinkRow)
-    {
-        if (this.hasChild(filter.id))
-        {
-            return (<>
-                <ul
-                    id={`dropdown_parent${filter.id}`}>
-                    {filter.name}
-                    {this.render_menu(1, filter.id)}
-                </ul>
-            </>
-            );
-        }
-        else if (level === 0)
-        {
-            return (<>
-                <ul
-                    id={`dropdown_parent${filter.id}`}>
-                    {filter.name}
-                </ul>
-            </>
-            );
-        }
-        else
-        {
-            return (
-                <a href={filter.link?.url}><li className="mb-2">{filter.name}</li></a>
-            );
-        }
-    }
+"use client";
+
+import React from "react";
+import Styles from "./NSFooter.module.css";
+import { NamirasoftAPILinkServer, FilterLinkRow } from 'namirasoft-api-link';
+
+interface IProps
+{
+    scope: string;
+    name: string;
+    logo: string;
+}
+
+interface IState
+{
+    filters: FilterLinkRow[];
+    selected: FilterLinkRow | null;
+}
+
+export class NSFooter extends React.Component<IProps, IState>
+{
+    constructor(props: IProps)
+    {
+        super(props);
+        this.state = {
+            filters: [],
+            selected: null
+        };
+        this.hasChild = this.hasChild.bind(this);
+        this.render_menu = this.render_menu.bind(this);
+        this.render_menuItem = this.render_menuItem.bind(this);
+    }
+    override componentDidMount(): void
+    {
+        let server = new NamirasoftAPILinkServer(console.error);
+        server.filter.GetFilters(this.props.scope, this.props.name).then(filters =>
+        {
+            this.setState({ filters });
+        });
+    }
+    private hasChild(id: number): boolean
+    {
+        return this.state.filters.filter(f => f.parent_id === id).length > 0;
+    }
+    override render()
+    {
+        return (
+            <div className={Styles.ns_footer}>
+                <div className={`container ${Styles.ns_package_footer}`}>
+                    <div className={`${Styles.ns_footer_parent_items}`}>
+                        <div className={`${Styles.ns_footer_project_logo_tablet}`}>
+                            <a href="/">
+                                <img src={this.props.logo} alt='Logo' width={80} height={80} />
+                            </a>
+                        </div>
+                        <div className={`${Styles.ns_footer_menu_container}`}>
+                            {this.render_menu(0, null)}
+                        </div>
+                        <div className={`${Styles.ns_footer_namira_logo_tablet}`}>
+                            <a href="/">
+                                <img src="https://static.namirasoft.com/logo/namirasoft/name.png" alt='Namira Software Corporation Logo' width={80} height={80} />
+                            </a>
+                        </div>
+                    </div>
+                    <div className={`${Styles.ns_footer_logos_mobile}`}>
+                        <div>
+                            <a href="/">
+                                <img src={this.props.logo} alt='Logo' width={80} height={80} />
+                            </a>
+                        </div>
+                        <div>
+                            <a href="/">
+                                <img src="https://static.namirasoft.com/logo/namirasoft/name.png" alt='Namira Software Corporation Logo' width={80} height={80} />
+                            </a>
+                        </div>
+                    </div>
+                    <div className={`${Styles.ns_footer_copyright}`}>
+                        <span> ©Copyright 2010 - {new Date().getFullYear()} </span>
+                        <a href="https://namirasoft.com/" target="_blank" rel="noopener noreferrer"> Namira Software Corporation</a>. All rights reserved.
+                    </div>
+                </div>
+            </div>
+        );
+    }
+    private render_menu(level: number, parent_id: number | null)
+    {
+        let fs: FilterLinkRow[] = this.state.filters?.filter(f => f.parent_id === parent_id);
+        return (
+            <>
+                {(fs?.map(f => this.render_menuItem(level, f)))}
+            </>
+        );
+    }
+    private render_menuItem(level: number, filter: FilterLinkRow)
+    {
+        if (this.hasChild(filter.id))
+        {
+            return (<>
+                <ul
+                    id={`dropdown_parent${filter.id}`}>
+                    {filter.name}
+                    {this.render_menu(1, filter.id)}
+                </ul>
+            </>
+            );
+        }
+        else if (level === 0)
+        {
+            return (<>
+                <ul
+                    id={`dropdown_parent${filter.id}`}>
+                    {filter.name}
+                </ul>
+            </>
+            );
+        }
+        else
+        {
+            return (
+                <a href={filter.link?.url}><li className="mb-2">{filter.name}</li></a>
+            );
+        }
+    }
 }