namirasoft-site-react 1.3.99 → 1.3.100
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/App.js +2 -2
- package/dist/App.js.map +1 -1
- package/dist/components/NSInput.module.css +13 -0
- package/package.json +1 -1
- package/src/App.css +0 -12
- package/src/App.tsx +2 -1
- package/src/components/NSInput.module.css +13 -0
package/dist/App.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import './App.css';
|
|
3
3
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
4
|
-
import { NSTable, NSSelectBox } from './main';
|
|
4
|
+
import { NSTable, NSSelectBox, NSInputPhone } from './main';
|
|
5
5
|
import { useRef } from 'react';
|
|
6
6
|
import { NSLayoutAction } from './components/NSLayoutAction';
|
|
7
7
|
const actions = [
|
|
@@ -92,6 +92,6 @@ export function App() {
|
|
|
92
92
|
}
|
|
93
93
|
let table = useRef(null);
|
|
94
94
|
console.log(tabs);
|
|
95
|
-
return (_jsx(_Fragment, { children: _jsx(NSLayoutAction, { notifications: [], actions: actions, title: 'Test', description: 'Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem ', scope: 'Namira Software Corporation', logo: 'https://static.namirasoft.com/image/namirasoft/site/logo/base.png', children: _jsxs("div", { children: [_jsx(NSSelectBox, { multiple: false, required: true, options: [], title: "Country" }), _jsx(NSTable, { ref: table, columns: columns, rows: rows, getCell: getCell, getColumnAttributes: () => { return {}; }, getRowKey: row => row.id.toString() })] }) }) }));
|
|
95
|
+
return (_jsx(_Fragment, { children: _jsx(NSLayoutAction, { notifications: [], actions: actions, title: 'Test', description: 'Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem ', scope: 'Namira Software Corporation', logo: 'https://static.namirasoft.com/image/namirasoft/site/logo/base.png', children: _jsxs("div", { children: [_jsx(NSSelectBox, { multiple: false, required: true, options: [], title: "Country" }), _jsx(NSInputPhone, { title: "g", required: true }), _jsx(NSTable, { ref: table, columns: columns, rows: rows, getCell: getCell, getColumnAttributes: () => { return {}; }, getRowKey: row => row.id.toString() })] }) }) }));
|
|
96
96
|
}
|
|
97
97
|
//# sourceMappingURL=App.js.map
|
package/dist/App.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
|
|
@@ -52,3 +52,16 @@
|
|
|
52
52
|
right: 5%;
|
|
53
53
|
top: 50%;
|
|
54
54
|
}
|
|
55
|
+
|
|
56
|
+
/*Start Input Tell*/
|
|
57
|
+
.ns_input_parent input {
|
|
58
|
+
width: 100% !important;
|
|
59
|
+
height: 48px !important;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
@media only screen and (min-width: 380px) {
|
|
63
|
+
.ns_input_parent input {
|
|
64
|
+
width: 206px !important;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
/*End Input Tell*/
|
package/package.json
CHANGED
package/src/App.css
CHANGED
|
@@ -12,16 +12,4 @@
|
|
|
12
12
|
border-radius: 5px 0 0 5px;
|
|
13
13
|
border: 1px solid rgba(47, 0, 236, 0.6) !important;
|
|
14
14
|
}
|
|
15
|
-
|
|
16
|
-
.react-tel-input .form-control {
|
|
17
|
-
width: 100% !important;
|
|
18
|
-
height: 48px !important;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
@media only screen and (min-width: 380px) {
|
|
22
|
-
.react-tel-input .form-control {
|
|
23
|
-
width: 206px !important;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
15
|
/*End Input Tell*/
|
package/src/App.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './App.css';
|
|
2
2
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
3
|
-
import { NSTable, NSSelectBox } from './main';
|
|
3
|
+
import { NSTable, NSSelectBox, NSInputPhone } from './main';
|
|
4
4
|
import { useRef } from 'react';
|
|
5
5
|
import { NSLayoutAction } from './components/NSLayoutAction';
|
|
6
6
|
|
|
@@ -130,6 +130,7 @@ export function App()
|
|
|
130
130
|
options={[]}
|
|
131
131
|
title="Country"
|
|
132
132
|
/>
|
|
133
|
+
<NSInputPhone title={"g"} required={true}/>
|
|
133
134
|
<NSTable
|
|
134
135
|
ref={table}
|
|
135
136
|
columns={columns}
|
|
@@ -52,3 +52,16 @@
|
|
|
52
52
|
right: 5%;
|
|
53
53
|
top: 50%;
|
|
54
54
|
}
|
|
55
|
+
|
|
56
|
+
/*Start Input Tell*/
|
|
57
|
+
.ns_input_parent input {
|
|
58
|
+
width: 100% !important;
|
|
59
|
+
height: 48px !important;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
@media only screen and (min-width: 380px) {
|
|
63
|
+
.ns_input_parent input {
|
|
64
|
+
width: 206px !important;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
/*End Input Tell*/
|