namirasoft-site-react 1.4.132 → 1.4.134

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.d.ts

@@ -1,9 +1,3 @@
 import './App.css';
 import 'bootstrap/dist/css/bootstrap.min.css';
-export interface INSBarActionState {
-    id: string;
-    menu_item: string;
-    handler: () => void;
-    isActive: () => boolean;
-}
 export declare function App(): import("react/jsx-runtime").JSX.Element;

package/dist/App.js

@@ -1,179 +1,49 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import './App.css';
+import { VariableType } from 'namirasoft-schema';
 import 'bootstrap/dist/css/bootstrap.min.css';
-import { NSTable } from './components/NSTable';
-import { BooleanFormatter, DateFormatter, DateTimeFormatter, EmailFormatter, EnumFormatter, FloatFormatter, ForeColorFormatter, IDFormatter, IntegerFormatter, IPFormatter, NSBarAlert, NSBoxBoolean, NSBoxBooleans, NSBoxDate, NSBoxEnum, NSBoxInteger, NSBoxPhone, NSBoxRadio, NSBoxSearch, NSBoxString, NSBoxTextArea, NSButtonBlue, NSCard, NSChartDoughnut, NSDialog, NSDownTimer, NSFooter, NSNotFoundPage, NSRepeater, NSTabPage, PhoneFormatter, TimeFormatter } from './main';
-import { useState } from 'react';
-const columns = [
-    {
-        index: 0,
-        name: 'id',
-        text: 'ID',
-        formatter: new IDFormatter(),
-    },
-    {
-        index: 1,
-        name: 'valid',
-        text: 'Valid',
-        formatter: new ForeColorFormatter(new BooleanFormatter("Yes", "Invalid"), { true: "green", false: "red" }),
-    },
-    {
-        index: 2,
-        name: 'data',
-        text: 'Date',
-        formatter: new DateFormatter(),
-    },
-    {
-        index: 3,
-        name: 'time',
-        text: 'Time',
-        formatter: new TimeFormatter(),
-    },
-    {
-        index: 4,
-        name: 'datetime',
-        text: 'DateTime',
-        formatter: new DateTimeFormatter(),
-    },
-    {
-        index: 5,
-        name: 'email',
-        text: 'Email',
-        formatter: new EmailFormatter(),
-    },
-    {
-        index: 5,
-        name: 'status',
-        text: 'Status',
-        formatter: new EnumFormatter(),
-    },
-    {
-        index: 5,
-        name: 'float',
-        text: 'Float',
-        formatter: new FloatFormatter(),
-    },
-    {
-        index: 5,
-        name: 'int',
-        text: 'Int',
-        formatter: new IntegerFormatter(),
-    },
-    {
-        index: 5,
-        name: 'ip',
-        text: 'IP',
-        formatter: new IPFormatter(),
-    },
-    {
-        index: 5,
-        name: 'phone',
-        text: 'Phone',
-        formatter: new PhoneFormatter(),
-    },
-];
-let 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 = () => __awaiter(void 0, void 0, void 0, function* () {
-    return { rows, count: rows.length };
-});
-const getFakeRowKey = (row) => { return `${row.index}`; };
+import { NSMenuAction, NSBarAction, NSBoxEmail, NSBoxPhone, NSBoxSearch, NSBoxCombo, NSBoxBoolean, NSSection, NSPanel, NSBoxDate, NSBoxDateTime, NSBoxDouble, NSBoxInteger, NSBoxDuration, NSBoxTime, NSBoxEnum, NSBoxFile, NSBoxIPV4, NSBoxIPV6, NSBoxPassword, NSBoxMoney, NSBoxRadio, NSBoxTextArea, } from './main';
+import { NSBoxEntity } from './components/NSBoxEntity';
+import { NamirasoftAPIProductServer } from 'namirasoft-api-product';
+import { useRef } from 'react';
 export function App() {
-    const tableProps = {
-        name: "Test",
-        checkbox: true,
-        columns: columns,
-        getRows: getFakeRows,
-        getRowKey: getFakeRowKey,
-    };
-    let [state, setState] = useState(true);
-    return (_jsxs(_Fragment, { children: [_jsx(NSFooter, { isLoggedIn: () => false, logo: '', name: '', scope: '' }), _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) => {
-                            if (x.getValue() === "d")
-                                onDelete(lIndex);
-                            else
-                                onChange(lIndex);
-                        } });
-                }, getValue: (item, checkError) => item.getValue(checkError), isEmpty: value => value === "", updateItem: (item, _, value) => {
-                    if (value)
-                        item.setValue(value);
-                } }), _jsx(NSBoxBoolean, { checked: state, required: false, title: state + "", indeterminate: false, onChanged: (e) => {
-                    setState(e.getValue());
-                } }), _jsx(NSButtonBlue, { onClick: () => {
-                    setState(!state);
-                } }), _jsx(NSNotFoundPage, {}), _jsx(NSBoxDate, { required: true, title: '' }), _jsx(NSBoxPhone, { required: true, title: '' }), _jsx(NSBoxInteger, { required: true, title: '', min: 8, max: 12 }), _jsx(NSBoxTextArea, { required: true, title: 'asd' }), _jsx(NSBoxEnum, { title: 'Retention Unit', required: true, multiple: false, options: [
-                    { title: "LogGroupRetentionUnit.Day", value: "LogGroupRetentionUnit.Day" },
-                    { title: "LogGroupRetentionUnit.Week", value: "LogGroupRetentionUnit.Week" },
-                    { title: "LogGroupRetentionUnit.Month", value: "LogGroupRetentionUnit.Month" },
-                    { title: "LogGroupRetentionUnit.Year", value: "LogGroupRetentionUnit.Year" },
-                ] }), _jsx(NSBoxRadio, { required: true, title: 'asd' }), _jsx(NSTabPage, { tabs: [{
-                        title: "asdasd",
-                        getContent: () => {
-                            return (_jsx("div", { style: { backgroundColor: "#fff", width: "100%", color: "#fff" }, className: 'ns_tab_page_custom_style', children: _jsx(NSBoxPhone, { required: true, title: 'teststs' }) }));
-                        }
-                    },
-                    {
-                        title: "qwe asd ",
-                        getContent: () => {
-                            return (_jsxs(_Fragment, { children: [_jsx("div", { style: { backgroundColor: "#fff", width: "100%", color: "#fff" }, className: 'ns_tab_page_custom_style', children: _jsx(NSBoxPhone, { required: true, title: 'teststs' }) }), _jsx(NSButtonBlue, { title: "Send", onClick: () => { } })] }));
-                        }
-                    },
-                    {
-                        title: ";lkjqwiu lasid yh",
-                        getContent: () => {
-                            return (_jsx("div", { style: { backgroundColor: "#fff", width: "100%", color: "#fff" }, className: 'ns_tab_page_custom_style', children: _jsx(NSBoxPhone, { required: true, title: 'teststs' }) }));
-                        }
-                    }
-                ] }), _jsx(NSBoxDate, { required: true, title: 'Test Test' }), _jsx(NSBarAlert, { isVisible: () => true, onContinue: () => window.open("/"), title: {
-                    title: "Verify Your Email",
-                    description: "Lorem ipsum dolor sit amet consectetur. In ipsum gravida libero vitae tempor.Ipsum"
-                } }), _jsx(NSBarAlert, { isVisible: () => true, onContinue: () => window.open("/"), title: {
-                    title: "Verify Your Email",
-                    description: "Lorem ipsum dolor sit amet consectetur. In ipsum gravida libero vitae tempor.Ipsum"
-                } }), _jsx("div", { style: { width: "560px" }, children: _jsx(NSBoxSearch, { required: true, title: 'asdasd', style: { width: "100%", maxWidth: "100%" } }) }), _jsx(NSButtonBlue, { onClick: () => { }, title: 'sssssssssss', disabled: true }), _jsx(NSBarAlert, { isVisible: () => true, onContinue: () => window.open("/"), title: {
-                    title: "Verify Your Email",
-                    description: "Lorem ipsum dolor sit amet consectetur. In ipsum gravida libero vitae tempor.Ipsum"
-                } }), _jsx(NSCard, { title: "Namirasoft Job Arranger ", description: "asdasd asda sd asd asdd asd ", image: {
-                    src: "https://static.namirasoft.com/image/namirasoft/history/logo/base.png",
-                }, link: {
-                    href: "ss",
-                    title: "test",
-                    target: "_seld"
-                } }), _jsx("div", { className: "flex justify-content-center align-items-center w-100", children: _jsx(NSChartDoughnut, { datas: [7, 5, 8, 22, 5, 18], labels: ["test", "test2", "test3", "test4", "test5", "test6",], backgroundColors: ["#FF5733",
-                        "#42A5F5",
-                        "#FFC107",
-                        "#8BC34A",
-                        "#FF5722",
-                        "#673AB7",
-                        "#E91E63",
-                        "#4CAF50",
-                        "#FF9800",
-                        "#9C27B0",
-                        "#2196F3",
-                        "#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(NSDownTimer, { date: new Date(), text: 'Test ' }), _jsx(NSBoxBooleans, { items: [
-                    { value: "test1", text: "test1" },
-                    { value: "test2", text: "test2" },
-                    { value: "test3", text: "test3" },
-                ], onChanged: (box) => {
-                    console.log(box.getValues());
-                } }), state &&
-                _jsx(NSDialog, { center_dialog: true, onClose: () => { setState(false); }, children: _jsx(_Fragment, {}) })] }));
+    let NSBoxTest = useRef(null);
+    return (_jsxs(_Fragment, { children: [_jsx(NSMenuAction, { items: [{
+                        handler: () => { },
+                        id: "1",
+                        menu_item: "Name",
+                        isActive: () => true
+                    }, {
+                        handler: () => { },
+                        id: "2",
+                        menu_item: "Text",
+                        isActive: () => false
+                    }], name: 'Test' }), _jsx(NSBarAction, { menus: {
+                    "Test": [{
+                            handler: () => { },
+                            id: "1",
+                            menu_item: "Name",
+                            isActive: () => true
+                        }, {
+                            handler: () => { },
+                            id: "2",
+                            menu_item: "Text",
+                            isActive: () => false
+                        }]
+                }, title: 'Title' }), _jsx(NSSection, { center_items: true, children: _jsxs(NSPanel, { grid: true, children: [_jsx(NSBoxBoolean, { style: { width: "100%" }, title: 'Text', required: true, indeterminate: true }), _jsx(NSBoxCombo, { style: { width: "100%" }, title: 'Text', required: true, multiple: false, getOptions: () => [{
+                                    value: "1",
+                                    title: "1",
+                                }] }), _jsx(NSBoxEnum, { style: { width: "100%" }, title: 'Type', required: true, multiple: true, getEnumObject: () => { return VariableType; }, onChanged: e => {
+                                console.log(e.getValues(VariableType, VariableType.Any));
+                            } }), _jsx(NSBoxEntity, { style: { width: "100%" }, title: 'Product', required: true, multiple: false, getItems: new NamirasoftAPIProductServer("https://namirasoft.com/api/product/v1", console.error).product.List, getValue: x => x.id, getTitle: x => x.name, onChanged: e => {
+                                var _a, _b;
+                                let box = e;
+                                console.log((_a = box.NSBoxBaseCombo.current) === null || _a === void 0 ? void 0 : _a.getData());
+                                try {
+                                    (_b = NSBoxTest.current) === null || _b === void 0 ? void 0 : _b.getValue();
+                                }
+                                catch (error) {
+                                }
+                            } }), _jsx(NSBoxEmail, { style: { width: "100%" }, title: 'Email', required: true }), _jsx(NSBoxTextArea, { style: { width: "100%" }, title: 'Test', required: true }), _jsx(NSBoxMoney, { style: { width: "100%" }, title: 'Money', required: true }), _jsx(NSBoxRadio, { style: { width: "100%" }, title: 'NSBoxRadio', required: true }), _jsx(NSBoxPhone, { style: { width: "100%" }, title: 'Phone', required: true }), _jsx(NSBoxPassword, { style: { width: "100%" }, title: 'Password', required: true }), _jsx(NSBoxIPV4, { style: { width: "100%" }, ref: NSBoxTest, title: 'IPV4', required: true }), _jsx(NSBoxIPV6, { style: { width: "100%" }, title: 'IPV6', required: true }), _jsx(NSBoxDate, { style: { width: "100%" }, title: 'Date', required: true }), _jsx(NSBoxDateTime, { style: { width: "100%" }, title: 'Datetime', required: true }), _jsx(NSBoxDouble, { style: { width: "100%" }, title: 'Double', required: true }), _jsx(NSBoxDuration, { style: { width: "100%" }, title: 'Duration', required: true }), _jsx(NSBoxTime, { style: { width: "100%" }, title: 'Time', required: true }), _jsx(NSBoxInteger, { style: { width: "100%" }, title: 'Integer', required: true }), _jsx(NSBoxSearch, { style: { width: "100%" }, title: 'Search', required: true }), _jsx(NSBoxFile, { style: { width: "100%" }, required: true, title: 'Driver License', multiple: true, maxFilesCount: 3 })] }) })] }));
 }
 //# sourceMappingURL=App.js.map