namirasoft-site-react 1.3.59 → 1.3.61

package/src/components/NSTitle.tsx

@@ -1,24 +1,20 @@
-"use client";
-
-import { Component } from 'react';
 import Styles from './NSTitle.module.css';
+import { BaseComponentProps } from "../props/BaseComponentProps";
 
-export interface NSTitleProps
+export interface NSTitleProps extends BaseComponentProps
 {
 	title: string;
-	color?: string;
-	text_align?: string;
 }
 
-export class NSTitle extends Component<NSTitleProps>
+export function NSTitle(props: NSTitleProps)
 {
-	override render()
-	{
-		return (
-			//todo : fix text align
-			<h2 style={{ color: this.props.color, textAlign: this.props.text_align ? "start" : "center" }} className={`${Styles.ns_title}`}>
-				{this.props.title}
-			</h2>
-		);
-	}
+	return (
+		<h2
+			id={props.id}
+			className={`${Styles.ns_title} ${props.classList?.join(" ")}`}
+			style={props.style}
+		>
+			{props.title}
+		</h2>
+	);
 }

package/src/main.ts

@@ -1,12 +1,11 @@
 export * from "./components/NSButtonBlue";
-export * from "./components/NSButtonBlueVector";
 export * from "./components/NSButtonGreen";
 export * from "./components/NSButton";
 export * from "./components/NSButtonRed";
 export * from "./components/NSCard";
 export * from "./components/NSEntityCardBackground";
 export * from "./components/NSEntityBar";
-export * from "./components/NSError";
+export * from "./components/NSInputErrorNotifier";
 export * from "./components/NSFooter";
 export * from "./components/NSHeader";
 export * from "./components/NSCopyToClipboard";
@@ -27,7 +26,7 @@ export * from "./components/NSLayout";
 export * from "./components/NSLayoutHeroBanner";
 export * from "./components/NSLayoutTitle";
 export * from "./components/NSLoading";
-export * from "./components/NSMessenger";
+export * from "./components/NSNotification";
 export * from "./components/NSSelectBox";
 export * from "./components/NSSpace";
 export * from "./components/NSSection";

package/src/pages/NSLoginPage.tsx

@@ -1,8 +1,10 @@
-"use client";
 import { Component } from 'react';
-import { NSLinkBlue, NSButtonGreen, NSSpace, NSSpaceSizeType } from "../main";
 import Styles from './NSLoginPage.module.css'
-interface IProps
+import { NSButtonGreen } from '../components/NSButtonGreen';
+import { NSLinkBlue } from '../components/NSLinkBlue';
+import { NSSpace, NSSpaceSizeType } from '../components/NSSpace';
+
+export interface NSLoginPageProps
 {
     title: string;
     logo: string;
@@ -11,7 +13,7 @@ interface IProps
     onClick?: () => void;
 }
 
-export class NSLoginPage extends Component<IProps>
+export class NSLoginPage extends Component<NSLoginPageProps>
 {
     override render()
     {
@@ -24,7 +26,7 @@ export class NSLoginPage extends Component<IProps>
             <div style={{ backgroundImage: this.props.background, width: "100%", backgroundSize: "cover" }}>
                 <div className={`${Styles.ns_login_container}`} style={{ marginTop: "100px" }}>
                     <div className={`${Styles.ns_logo}`}>
-                        <img width={256} height={256} src={this.props.logo} alt="logo"></img>
+                        <img width={256} height={256} src={this.props.logo} alt={`${this.props.title} Logo`}></img>
                     </div>
                     <NSSpace size={NSSpaceSizeType.SMALL} />
                     <div><h1 className={`${Styles.ns_title}`}>{this.props.title}</h1></div>
@@ -33,7 +35,7 @@ export class NSLoginPage extends Component<IProps>
                         {button}
                     </div>
                 </div>
-            </div>
+            </div >
         );
     }
 }

package/src/props/BaseComponentProps.ts

@@ -2,6 +2,7 @@ import React from "react";
 
 export interface BaseComponentProps
 {
+    id?: string;
     classList?: string[]
     style?: React.CSSProperties
 }

package/dist/components/NSButtonBlueVector.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-export interface NSButtonBlueVectorProps {
-    title: string;
-    vector: string;
-    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-}
-export interface NSButtonBlueVectorState {
-    title: string;
-    vector: string;
-}
-export declare class NSButtonBlueVector extends React.Component<NSButtonBlueVectorProps, NSButtonBlueVectorState> {
-    constructor(props: NSButtonBlueVectorProps);
-    setTitle(title: string, vector: string): void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}

package/dist/components/NSButtonBlueVector.js

@@ -1,17 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import Style from "./NSButtonBlueVector.module.css";
-export class NSButtonBlueVector extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { title: props.title, vector: props.vector };
-    }
-    setTitle(title, vector) {
-        this.setState({ title, vector });
-    }
-    render() {
-        return (_jsxs("button", { onClick: e => this.props.onClick(e), className: Style.ns_button_blue_vector, children: [_jsx("img", { src: this.state.vector, width: 16, height: 16 }), this.state.title] }));
-    }
-}
-//# sourceMappingURL=NSButtonBlueVector.js.map

package/dist/components/NSButtonBlueVector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NSButtonBlueVector.js","sourceRoot":"","sources":["../../src/components/NSButtonBlueVector.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAepD,MAAM,OAAO,kBAAmB,SAAQ,KAAK,CAAC,SAA2D;IAErG,YAAY,KAA8B;QAEtC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;IAC9D,CAAC;IACD,QAAQ,CAAC,KAAa,EAAE,MAAc;QAElC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;IACrC,CAAC;IACQ,MAAM;QAEX,OAAO,CAEH,kBAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,qBAAqB,aAC/E,cAAK,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACrD,IAAI,CAAC,KAAK,CAAC,KAAK,IACZ,CAEZ,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSButtonBlueVector.module.css

@@ -1,17 +0,0 @@
-.ns_button_blue_vector {
-    background-color: rgba(3, 119, 255, 1);
-    max-width: 100%;
-    border: 0;
-    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
-    font-size: 16px;
-    width: 128px;
-    height: 48px;
-    border-radius: 8px;
-    color: white;
-    font-weight: 400;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    gap: 8px;
-}

package/dist/components/NSError.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-export interface NSErrorProps {
-    text: string;
-    show: boolean;
-}
-export interface NSErroState {
-}
-export declare class NSError extends React.Component<NSErrorProps, NSErroState> {
-    constructor(props: NSErrorProps);
-    render(): import("react/jsx-runtime").JSX.Element;
-}

package/dist/components/NSError.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
-import Styles from "./NSError.module.css";
-import Danger from '../assets/images/danger.svg';
-export class NSError extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        return _jsx(_Fragment, { children: this.props.show && (_jsx(_Fragment, { children: _jsxs("div", { className: "d-flex justify-content-start align-items-center gap-2 ms-2", children: [_jsx("img", { className: "", src: Danger, alt: "Error Icon", width: 13, height: 13 }), _jsx("span", { className: Styles.ns_input_error, children: this.props.text })] }) })) });
-    }
-}
-//# sourceMappingURL=NSError.js.map

package/dist/components/NSError.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NSError.js","sourceRoot":"","sources":["../../src/components/NSError.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAWjD,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAoC;IAEnE,YAAY,KAAmB;QAE3B,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEQ,MAAM;QAEX,OAAO,4BACF,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAChB,4BACI,eAAK,SAAS,EAAC,4DAA4D,aACvE,cACI,SAAS,EAAE,EAAE,EACb,GAAG,EAAE,MAAM,EACX,GAAG,EAAC,YAAY,EAChB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAQ,IAC9D,GACP,CACN,GACF,CAAA;IACP,CAAC;CACJ"}

package/dist/components/NSMessenger.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-export interface NSMessengerProps {
-    title: string;
-    success: boolean;
-}
-export interface NSMessengerState {
-    show: boolean;
-}
-export declare class NSMessenger extends React.Component<NSMessengerProps, NSMessengerState> {
-    constructor(props: NSMessengerProps);
-    componentDidMount(): void;
-    handleDestroy: () => void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}

package/dist/components/NSMessenger.js

@@ -1,23 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
-import Exit from '../assets/images/close-vector.png';
-import Styles from "./NSMessenger.module.css";
-export class NSMessenger extends React.Component {
-    constructor(props) {
-        super(props);
-        this.handleDestroy = () => {
-            this.setState({ show: false });
-        };
-        this.state = {
-            show: true,
-        };
-    }
-    componentDidMount() {
-        setTimeout(() => { this.handleDestroy(); }, 8000);
-    }
-    render() {
-        return _jsx(_Fragment, { children: this.state.show && (_jsxs("div", { className: `${Styles.ns_messenger} "" ${this.props.success == true ? Styles.ns_green : Styles.ns_red}`, children: [_jsx("p", { className: `mb-0 ns-font-16-normal`, children: this.props.title }), _jsx("img", { className: Styles.ns_exit_icon, src: Exit, alt: "exit", width: 32, height: 32, onClick: () => this.handleDestroy() })] })) });
-    }
-}
-//# sourceMappingURL=NSMessenger.js.map

package/dist/components/NSMessenger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NSMessenger.js","sourceRoot":"","sources":["../../src/components/NSMessenger.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,mCAAmC,CAAC;AACrD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAa9C,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA6C;IAEhF,YAAY,KAAuB;QAE/B,KAAK,CAAC,KAAK,CAAC,CAAC;QAWjB,kBAAa,GAAG,GAAG,EAAE;YAEjB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QACnC,CAAC,CAAC;QAbE,IAAI,CAAC,KAAK,GAAG;YACT,IAAI,EAAE,IAAI;SACb,CAAC;IACN,CAAC;IAEQ,iBAAiB;QAEtB,UAAU,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,aAAa,EAAE,CAAA,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IACrD,CAAC;IAOQ,MAAM;QAEX,OAAO,4BACF,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAChB,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,aACvG,YAAG,SAAS,EAAE,wBAAwB,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAK,EAC9D,cACI,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,GAAG,EAAE,IAAI,EACT,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,GACrC,IACA,CACT,GACF,CAAA;IACP,CAAC;CACJ"}

package/dist/components/NSMessenger.module.css

@@ -1,16 +0,0 @@
-.ns_messenger {
-    background-color: #fff;
-    padding: 12px 15px;
-    display: flex;
-        justify-content: space-between;
-        align-items: center;
-}
-
-.ns_green {
-    border: 3px solid rgba(112, 224, 0, 1);
-    box-shadow: 1px 1px 8px 0px rgba(112, 224, 0, 1);
-}
-.ns_red {
-    border: 3px solid red;
-    box-shadow: 1px 1px 8px 0px red;
-}

package/dist/props/BackgroundProps.d.ts

@@ -1,6 +0,0 @@
-export interface BackgroundProps {
-    image?: string;
-    color?: string;
-    position?: string;
-    filter?: string;
-}

package/dist/props/BackgroundProps.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=BackgroundProps.js.map

package/dist/props/BackgroundProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackgroundProps.js","sourceRoot":"","sources":["../../src/props/BackgroundProps.ts"],"names":[],"mappings":""}

package/dist/props/NSButtonProps.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { BackgroundProps } from "./BackgroundProps";
-import { ImageProps } from "./ImageProps";
-export interface NSButtonProps {
-    title: string;
-    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    border?: string;
-    background?: BackgroundProps;
-    icon?: ImageProps;
-}

package/dist/props/NSButtonProps.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=NSButtonProps.js.map

package/dist/props/NSButtonProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NSButtonProps.js","sourceRoot":"","sources":["../../src/props/NSButtonProps.ts"],"names":[],"mappings":""}

package/src/components/NSButtonBlueVector.module.css

@@ -1,17 +0,0 @@
-.ns_button_blue_vector {
-    background-color: rgba(3, 119, 255, 1);
-    max-width: 100%;
-    border: 0;
-    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
-    font-size: 16px;
-    width: 128px;
-    height: 48px;
-    border-radius: 8px;
-    color: white;
-    font-weight: 400;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    gap: 8px;
-}

package/src/components/NSButtonBlueVector.tsx

@@ -1,41 +0,0 @@
-"use client";
-
-import React from "react";
-import Style from "./NSButtonBlueVector.module.css";
-
-export interface NSButtonBlueVectorProps
-{
-    title: string;
-    vector: string;
-    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-}
-
-export interface NSButtonBlueVectorState
-{
-    title: string;
-    vector: string;
-}
-
-export class NSButtonBlueVector extends React.Component<NSButtonBlueVectorProps, NSButtonBlueVectorState>
-{
-    constructor(props: NSButtonBlueVectorProps)
-    {
-        super(props);
-        this.state = { title: props.title, vector: props.vector };
-    }
-    setTitle(title: string, vector: string)
-    {
-        this.setState({ title, vector });
-    }
-    override render()
-    {
-        return (
-
-            <button onClick={e => this.props.onClick(e)} className={Style.ns_button_blue_vector}>
-                <img src={this.state.vector} width={16} height={16} />
-                {this.state.title}
-            </button>
-
-        );
-    }
-}

package/src/components/NSError.tsx

@@ -1,42 +0,0 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSError.module.css";
-import Danger from '../assets/images/danger.svg';
-
-export interface NSErrorProps
-{
-    text: string;
-    show: boolean;
-}
-
-export interface NSErroState
-{ }
-
-export class NSError extends React.Component<NSErrorProps, NSErroState>
-{
-    constructor(props: NSErrorProps)
-    {
-        super(props);
-    }
-
-    override render()
-    {
-        return <>
-            {this.props.show && (
-                <>
-                    <div className="d-flex justify-content-start align-items-center gap-2 ms-2">
-                        <img
-                            className={""}
-                            src={Danger}
-                            alt="Error Icon"
-                            width={13}
-                            height={13}
-                        />
-                        <span className={Styles.ns_input_error}>{this.props.text}</span>
-                    </div>
-                </>
-            )}
-        </>
-    }
-}

package/src/components/NSMessenger.module.css

@@ -1,16 +0,0 @@
-.ns_messenger {
-    background-color: #fff;
-    padding: 12px 15px;
-    display: flex;
-        justify-content: space-between;
-        align-items: center;
-}
-
-.ns_green {
-    border: 3px solid rgba(112, 224, 0, 1);
-    box-shadow: 1px 1px 8px 0px rgba(112, 224, 0, 1);
-}
-.ns_red {
-    border: 3px solid red;
-    box-shadow: 1px 1px 8px 0px red;
-}

package/src/components/NSMessenger.tsx

@@ -1,56 +0,0 @@
-"use client";
-
-import React from "react";
-import Exit from '../assets/images/close-vector.png';
-import Styles from "./NSMessenger.module.css";
-
-export interface NSMessengerProps
-{
-    title: string;
-    success: boolean;
-}
-
-export interface NSMessengerState
-{
-    show: boolean;
-}
-
-export class NSMessenger extends React.Component<NSMessengerProps, NSMessengerState>
-{
-    constructor(props: NSMessengerProps)
-    {
-        super(props);
-        this.state = {
-            show: true,
-        };
-    }
-
-    override componentDidMount(): void
-    {
-        setTimeout(() => { this.handleDestroy() }, 8000);
-    }
-
-    handleDestroy = () =>
-    {
-        this.setState({ show: false });
-    };
-
-    override render()
-    {
-        return <>
-            {this.state.show && (
-                <div className={`${Styles.ns_messenger} "" ${this.props.success == true ? Styles.ns_green : Styles.ns_red}`}>
-                    <p className={`mb-0 ns-font-16-normal`}>{this.props.title}</p>
-                    <img
-                        className={Styles.ns_exit_icon}
-                        src={Exit}
-                        alt="exit"
-                        width={32}
-                        height={32}
-                        onClick={() => this.handleDestroy()}
-                    />
-                </div>
-            )}
-        </>
-    }
-}

package/src/props/BackgroundProps.ts

@@ -1,7 +0,0 @@
-export interface BackgroundProps
-{
-	image?: string,
-	color?: string,
-	position?: string,
-	filter?: string
-}

package/src/props/NSButtonProps.ts

@@ -1,11 +0,0 @@
-import { BackgroundProps } from "./BackgroundProps";
-import { ImageProps } from "./ImageProps";
-
-export interface NSButtonProps
-{
-    title: string;
-    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    border?: string;
-    background?: BackgroundProps;
-    icon?: ImageProps;
-}