namirasoft-site-react 1.2.40 → 1.2.42

package/src/components/NSTable.modules.css

@@ -1,77 +1,77 @@
-.thead th {
-    background-color: rgb(0, 0, 0, 0.3);
-    color: rgba(255, 255, 255, 1);
-    border: none;
-}
-
-.tbody th {
-    background-color: rgb(0, 0, 0, 0.3);
-    color: rgba(255, 255, 255, 1);
-    border: none;
-}
-
-.tbody td {
-    background-color: rgb(0, 0, 0, 0.3);
-    color: rgba(255, 255, 255, 1);
-    border: none;
-}
-
-.project_list_container {
-    border: none;
-    text-align: left;
-}
-
-@media only screen and (max-width:600px) {
-    .project_list_container {
-        overflow: scroll;
-    }
-}
-
-/* table-satus */
-.inqueue_status {
-    color: white;
-    background-color: rgba(255, 148, 50, 1);
-    font-size: 12px;
-    width: 96px;
-    height: 24px;
-    border-radius: 24px;
-    border: none;
-    text-align: center;
-    padding-top: 2px;
-}
-
-.reserving_status {
-    color: white;
-    background-color: rgba(255, 79, 79, 1);
-    font-size: 12px;
-    width: 96px;
-    height: 24px;
-    border-radius: 24px;
-    border: none;
-    text-align: center;
-    padding-top: 2px;
-}
-
-.done-status {
-    color: white;
-    background-color: rgba(6, 209, 130, 1);
-    font-size: 12px;
-    width: 96px;
-    height: 24px;
-    border-radius: 24px;
-    border: none;
-    text-align: center;
-    padding-top: 2px;
-}
-
-.inprogress_status {
-    color: white;
-    background-color: rgba(230, 208, 19, 1);
-    font-size: 12px;
-    width: 96px;
-    height: 24px;
-    border-radius: 24px;
-    border: none;
-    text-align: center;
-    padding-top: 2px;
+.thead th {
+    background-color: rgb(0, 0, 0, 0.3);
+    color: rgba(255, 255, 255, 1);
+    border: none;
+}
+
+.tbody th {
+    background-color: rgb(0, 0, 0, 0.3);
+    color: rgba(255, 255, 255, 1);
+    border: none;
+}
+
+.tbody td {
+    background-color: rgb(0, 0, 0, 0.3);
+    color: rgba(255, 255, 255, 1);
+    border: none;
+}
+
+.project_list_container {
+    border: none;
+    text-align: left;
+}
+
+@media only screen and (max-width:600px) {
+    .project_list_container {
+        overflow: scroll;
+    }
+}
+
+/* table-satus */
+.inqueue_status {
+    color: white;
+    background-color: rgba(255, 148, 50, 1);
+    font-size: 12px;
+    width: 96px;
+    height: 24px;
+    border-radius: 24px;
+    border: none;
+    text-align: center;
+    padding-top: 2px;
+}
+
+.reserving_status {
+    color: white;
+    background-color: rgba(255, 79, 79, 1);
+    font-size: 12px;
+    width: 96px;
+    height: 24px;
+    border-radius: 24px;
+    border: none;
+    text-align: center;
+    padding-top: 2px;
+}
+
+.done-status {
+    color: white;
+    background-color: rgba(6, 209, 130, 1);
+    font-size: 12px;
+    width: 96px;
+    height: 24px;
+    border-radius: 24px;
+    border: none;
+    text-align: center;
+    padding-top: 2px;
+}
+
+.inprogress_status {
+    color: white;
+    background-color: rgba(230, 208, 19, 1);
+    font-size: 12px;
+    width: 96px;
+    height: 24px;
+    border-radius: 24px;
+    border: none;
+    text-align: center;
+    padding-top: 2px;
 }

package/src/components/NSTable.tsx

@@ -1,65 +1,65 @@
-"use client";
-
-import "./NSTable.modules.css";
-import { Component } from 'react';
-
-interface IProps<RowType>
-{
-    columns: { [key: string]: string };
-    rows: RowType[];
-    getRowKey: (row: RowType, rowIndex: number) => string;
-    getColumnAttributes: (column: string, columnIndex: number) => { [key: string]: string };
-    getCell: (row: RowType, column: string, rowIndex: number, columnIndex: number) => any;
-}
-
-interface IState<RowType>
-{
-    columns: { [key: string]: string };
-    rows: RowType[];
-}
-
-export class NSTable<RowType> extends Component<IProps<RowType>, IState<RowType>>
-{
-    constructor(props: IProps<RowType>)
-    {
-        super(props);
-        this.state = { columns: props.columns, rows: props.rows };
-    }
-    setColumns(columns: { [key: string]: string })
-    {
-        this.setState({ columns });
-    }
-    setRows(rows: RowType[])
-    {
-        this.setState({ rows });
-    }
-    override render()
-    {
-        let column_keys = Object.keys(this.state.columns);
-        return (
-            <div className="project_list_container">
-                <table className="table">
-                    <thead className="thead">
-                        <tr>
-                            {column_keys.map(column_key => <th key={column_key} scope="col">{this.state.columns[column_key]}</th>)}
-                        </tr>
-                    </thead>
-                    <tbody className="tbody">
-                        {
-                            this.state.rows.map((row, rowIndex) =>
-                                <tr key={this.props.getRowKey(row, rowIndex)}>
-                                    {
-                                        column_keys.map((column, columnIndex) => (
-                                            <td {...this.props.getColumnAttributes(column, columnIndex)}>
-                                                {this.props.getCell(row, column, rowIndex, columnIndex)}
-                                            </td>
-                                        ))
-                                    }
-                                </tr>)
-                        }
-                    </tbody >
-                </table>
-            </div >
-        )
-    }
+"use client";
+
+import "./NSTable.modules.css";
+import { Component } from 'react';
+
+interface IProps<RowType>
+{
+    columns: { [key: string]: string };
+    rows: RowType[];
+    getRowKey: (row: RowType, rowIndex: number) => string;
+    getColumnAttributes: (column: string, columnIndex: number) => { [key: string]: string };
+    getCell: (row: RowType, column: string, rowIndex: number, columnIndex: number) => any;
+}
+
+interface IState<RowType>
+{
+    columns: { [key: string]: string };
+    rows: RowType[];
+}
+
+export class NSTable<RowType> extends Component<IProps<RowType>, IState<RowType>>
+{
+    constructor(props: IProps<RowType>)
+    {
+        super(props);
+        this.state = { columns: props.columns, rows: props.rows };
+    }
+    setColumns(columns: { [key: string]: string })
+    {
+        this.setState({ columns });
+    }
+    setRows(rows: RowType[])
+    {
+        this.setState({ rows });
+    }
+    override render()
+    {
+        let column_keys = Object.keys(this.state.columns);
+        return (
+            <div className="project_list_container">
+                <table className="table">
+                    <thead className="thead">
+                        <tr>
+                            {column_keys.map(column_key => <th key={column_key} scope="col">{this.state.columns[column_key]}</th>)}
+                        </tr>
+                    </thead>
+                    <tbody className="tbody">
+                        {
+                            this.state.rows.map((row, rowIndex) =>
+                                <tr key={this.props.getRowKey(row, rowIndex)}>
+                                    {
+                                        column_keys.map((column, columnIndex) => (
+                                            <td {...this.props.getColumnAttributes(column, columnIndex)}>
+                                                {this.props.getCell(row, column, rowIndex, columnIndex)}
+                                            </td>
+                                        ))
+                                    }
+                                </tr>)
+                        }
+                    </tbody >
+                </table>
+            </div >
+        )
+    }
 }

package/src/index.tsx

@@ -1,8 +1,8 @@
-import ReactDOM from 'react-dom/client';
-import './index.css';
-import { App } from './App';
-
-const root = ReactDOM.createRoot(
-    document.getElementById('root') as HTMLElement
-);
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import { App } from './App';
+
+const root = ReactDOM.createRoot(
+    document.getElementById('root') as HTMLElement
+);
 root.render(<App />);

package/src/main.ts

@@ -1,26 +1,26 @@
-export * from "./components/NSButtonGreen";
-export * from "./components/NSButtonRed";
-export * from "./components/NSCard";
-export * from "./components/NSFooter";
-export * from "./components/NSHeader";
-export * from "./components/NSInputDate";
-export * from "./components/NSInputDuration";
-export * from "./components/NSInputEmail";
-export * from "./components/NSInputFloat";
-export * from "./components/NSInputIP";
-export * from "./components/NSInputInteger";
-export * from "./components/NSInputPhone";
-export * from "./components/NSInputPrice";
-export * from "./components/NSInputSearch";
-export * from "./components/NSInputString";
-export * from "./components/NSInputText";
-export * from "./components/NSInputTime";
-export * from "./components/NSLayout";
-export * from "./components/NSLayoutHeroBanner";
-export * from "./components/NSLayoutTitle";
-export * from "./components/NSSelectBox";
-export * from "./components/NSLinkGreen";
-export * from "./components/NSLinkRed";
-export * from "./components/NSPagination";
-export * from "./components/NSTable";
+export * from "./components/NSButtonGreen";
+export * from "./components/NSButtonRed";
+export * from "./components/NSCard";
+export * from "./components/NSFooter";
+export * from "./components/NSHeader";
+export * from "./components/NSInputDate";
+export * from "./components/NSInputDuration";
+export * from "./components/NSInputEmail";
+export * from "./components/NSInputFloat";
+export * from "./components/NSInputIP";
+export * from "./components/NSInputInteger";
+export * from "./components/NSInputPhone";
+export * from "./components/NSInputPrice";
+export * from "./components/NSInputSearch";
+export * from "./components/NSInputString";
+export * from "./components/NSInputText";
+export * from "./components/NSInputTime";
+export * from "./components/NSLayout";
+export * from "./components/NSLayoutHeroBanner";
+export * from "./components/NSLayoutTitle";
+export * from "./components/NSSelectBox";
+export * from "./components/NSLinkGreen";
+export * from "./components/NSLinkRed";
+export * from "./components/NSPagination";
+export * from "./components/NSTable";
 export * from "./pages/NSLoginPage";

package/src/pages/NSLoginPage.tsx

@@ -1,40 +1,40 @@
-"use client";
-
-import "./NSLoginPage.modules.css";
-import { Component } from 'react';
-import { NSButtonGreen } from "../main";
-import { NSLinkGreen } from "../main";
-
-interface IProps
-{
-    title: string;
-    logo: string;
-    background: string;
-    href?: string;
-    onClick?: () => void;
-}
-
-export class NSLoginPage extends Component<IProps>
-{
-    override render()
-    {
-        let button = <></>;
-        if (this.props.href)
-            button = <NSLinkGreen title="Login" href={this.props.href ?? ""} />;
-        else if (this.props.onClick)
-            button = <NSButtonGreen title="Login" onClick={this.props.onClick} />;
-        return (
-            <div style={{ backgroundImage: this.props.background }}>
-                <div className="d-flex flex-column align-items-center justify-content-center" style={{ marginTop: "100px" }}>
-                    <div className="m-auto">
-                        <img width={256} height={256} src={this.props.logo} alt="logo"></img>
-                    </div>
-                    <div><h1 className="text-light text-center mb-3">{this.props.title}</h1></div>
-                    <div className="m-auto">
-                        {button}
-                    </div>
-                </div>
-            </div>
-        );
-    }
+"use client";
+
+import "./NSLoginPage.modules.css";
+import { Component } from 'react';
+import { NSButtonGreen } from "../main";
+import { NSLinkGreen } from "../main";
+
+interface IProps
+{
+    title: string;
+    logo: string;
+    background: string;
+    href?: string;
+    onClick?: () => void;
+}
+
+export class NSLoginPage extends Component<IProps>
+{
+    override render()
+    {
+        let button = <></>;
+        if (this.props.href)
+            button = <NSLinkGreen title="Login" href={this.props.href ?? ""} />;
+        else if (this.props.onClick)
+            button = <NSButtonGreen title="Login" onClick={this.props.onClick} />;
+        return (
+            <div style={{ backgroundImage: this.props.background }}>
+                <div className="d-flex flex-column align-items-center justify-content-center" style={{ marginTop: "100px" }}>
+                    <div className="m-auto">
+                        <img width={256} height={256} src={this.props.logo} alt="logo"></img>
+                    </div>
+                    <div><h1 className="text-light text-center mb-3">{this.props.title}</h1></div>
+                    <div className="m-auto">
+                        {button}
+                    </div>
+                </div>
+            </div>
+        );
+    }
 }

package/src/react-app-env.d.ts

@@ -1 +1 @@
-/// <reference types="react-scripts" />
+/// <reference types="react-scripts" />

package/tsconfig.json

@@ -1,38 +1,38 @@
-{
-  "compilerOptions": {
-      "target": "ES6",
-      "module": "esnext",
-      "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": true,
-      "removeComments": true,
-      "noEmit": false,
-      "moduleResolution": "node",
-      "jsx": "react-jsx"
-  },
-  "include": [
-      "src"
-  ]
+{
+  "compilerOptions": {
+      "target": "ES6",
+      "module": "esnext",
+      "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": true,
+      "removeComments": true,
+      "noEmit": false,
+      "moduleResolution": "node",
+      "jsx": "react-jsx"
+  },
+  "include": [
+      "src"
+  ]
 }