namirasoft-site-react 1.3.60 → 1.3.62

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/src/props/ValidationNumberProps.ts

@@ -1,6 +1,4 @@
-import { ValidationProps } from "./ValidationProps";
-
-export interface ValidationNumberProps extends ValidationProps
+export interface ValidationNumberProps 
 {
     min?: number;
     max?: number;

package/src/props/ValidationProps.ts

@@ -4,4 +4,5 @@ export interface ValidationProps
 {
     required: boolean;
     regex?: ValidationRegexProps;
+    validator?: (name: string, value: string | number | null | undefined) => string | null;
 }

package/src/props/ValidationStringProps.ts

@@ -1,6 +1,4 @@
-import { ValidationProps } from "./ValidationProps";
-
-export interface ValidationStringProps extends ValidationProps
+export interface ValidationStringProps
 {
     min_length?: number;
     max_length?: number;

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/components/NSInputDuration.module.css

@@ -1,26 +0,0 @@
-.ns_input_parent {
-    display: flex;
-    flex-direction: column;
-    width: 326px;
-    color: #fff;
-    position: relative;
-    max-width: 100%;
-}
-
-.ns_input {
-    border-radius: 8px;
-    padding: 10px 12px;
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.ns_input_icon {
-    position: absolute;
-    right: 20px;
-    top: 51%;
-}
-
-.ns_input_title {
-    font-size: 16px;
-    font-weight: 400;
-}

package/dist/components/NSInputEmail.module.css

@@ -1,38 +0,0 @@
-.ns_input_parent {
-    display: flex;
-    flex-direction: column;
-    width: 326px;
-    color: #fff;
-    position: relative;
-    max-width: 100%;
-}
-
-.ns_input {
-    border-radius: 8px;
-    padding: 10px 12px;
-}
-
-.ns_input_icon {
-    position: absolute;
-    right: 20px;
-    top: 51%;
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.ns_input_title {
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.ns_input_error {
-    color: #FF3F3F !important;
-}
-
-.ns_input_error:focus {
-    color: #FF3F3F !important;
-}
-
-.ns_input_red {
-    border: 2px solid #FF3F3F;
-}

package/dist/components/NSInputFloat.module.css

@@ -1,26 +0,0 @@
-.ns_input_parent {
-    display: flex;
-    flex-direction: column;
-    width: 326px;
-    color: #fff;
-    position: relative;
-    max-width: 100%;
-}
-
-.ns_input {
-    border-radius: 8px;
-    padding: 10px 12px;
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.ns_input_icon {
-    position: absolute;
-    right: 20px;
-    top: 51%;
-}
-
-.ns_input_title {
-    font-size: 16px;
-    font-weight: 400;
-}

package/dist/components/NSInputIP.module.css

@@ -1,26 +0,0 @@
-.ns_input_parent {
-    display: flex;
-    flex-direction: column;
-    width: 326px;
-    color: #fff;
-    position: relative;
-    max-width: 100%;
-}
-
-.ns_input {
-    border-radius: 8px;
-    padding: 10px 12px;
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.ns_input_icon {
-    position: absolute;
-    right: 20px;
-    top: 51%;
-}
-
-.ns_input_title {
-    font-size: 16px;
-    font-weight: 400;
-}

package/dist/components/NSInputInteger.module.css

@@ -1,26 +0,0 @@
-.ns_input_parent {
-    display: flex;
-    flex-direction: column;
-    width: 326px;
-    color: #fff;
-    position: relative;
-    max-width: 100%;
-}
-
-.ns_input {
-    border-radius: 8px;
-    padding: 10px 12px;
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.ns_input_icon {
-    position: absolute;
-    right: 20px;
-    top: 51%;
-}
-
-.ns_input_title {
-    font-size: 16px;
-    font-weight: 400;
-}

package/dist/components/NSInputPassword.module.css

@@ -1,27 +0,0 @@
-.ns_input_parent {
-    display: flex;
-    flex-direction: column;
-    width: 326px;
-    color: #fff;
-    position: relative;
-    max-width: 100%;
-}
-
-.ns_input {
-    border-radius: 8px;
-    padding: 10px 12px;
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.ns_input_icon {
-    position: absolute;
-    right: 20px;
-    top: 51%;
-    z-index: 1;
-}
-
-.ns_input_title {
-    font-size: 16px;
-    font-weight: 400;
-}

package/dist/components/NSInputPhone.module.css

@@ -1,33 +0,0 @@
-.ns_input_parent {
-    display: flex;
-    flex-direction: column;
-    width: 326px;
-
-    position: relative;
-    max-width: 100%;
-}
-
-.ns_input {
-    height: 48px !important;
-    font-size: 16px !important;
-    font-weight: 400;
-    width: 310px !important;
-}
-
-.ns_input span {
-    color: #000 !important;
-
-}
-
-.ns_input_icon {
-    position: absolute;
-    right: 20px;
-    top: 51%;
-    z-index: 1;
-}
-
-.ns_input_title {
-    color: #fff;
-    font-size: 16px;
-    font-weight: 400;
-}

package/dist/components/NSInputPrice.module.css

@@ -1,27 +0,0 @@
-.ns_input_parent {
-    display: flex;
-    flex-direction: column;
-    width: 326px;
-    color: #fff;
-    position: relative;
-    max-width: 100%;
-}
-
-.ns_input {
-    border-radius: 8px;
-    padding: 10px 12px;
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.ns_input_icon {
-    position: absolute;
-    right: 20px;
-    top: 33%;
-    z-index: 1;
-}
-
-.ns_input_title {
-    font-size: 16px;
-    font-weight: 400;
-}

package/dist/components/NSInputSearch.module.css

@@ -1,27 +0,0 @@
-.ns_input_form {
-    display: flex;
-    flex-direction: column;
-    width: 326px;
-    color: #fff;
-    max-width: 100%;
-    position: relative;
-}
-
-.ns_input {
-    border-radius: 8px;
-    padding: 10px 12px;
-    font-size: 16px;
-    font-weight: 400;
-    border: 1px solid rgba(47, 0, 236, 0.6);
-}
-
-.ns_input_icon {
-    position: absolute;
-    right: 20px;
-    top: 34%;
-}
-
-.ns_input_title {
-    font-size: 16px;
-    font-weight: 400;
-}

package/dist/components/NSInputString.module.css

@@ -1,27 +0,0 @@
-.ns_input_parent {
-    display: flex;
-    flex-direction: column;
-    width: 326px;
-    color: #fff;
-    position: relative;
-    max-width: 100%;
-}
-
-.ns_input {
-    border-radius: 8px;
-    padding: 10px 12px;
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.ns_input_icon {
-    position: absolute;
-    right: 20px;
-    top: 51%;
-    z-index: 1;
-}
-
-.ns_input_title {
-    font-size: 16px;
-    font-weight: 400;
-}

package/dist/components/NSInputText.module.css

@@ -1,28 +0,0 @@
-.ns_input_parent {
-    display: flex;
-    flex-direction: column;
-    width: 326px;
-    color: #fff;
-    position: relative;
-    max-width: 100%;
-    padding: 8px;
-}
-
-.ns_input {
-    border-radius: 8px;
-    padding: 10px 12px;
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.ns_input_icon {
-    position: absolute;
-    right: 20px;
-    top: 51%;
-    z-index: 1;
-}
-
-.ns_input_title {
-    font-size: 16px;
-    font-weight: 400;
-}

package/dist/components/NSInputTime.module.css

@@ -1,27 +0,0 @@
-.ns_input_parent {
-    display: flex;
-    flex-direction: column;
-    width: 326px;
-    color: #fff;
-    position: relative;
-    max-width: 100%;
-}
-
-.ns_input {
-    border-radius: 8px;
-    padding: 10px 12px;
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.ns_input_icon {
-    position: absolute;
-    right: 20px;
-    top: 51%;
-    z-index: 1;
-}
-
-.ns_input_title {
-    font-size: 16px;
-    font-weight: 400;
-}

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/components/NSInputDuration.module.css

@@ -1,26 +0,0 @@
-.ns_input_parent {
-    display: flex;
-    flex-direction: column;
-    width: 326px;
-    color: #fff;
-    position: relative;
-    max-width: 100%;
-}
-
-.ns_input {
-    border-radius: 8px;
-    padding: 10px 12px;
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.ns_input_icon {
-    position: absolute;
-    right: 20px;
-    top: 51%;
-}
-
-.ns_input_title {
-    font-size: 16px;
-    font-weight: 400;
-}

package/src/components/NSInputEmail.module.css

@@ -1,38 +0,0 @@
-.ns_input_parent {
-    display: flex;
-    flex-direction: column;
-    width: 326px;
-    color: #fff;
-    position: relative;
-    max-width: 100%;
-}
-
-.ns_input {
-    border-radius: 8px;
-    padding: 10px 12px;
-}
-
-.ns_input_icon {
-    position: absolute;
-    right: 20px;
-    top: 51%;
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.ns_input_title {
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.ns_input_error {
-    color: #FF3F3F !important;
-}
-
-.ns_input_error:focus {
-    color: #FF3F3F !important;
-}
-
-.ns_input_red {
-    border: 2px solid #FF3F3F;
-}

package/src/components/NSInputFloat.module.css

@@ -1,26 +0,0 @@
-.ns_input_parent {
-    display: flex;
-    flex-direction: column;
-    width: 326px;
-    color: #fff;
-    position: relative;
-    max-width: 100%;
-}
-
-.ns_input {
-    border-radius: 8px;
-    padding: 10px 12px;
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.ns_input_icon {
-    position: absolute;
-    right: 20px;
-    top: 51%;
-}
-
-.ns_input_title {
-    font-size: 16px;
-    font-weight: 400;
-}