namirasoft-site-react 1.4.111 → 1.4.113

package/.dockerignore

@@ -1,87 +1,87 @@
-# Editor
-.vscode/
-.vscode-test/
-.idea
-
-# Logs
-logs
-*.log
-npm-debug.log*
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-lerna-debug.log*
-.pnpm-debug.log*
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# misc
-.DS_Store
-*.pem
-
-# Diagnostic reports (https://nodejs.org/api/report.html)
-report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
-
-# local env files
-.env
-.env.*
-!.env.template
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Cache
-.npm
-.cache
-.parcel-cache
-.temp
-.docusaurus
-.fusebox/
-.eslintcache
-.stylelintcache
-.rpt2_cache/
-.rts2_cache_cjs/
-.rts2_cache_es/
-.rts2_cache_umd/
-
-# Dependency
-node_modules/
-jspm_packages/
-web_modules/
-bower_components/
-
-# Package Json
-package-lock.json
-
-# yarn v2
-.yarn/cache
-.yarn/unplugged
-.yarn/build-state.yml
-.yarn/install-state.gz
-.yarn-integrity
-.pnp.*
-
-# Build
-build/
-out/
-bin/
-dist/
-
-# typescript
-*.tsbuildinfo
-
-# swagger
-*.swg
-
-#schema
-*.schema
-
-# auto generated
-/page/
-/pages/
-/asset/
+# Editor
+.vscode/
+.vscode-test/
+.idea
+
+# Logs
+logs
+*.log
+npm-debug.log*
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# misc
+.DS_Store
+*.pem
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# local env files
+.env
+.env.*
+!.env.template
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Cache
+.npm
+.cache
+.parcel-cache
+.temp
+.docusaurus
+.fusebox/
+.eslintcache
+.stylelintcache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Dependency
+node_modules/
+jspm_packages/
+web_modules/
+bower_components/
+
+# Package Json
+package-lock.json
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.yarn-integrity
+.pnp.*
+
+# Build
+build/
+out/
+bin/
+dist/
+
+# typescript
+*.tsbuildinfo
+
+# swagger
+*.swg
+
+#schema
+*.schema
+
+# auto generated
+/page/
+/pages/
+/asset/
 /assets/

package/.env.template

@@ -1,11 +1,11 @@
-## BASE
-REACT_APP_BASE_PATH = ""
-REACT_APP_BASE_URL_ACCESS = "https://access.namirasoft.com/api/v1"
-REACT_APP_BASE_URL_ACCOUNT = "https://account.namirasoft.com/api/v1"
-REACT_APP_BASE_URL_ACCOUNT_CONSOLE = "https://account.namirasoft.com"
-REACT_APP_BASE_URL_API_LINK = "https://namirasoft.com/api/link/v1"
-REACT_APP_BASE_URL_API_PRODUCT = "https://namirasoft.com/api/product/v1"
-REACT_APP_BASE_URL_FIELD = "https://field.namirasoft.com/api/v1"
-REACT_APP_BASE_URL_HISTORY = "https://history.namirasoft.com/api/v1"
-REACT_APP_BASE_URL_MESSAGE = "https://message.namirasoft.com/api/v1"
+## BASE
+REACT_APP_BASE_PATH = ""
+REACT_APP_BASE_URL_ACCESS = "https://access.namirasoft.com/api/v1"
+REACT_APP_BASE_URL_ACCOUNT = "https://account.namirasoft.com/api/v1"
+REACT_APP_BASE_URL_ACCOUNT_CONSOLE = "https://account.namirasoft.com"
+REACT_APP_BASE_URL_API_LINK = "https://namirasoft.com/api/link/v1"
+REACT_APP_BASE_URL_API_PRODUCT = "https://namirasoft.com/api/product/v1"
+REACT_APP_BASE_URL_FIELD = "https://field.namirasoft.com/api/v1"
+REACT_APP_BASE_URL_HISTORY = "https://history.namirasoft.com/api/v1"
+REACT_APP_BASE_URL_MESSAGE = "https://message.namirasoft.com/api/v1"
 REACT_APP_BASE_URL_WORKSPACE = "https://workspace.namirasoft.com/api/v1"

package/Dockerfile

@@ -1,19 +1,19 @@
-FROM nexus.namirasoft.com:8443/arm-nodets:latest
-
-WORKDIR /app
-
-ENV NODE_ENV=production
-
-# Install
-COPY package*.json ./
-RUN npm install
-
-# Copy
-COPY . .
-
-# Build
-RUN tsc
-
-EXPOSE 3000
-
+FROM nexus.namirasoft.com:8443/arm-nodets:latest
+
+WORKDIR /app
+
+ENV NODE_ENV=production
+
+# Install
+COPY package*.json ./
+RUN npm install
+
+# Copy
+COPY . .
+
+# Build
+RUN tsc
+
+EXPOSE 3000
+
 CMD ["node", "./dist/index.js"]

package/config-overrides.js

@@ -1,71 +1,73 @@
-const getCacheIdentifier = require('react-dev-utils/getCacheIdentifier');
-const webpack = require('webpack');
-
-const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
-
-module.exports = function config_overrides(config, webpackEnv)
-{
-    console.log('overriding webpack config...');
-    const isEnvDevelopment = webpackEnv === 'development';
-    const isEnvProduction = webpackEnv === 'production';
-    const loaders = config.module.rules[1].oneOf;
-
-    loaders.splice(loaders.length - 1, 0, {
-        test: /\.(js|mjs|cjs)$/,
-        exclude: /@babel(?:\/|\\{1,2})runtime/,
-        loader: require.resolve('babel-loader'),
-        options: {
-            babelrc: false,
-            configFile: false,
-            compact: false,
-            presets: [
-                [
-                    require.resolve('babel-preset-react-app/dependencies'),
-                    { helpers: true },
-                ],
-            ],
-            cacheDirectory: true,
-            // See #6846 for context on why cacheCompression is disabled
-            cacheCompression: false,
-            // @remove-on-eject-begin
-            cacheIdentifier: getCacheIdentifier(
-                isEnvProduction
-                    ? 'production'
-                    : isEnvDevelopment && 'development',
-                [
-                    'babel-plugin-named-asset-import',
-                    'babel-preset-react-app',
-                    'react-dev-utils',
-                    'react-scripts',
-                ]
-            ),
-            // @remove-on-eject-end
-            // Babel sourcemaps are needed for debugging into node_modules
-            // code.  Without the options below, debuggers like VSCode
-            // show incorrect code and set breakpoints on the wrong lines.
-            sourceMaps: shouldUseSourceMap,
-            inputSourceMap: shouldUseSourceMap,
-        },
-    });
-
-    config.resolve.fallback = {
-        "fs": false,
-        "tls": false,
-        "net": false,
-        "https": false,
-        // "http": require.resolve("stream-http"),
-        // "zlib": require.resolve("browserify-zlib"),
-        "path": require.resolve("path-browserify"),
-        // "stream": require.resolve("stream-browserify"),
-        // "util": require.resolve("util/"),
-        // "crypto": require.resolve("crypto-browserify")
-        "crypto": false
-    }
-    config.plugins = (config.plugins || []).concat([
-        new webpack.NormalModuleReplacementPlugin(/node:/, (resource) =>
-        {
-            resource.request = resource.request.replace(/^node:/, "");
-        })
-    ]);
-    return config;
+const getCacheIdentifier = require('react-dev-utils/getCacheIdentifier');
+const webpack = require('webpack');
+
+const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
+
+module.exports = function config_overrides(config, webpackEnv)
+{
+    console.log('overriding webpack config...');
+    const isEnvDevelopment = webpackEnv === 'development';
+    const isEnvProduction = webpackEnv === 'production';
+    const loaders = config.module.rules[1].oneOf;
+
+    loaders.splice(loaders.length - 1, 0, {
+        test: /\.(js|mjs|cjs)$/,
+        exclude: /@babel(?:\/|\\{1,2})runtime/,
+        loader: require.resolve('babel-loader'),
+        options: {
+            babelrc: false,
+            configFile: false,
+            compact: false,
+            presets: [
+                [
+                    require.resolve('babel-preset-react-app/dependencies'),
+                    { helpers: true },
+                ],
+            ],
+            cacheDirectory: true,
+            // See #6846 for context on why cacheCompression is disabled
+            cacheCompression: false,
+            // @remove-on-eject-begin
+            cacheIdentifier: getCacheIdentifier(
+                isEnvProduction
+                    ? 'production'
+                    : isEnvDevelopment && 'development',
+                [
+                    'babel-plugin-named-asset-import',
+                    'babel-preset-react-app',
+                    'react-dev-utils',
+                    'react-scripts',
+                ]
+            ),
+            // @remove-on-eject-end
+            // Babel sourcemaps are needed for debugging into node_modules
+            // code.  Without the options below, debuggers like VSCode
+            // show incorrect code and set breakpoints on the wrong lines.
+            sourceMaps: shouldUseSourceMap,
+            inputSourceMap: shouldUseSourceMap,
+        },
+    });
+
+    config.resolve.fallback = {
+        "child_process": false,
+        "crypto": false,
+        // "crypto": require.resolve("crypto-browserify")
+        "fs": false,
+        // "http": require.resolve("stream-http"),
+        "https": false,
+        "net": false,
+        "os": require.resolve("os-browserify"),
+        "path": require.resolve("path-browserify"),
+        // "stream": require.resolve("stream-browserify"),
+        "tls": false,
+        // "util": require.resolve("util/"),
+        // "zlib": require.resolve("browserify-zlib"),
+    }
+    config.plugins = (config.plugins || []).concat([
+        new webpack.NormalModuleReplacementPlugin(/node:/, (resource) =>
+        {
+            resource.request = resource.request.replace(/^node:/, "");
+        })
+    ]);
+    return config;
 };

package/dist/App.css

@@ -0,0 +1,58 @@
+/*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;
+}
+
+.out{
+	width: 24px;
+	height:24px;
+	background-color: red;
+	margin: auto;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+.middle{ 
+	width: 19px;
+	height: 19px;
+	background-color: #fff;
+	margin: auto;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+.in{ 
+	width: 14px;
+	height: 14px;
+	background-color: red;
+	margin: auto;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+.ns_tab_page_custom_style > div { 
+	justify-content: center;
+}
+
+.ns_panel_tab_style div {
+	width: 100%;
+}
+
+@media only screen and (min-width: 768px) { 
+	.ns_panel_tab_style div {
+		width: 272px;
+	}
+}

package/dist/App.js

@@ -11,161 +11,100 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import './App.css';
 import 'bootstrap/dist/css/bootstrap.min.css';
 import { NSTable } from './components/NSTable';
-import { NSBarAlert, NSBoxBoolean, NSBoxBooleans, NSBoxDate, NSBoxEnum, NSBoxInteger, NSBoxPhone, NSBoxRadio, NSBoxSearch, NSBoxString, NSBoxTextArea, NSButtonBlue, NSCard, NSChartDoughnut, NSDialog, NSDownTimer, NSNotFoundPage, NSRepeater, NSTabPage } from './main';
+import { BackColorFormatter, BooleanFormatter, DateFormatter, DateTimeFormatter, EmailFormatter, EnumFormatter, FloatFormatter, IDFormatter, IntegerFormatter, IPFormatter, NSBarAlert, NSBoxBoolean, NSBoxBooleans, NSBoxDate, NSBoxEnum, NSBoxInteger, NSBoxPhone, NSBoxRadio, NSBoxSearch, NSBoxString, NSBoxTextArea, NSButtonBlue, NSCard, NSChartDoughnut, NSDialog, NSDownTimer, NSNotFoundPage, NSRepeater, NSTabPage, PhoneFormatter, TimeFormatter } from './main';
 import { useState } from 'react';
-const fakeFormatter = {
-    format: (value) => { return value; }
-};
-const fakeColumns = [
+const columns = [
     {
         index: 0,
-        name: 'Column1',
-        text: 'Column 111111111111',
-        formatter: fakeFormatter,
+        name: 'id',
+        text: 'ID',
+        formatter: new IDFormatter(),
     },
     {
         index: 1,
-        name: 'Column2',
-        text: 'Column 222222',
-        formatter: fakeFormatter,
+        name: 'valid',
+        text: 'Valid',
+        formatter: new BackColorFormatter(new BooleanFormatter("Valid", "Invalid"), { true: "green", false: "red" }),
     },
     {
-        index: 1,
-        name: 'Column3',
-        text: 'Column 33333333',
-        formatter: fakeFormatter,
+        index: 2,
+        name: 'data',
+        text: 'Date',
+        formatter: new DateFormatter(),
     },
     {
-        index: 1,
-        name: 'Column4',
-        text: 'Column 44444444444',
-        formatter: fakeFormatter,
+        index: 3,
+        name: 'time',
+        text: 'Time',
+        formatter: new TimeFormatter(),
     },
     {
-        index: 1,
-        name: 'Column5',
-        text: 'Column 5',
-        formatter: fakeFormatter,
+        index: 4,
+        name: 'datetime',
+        text: 'DateTime',
+        formatter: new DateTimeFormatter(),
     },
     {
-        index: 1,
-        name: 'Column6',
-        text: 'Column 6',
-        formatter: fakeFormatter,
+        index: 5,
+        name: 'email',
+        text: 'Email',
+        formatter: new EmailFormatter(),
     },
     {
-        index: 1,
-        name: 'Column7',
-        text: 'Column 7',
-        formatter: fakeFormatter,
+        index: 5,
+        name: 'status',
+        text: 'Status',
+        formatter: new EnumFormatter(),
     },
     {
-        index: 1,
-        name: 'Column8',
-        text: 'Column 888888',
-        formatter: fakeFormatter,
+        index: 5,
+        name: 'float',
+        text: 'Float',
+        formatter: new FloatFormatter(),
     },
     {
-        index: 1,
-        name: 'Column9',
-        text: 'Column 9',
-        formatter: fakeFormatter,
+        index: 5,
+        name: 'int',
+        text: 'Int',
+        formatter: new IntegerFormatter(),
     },
     {
-        index: 1,
-        name: 'Column10',
-        text: 'Column 10',
-        formatter: fakeFormatter,
+        index: 5,
+        name: 'ip',
+        text: 'IP',
+        formatter: new IPFormatter(),
     },
     {
-        index: 1,
-        name: 'Column11',
-        text: 'Column 11',
-        formatter: fakeFormatter,
-    },
-    {
-        index: 1,
-        name: 'Column12',
-        text: 'Column 12',
-        formatter: fakeFormatter,
-    },
-    {
-        index: 1,
-        name: 'Column13',
-        text: 'Column 13',
-        formatter: fakeFormatter,
-    },
-    {
-        index: 1,
-        name: 'Column14',
-        text: 'Column 14',
-        formatter: fakeFormatter,
+        index: 5,
+        name: 'phone',
+        text: 'Phone',
+        formatter: new PhoneFormatter(),
     },
-    {
-        index: 1,
-        name: 'Column15',
-        text: 'Column15',
-        formatter: fakeFormatter,
-    },
-    {
-        index: 1,
-        name: 'Column15',
-        text: 'Column15',
-        formatter: fakeFormatter,
-    },
-    {
-        index: 1,
-        name: 'Column16',
-        text: 'Column16',
-        formatter: fakeFormatter,
-    },
-    {
-        index: 1,
-        name: 'Column17',
-        text: 'Column17',
-        formatter: fakeFormatter,
-    },
-    {
-        index: 1,
-        name: 'Column18',
-        text: 'Column18',
-        formatter: fakeFormatter,
-    },
-    {
-        index: 1,
-        name: 'Column19',
-        text: 'Column19',
-        formatter: fakeFormatter,
-    }, {
-        index: 1,
-        name: 'Column20',
-        text: 'Column20',
-        formatter: fakeFormatter,
-    }
 ];
-const fakeData = [
-    { index: 0, Column1: 'Row 1 Data 1', Column2: 'Row 1 Data 2', Column3: 'Row 1 Data 3', Column4: 'Row 1 Data 4', Column5: 'Row 1 Data 5', Column6: 'Row 1 Data 6', Column7: 'Row 1 Data 7', Column8: 'Row 1 Data 8', Column9: 'Row 1 Data 9', Column10: 'Row 1 Data 10', Column11: 'Row 1 Data 11', Column12: 'Row 1 Data 12', Column13: 'Row 1 Data 13', Column14: 'Row 1 Data 14', Column15: 'Row 1 Data 15', Column16: 'Row 1 Data 16', Column17: 'Row 1 Data 17', Column18: 'Row 1 Data 18', Column19: 'Row 1 Data 19', Column20: 'Row 1 Data 20', percentage: 10 },
-    { index: 1, Column1: 'Row 2 Data 1', Column2: 'Row 2 Data 2', Column3: 'Row 2 Data 3', percentage: 50 },
-    { index: 2, Column1: 'Row 3 Data 1', Column2: 'Row 3 Data 2', Column3: 'Row 3 Data 3', percentage: 90 },
+const rows = [
+    { index: 0, id: 'bln-trn-401234012340', valid: true, data: new Date(), time: new Date(), datetime: new Date(), email: "jane.doe123@example.com", status: "Active", float: 0.0123, int: -500, ip: "127.0.0.1", phone: "(123) 456-7890" },
+    { index: 1, id: 'sss-0123401234012340', valid: false, data: new Date(), time: new Date(), datetime: new Date(), email: "random.guy45@fakeemail.net", status: "Pending", float: 200, int: 0.123, ip: "localhost", phone: "+1-234-567-8901" },
+    { index: 2, id: 'pym-0123401234012340', valid: true, data: new Date(), time: new Date(), datetime: new Date(), email: "hello.world99@sample.org", status: "Done", float: 4000, int: 9.999, ip: "192.168.10.255", phone: "123.456.7890" },
+    { index: 2, id: 'pym-0123401234012340', valid: true, data: new Date(), time: new Date(), datetime: new Date(), email: "user.name2024@testmail.com", status: "Done", float: 5999.0099, int: 4200, ip: "10.10.0.0/24", phone: "+44 20 7946 0958" },
+    { index: 2, id: 'pym-0123401234012340', valid: true, data: new Date(), time: new Date(), datetime: new Date(), email: "cool.kid77@domain.io", status: "Done", float: 800000.99, int: 250000000000, ip: "200.122.43.555/24", phone: "+1 (555) 555-5555" },
 ];
 let getFakeRows = (page, size) => __awaiter(void 0, void 0, void 0, function* () {
     console.log(page, size);
-    const rows = fakeData;
-    return { rows, count: fakeData.length };
+    return { rows, count: rows.length };
 });
 const getFakeRowKey = (row) => { return `${row.index}`; };
 export function App() {
     const tableProps = {
-        checkbox: false,
-        columns: fakeColumns,
+        checkbox: true,
+        columns: columns,
         getRows: getFakeRows,
         getRowKey: getFakeRowKey,
     };
     let [state, setState] = useState(true);
-    return (_jsxs(_Fragment, { children: [_jsx(NSRepeater, { createItem: (_, lIndex, ref, onChange, onDelete, __, style) => {
+    return (_jsxs(_Fragment, { children: [_jsx(NSTable, Object.assign({}, tableProps)), _jsx(NSRepeater, { createItem: (_, lIndex, ref, onChange, onDelete, __, style) => {
                     return _jsx(NSBoxString, { ref: ref, required: false, title: lIndex.toString(), style: style, onChanged: (x) => {
                             console.log(x);
-                            if (x.getValue() == "d")
+                            if (x.getValue() === "d")
                                 onDelete(lIndex);
                             else
                                 onChange(lIndex);
@@ -229,7 +168,7 @@ export function App() {
                         "#FFEB3B",
                         "#FF4081",
                         "#00BCD4",
-                        "#CDDC39",], title: 'test' }) }), _jsx(NSBoxBoolean, { required: false, title: 'test', checked: true }), _jsx("div", { className: 'out', children: _jsx("div", { className: "middle", children: _jsx("div", { className: 'in' }) }) }), _jsx(NSTable, Object.assign({}, tableProps)), _jsx(NSDownTimer, { date: new Date(), text: 'Test ' }), _jsx(NSBoxBooleans, { items: [
+                        "#CDDC39",], title: 'test' }) }), _jsx(NSBoxBoolean, { required: false, title: 'test', checked: true }), _jsx("div", { className: 'out', children: _jsx("div", { className: "middle", children: _jsx("div", { className: 'in' }) }) }), _jsx(NSDownTimer, { date: new Date(), text: 'Test ' }), _jsx(NSBoxBooleans, { items: [
                     { value: "test1", text: "test1" },
                     { value: "test2", text: "test2" },
                     { value: "test3", text: "test3" },