namirasoft-site-react 1.3.402 → 1.3.404

package/src/components/NSTag.tsx

@@ -1,75 +1,74 @@
 import { Component, createRef } from 'react';
 import { NSBoxString } from './NSBoxString';
-import NSButton from './NSButton';
+import { NSButton } from './NSButton';
 import Styles from './NSTag.module.css';
 
 export interface NSTagProps
 {
-    onChanged?: () => void;
-    onDeleted?: () => void;
+	onChanged?: () => void;
+	onDeleted?: () => void;
 }
 export interface NSTagValue
 {
-    name: string;
-    value: string;
-    description?: string;
+	name: string;
+	value: string;
+	description?: string;
 }
 
-class NSTag extends Component<NSTagProps>
+export class NSTag extends Component<NSTagProps>
 {
-    static isEmpty(value: NSTagValue)
-    {
-        if (value.name || value.value || value.description)
-            return false
-        return true;
-    }
+	static isEmpty(value: NSTagValue)
+	{
+		if (value.name || value.value || value.description)
+			return false
+		return true;
+	}
 
-    private NSBoxString_Key = createRef<NSBoxString>();
-    private NSBoxString_Value = createRef<NSBoxString>();
-    private NSBoxString_Description = createRef<NSBoxString>();
+	private NSBoxString_Key = createRef<NSBoxString>();
+	private NSBoxString_Value = createRef<NSBoxString>();
+	private NSBoxString_Description = createRef<NSBoxString>();
 
-    getValue(checkError: boolean = true): NSTagValue
-    {
-        let name = this.NSBoxString_Key.current?.getValue(checkError) ?? "";
-        let value = this.NSBoxString_Value.current?.getValue(checkError) ?? "";
-        let description = this.NSBoxString_Description.current?.getValue(checkError) ?? "";
-        return {
-            name,
-            value,
-            description
-        };
-    }
-    setValue(value: NSTagValue)
-    {
-        this.NSBoxString_Key.current?.setValue(value.name);
-        this.NSBoxString_Value.current?.setValue(value.value);
-        this.NSBoxString_Description.current?.setValue(value.description ?? "");
-    }
-    override render()
-    {
-        return (
-            <section className={Styles.ns_tag_input_container} >
-                <div className={Styles.ns_tag_input_group}>
-                    <NSBoxString ref={this.NSBoxString_Key} title='Name' required onChanged={this.props.onChanged} />
-                    <NSBoxString ref={this.NSBoxString_Value} title='Value' required onChanged={this.props.onChanged} />
-                    <NSBoxString ref={this.NSBoxString_Description} title='Description' required={false} onChanged={this.props.onChanged} />
-                    <NSButton
-                        title='Remove'
-                        onClick={() =>
-                        {
-                            if (this.props.onDeleted)
-                                this.props.onDeleted();
-                        }}
-                        style={{
-                            backgroundColor: "transparent",
-                            border: "1px solid rgba(3, 119, 255, 1)",
-                            width: "145px",
-                            marginTop: "28px"
-                        }}
-                    />
-                </div>
-            </section>
-        );
-    }
-}
-export default NSTag;
+	getValue(checkError: boolean = true): NSTagValue
+	{
+		let name = this.NSBoxString_Key.current?.getValue(checkError) ?? "";
+		let value = this.NSBoxString_Value.current?.getValue(checkError) ?? "";
+		let description = this.NSBoxString_Description.current?.getValue(checkError) ?? "";
+		return {
+			name,
+			value,
+			description
+		};
+	}
+	setValue(value: NSTagValue)
+	{
+		this.NSBoxString_Key.current?.setValue(value.name);
+		this.NSBoxString_Value.current?.setValue(value.value);
+		this.NSBoxString_Description.current?.setValue(value.description ?? "");
+	}
+	override render()
+	{
+		return (
+			<section className={Styles.ns_tag_input_container} >
+				<div className={Styles.ns_tag_input_group}>
+					<NSBoxString ref={this.NSBoxString_Key} title='Name' required onChanged={this.props.onChanged} />
+					<NSBoxString ref={this.NSBoxString_Value} title='Value' required onChanged={this.props.onChanged} />
+					<NSBoxString ref={this.NSBoxString_Description} title='Description' required={false} onChanged={this.props.onChanged} />
+					<NSButton
+						title='Remove'
+						onClick={() =>
+						{
+							if (this.props.onDeleted)
+								this.props.onDeleted();
+						}}
+						style={{
+							backgroundColor: "transparent",
+							border: "1px solid rgba(3, 119, 255, 1)",
+							width: "145px",
+							marginTop: "28px"
+						}}
+					/>
+				</div>
+			</section>
+		);
+	}
+}

package/src/components/NSVerification.tsx

@@ -1,8 +1,9 @@
 import React, { useState } from "react";
-import vector from '../assets/images/verify.png'
-import { IBaseComponentProps, IImageProps } from '../main';
-import NSBoxOTP from './NSBoxOTP';
+import { IBaseComponentProps } from '../props/IBaseComponentProps';
+import { IImageProps } from '../props/IImageProps';
+import { NSBoxOTP } from './NSBoxOTP';
 import Styles from './NSVerification.module.css'
+import vector from '../assets/images/verify.png'
 
 interface INSVerificationProps extends IBaseComponentProps {
     verificationType : string;
@@ -12,7 +13,7 @@ interface INSVerificationProps extends IBaseComponentProps {
 
 
 
-function NSVerification(props:INSVerificationProps) {
+export function NSVerification(props:INSVerificationProps) {
     const [values, setValue] = useState<string>('')
 
     function onChanged(event: React.ChangeEvent<HTMLInputElement>): string | undefined
@@ -37,6 +38,4 @@ function NSVerification(props:INSVerificationProps) {
             <NSBoxOTP onChanged={onChanged}/>
         </div>
     );
-}
-
-export default NSVerification;
+}

package/src/formatter/BackColorFormatter.tsx

@@ -1,4 +1,4 @@
-import { TableColumnInfo, TableRowInfo } from "../main";
+import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
 import { BaseColumnFormatter } from "./BaseColumnFormatter";
 
 export class BackColorFormatter extends BaseColumnFormatter

package/src/formatter/BaseColumnFormatter.ts

@@ -1,5 +1,5 @@
 import { BaseMetaColumn } from "namirasoft-core";
-import { TableColumnInfo, TableRowInfo } from "../main";
+import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
 
 export abstract class BaseColumnFormatter
 {

package/src/formatter/ForeColorFormatter.tsx

@@ -1,4 +1,4 @@
-import { TableColumnInfo, TableRowInfo } from "../main";
+import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
 import { BaseColumnFormatter } from "./BaseColumnFormatter";
 
 export class ForeColorFormatter extends BaseColumnFormatter

package/src/pages/NSNotFoundPage.tsx

@@ -1,5 +1,5 @@
+import { NSLinkBlue } from '../components/NSLinkBlue';
 import Styles from './NSNotFoundPage.module.css'
-import { NSLinkBlue } from '../main';
 
 export function NSNotFoundPage()
 {