namirasoft-site-react 1.4.443 → 1.4.445

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,73 +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 = {
-        "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;
+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.js

@@ -3,7 +3,7 @@ import 'bootstrap/dist/css/bootstrap.min.css';
 import { Component } from 'react';
 import './App.css';
 import { NSLayout } from './components/NSLayout';
-import { NSBoxBoolean, NSBoxCombo, NSButtonGreen, NSGaugeNumber, NSRow, NSSection, NSSpace, NSSpaceSizeType } from './main';
+import { NSGaugeDate, NSGaugeNumber, NSRow, NSSection } from './main';
 export class App extends Component {
     constructor(props) {
         super(props);
@@ -20,16 +20,7 @@ export class App extends Component {
                         }
                     ],
                 }
-            }, isLoggedIn: () => true, logo: 'https://static.namirasoft.com/image/namirasoft/access/logo/base.png', background: { image: "https://static.namirasoft.com/image/namirasoft/access/background/base.svg" }, notifications: [], notifier: {}, scope: '', children: _jsxs(NSSection, { style: { paddingTop: "3rem" }, children: [_jsx(NSBoxBoolean, { title: 'Actibe', disabled: true, required: true }), _jsxs(NSRow, { style: { alignItems: "stretch" }, children: [_jsx(NSGaugeNumber, { title: "Gauge 1", total: 2048, current: 512, colors: { high: "red", medium: "yellow", low: "green" }, link: { href: "https://namirasoft.com" } }), _jsx(NSGaugeNumber, { title: "Gauge 2", total: 1024, current: 512, colors: { high: "red", medium: "yellow", low: "green" }, link: { href: "https://localhost:3000" } }), _jsx(NSGaugeNumber, { title: "Gauge 3", total: 512, current: 384, colors: { high: "red", medium: "yellow", low: "green" } })] }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSRow, { children: _jsx(NSBoxCombo, { getOptions: () => [
-                                { title: "Amin", value: "Amin" },
-                                { title: "Negar", value: "Negar" },
-                                { title: "Hadis", value: "Hadis" },
-                            ], multiple: true, required: false, title: "Test Box", placeholder: 'Please enter something!', disabled: this.state.disabled }) }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSRow, { children: _jsx(NSButtonGreen, { title: `${this.state.disabled ? "Enable" : "Disable"} Input`, onClick: {
-                                showLoading: false,
-                                action: () => {
-                                    this.setState((prev) => (Object.assign(Object.assign({}, prev), { disabled: !prev.disabled })));
-                                }
-                            } }) })] }) }));
+            }, isLoggedIn: () => true, logo: 'https://static.namirasoft.com/image/namirasoft/access/logo/base.png', background: { image: "https://static.namirasoft.com/image/namirasoft/access/background/base.svg" }, notifications: [], notifier: {}, scope: '', children: _jsx(NSSection, { style: { paddingTop: "3rem" }, children: _jsxs(NSRow, { style: { alignItems: "stretch" }, children: [_jsx(NSGaugeNumber, { headline: "Namirasoft Log", title: "Lorem ipsum dolor sit amet consectetur", total: 2048, current: 512, colors: { high: "red", medium: "yellow", low: "green" }, link: { href: "https://namirasoft.com" }, icon: 'https://static.namirasoft.com/image/namirasoft/log/logo/base.png' }), _jsx(NSGaugeNumber, { headline: "Namirasoft Secret", title: "Lorem ipsum dolor", total: 1024, current: 512, colors: { high: "red", medium: "yellow", low: "green" }, link: { href: "http://localhost:3000" }, icon: 'https://static.namirasoft.com/image/namirasoft/secret/logo/base.png' }), _jsx(NSGaugeDate, { headline: "Namirasoft Field", title: "Lorem ipsum dolor", from: new Date(), to: new Date(Date.now() + 0.5 * 60000), colors: { high: "red", medium: "yellow", low: "green" }, icon: 'https://static.namirasoft.com/image/namirasoft/field/logo/base.png' })] }) }) }));
     }
 }
 //# sourceMappingURL=App.js.map

package/dist/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,WAAW,CAAC;AACnB,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAQtE,MAAM,OAAO,GAAI,SAAQ,SAA6B;IAErD,YAAY,KAAe;QAE1B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IAClC,CAAC;IAEQ,MAAM;QAEd,OAAO,CACN,KAAC,QAAQ,IACR,MAAM,EAAE;gBACP,KAAK,EAAE;oBACN,KAAK,EAAE;wBACN;4BACC,SAAS,EAAE,GAAG,EAAE,GAAG,CAAC;4BACpB,GAAG,EAAE,qEAAqE;4BAC1E,KAAK,EAAE,CAAC;yBACR;qBACD;iBACD;aACD,EACD,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,EACtB,IAAI,EAAC,qEAAqE,EAC1E,UAAU,EAAE,EAAE,KAAK,EAAE,2EAA2E,EAAE,EAClG,aAAa,EAAE,EAAE,EACjB,QAAQ,EAAE,EAAS,EACnB,KAAK,EAAC,EAAE,YAER,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,YACvC,MAAC,KAAK,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,aACtC,KAAC,aAAa,IACb,QAAQ,EAAC,gBAAgB,EACzB,KAAK,EAAC,wCAAwC,EAC9C,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,GAAG,EACZ,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,EACvD,IAAI,EAAE,EAAE,IAAI,EAAE,wBAAwB,EAAE,EACxC,IAAI,EAAC,kEAAkE,GACtE,EACF,KAAC,aAAa,IACb,QAAQ,EAAC,mBAAmB,EAC5B,KAAK,EAAC,mBAAmB,EACzB,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,GAAG,EACZ,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,EACvD,IAAI,EAAE,EAAE,IAAI,EAAE,uBAAuB,EAAE,EACvC,IAAI,EAAC,qEAAqE,GACzE,EACF,KAAC,WAAW,IACX,QAAQ,EAAC,kBAAkB,EAC3B,KAAK,EAAC,mBAAmB,EACzB,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,EAAE,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,KAAM,CAAC,EACvC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,EACvD,IAAI,EAAC,oEAAoE,GACxE,IACK,GACG,GACF,CACX,CAAC;IACH,CAAC;CACD"}

package/dist/components/NSBanner.module.css

@@ -1,48 +1,48 @@
-.ns_banner_container {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    gap: 48px;
-}
-
-.ns_banner_image_right {
-    justify-content: center;
-    align-self: center;
-}
-
-.ns_banner_image_left {
-    justify-content: center;
-    align-self: center;
-}
-
-.ns_banner_text_container {
-    display: flex;
-    flex-direction: column;
-}
-
-.ns_banner_headline {
-    font-size: 24px;
-    color: rgba(20, 27, 92, 1);
-}
-
-.ns_banner_title {
-    font-size: 48px;
-    color: rgba(20, 27, 92, 1);
-    text-align: start;
-}
-
-.ns_banner_description {
-    font-size: 16px;
-    color: rgba(20, 27, 92, 1);
-}
-
-@media only screen and (min-width:992px) {
-    .ns_banner_container {
-        flex-direction: row;
-    }
-
-    .ns_banner_text_container {
-        width: 624px;
-    }
+.ns_banner_container {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 48px;
+}
+
+.ns_banner_image_right {
+    justify-content: center;
+    align-self: center;
+}
+
+.ns_banner_image_left {
+    justify-content: center;
+    align-self: center;
+}
+
+.ns_banner_text_container {
+    display: flex;
+    flex-direction: column;
+}
+
+.ns_banner_headline {
+    font-size: 24px;
+    color: rgba(20, 27, 92, 1);
+}
+
+.ns_banner_title {
+    font-size: 48px;
+    color: rgba(20, 27, 92, 1);
+    text-align: start;
+}
+
+.ns_banner_description {
+    font-size: 16px;
+    color: rgba(20, 27, 92, 1);
+}
+
+@media only screen and (min-width:992px) {
+    .ns_banner_container {
+        flex-direction: row;
+    }
+
+    .ns_banner_text_container {
+        width: 624px;
+    }
 }