namirasoft-site-react 1.4.1 → 1.4.2

package/src/routing/NSRouterMaker.tsx

@@ -1,34 +1,34 @@
-import { INSRouterProps } from './INSRouterProps';
-import { INSRouterMaker } from './INSRouterMaker';
-import { INSRouterState } from './INSRouterState';
-import { Notifier } from './Notifier';
-
-export class NSRouterMaker
-{
-    private state: INSRouterState | undefined;
-    private setState: React.Dispatch<React.SetStateAction<INSRouterState | undefined>>;
-    private component: INSRouterMaker;
-    constructor(state: INSRouterState | undefined, setState: React.Dispatch<React.SetStateAction<INSRouterState | undefined>>, component: INSRouterMaker)
-    {
-        this.state = state;
-        this.setState = setState;
-        this.component = component;
-        this.init = this.init.bind(this);
-        this.onRender = this.onRender.bind(this);
-    }
-    private init(): { props: INSRouterProps }
-    {
-        let notifier: Notifier = new Notifier(this.state, this.setState);
-
-        let props: INSRouterProps = {
-            notifier
-        };
-
-        return { props };
-    }
-    onRender(): React.JSX.Element
-    {
-        let { props } = this.init();
-        return this.component.onRender(props);
-    }
+import { INSRouterProps } from './INSRouterProps';
+import { INSRouterMaker } from './INSRouterMaker';
+import { INSRouterState } from './INSRouterState';
+import { Notifier } from './Notifier';
+
+export class NSRouterMaker
+{
+    private state: INSRouterState | undefined;
+    private setState: React.Dispatch<React.SetStateAction<INSRouterState | undefined>>;
+    private component: INSRouterMaker;
+    constructor(state: INSRouterState | undefined, setState: React.Dispatch<React.SetStateAction<INSRouterState | undefined>>, component: INSRouterMaker)
+    {
+        this.state = state;
+        this.setState = setState;
+        this.component = component;
+        this.init = this.init.bind(this);
+        this.onRender = this.onRender.bind(this);
+    }
+    private init(): { props: INSRouterProps }
+    {
+        let notifier: Notifier = new Notifier(this.state, this.setState);
+
+        let props: INSRouterProps = {
+            notifier
+        };
+
+        return { props };
+    }
+    onRender(): React.JSX.Element
+    {
+        let { props } = this.init();
+        return this.component.onRender(props);
+    }
 };

package/src/routing/Notifier.ts

@@ -1,80 +1,80 @@
-import axios from "axios";
-import { NSBarNotificationColor, INSBarNotificationProps, NotificationType } from "../components/NSBarNotification";
-import { INSRouterState } from "./INSRouterState";
-
-export class Notifier
-{
-    private static Counter: number = 1;
-    private state: INSRouterState | undefined;
-    private setState: React.Dispatch<React.SetStateAction<INSRouterState | undefined>>;
-    constructor(state: INSRouterState | undefined, setState: React.Dispatch<React.SetStateAction<INSRouterState | undefined>>)
-    {
-        this.state = state;
-        this.setState = setState;
-        this.notify = this.notify.bind(this);
-        this.onInformation = this.onInformation.bind(this);
-        this.onSuccess = this.onSuccess.bind(this);
-        this.onWarning = this.onWarning.bind(this);
-        this.onError = this.onError.bind(this);
-        this.delNotification = this.delNotification.bind(this);
-        this.getNotifications = this.getNotifications.bind(this);
-    }
-    private notify(message: INSBarNotificationProps) 
-    {
-        let notifications: INSBarNotificationProps[] = [];
-        if (this.state?.notifications)
-            notifications.push(...this.state.notifications);
-        notifications.push(message);
-        this.setState({ notifications });
-        setTimeout(() =>
-        {
-            message.onClose();
-        }, 5000);
-        window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
-    }
-    onInformation(text: string) 
-    {
-        let id = Notifier.Counter++ + "";
-        this.notify({ id, text, type: NotificationType.Information, color: NSBarNotificationColor.GRAY, onClose: () => this.delNotification(id) });
-    }
-    onSuccess(text: string) 
-    {
-        let id = Notifier.Counter++ + "";
-        this.notify({ id, text, type: NotificationType.Success, color: NSBarNotificationColor.GREEN, onClose: () => this.delNotification(id) });
-    }
-    onWarning(text: string) 
-    {
-        let id = Notifier.Counter++ + "";
-        this.notify({ id, text, type: NotificationType.Warning, color: NSBarNotificationColor.YELLOW, onClose: () => this.delNotification(id) });
-    }
-    onError(error: Error | string) 
-    {
-        let id = Notifier.Counter++ + "";
-        let text: string = "";
-        if (error instanceof Error)
-        {
-            text = error.message;
-            if (axios.isAxiosError(error))
-                if (error.response?.data)
-                    text = error.response.data;
-        }
-        else
-            text = error;
-        this.notify({ id, text, type: NotificationType.Error, color: NSBarNotificationColor.RED, onClose: () => this.delNotification(id) });
-    }
-    delNotification(id: string): void
-    {
-        if (!this.state)
-            return;
-
-        let notifications: INSBarNotificationProps[] = [];
-        if (this.state.notifications)
-            notifications.push(...this.state.notifications);
-        notifications = notifications.filter(x => x.id !== id);
-        this.setState({ notifications });
-    }
-    getNotifications(): INSBarNotificationProps[]
-    {
-        return this.state?.notifications ?? [];
-    }
+import axios from "axios";
+import { NSBarNotificationColor, INSBarNotificationProps, NotificationType } from "../components/NSBarNotification";
+import { INSRouterState } from "./INSRouterState";
+
+export class Notifier
+{
+    private static Counter: number = 1;
+    private state: INSRouterState | undefined;
+    private setState: React.Dispatch<React.SetStateAction<INSRouterState | undefined>>;
+    constructor(state: INSRouterState | undefined, setState: React.Dispatch<React.SetStateAction<INSRouterState | undefined>>)
+    {
+        this.state = state;
+        this.setState = setState;
+        this.notify = this.notify.bind(this);
+        this.onInformation = this.onInformation.bind(this);
+        this.onSuccess = this.onSuccess.bind(this);
+        this.onWarning = this.onWarning.bind(this);
+        this.onError = this.onError.bind(this);
+        this.delNotification = this.delNotification.bind(this);
+        this.getNotifications = this.getNotifications.bind(this);
+    }
+    private notify(message: INSBarNotificationProps) 
+    {
+        let notifications: INSBarNotificationProps[] = [];
+        if (this.state?.notifications)
+            notifications.push(...this.state.notifications);
+        notifications.push(message);
+        this.setState({ notifications });
+        setTimeout(() =>
+        {
+            message.onClose();
+        }, 5000);
+        window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
+    }
+    onInformation(text: string) 
+    {
+        let id = Notifier.Counter++ + "";
+        this.notify({ id, text, type: NotificationType.Information, color: NSBarNotificationColor.GRAY, onClose: () => this.delNotification(id) });
+    }
+    onSuccess(text: string) 
+    {
+        let id = Notifier.Counter++ + "";
+        this.notify({ id, text, type: NotificationType.Success, color: NSBarNotificationColor.GREEN, onClose: () => this.delNotification(id) });
+    }
+    onWarning(text: string) 
+    {
+        let id = Notifier.Counter++ + "";
+        this.notify({ id, text, type: NotificationType.Warning, color: NSBarNotificationColor.YELLOW, onClose: () => this.delNotification(id) });
+    }
+    onError(error: Error | string) 
+    {
+        let id = Notifier.Counter++ + "";
+        let text: string = "";
+        if (error instanceof Error)
+        {
+            text = error.message;
+            if (axios.isAxiosError(error))
+                if (error.response?.data)
+                    text = error.response.data;
+        }
+        else
+            text = error;
+        this.notify({ id, text, type: NotificationType.Error, color: NSBarNotificationColor.RED, onClose: () => this.delNotification(id) });
+    }
+    delNotification(id: string): void
+    {
+        if (!this.state)
+            return;
+
+        let notifications: INSBarNotificationProps[] = [];
+        if (this.state.notifications)
+            notifications.push(...this.state.notifications);
+        notifications = notifications.filter(x => x.id !== id);
+        this.setState({ notifications });
+    }
+    getNotifications(): INSBarNotificationProps[]
+    {
+        return this.state?.notifications ?? [];
+    }
 }

package/tsconfig.json

@@ -1,44 +1,44 @@
-{
-    "compilerOptions": {
-        "target": "ES6",
-        "jsx": "react-jsx",
-        "moduleResolution": "node",
-        "rootDir": "./src",
-        "outDir": "./dist",
-        "lib": [
-            "dom",
-            "dom.iterable",
-            "esnext"
-        ],
-        "allowJs": false,
-        "checkJs": false,
-        "strict": true,
-        "esModuleInterop": true,
-        "sourceMap": true,
-        "resolveJsonModule": true,
-        "declaration": true,
-        "noUnusedLocals": true,
-        "noUnusedParameters": true,
-        "noImplicitAny": true,
-        "noImplicitOverride": true,
-        "noImplicitReturns": true,
-        "noImplicitThis": true,
-        "skipLibCheck": true,
-        "allowSyntheticDefaultImports": true,
-        "forceConsistentCasingInFileNames": true,
-        "noFallthroughCasesInSwitch": true,
-        "isolatedModules": false,
-        "removeComments": true
-    },
-    "include": [
-        "src",
-        "build/types/**/*.ts"
-    ],
-    "exclude": [
-        "node_modules",
-        "build",
-        "dist",
-        "static",
-        "public"
-    ]
+{
+    "compilerOptions": {
+        "target": "ES6",
+        "jsx": "react-jsx",
+        "moduleResolution": "node",
+        "rootDir": "./src",
+        "outDir": "./dist",
+        "lib": [
+            "dom",
+            "dom.iterable",
+            "esnext"
+        ],
+        "allowJs": false,
+        "checkJs": false,
+        "strict": true,
+        "esModuleInterop": true,
+        "sourceMap": true,
+        "resolveJsonModule": true,
+        "declaration": true,
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "noImplicitAny": true,
+        "noImplicitOverride": true,
+        "noImplicitReturns": true,
+        "noImplicitThis": true,
+        "skipLibCheck": true,
+        "allowSyntheticDefaultImports": true,
+        "forceConsistentCasingInFileNames": true,
+        "noFallthroughCasesInSwitch": true,
+        "isolatedModules": false,
+        "removeComments": true
+    },
+    "include": [
+        "src",
+        "build/types/**/*.ts"
+    ],
+    "exclude": [
+        "node_modules",
+        "build",
+        "dist",
+        "static",
+        "public"
+    ]
 }

package/dist/App.css

@@ -1,17 +0,0 @@
-/*Start Input Tell*/
-.country-name {
-    color: #000 !important;
-}
-.country-list {
-    max-width: 206px;
-}
-.react-tel-input .flag-dropdown {
-    border: 1px solid #cacaca;
-    border-radius: 5px 0 0 5px;
-    border: 1px solid rgba(47, 0, 236, 0.6) !important;
-}
-/*End Input Tell*/
-.ns_font_16_bold{
-    font-size: 16px;
-    font-weight: 600;
-}

package/dist/components/NSRadioButton.d.ts

@@ -1,25 +0,0 @@
-import React from "react";
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import { IValidationProps } from "../props/IValidationProps";
-import { IValidationStringProps } from "../props/IValidationStringProps";
-export interface INSRadioButtonProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
-    title: string;
-    placeholder?: string;
-    defaultValue?: boolean;
-    isSelected?: boolean;
-    onChanged?: (e: NSRadioButton) => void;
-    onClick?: () => void;
-}
-export interface INSBoxBooleanState {
-    value: boolean;
-    error?: string;
-}
-export declare class NSRadioButton extends React.Component<INSRadioButtonProps, INSBoxBooleanState> {
-    constructor(props: INSRadioButtonProps);
-    getError(): string | null;
-    getValue(checkError?: boolean): boolean;
-    setValue(value: boolean): void;
-    private onClicked;
-    componentDidUpdate(prevProps: INSRadioButtonProps): void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}

package/dist/components/NSRadioButton.js

@@ -1,49 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
-import Styles from "./NSRadioButton.module.css";
-import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
-export class NSRadioButton extends React.Component {
-    constructor(props) {
-        var _a;
-        super(props);
-        this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : false };
-        this.getValue = this.getValue.bind(this);
-        this.setValue = this.setValue.bind(this);
-        this.onClicked = this.onClicked.bind(this);
-    }
-    getError() {
-        return null;
-    }
-    getValue(checkError = true) {
-        if (checkError) {
-            let error = this.getError();
-            if (error) {
-                this.setState({ error });
-                throw new Error(error);
-            }
-        }
-        return this.state.value;
-    }
-    setValue(value) {
-        this.setState({ value }, () => {
-            if (this.props.onChanged)
-                this.props.onChanged(this);
-        });
-    }
-    onClicked() {
-        this.setValue(true);
-        if (this.props.onClick)
-            this.props.onClick();
-    }
-    componentDidUpdate(prevProps) {
-        var _a;
-        if (prevProps.isSelected !== this.props.isSelected) {
-            this.setValue((_a = this.props.isSelected) !== null && _a !== void 0 ? _a : false);
-        }
-    }
-    render() {
-        var _a;
-        return (_jsxs(_Fragment, { children: [_jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsx("div", { className: Styles.ns_input_transparent, onClick: this.onClicked }), _jsxs("div", { className: Styles.ns_checkbox_parent, children: [_jsx("input", { type: "radio", name: this.props.name, className: Styles.ns_input, checked: this.state.value, onChange: () => { } }), _jsxs("span", { className: Styles.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] })] })] }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }));
-    }
-}
-//# sourceMappingURL=NSRadioButton.js.map

package/dist/components/NSRadioButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NSRadioButton.js","sourceRoot":"","sources":["../../src/components/NSRadioButton.tsx"],"names":[],"mappings":"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"}

package/dist/index.css

@@ -1,6 +0,0 @@
-body {
-    margin: 0;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    background-color: #ccc !important;
-}