namirasoft-site-react 1.3.60 → 1.3.61

package/src/components/NSTable.tsx

@@ -55,7 +55,9 @@ export class NSTable<RowType> extends Component<NSTableProps<RowType>, NSTableSt
             return (row as any)[column];
         }
         return (
-            <div className={`container ${Styles.ns_project_list_container}`}>
+            <div id={this.props.id}
+                className={`container ${Styles.ns_project_list_container} ${this.props.classList?.join(" ")}`}
+                style={this.props.style}>
                 <section className={Styles.ns_search_input}>
                     <NSInputSearch />
                 </section>
@@ -86,8 +88,8 @@ export class NSTable<RowType> extends Component<NSTableProps<RowType>, NSTableSt
                     <NSPagination size={50} page={5} />
                     <NSSpace size={NSSpaceSizeType.SMALL} />
                     <div className={Styles.ns_button}>
-                        <NSButton title='Export' icon={{ src: "/assets/images/export-vector.png" }} onClick={() => { }} border='1px solid rgba(255, 148, 50, 1)' />
-                        <NSButton title='Refresh' icon={{ src: "/assets/images/export-vector.png" }} onClick={() => { }} border='1px solid rgba(3, 119, 255, 1)' />
+                        <NSButton title='Export' icon={{ src: "/assets/images/export-vector.png" }} onClick={() => { }} style={{ border: '1px solid rgba(255, 148, 50, 1)' }} />
+                        <NSButton title='Refresh' icon={{ src: "/assets/images/export-vector.png" }} onClick={() => { }} style={{ border: '1px solid rgba(3, 119, 255, 1)' }} />
                     </div>
                 </section>
                 <NSSpace size={NSSpaceSizeType.SMALL} />

package/src/components/NSTitle.tsx

@@ -1,25 +1,20 @@
-"use client";
-
-import { Component } from 'react';
 import Styles from './NSTitle.module.css';
 import { BaseComponentProps } from "../props/BaseComponentProps";
 
 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,5 +1,4 @@
 export * from "./components/NSButtonBlue";
-export * from "./components/NSButtonBlueVector";
 export * from "./components/NSButtonGreen";
 export * from "./components/NSButton";
 export * from "./components/NSButtonRed";

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,16 +0,0 @@
-import React from "react";
-import { BaseComponentProps } from "../props/BaseComponentProps";
-export interface NSButtonBlueVectorProps extends BaseComponentProps {
-    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;AAgBpD,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/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,11 +0,0 @@
-/// <reference types="react" />
-import { BackgroundProps } from "./BackgroundProps";
-import { BaseComponentProps } from "./BaseComponentProps";
-import { ImageProps } from "./ImageProps";
-export interface NSButtonProps extends BaseComponentProps {
-    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,42 +0,0 @@
-"use client";
-
-import React from "react";
-import Style from "./NSButtonBlueVector.module.css";
-import { BaseComponentProps } from "../props/BaseComponentProps";
-
-export interface NSButtonBlueVectorProps extends BaseComponentProps
-{
-    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/props/BackgroundProps.ts

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

package/src/props/NSButtonProps.ts

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