namirasoft-site-react 1.3.90 → 1.3.92

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.
Files changed (30) hide show
  1. package/dist/App.js +9 -12
  2. package/dist/App.js.map +1 -1
  3. package/dist/components/NSInput.module.css +5 -9
  4. package/dist/components/NSInputDate.module.css +2 -2
  5. package/dist/components/NSInputText.js +1 -1
  6. package/dist/components/NSInputText.js.map +1 -1
  7. package/dist/components/NSModal.js +2 -8
  8. package/dist/components/NSModal.js.map +1 -1
  9. package/dist/components/NSPanel.module.css +2 -1
  10. package/dist/components/NSSelectBox.js +1 -1
  11. package/dist/components/NSSelectBox.js.map +1 -1
  12. package/dist/components/NSSelectBox.module.css +3 -0
  13. package/dist/components/NSTabPage.js +1 -1
  14. package/dist/components/NSTabPage.js.map +1 -1
  15. package/dist/components/NSTabPage.module.css +18 -12
  16. package/dist/components/NSTable.js.map +1 -1
  17. package/dist/components/NSTable.module.css +27 -41
  18. package/package.json +2 -2
  19. package/src/App.tsx +10 -12
  20. package/src/components/NSInput.module.css +5 -9
  21. package/src/components/NSInputDate.module.css +2 -2
  22. package/src/components/NSInputText.tsx +1 -1
  23. package/src/components/NSModal.tsx +3 -19
  24. package/src/components/NSPanel.module.css +2 -1
  25. package/src/components/NSSelectBox.module.css +3 -0
  26. package/src/components/NSSelectBox.tsx +1 -1
  27. package/src/components/NSTabPage.module.css +18 -12
  28. package/src/components/NSTabPage.tsx +18 -16
  29. package/src/components/NSTable.module.css +27 -41
  30. package/src/components/NSTable.tsx +1 -0
package/dist/App.js CHANGED
@@ -1,20 +1,17 @@
1
- import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
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
4
  import { NSFooter, NSHeader, NSTable, NSTabPage } from './main';
5
5
  import { useRef } from 'react';
6
+ import { NSPanel } from './components/NSPanel';
6
7
  export function App() {
7
- function f(n) {
8
- console.log(n);
9
- return n;
10
- }
11
- let c1 = () => _jsxs("p", { children: ["Content for Tab ", f(1)] });
12
- let c2 = () => _jsxs("p", { children: ["Content for Tab ", f(2)] });
13
- let c3 = () => _jsxs("p", { children: ["Content for Tab ", f(3)] });
8
+ let content1 = () => _jsx("p", { children: "Content for Tab" });
9
+ let content2 = () => _jsx("p", { children: "Content for Tab" });
10
+ let content3 = () => _jsx("p", { children: "Content for Tab" });
14
11
  const tabs = [
15
- { title: 'Information', getContent: c1 },
16
- { title: 'Price History', getContent: c2 },
17
- { title: 'Price Estimator', getContent: c3 }
12
+ { title: 'Information', getContent: content1 },
13
+ { title: 'Price History', getContent: content2 },
14
+ { title: 'Price Estimator', getContent: content3 }
18
15
  ];
19
16
  let columns = {
20
17
  "id": "ID",
@@ -45,6 +42,6 @@ export function App() {
45
42
  return row[column];
46
43
  }
47
44
  let table = useRef(null);
48
- return (_jsxs(_Fragment, { children: [_jsx(NSHeader, { name: 'Header', scope: 'Namira Software Corporation', logo: 'https://static.namirasoft.com/image/namirasoft/site/logo/base.png', account: false, style: { backgroundColor: "transparent !important" } }), _jsx("div", { children: _jsx(NSTable, { ref: table, columns: columns, rows: rows, getCell: getCell, getColumnAttributes: () => { return {}; }, getRowKey: row => row.id.toString() }) }), _jsx(NSTabPage, { tabs: tabs }), _jsx(NSFooter, { name: 'Footer', scope: 'Namira Software Corporation', logo: 'https://static.namirasoft.com/image/namirasoft/site/logo/base.png' })] }));
45
+ return (_jsxs(_Fragment, { children: [_jsx(NSHeader, { name: 'Header', scope: 'Namira Software Corporation', logo: 'https://static.namirasoft.com/image/namirasoft/site/logo/base.png', account: false, style: { backgroundColor: "transparent !important" } }), _jsxs("div", { children: [_jsx(NSPanel, { grid: true, children: _jsx("div", { children: "NS Panel" }) }), _jsx(NSTable, { ref: table, columns: columns, rows: rows, getCell: getCell, getColumnAttributes: () => { return {}; }, getRowKey: row => row.id.toString() })] }), _jsx(NSTabPage, { tabs: tabs }), _jsx(NSFooter, { name: 'Footer', scope: 'Namira Software Corporation', logo: 'https://static.namirasoft.com/image/namirasoft/site/logo/base.png' })] }));
49
46
  }
50
47
  //# 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,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,UAAU,GAAG;IAElB,SAAS,CAAC,CAAC,CAAS;QAEnB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACf,OAAO,CAAC,CAAC;IACV,CAAC;IACD,IAAI,EAAE,GAAG,GAAG,EAAE,CAAC,4CAAoB,CAAC,CAAC,CAAC,CAAC,IAAK,CAAC;IAC7C,IAAI,EAAE,GAAG,GAAG,EAAE,CAAC,4CAAoB,CAAC,CAAC,CAAC,CAAC,IAAK,CAAC;IAC7C,IAAI,EAAE,GAAG,GAAG,EAAE,CAAC,4CAAoB,CAAC,CAAC,CAAC,CAAC,IAAK,CAAC;IAC7C,MAAM,IAAI,GAAG;QACZ,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,EAAE,EAAE;QACxC,EAAE,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE;QAC1C,EAAE,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,EAAE,EAAE;KAC5C,CAAC;IACF,IAAI,OAAO,GAAG;QACb,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;KAClB,CAAA;IACD,IAAI,IAAI,GAAG,CAAC;YACX,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,yCAAyC;YAClD,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,SAAS;SACjB;QACD;YACC,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,yCAAyC;YAClD,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,MAAM;SACd;KACA,CAAA;IAUD,SAAS,OAAO,CAAC,GAAQ,EAAE,MAAc;QAExC,OAAQ,GAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IACD,IAAI,KAAK,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IACvC,OAAO,CACN,8BACC,KAAC,QAAQ,IACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,6BAA6B,EACnC,IAAI,EAAC,mEAAmE,EACxE,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,EAAE,eAAe,EAAE,wBAAwB,EAAE,GACnD,EACF,wBACC,KAAC,OAAO,IACP,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,CAAA,CAAC,CAAC,EACxC,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,QAAQ,EAAE,GAClC,GACG,EACN,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,GAAI,EACzB,KAAC,QAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,6BAA6B,EAAC,IAAI,EAAC,mEAAmE,GAAG,IACrI,CACH,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,MAAM,UAAU,GAAG;IAGlB,IAAI,QAAQ,GAAG,GAAG,EAAE,CAAC,0CAAsB,CAAC;IAC5C,IAAI,QAAQ,GAAG,GAAG,EAAE,CAAC,0CAAsB,CAAC;IAC5C,IAAI,QAAQ,GAAG,GAAG,EAAE,CAAC,0CAAsB,CAAC;IAC5C,MAAM,IAAI,GAAG;QACZ,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE;QAC9C,EAAE,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAE;QAChD,EAAE,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,QAAQ,EAAE;KAClD,CAAC;IACF,IAAI,OAAO,GAAG;QACb,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;KAClB,CAAA;IACD,IAAI,IAAI,GAAG,CAAC;YACX,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,yCAAyC;YAClD,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,SAAS;SACjB;QACD;YACC,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,yCAAyC;YAClD,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,MAAM;SACd;KACA,CAAA;IAUD,SAAS,OAAO,CAAC,GAAQ,EAAE,MAAc;QAExC,OAAQ,GAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IACD,IAAI,KAAK,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IACvC,OAAO,CACN,8BACC,KAAC,QAAQ,IACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,6BAA6B,EACnC,IAAI,EAAC,mEAAmE,EACxE,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,EAAE,eAAe,EAAE,wBAAwB,EAAE,GACnD,EACF,0BACC,KAAC,OAAO,IAAC,IAAI,kBAAC,qCAAmB,GAAU,EAC3C,KAAC,OAAO,IACP,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,CAAA,CAAC,CAAC,EACxC,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,QAAQ,EAAE,GAClC,IACG,EACN,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,GAAI,EACzB,KAAC,QAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,6BAA6B,EAAC,IAAI,EAAC,mEAAmE,GAAG,IACrI,CACH,CAAC;AACH,CAAC"}
package/dist/components/NSInput.module.css CHANGED
@@ -2,15 +2,14 @@
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  width: 100%;
5
- color: #fff;
5
+ color: #141B5C;
6
6
  position: relative;
7
- max-width: 272px;
7
+ justify-content: center;
8
8
  }
9
9
 
10
10
  .ns_input_container {
11
11
  display: flex;
12
12
  align-items: center;
13
- justify-content: flex-end;
14
13
  position: relative;
15
14
  width: 100%;
16
15
  }
@@ -18,18 +17,15 @@
18
17
  .ns_input_icon_container {
19
18
  margin: 0 !important;
20
19
  position: absolute;
21
- right: 12px;
22
- background-color: #fff;
23
- padding: 0 4px;
24
- direction: rtl;
20
+ left: 12px;
25
21
  }
26
22
 
27
23
  .ns_input {
28
24
  border-radius: 8px;
29
- padding: 10px 12px;
25
+ padding: 10px 12px 10px 48px;
30
26
  font-size: 16px;
31
27
  font-weight: 400;
32
- border: 1px solid rgba(47, 0, 236, 0.6) !important;
28
+ border: 1px solid rgba(0, 0, 0, 1) !important;
33
29
  height: 48px;
34
30
  width: 100%;
35
31
  }
package/dist/components/NSInputDate.module.css CHANGED
@@ -13,7 +13,7 @@
13
13
  padding: 10px 12px;
14
14
  font-size: 16px;
15
15
  font-weight: 400;
16
- border: 1px solid rgba(47, 0, 236, 0.6);
16
+ border: 1px solid rgba(0, 0, 0, 1);
17
17
  position: relative;
18
18
  }
19
19
 
@@ -32,7 +32,7 @@
32
32
  .ns_input::-webkit-calendar-picker-indicator {
33
33
  display: block;
34
34
  background: url(../assets/images/icon-input-date.svg) no-repeat;
35
- background-position: 90% 35% ;
35
+ background-position: 90% 35%;
36
36
  width: 100%;
37
37
  height: 100%;
38
38
  position: absolute;
package/dist/components/NSInputText.js CHANGED
@@ -36,7 +36,7 @@ export class NSInputText extends React.Component {
36
36
  }
37
37
  render() {
38
38
  var _a;
39
- return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputText, alt: "Text Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "text", className: Styles.ns_input, placeholder: this.props.placeholder })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
39
+ return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputText, alt: "Text Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "text", className: Styles.ns_input, placeholder: this.props.placeholder })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
40
40
  }
41
41
  }
42
42
  //# sourceMappingURL=NSInputText.js.map
package/dist/components/NSInputText.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSInputText.js","sourceRoot":"","sources":["../../src/components/NSInputText.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NSInputText.js","sourceRoot":"","sources":["../../src/components/NSInputText.tsx"],"names":[],"mappings":"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"}
package/dist/components/NSModal.js CHANGED
@@ -1,17 +1,11 @@
1
1
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState } from "react";
3
2
  import { NSSpace, NSSpaceSizeType, NSTitle } from "../main";
4
- import NSButton from "./NSButton";
5
3
  import Styles from './NSModal.module.css';
6
4
  export function NSModal(props) {
7
5
  var _a;
8
- const [state, setState] = useState({
9
- isShowModal: true
10
- });
11
- return (_jsx("section", { onClick: () => setState(prevState => (Object.assign(Object.assign({}, prevState), { isShowModal: false }))), id: props.id, className: `
12
- ${state.isShowModal && Styles.ns_hide}
6
+ return (_jsx("section", { id: props.id, className: `
13
7
  ${Styles.ns_modal}
14
- ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: _jsxs("div", { className: Styles.ns_modal_container, children: [_jsx(NSButton, { onClick: () => setState(prevState => (Object.assign(Object.assign({}, prevState), { isShowModal: false }))), icon: { src: "https://static.namirasoft.com/image/concept/close/blue.svg", alt: "close modal" }, classList: [Styles.ns_close_modal] }), props.title &&
8
+ ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: _jsxs("div", { className: Styles.ns_modal_container, children: [props.title &&
15
9
  _jsxs(_Fragment, { children: [_jsx(NSTitle, { title: props.title }), _jsx(NSSpace, { size: NSSpaceSizeType.NORMAL })] }), props.description &&
16
10
  _jsxs("p", { className: Styles.ns_modal_description, children: [" ", props.description, " "] })] }) }));
17
11
  }
package/dist/components/NSModal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSModal.js","sourceRoot":"","sources":["../../src/components/NSModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAuB,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACjF,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAW1C,MAAM,UAAU,OAAO,CAAC,KAAoB;;IAE3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB;QACjD,WAAW,EAAE,IAAI;KACjB,CAAC,CAAC;IACH,OAAO,CACN,kBACC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CACpC,iCACI,SAAS,KAAE,WAAW,EAAE,KAAK,IAC/B,CAAC,EACH,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE;KACT,KAAK,CAAC,WAAW,IAAG,MAAM,CAAC,OAAO;KAClC,MAAM,CAAC,QAAQ;KACf,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,YAElB,eAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,aACxC,KAAC,QAAQ,IACR,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CACpC,iCACI,SAAS,KAAE,WAAW,EAAE,KAAK,IAC/B,CAAC,EACH,IAAI,EAAE,EAAE,GAAG,EAAE,4DAA4D,EAAE,GAAG,EAAE,aAAa,EAAE,EAC/F,SAAS,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,GACjC,EACD,KAAK,CAAC,KAAK;oBACX,8BACC,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,EAC/B,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,IACvC,EAEH,KAAK,CAAC,WAAW;oBACjB,aAAG,SAAS,EAAE,MAAM,CAAC,oBAAoB,kBAAK,KAAK,CAAC,WAAW,SAAM,IAGjE,GACI,CACX,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"NSModal.js","sourceRoot":"","sources":["../../src/components/NSModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACjF,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAW1C,MAAM,UAAU,OAAO,CAAC,KAAoB;;IAG3C,OAAO,CACN,kBAEC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE;KACT,MAAM,CAAC,QAAQ;KACf,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,YAElB,eAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,aAEvC,KAAK,CAAC,KAAK;oBACX,8BACC,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,EAC/B,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,IACvC,EAEH,KAAK,CAAC,WAAW;oBACjB,aAAG,SAAS,EAAE,MAAM,CAAC,oBAAoB,kBAAK,KAAK,CAAC,WAAW,SAAM,IAEjE,GACI,CACX,CAAC;AACH,CAAC"}
package/dist/components/NSPanel.module.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .ns_panel_grid {
2
- background-color: rgba(20, 27, 92, 0.3);
2
+ background-color: rgba(255, 255, 255, 1);
3
3
  padding: 8px;
4
4
  display: flex;
5
5
  flex-direction: column;
@@ -24,6 +24,7 @@
24
24
  .ns_panel_column {
25
25
  max-width: 700px;
26
26
  }
27
+
27
28
  .ns_panel_grid {
28
29
  flex-direction: row;
29
30
  max-width: 700px;
package/dist/components/NSSelectBox.js CHANGED
@@ -55,7 +55,7 @@ export class NSSelectBox extends React.Component {
55
55
  }
56
56
  }
57
57
  render() {
58
- return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx(Select, { mode: this.props.multiple ? "multiple" : undefined, style: { width: '100%' }, className: Styles.ns_input_select, placeholder: "Combo Box", onChange: this.handleChange, optionLabelProp: "label", options: this.props.options, optionRender: (option) => (_jsx(Space, { className: Styles.ns_input_select_option, children: option.data.desc })), suffixIcon: _jsx("img", { src: IconSelectBox, alt: "SelectBox Icon" }) })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
58
+ return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent}`, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx(Select, { mode: this.props.multiple ? "multiple" : undefined, style: { width: '100%' }, className: Styles.ns_input_select, placeholder: "Combo Box", onChange: this.handleChange, optionLabelProp: "label", options: this.props.options, optionRender: (option) => (_jsx(Space, { className: Styles.ns_input_select_option, children: option.data.desc })), suffixIcon: _jsx("img", { src: IconSelectBox, alt: "SelectBox Icon" }) })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
59
59
  }
60
60
  }
61
61
  //# sourceMappingURL=NSSelectBox.js.map
package/dist/components/NSSelectBox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSSelectBox.js","sourceRoot":"","sources":["../../src/components/NSSelectBox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAErC,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAGjE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAgB9D,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA8C;IAEjF,YAAY,KAAwB;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,EAAE;SACb,CAAC;QACF,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,OAAO,CACH,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAC1D,CAAC;IACN,CAAC;IACD,QAAQ;QAEJ,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QAClD,IAAI,KAAK,EACT;YACI,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YACzB,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;SAC1B;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACD,SAAS;QAEL,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YAE9B,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;YACvC,IAAI,KAAK,EACT;gBACI,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;gBACzB,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;aAC1B;QACL,CAAC,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;IAC7B,CAAC;IACD,QAAQ,CAAC,KAAoB;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,SAAS,CAAC,MAAgB;QAEtB,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;IAC9B,CAAC;IACD,YAAY,CAAC,KAA+B;QAExC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EACvB;YACI,IAAI,CAAC,SAAS,CAAC,KAAiB,CAAC,CAAC;SACrC;aACD;YACI,IAAI,CAAC,QAAQ,CAAC,KAAsB,CAAC,CAAC;SACzC;IACL,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,8BACI,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,gBAAM,SAAS,EAAE,MAAM,CAAC,cAAc,kBAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAW,OAAG,IAAI,CAAC,KAAK,CAAC,KAAK,SAAS,EACrI,KAAC,MAAM,IACH,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAClD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,SAAS,EAAE,MAAM,CAAC,eAAe,EACjC,WAAW,EAAC,WAAW,EACvB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,eAAe,EAAC,OAAO,EACvB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CACtB,KAAC,KAAK,IAAC,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC1C,MAAM,CAAC,IAAI,CAAC,IAAI,GACb,CACX,EACD,UAAU,EAAE,cAAK,GAAG,EAAE,aAAa,EAAE,GAAG,EAAC,gBAAgB,GAAG,GAC9D,IACA,EACN,KAAC,oBAAoB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAI,IAClD,CACN,CAAC;IACN,CAAC;CACJ"}
1
+ {"version":3,"file":"NSSelectBox.js","sourceRoot":"","sources":["../../src/components/NSSelectBox.tsx"],"names":[],"mappings":"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"}
package/dist/components/NSSelectBox.module.css CHANGED
@@ -1,10 +1,13 @@
1
1
  .ns_input_parent {
2
2
  width: 272px;
3
3
  max-width: 100%;
4
+ color: #141B5C;
4
5
  }
5
6
 
6
7
  .ns_input_select {
7
8
  height: 48px;
9
+ border: 1px solid rgba(47, 0, 236, 0.6) !important;
10
+ border-radius: 8px;
8
11
  width: 272px !important;
9
12
  }
10
13
 
package/dist/components/NSTabPage.js CHANGED
@@ -4,6 +4,6 @@ import Styles from './NSTabPage.module.css';
4
4
  import { useState } from "react";
5
5
  export function NSTabPage(props) {
6
6
  const [state, setState] = useState({ activeTabIndex: 0 });
7
- return (_jsxs("div", { className: `container ${Styles.ns_tab_bar}`, children: [_jsx("ul", { children: props.tabs.map((tab, index) => (_jsx("li", { className: state.activeTabIndex === index ? Styles.active : '', onClick: () => setState({ activeTabIndex: index }), children: tab.title }, index))) }), _jsx("div", { className: Styles.ns_tab_content, children: props.tabs[state.activeTabIndex].getContent() })] }));
7
+ return (_jsx("div", { className: `container ${Styles.ns_tab_page}`, children: _jsxs("div", { className: ` ${Styles.ns_tab_page_panel}`, children: [_jsx("ul", { children: props.tabs.map((tab, index) => (_jsx("li", { className: state.activeTabIndex === index ? Styles.active : '', onClick: () => setState({ activeTabIndex: index }), children: tab.title }, index))) }), _jsx("div", { className: Styles.ns_tab_content, children: props.tabs[state.activeTabIndex].getContent() })] }) }));
8
8
  }
9
9
  //# sourceMappingURL=NSTabPage.js.map
package/dist/components/NSTabPage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSTabPage.js","sourceRoot":"","sources":["../../src/components/NSTabPage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAkBjC,MAAM,UAAU,SAAS,CAAC,KAAqB;IAE3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAiB,EAAE,cAAc,EAAE,CAAC,EAAE,CAAC,CAAC;IAE1E,OAAO,CACH,eAAK,SAAS,EAAE,aAAa,MAAM,CAAC,UAAU,EAAE,aAC5C,uBAEQ,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,aAEI,SAAS,EAAE,KAAK,CAAC,cAAc,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAC9D,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,YAEjD,GAAG,CAAC,KAAK,IAJL,KAAK,CAKT,CACR,CAAC,GAEL,EACL,cAAK,SAAS,EAAE,MAAM,CAAC,cAAc,YAChC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,UAAU,EAAE,GAC5C,IACJ,CACT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"NSTabPage.js","sourceRoot":"","sources":["../../src/components/NSTabPage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAkBjC,MAAM,UAAU,SAAS,CAAC,KAAqB;IAE3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAiB,EAAE,cAAc,EAAE,CAAC,EAAE,CAAC,CAAC;IAE1E,OAAO,CACH,cAAK,SAAS,EAAE,aAAa,MAAM,CAAC,WAAW,EAAE,YAC7C,eAAK,SAAS,EAAE,IAAI,MAAM,CAAC,iBAAiB,EAAE,aAC1C,uBAEQ,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,aAEI,SAAS,EAAE,KAAK,CAAC,cAAc,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAC9D,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,YAEjD,GAAG,CAAC,KAAK,IAJL,KAAK,CAKT,CACR,CAAC,GAEL,EACL,cAAK,SAAS,EAAE,MAAM,CAAC,cAAc,YAChC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,UAAU,EAAE,GAC5C,IACJ,GACJ,CACT,CAAC;AACN,CAAC"}
package/dist/components/NSTabPage.module.css CHANGED
@@ -1,36 +1,42 @@
1
- .ns_tab_bar {
1
+ .ns_tab_page_panel {
2
2
  border-radius: 8px;
3
3
  overflow: hidden;
4
- background: #141B5C66;
4
+ background: #141B5C;
5
5
  padding: 16px;
6
6
  }
7
7
 
8
- .ns_tab_bar ul {
8
+ .ns_tab_page_panel ul {
9
9
  list-style-type: none;
10
10
  margin: 0;
11
11
  padding: 0;
12
12
  display: flex;
13
13
  }
14
14
 
15
- .ns_tab_bar li {
16
- flex: 1;
15
+ .ns_tab_page_panel li {
17
16
  text-align: center;
18
- padding: 10px;
17
+ padding: 14px 16px;
19
18
  cursor: pointer;
20
- border-right: 1px solid #ccc;
19
+ color: #fff;
20
+ font-size: 16px;
21
+ font-weight: 600;
21
22
  }
22
23
 
23
- .ns_tab_bar li:last-child {
24
+ .ns_tab_page_panel li:last-child {
24
25
  border-right: none;
25
26
  }
26
27
 
27
- .ns_tab_bar li.active {
28
- background-color: rgba(255, 255, 255, 0.6);
28
+ .ns_tab_page_panel li.active {
29
+ background-color: #fff;
29
30
  border-radius: 8px 8px 0 0;
31
+ color: #141B5C;
30
32
  }
31
33
 
32
34
  .ns_tab_content {
33
35
  padding: 16px;
34
- border-radius: 0 0 8px 8px;
35
- background-color: #FFFFFF99;
36
+ border-radius: 0 8px 8px 8px;
37
+ background-color: #fff;
38
+ }
39
+
40
+ .ns_tab_page {
41
+ padding: 0 48px;
36
42
  }
package/dist/components/NSTable.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSTable.js","sourceRoot":"","sources":["../../src/components/NSTable.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NSTable.js","sourceRoot":"","sources":["../../src/components/NSTable.tsx"],"names":[],"mappings":"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"}
package/dist/components/NSTable.module.css CHANGED
@@ -4,7 +4,7 @@
4
4
  color: rgba(20, 27, 92, 1);
5
5
  }
6
6
 
7
- .ns_search_input{
7
+ .ns_search_input {
8
8
  display: flex;
9
9
  justify-content: space-between;
10
10
  align-items: center;
@@ -20,7 +20,7 @@
20
20
  border-radius: 8px;
21
21
  padding: 16px;
22
22
  display: block;
23
- background-color: rgba(20, 27, 92, 0.3);
23
+ background-color: rgba(255, 255, 255, 1);
24
24
  margin: 16px 0;
25
25
  }
26
26
 
@@ -50,20 +50,6 @@
50
50
  align-items: center;
51
51
  }
52
52
 
53
- /* Modal */
54
- /* .ns_modal {
55
- position: fixed;
56
- height: fit-content;
57
- top: 25%;
58
- left: 0;
59
- border-radius: 8px;
60
- padding: 24px;
61
- margin: 0 16px;
62
- background-color: rgba(188, 194, 244, 1);
63
- z-index: 10;
64
- color: rgba(20, 27, 92, 1);
65
- } */
66
-
67
53
  .ns_modal a {
68
54
  float: right;
69
55
  }
@@ -87,7 +73,7 @@
87
73
  }
88
74
 
89
75
  .ns_table tbody {
90
- background-color: rgba(20, 27, 92, 0.3);
76
+ background-color: rgba(255, 255, 255, 1);
91
77
  }
92
78
 
93
79
  .ns_table tr {
@@ -139,28 +125,28 @@
139
125
  }
140
126
 
141
127
  @media screen and (min-width: 1024px) {
142
- .ns_table {
143
- padding: 0 48px;
144
- }
145
-
146
- .ns_table thead {
147
- font-size: 24px;
148
- }
149
-
150
- .ns_table tr {
151
- font-size: 24px;
152
- }
153
-
154
- /* Search Input */
155
- .ns_search_input {
156
- padding: 0 40px;
157
- }
158
-
159
- /* Button Group */
160
- .ns_pagination_button {
161
- display: flex;
162
- flex-direction: row;
163
- width: 100%;
164
- padding: 16px 48px;
165
- }
128
+ .ns_table {
129
+ padding: 0 48px;
130
+ }
131
+
132
+ .ns_table thead {
133
+ font-size: 24px;
134
+ }
135
+
136
+ .ns_table tr {
137
+ font-size: 24px;
138
+ }
139
+
140
+ /* Search Input */
141
+ .ns_search_input {
142
+ padding: 0 40px;
143
+ }
144
+
145
+ /* Button Group */
146
+ .ns_pagination_button {
147
+ display: flex;
148
+ flex-direction: row;
149
+ width: 100%;
150
+ padding: 16px 48px;
151
+ }
166
152
  }
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.3.90",
11
+ "version": "1.3.92",
12
12
  "author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",
@@ -24,7 +24,7 @@
24
24
  "@types/node": "^20.12.7",
25
25
  "@types/react": "^18.3.1",
26
26
  "@types/react-dom": "^18.3.0",
27
- "antd": "^5.16.4",
27
+ "antd": "^5.16.5",
28
28
  "bootstrap": "^5.3.3",
29
29
  "copyfiles": "^2.4.1",
30
30
  "link-react": "^3.0.0",
package/src/App.tsx CHANGED
@@ -2,21 +2,18 @@ import './App.css';
2
2
  import 'bootstrap/dist/css/bootstrap.min.css';
3
3
  import { NSFooter, NSHeader, NSTable, NSTabPage } from './main';
4
4
  import { useRef } from 'react';
5
+ import { NSPanel } from './components/NSPanel';
5
6
 
6
7
  export function App()
7
8
  {
8
- function f(n: number)
9
- {
10
- console.log(n);
11
- return n;
12
- }
13
- let c1 = () => <p>Content for Tab {f(1)}</p>;
14
- let c2 = () => <p>Content for Tab {f(2)}</p>;
15
- let c3 = () => <p>Content for Tab {f(3)}</p>;
9
+
10
+ let content1 = () => <p>Content for Tab</p>;
11
+ let content2 = () => <p>Content for Tab</p>;
12
+ let content3 = () => <p>Content for Tab</p>;
16
13
  const tabs = [
17
- { title: 'Information', getContent: c1 },
18
- { title: 'Price History', getContent: c2 },
19
- { title: 'Price Estimator', getContent: c3 }
14
+ { title: 'Information', getContent: content1 },
15
+ { title: 'Price History', getContent: content2 },
16
+ { title: 'Price Estimator', getContent: content3 }
20
17
  ];
21
18
  let columns = {
22
19
  "id": "ID",
@@ -67,6 +64,7 @@ export function App()
67
64
  style={{ backgroundColor: "transparent !important" }}
68
65
  />
69
66
  <div>
67
+ <NSPanel grid><div>NS Panel</div></NSPanel>
70
68
  <NSTable
71
69
  ref={table}
72
70
  columns={columns}
@@ -80,4 +78,4 @@ export function App()
80
78
  <NSFooter name='Footer' scope='Namira Software Corporation' logo='https://static.namirasoft.com/image/namirasoft/site/logo/base.png' />
81
79
  </>
82
80
  );
83
- }
81
+ }
package/src/components/NSInput.module.css CHANGED
@@ -2,15 +2,14 @@
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  width: 100%;
5
- color: #fff;
5
+ color: #141B5C;
6
6
  position: relative;
7
- max-width: 272px;
7
+ justify-content: center;
8
8
  }
9
9
 
10
10
  .ns_input_container {
11
11
  display: flex;
12
12
  align-items: center;
13
- justify-content: flex-end;
14
13
  position: relative;
15
14
  width: 100%;
16
15
  }
@@ -18,18 +17,15 @@
18
17
  .ns_input_icon_container {
19
18
  margin: 0 !important;
20
19
  position: absolute;
21
- right: 12px;
22
- background-color: #fff;
23
- padding: 0 4px;
24
- direction: rtl;
20
+ left: 12px;
25
21
  }
26
22
 
27
23
  .ns_input {
28
24
  border-radius: 8px;
29
- padding: 10px 12px;
25
+ padding: 10px 12px 10px 48px;
30
26
  font-size: 16px;
31
27
  font-weight: 400;
32
- border: 1px solid rgba(47, 0, 236, 0.6) !important;
28
+ border: 1px solid rgba(0, 0, 0, 1) !important;
33
29
  height: 48px;
34
30
  width: 100%;
35
31
  }
package/src/components/NSInputDate.module.css CHANGED
@@ -13,7 +13,7 @@
13
13
  padding: 10px 12px;
14
14
  font-size: 16px;
15
15
  font-weight: 400;
16
- border: 1px solid rgba(47, 0, 236, 0.6);
16
+ border: 1px solid rgba(0, 0, 0, 1);
17
17
  position: relative;
18
18
  }
19
19
 
@@ -32,7 +32,7 @@
32
32
  .ns_input::-webkit-calendar-picker-indicator {
33
33
  display: block;
34
34
  background: url(../assets/images/icon-input-date.svg) no-repeat;
35
- background-position: 90% 35% ;
35
+ background-position: 90% 35%;
36
36
  width: 100%;
37
37
  height: 100%;
38
38
  position: absolute;
package/src/components/NSInputText.tsx CHANGED
@@ -64,7 +64,7 @@ export class NSInputText extends React.Component<INSInputTextProps, NSInputTextS
64
64
  {
65
65
  return (
66
66
  <>
67
- <div className={`${Styles.ns_input_parent} p-2 ${this.props.classList?.join(" ")}`} style={this.props.style}>
67
+ <div className={`${Styles.ns_input_parent} ${this.props.classList?.join(" ")}`} style={this.props.style}>
68
68
  <span className={Styles.ns_input_title}> {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title} </span>
69
69
  <img
70
70
  className={Styles.ns_input_icon}
package/src/components/NSModal.tsx CHANGED
@@ -1,6 +1,4 @@
1
- import { useState } from "react";
2
1
  import { IBaseComponentProps, NSSpace, NSSpaceSizeType, NSTitle } from "../main";
3
- import NSButton from "./NSButton";
4
2
  import Styles from './NSModal.module.css';
5
3
 
6
4
  export interface INSModalProps extends IBaseComponentProps
@@ -14,31 +12,18 @@ export interface INSModalState
14
12
  }
15
13
  export function NSModal(props: INSModalProps)
16
14
  {
17
- const [state, setState] = useState<INSModalState>({
18
- isShowModal: true
19
- });
15
+
20
16
  return (
21
17
  <section
22
- onClick={() => setState(prevState =>
23
- ({
24
- ...prevState, isShowModal: false
25
- }))}
18
+
26
19
  id={props.id}
27
20
  className={`
28
- ${state.isShowModal&& Styles.ns_hide}
29
21
  ${Styles.ns_modal}
30
22
  ${props.classList?.join(" ")}`}
31
23
  style={props.style}
32
24
  >
33
25
  <div className={Styles.ns_modal_container}>
34
- <NSButton
35
- onClick={() => setState(prevState =>
36
- ({
37
- ...prevState, isShowModal: false
38
- }))}
39
- icon={{ src: "https://static.namirasoft.com/image/concept/close/blue.svg", alt: "close modal" }}
40
- classList={[Styles.ns_close_modal]}
41
- />
26
+
42
27
  {props.title &&
43
28
  <>
44
29
  <NSTitle title={props.title} />
@@ -48,7 +33,6 @@ export function NSModal(props: INSModalProps)
48
33
  {props.description &&
49
34
  <p className={Styles.ns_modal_description} > {props.description} </p>
50
35
  }
51
-
52
36
  </div>
53
37
  </section >
54
38
  );
package/src/components/NSPanel.module.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .ns_panel_grid {
2
- background-color: rgba(20, 27, 92, 0.3);
2
+ background-color: rgba(255, 255, 255, 1);
3
3
  padding: 8px;
4
4
  display: flex;
5
5
  flex-direction: column;
@@ -24,6 +24,7 @@
24
24
  .ns_panel_column {
25
25
  max-width: 700px;
26
26
  }
27
+
27
28
  .ns_panel_grid {
28
29
  flex-direction: row;
29
30
  max-width: 700px;
package/src/components/NSSelectBox.module.css CHANGED
@@ -1,10 +1,13 @@
1
1
  .ns_input_parent {
2
2
  width: 272px;
3
3
  max-width: 100%;
4
+ color: #141B5C;
4
5
  }
5
6
 
6
7
  .ns_input_select {
7
8
  height: 48px;
9
+ border: 1px solid rgba(47, 0, 236, 0.6) !important;
10
+ border-radius: 8px;
8
11
  width: 272px !important;
9
12
  }
10
13
 
package/src/components/NSSelectBox.tsx CHANGED
@@ -89,7 +89,7 @@ export class NSSelectBox extends React.Component<INSSelectBoxProps, NSSelectBoxS
89
89
  {
90
90
  return (
91
91
  <>
92
- <div className={`${Styles.ns_input_parent} p-2`}>
92
+ <div className={`${Styles.ns_input_parent}`}>
93
93
  <span className={Styles.ns_input_title}> {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title} </span>
94
94
  <Select
95
95
  mode={this.props.multiple ? "multiple" : undefined}
package/src/components/NSTabPage.module.css CHANGED
@@ -1,36 +1,42 @@
1
- .ns_tab_bar {
1
+ .ns_tab_page_panel {
2
2
  border-radius: 8px;
3
3
  overflow: hidden;
4
- background: #141B5C66;
4
+ background: #141B5C;
5
5
  padding: 16px;
6
6
  }
7
7
 
8
- .ns_tab_bar ul {
8
+ .ns_tab_page_panel ul {
9
9
  list-style-type: none;
10
10
  margin: 0;
11
11
  padding: 0;
12
12
  display: flex;
13
13
  }
14
14
 
15
- .ns_tab_bar li {
16
- flex: 1;
15
+ .ns_tab_page_panel li {
17
16
  text-align: center;
18
- padding: 10px;
17
+ padding: 14px 16px;
19
18
  cursor: pointer;
20
- border-right: 1px solid #ccc;
19
+ color: #fff;
20
+ font-size: 16px;
21
+ font-weight: 600;
21
22
  }
22
23
 
23
- .ns_tab_bar li:last-child {
24
+ .ns_tab_page_panel li:last-child {
24
25
  border-right: none;
25
26
  }
26
27
 
27
- .ns_tab_bar li.active {
28
- background-color: rgba(255, 255, 255, 0.6);
28
+ .ns_tab_page_panel li.active {
29
+ background-color: #fff;
29
30
  border-radius: 8px 8px 0 0;
31
+ color: #141B5C;
30
32
  }
31
33
 
32
34
  .ns_tab_content {
33
35
  padding: 16px;
34
- border-radius: 0 0 8px 8px;
35
- background-color: #FFFFFF99;
36
+ border-radius: 0 8px 8px 8px;
37
+ background-color: #fff;
38
+ }
39
+
40
+ .ns_tab_page {
41
+ padding: 0 48px;
36
42
  }
package/src/components/NSTabPage.tsx CHANGED
@@ -24,22 +24,24 @@ export function NSTabPage(props: NSTabPageProps)
24
24
  const [state, setState] = useState<NSTabPageState>({ activeTabIndex: 0 });
25
25
 
26
26
  return (
27
- <div className={`container ${Styles.ns_tab_bar}`}>
28
- <ul>
29
- {
30
- props.tabs.map((tab, index) => (
31
- <li
32
- key={index}
33
- className={state.activeTabIndex === index ? Styles.active : ''}
34
- onClick={() => setState({ activeTabIndex: index })}
35
- >
36
- {tab.title}
37
- </li>
38
- ))
39
- }
40
- </ul>
41
- <div className={Styles.ns_tab_content}>
42
- {props.tabs[state.activeTabIndex].getContent()}
27
+ <div className={`container ${Styles.ns_tab_page}`}>
28
+ <div className={` ${Styles.ns_tab_page_panel}`}>
29
+ <ul>
30
+ {
31
+ props.tabs.map((tab, index) => (
32
+ <li
33
+ key={index}
34
+ className={state.activeTabIndex === index ? Styles.active : ''}
35
+ onClick={() => setState({ activeTabIndex: index })}
36
+ >
37
+ {tab.title}
38
+ </li>
39
+ ))
40
+ }
41
+ </ul>
42
+ <div className={Styles.ns_tab_content}>
43
+ {props.tabs[state.activeTabIndex].getContent()}
44
+ </div>
43
45
  </div>
44
46
  </div>
45
47
  );
package/src/components/NSTable.module.css CHANGED
@@ -4,7 +4,7 @@
4
4
  color: rgba(20, 27, 92, 1);
5
5
  }
6
6
 
7
- .ns_search_input{
7
+ .ns_search_input {
8
8
  display: flex;
9
9
  justify-content: space-between;
10
10
  align-items: center;
@@ -20,7 +20,7 @@
20
20
  border-radius: 8px;
21
21
  padding: 16px;
22
22
  display: block;
23
- background-color: rgba(20, 27, 92, 0.3);
23
+ background-color: rgba(255, 255, 255, 1);
24
24
  margin: 16px 0;
25
25
  }
26
26
 
@@ -50,20 +50,6 @@
50
50
  align-items: center;
51
51
  }
52
52
 
53
- /* Modal */
54
- /* .ns_modal {
55
- position: fixed;
56
- height: fit-content;
57
- top: 25%;
58
- left: 0;
59
- border-radius: 8px;
60
- padding: 24px;
61
- margin: 0 16px;
62
- background-color: rgba(188, 194, 244, 1);
63
- z-index: 10;
64
- color: rgba(20, 27, 92, 1);
65
- } */
66
-
67
53
  .ns_modal a {
68
54
  float: right;
69
55
  }
@@ -87,7 +73,7 @@
87
73
  }
88
74
 
89
75
  .ns_table tbody {
90
- background-color: rgba(20, 27, 92, 0.3);
76
+ background-color: rgba(255, 255, 255, 1);
91
77
  }
92
78
 
93
79
  .ns_table tr {
@@ -139,28 +125,28 @@
139
125
  }
140
126
 
141
127
  @media screen and (min-width: 1024px) {
142
- .ns_table {
143
- padding: 0 48px;
144
- }
145
-
146
- .ns_table thead {
147
- font-size: 24px;
148
- }
149
-
150
- .ns_table tr {
151
- font-size: 24px;
152
- }
153
-
154
- /* Search Input */
155
- .ns_search_input {
156
- padding: 0 40px;
157
- }
158
-
159
- /* Button Group */
160
- .ns_pagination_button {
161
- display: flex;
162
- flex-direction: row;
163
- width: 100%;
164
- padding: 16px 48px;
165
- }
128
+ .ns_table {
129
+ padding: 0 48px;
130
+ }
131
+
132
+ .ns_table thead {
133
+ font-size: 24px;
134
+ }
135
+
136
+ .ns_table tr {
137
+ font-size: 24px;
138
+ }
139
+
140
+ /* Search Input */
141
+ .ns_search_input {
142
+ padding: 0 40px;
143
+ }
144
+
145
+ /* Button Group */
146
+ .ns_pagination_button {
147
+ display: flex;
148
+ flex-direction: row;
149
+ width: 100%;
150
+ padding: 16px 48px;
151
+ }
166
152
  }
package/src/components/NSTable.tsx CHANGED
@@ -120,6 +120,7 @@ export class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableS
120
120
  }
121
121
  </tr>)
122
122
  }
123
+
123
124
  </tbody >
124
125
  </table>
125
126
  <NSSpace size={NSSpaceSizeType.MICRO} />