namirasoft-site-react 1.2.39 → 1.2.41

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 (183) hide show
  1. package/.gitlab-ci.yml +14 -14
  2. package/config-overrides.js +65 -65
  3. package/dist/App.css +0 -0
  4. package/dist/App.d.ts +3 -3
  5. package/dist/App.js +8 -8
  6. package/dist/assets/images/arrow.svg +3 -3
  7. package/dist/assets/images/background.svg +9 -0
  8. package/dist/assets/images/danger.svg +3 -3
  9. package/dist/assets/images/exit.svg +3 -3
  10. package/dist/assets/images/icon-input-date.svg +9 -9
  11. package/dist/assets/images/icon-input-duration.svg +9 -9
  12. package/dist/assets/images/icon-input-email.svg +9 -9
  13. package/dist/assets/images/icon-input-float.svg +9 -9
  14. package/dist/assets/images/icon-input-id.svg +9 -9
  15. package/dist/assets/images/icon-input-integer.svg +9 -9
  16. package/dist/assets/images/icon-input-phone.svg +9 -9
  17. package/dist/assets/images/icon-input-price.svg +9 -9
  18. package/dist/assets/images/icon-input-search.svg +4 -4
  19. package/dist/assets/images/icon-input-string.svg +9 -9
  20. package/dist/assets/images/icon-input-text.svg +9 -9
  21. package/dist/assets/images/icon-input-time.svg +9 -9
  22. package/dist/assets/images/left-vector.png +0 -0
  23. package/dist/assets/images/left_vector.png +0 -0
  24. package/dist/assets/images/logo.svg +9 -9
  25. package/dist/assets/images/menu.svg +3 -3
  26. package/dist/assets/images/namira.svg +9 -9
  27. package/dist/assets/images/rectangle.svg +3 -3
  28. package/dist/assets/images/right-vector.png +0 -0
  29. package/dist/assets/images/right_vector.png +0 -0
  30. package/dist/components/NSButtonGreen.d.ts +16 -16
  31. package/dist/components/NSButtonGreen.js +16 -16
  32. package/dist/components/NSButtonRed.d.ts +16 -16
  33. package/dist/components/NSButtonRed.js +16 -16
  34. package/dist/components/NSCard.d.ts +20 -20
  35. package/dist/components/NSCard.js +12 -12
  36. package/dist/components/NSFooter.d.ts +20 -20
  37. package/dist/components/NSFooter.js +46 -46
  38. package/dist/components/NSHeader.d.ts +23 -7
  39. package/dist/components/NSHeader.js +60 -52
  40. package/dist/components/NSHeader.js.map +1 -1
  41. package/dist/components/NSInputDate.d.ts +15 -15
  42. package/dist/components/NSInputDate.js +27 -27
  43. package/dist/components/NSInputDuration.d.ts +15 -15
  44. package/dist/components/NSInputDuration.js +28 -28
  45. package/dist/components/NSInputEmail.d.ts +16 -16
  46. package/dist/components/NSInputEmail.js +36 -36
  47. package/dist/components/NSInputEmail.module.css +37 -37
  48. package/dist/components/NSInputFloat.d.ts +15 -15
  49. package/dist/components/NSInputFloat.js +28 -28
  50. package/dist/components/NSInputFloat.module.css +25 -25
  51. package/dist/components/NSInputIP.d.ts +15 -15
  52. package/dist/components/NSInputIP.js +28 -28
  53. package/dist/components/NSInputIP.module.css +25 -25
  54. package/dist/components/NSInputInteger.d.ts +15 -15
  55. package/dist/components/NSInputInteger.js +28 -28
  56. package/dist/components/NSInputInteger.module.css +25 -25
  57. package/dist/components/NSInputPhone.d.ts +16 -16
  58. package/dist/components/NSInputPhone.js +30 -30
  59. package/dist/components/NSInputPhone.module.css +32 -32
  60. package/dist/components/NSInputPrice.d.ts +17 -17
  61. package/dist/components/NSInputPrice.js +31 -31
  62. package/dist/components/NSInputPrice.module.css +26 -26
  63. package/dist/components/NSInputSearch.d.ts +17 -17
  64. package/dist/components/NSInputSearch.js +37 -37
  65. package/dist/components/NSInputSearch.module.css +25 -25
  66. package/dist/components/NSInputString.d.ts +17 -17
  67. package/dist/components/NSInputString.js +31 -31
  68. package/dist/components/NSInputString.module.css +26 -26
  69. package/dist/components/NSInputText.d.ts +17 -17
  70. package/dist/components/NSInputText.js +31 -31
  71. package/dist/components/NSInputText.module.css +27 -27
  72. package/dist/components/NSInputTime.d.ts +15 -15
  73. package/dist/components/NSInputTime.js +28 -28
  74. package/dist/components/NSInputTime.module.css +26 -26
  75. package/dist/components/NSLayout.d.ts +8 -8
  76. package/dist/components/NSLayout.js +8 -8
  77. package/dist/components/NSLayout.js.map +1 -1
  78. package/dist/components/NSLayout.module.css +16 -16
  79. package/dist/components/NSLayoutHeroBanner.d.ts +12 -12
  80. package/dist/components/NSLayoutHeroBanner.js +8 -8
  81. package/dist/components/NSLayoutHeroBanner.module.css +43 -43
  82. package/dist/components/NSLayoutTitle.d.ts +10 -10
  83. package/dist/components/NSLayoutTitle.js +6 -6
  84. package/dist/components/NSLinkGreen.d.ts +16 -16
  85. package/dist/components/NSLinkGreen.js +20 -20
  86. package/dist/components/NSLinkGreen.module.css +15 -15
  87. package/dist/components/NSLinkRed.d.ts +16 -16
  88. package/dist/components/NSLinkRed.js +20 -20
  89. package/dist/components/NSLinkRed.module.css +15 -15
  90. package/dist/components/NSPagination.d.ts +15 -15
  91. package/dist/components/NSPagination.js +35 -35
  92. package/dist/components/NSPagination.module.css +24 -24
  93. package/dist/components/NSParentCard.d.ts +0 -0
  94. package/dist/components/NSParentCard.js +2 -0
  95. package/dist/components/NSParentCard.js.map +1 -0
  96. package/dist/components/NSParentCard.module.css +34 -34
  97. package/dist/components/NSSelectBox.d.ts +16 -16
  98. package/dist/components/NSSelectBox.js +24 -24
  99. package/dist/components/NSSelectBox.module.css +28 -28
  100. package/dist/components/NSTable.d.ts +28 -28
  101. package/dist/components/NSTable.js +20 -20
  102. package/dist/components/NSTable.modules.css +76 -76
  103. package/dist/index.css +6 -0
  104. package/dist/index.d.ts +1 -1
  105. package/dist/index.js +6 -6
  106. package/dist/main.d.ts +26 -26
  107. package/dist/main.js +26 -26
  108. package/dist/main.js.map +1 -1
  109. package/dist/pages/NSLoginPage.d.ts +13 -13
  110. package/dist/pages/NSLoginPage.js +17 -17
  111. package/package.json +52 -52
  112. package/public/index.html +42 -42
  113. package/public/manifest.json +25 -25
  114. package/public/robots.txt +3 -3
  115. package/src/App.tsx +70 -70
  116. package/src/assets/images/arrow.svg +3 -3
  117. package/src/assets/images/danger.svg +3 -3
  118. package/src/assets/images/exit.svg +3 -3
  119. package/src/assets/images/icon-input-date.svg +9 -9
  120. package/src/assets/images/icon-input-duration.svg +9 -9
  121. package/src/assets/images/icon-input-email.svg +9 -9
  122. package/src/assets/images/icon-input-float.svg +9 -9
  123. package/src/assets/images/icon-input-id.svg +9 -9
  124. package/src/assets/images/icon-input-integer.svg +9 -9
  125. package/src/assets/images/icon-input-phone.svg +9 -9
  126. package/src/assets/images/icon-input-price.svg +9 -9
  127. package/src/assets/images/icon-input-search.svg +4 -4
  128. package/src/assets/images/icon-input-string.svg +9 -9
  129. package/src/assets/images/icon-input-text.svg +9 -9
  130. package/src/assets/images/icon-input-time.svg +9 -9
  131. package/src/assets/images/logo.svg +9 -9
  132. package/src/assets/images/menu.svg +3 -3
  133. package/src/assets/images/namira.svg +9 -9
  134. package/src/assets/images/rectangle.svg +3 -3
  135. package/src/components/NSButtonGreen.tsx +33 -33
  136. package/src/components/NSButtonRed.tsx +33 -33
  137. package/src/components/NSCard.tsx +54 -54
  138. package/src/components/NSFooter.tsx +123 -123
  139. package/src/components/NSHeader.tsx +134 -130
  140. package/src/components/NSInputDate.tsx +57 -57
  141. package/src/components/NSInputDuration.tsx +65 -65
  142. package/src/components/NSInputEmail.module.css +37 -37
  143. package/src/components/NSInputEmail.tsx +92 -92
  144. package/src/components/NSInputFloat.module.css +25 -25
  145. package/src/components/NSInputFloat.tsx +61 -61
  146. package/src/components/NSInputIP.module.css +25 -25
  147. package/src/components/NSInputIP.tsx +65 -65
  148. package/src/components/NSInputInteger.module.css +25 -25
  149. package/src/components/NSInputInteger.tsx +65 -65
  150. package/src/components/NSInputPhone.module.css +32 -32
  151. package/src/components/NSInputPhone.tsx +65 -65
  152. package/src/components/NSInputPrice.module.css +26 -26
  153. package/src/components/NSInputPrice.tsx +68 -68
  154. package/src/components/NSInputSearch.module.css +25 -25
  155. package/src/components/NSInputSearch.tsx +78 -78
  156. package/src/components/NSInputString.module.css +26 -26
  157. package/src/components/NSInputString.tsx +66 -66
  158. package/src/components/NSInputText.module.css +27 -27
  159. package/src/components/NSInputText.tsx +69 -69
  160. package/src/components/NSInputTime.module.css +26 -26
  161. package/src/components/NSInputTime.tsx +65 -65
  162. package/src/components/NSLayout.module.css +16 -16
  163. package/src/components/NSLayout.tsx +30 -29
  164. package/src/components/NSLayoutHeroBanner.module.css +43 -43
  165. package/src/components/NSLayoutHeroBanner.tsx +85 -85
  166. package/src/components/NSLayoutTitle.tsx +25 -25
  167. package/src/components/NSLinkGreen.module.css +15 -15
  168. package/src/components/NSLinkGreen.tsx +43 -43
  169. package/src/components/NSLinkRed.module.css +15 -15
  170. package/src/components/NSLinkRed.tsx +43 -43
  171. package/src/components/NSPagination.module.css +24 -24
  172. package/src/components/NSPagination.tsx +54 -54
  173. package/src/components/NSParentCard.module.css +34 -34
  174. package/src/components/NSParentCard.tsx.temp +58 -58
  175. package/src/components/NSSelectBox.module.css +28 -28
  176. package/src/components/NSSelectBox.tsx +62 -62
  177. package/src/components/NSTable.modules.css +76 -76
  178. package/src/components/NSTable.tsx +64 -64
  179. package/src/index.tsx +7 -7
  180. package/src/main.ts +25 -26
  181. package/src/pages/NSLoginPage.tsx +39 -39
  182. package/src/react-app-env.d.ts +1 -1
  183. package/tsconfig.json +37 -37
@@ -1,21 +1,21 @@
1
- "use client";
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import Style from "./NSLinkGreen.module.css";
4
- import React from "react";
5
- import { Link } from "react-router-dom";
6
- export class NSLinkGreen extends React.Component {
7
- constructor(props) {
8
- super(props);
9
- this.state = { title: props.title, href: props.href };
10
- }
11
- setTitle(title) {
12
- this.setState({ title });
13
- }
14
- setHRef(href) {
15
- this.setState({ href });
16
- }
17
- render() {
18
- return (_jsx(Link, Object.assign({ className: "text-white text-decoration-none", to: this.state.href }, { children: _jsx("div", Object.assign({ className: Style.ns_link_green }, { children: this.state.title })) })));
19
- }
20
- }
1
+ "use client";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import Style from "./NSLinkGreen.module.css";
4
+ import React from "react";
5
+ import { Link } from "react-router-dom";
6
+ export class NSLinkGreen extends React.Component {
7
+ constructor(props) {
8
+ super(props);
9
+ this.state = { title: props.title, href: props.href };
10
+ }
11
+ setTitle(title) {
12
+ this.setState({ title });
13
+ }
14
+ setHRef(href) {
15
+ this.setState({ href });
16
+ }
17
+ render() {
18
+ return (_jsx(Link, Object.assign({ className: "text-white text-decoration-none", to: this.state.href }, { children: _jsx("div", Object.assign({ className: Style.ns_link_green }, { children: this.state.title })) })));
19
+ }
20
+ }
21
21
  //# sourceMappingURL=NSLinkGreen.js.map
@@ -1,16 +1,16 @@
1
- .ns_link_green {
2
- display: flex;
3
- border-radius: 8px;
4
- background-color: #06D182;
5
- color: #ffffff;
6
- border: 0;
7
- box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
8
- font-size: 16px;
9
- text-decoration: none;
10
- width: 358px;
11
- height: 48px;
12
- text-align: center;
13
- align-items: center;
14
- justify-content: center;
15
- font-weight: 400;
1
+ .ns_link_green {
2
+ display: flex;
3
+ border-radius: 8px;
4
+ background-color: #06D182;
5
+ color: #ffffff;
6
+ border: 0;
7
+ box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
8
+ font-size: 16px;
9
+ text-decoration: none;
10
+ width: 358px;
11
+ height: 48px;
12
+ text-align: center;
13
+ align-items: center;
14
+ justify-content: center;
15
+ font-weight: 400;
16
16
  }
@@ -1,16 +1,16 @@
1
- import React from "react";
2
- interface IProps {
3
- title: string;
4
- href: string;
5
- }
6
- interface IState {
7
- title: string;
8
- href: string;
9
- }
10
- export declare class NSLinkRed extends React.Component<IProps, IState> {
11
- constructor(props: IProps);
12
- setTitle(title: string): void;
13
- setHRef(href: string): void;
14
- render(): import("react/jsx-runtime").JSX.Element;
15
- }
16
- export {};
1
+ import React from "react";
2
+ interface IProps {
3
+ title: string;
4
+ href: string;
5
+ }
6
+ interface IState {
7
+ title: string;
8
+ href: string;
9
+ }
10
+ export declare class NSLinkRed extends React.Component<IProps, IState> {
11
+ constructor(props: IProps);
12
+ setTitle(title: string): void;
13
+ setHRef(href: string): void;
14
+ render(): import("react/jsx-runtime").JSX.Element;
15
+ }
16
+ export {};
@@ -1,21 +1,21 @@
1
- "use client";
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import Style from "./NSLinkRed.module.css";
4
- import React from "react";
5
- import { Link } from "react-router-dom";
6
- export class NSLinkRed extends React.Component {
7
- constructor(props) {
8
- super(props);
9
- this.state = { title: props.title, href: props.href };
10
- }
11
- setTitle(title) {
12
- this.setState({ title });
13
- }
14
- setHRef(href) {
15
- this.setState({ href });
16
- }
17
- render() {
18
- return (_jsx(Link, Object.assign({ className: "text-white text-decoration-none", to: this.state.href }, { children: _jsx("div", Object.assign({ className: Style.ns_link_red }, { children: this.state.title })) })));
19
- }
20
- }
1
+ "use client";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import Style from "./NSLinkRed.module.css";
4
+ import React from "react";
5
+ import { Link } from "react-router-dom";
6
+ export class NSLinkRed extends React.Component {
7
+ constructor(props) {
8
+ super(props);
9
+ this.state = { title: props.title, href: props.href };
10
+ }
11
+ setTitle(title) {
12
+ this.setState({ title });
13
+ }
14
+ setHRef(href) {
15
+ this.setState({ href });
16
+ }
17
+ render() {
18
+ return (_jsx(Link, Object.assign({ className: "text-white text-decoration-none", to: this.state.href }, { children: _jsx("div", Object.assign({ className: Style.ns_link_red }, { children: this.state.title })) })));
19
+ }
20
+ }
21
21
  //# sourceMappingURL=NSLinkRed.js.map
@@ -1,16 +1,16 @@
1
- .ns_link_red {
2
- display: flex;
3
- border-radius: 8px;
4
- background-color: rgb(265, 63, 63, 1);
5
- color: #ffffff;
6
- border: 0;
7
- box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
8
- font-size: 16px;
9
- text-decoration: none;
10
- width: 358px;
11
- height: 48px;
12
- text-align: center;
13
- align-items: center;
14
- justify-content: center;
15
- font-weight: 400;
1
+ .ns_link_red {
2
+ display: flex;
3
+ border-radius: 8px;
4
+ background-color: rgb(265, 63, 63, 1);
5
+ color: #ffffff;
6
+ border: 0;
7
+ box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
8
+ font-size: 16px;
9
+ text-decoration: none;
10
+ width: 358px;
11
+ height: 48px;
12
+ text-align: center;
13
+ align-items: center;
14
+ justify-content: center;
15
+ font-weight: 400;
16
16
  }
@@ -1,15 +1,15 @@
1
- import './NSPagination.module.css';
2
- import { Component } from 'react';
3
- interface IProps {
4
- size: number;
5
- page: number;
6
- }
7
- interface IState {
8
- size: number;
9
- page: number;
10
- }
11
- export declare class NSPagination extends Component<IState, IProps> {
12
- constructor(props: IProps);
13
- render(): import("react/jsx-runtime").JSX.Element;
14
- }
15
- export {};
1
+ import './NSPagination.module.css';
2
+ import { Component } from 'react';
3
+ interface IProps {
4
+ size: number;
5
+ page: number;
6
+ }
7
+ interface IState {
8
+ size: number;
9
+ page: number;
10
+ }
11
+ export declare class NSPagination extends Component<IState, IProps> {
12
+ constructor(props: IProps);
13
+ render(): import("react/jsx-runtime").JSX.Element;
14
+ }
15
+ export {};
@@ -1,36 +1,36 @@
1
- "use client";
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import './NSPagination.module.css';
4
- import { Component } from 'react';
5
- export class NSPagination extends Component {
6
- constructor(props) {
7
- super(props);
8
- this.state = { size: props.size, page: props.page };
9
- }
10
- render() {
11
- let page = this.props.page;
12
- let size = this.props.size;
13
- let window = 2;
14
- let min = Math.max(2, page - window);
15
- let max = Math.min(page + window, size - 1);
16
- let arr = [];
17
- let pushPage = (index) => {
18
- if (index == page)
19
- arr.push(_jsx("div", Object.assign({ className: 'center_number' }, { children: _jsx("a", Object.assign({ href: '#', className: 'center_number text-decoration-none text-light' }, { children: index })) })));
20
- else
21
- arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: index })) }));
22
- };
23
- arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#' }, { children: _jsx("img", { src: '/assets/images/left-vector.png', alt: 'left_vector' }) })) }));
24
- pushPage(1);
25
- if (page > window * 2)
26
- arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "..." })) }));
27
- for (let i = min; i <= max; i++)
28
- pushPage(i);
29
- if (page <= size - window * 2)
30
- arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "..." })) }));
31
- pushPage(size);
32
- arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#' }, { children: _jsx("img", { src: '/assets/images/right-vector.png', alt: 'right_vector' }) })) }));
33
- return (_jsx("div", Object.assign({ className: "ns_pagination_container d-flex flex-row gap-3 mt-3" }, { children: arr.map(x => (x)) })));
34
- }
35
- }
1
+ "use client";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import './NSPagination.module.css';
4
+ import { Component } from 'react';
5
+ export class NSPagination extends Component {
6
+ constructor(props) {
7
+ super(props);
8
+ this.state = { size: props.size, page: props.page };
9
+ }
10
+ render() {
11
+ let page = this.props.page;
12
+ let size = this.props.size;
13
+ let window = 2;
14
+ let min = Math.max(2, page - window);
15
+ let max = Math.min(page + window, size - 1);
16
+ let arr = [];
17
+ let pushPage = (index) => {
18
+ if (index == page)
19
+ arr.push(_jsx("div", Object.assign({ className: 'center_number' }, { children: _jsx("a", Object.assign({ href: '#', className: 'center_number text-decoration-none text-light' }, { children: index })) })));
20
+ else
21
+ arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: index })) }));
22
+ };
23
+ arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#' }, { children: _jsx("img", { src: '/assets/images/left-vector.png', alt: 'left_vector' }) })) }));
24
+ pushPage(1);
25
+ if (page > window * 2)
26
+ arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "..." })) }));
27
+ for (let i = min; i <= max; i++)
28
+ pushPage(i);
29
+ if (page <= size - window * 2)
30
+ arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "..." })) }));
31
+ pushPage(size);
32
+ arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#' }, { children: _jsx("img", { src: '/assets/images/right-vector.png', alt: 'right_vector' }) })) }));
33
+ return (_jsx("div", Object.assign({ className: "ns_pagination_container d-flex flex-row gap-3 mt-3" }, { children: arr.map(x => (x)) })));
34
+ }
35
+ }
36
36
  //# sourceMappingURL=NSPagination.js.map
@@ -1,25 +1,25 @@
1
- .ns_pagination_container {
2
- display: flex;
3
- flex-direction: row;
4
- gap: 18px;
5
- text-align: left;
6
- padding-left: 48px;
7
- font-size: 14px;
8
- justify-items: center;
9
- line-height: 35px;
10
- }
11
-
12
- @media only screen and (max-width: 600px) {
13
- .ns_paginationl_container {
14
- padding-left: 36px;
15
- }
16
- }
17
-
18
- .center_number {
19
- background-color: rgba(6, 209, 130, 1);
20
- border-radius: 50px;
21
- height: 32px;
22
- width: 32px;
23
- text-align: center;
24
- align-items: center;
1
+ .ns_pagination_container {
2
+ display: flex;
3
+ flex-direction: row;
4
+ gap: 18px;
5
+ text-align: left;
6
+ padding-left: 48px;
7
+ font-size: 14px;
8
+ justify-items: center;
9
+ line-height: 35px;
10
+ }
11
+
12
+ @media only screen and (max-width: 600px) {
13
+ .ns_paginationl_container {
14
+ padding-left: 36px;
15
+ }
16
+ }
17
+
18
+ .center_number {
19
+ background-color: rgba(6, 209, 130, 1);
20
+ border-radius: 50px;
21
+ height: 32px;
22
+ width: 32px;
23
+ text-align: center;
24
+ align-items: center;
25
25
  }
File without changes
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=NSParentCard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSParentCard.js","sourceRoot":"","sources":["../../src/components/NSParentCard.tsx"],"names":[],"mappings":""}
@@ -1,35 +1,35 @@
1
- /* .section_card_container {
2
- display: flex;
3
- flex-direction: column;
4
- justify-content: center;
5
- align-items: center;
6
- padding: 48px 0;
7
- gap: 48px;
8
- }
9
-
10
- .section_card_details>h2 {
11
- color: inherit;
12
- font-size: 32px;
13
- font-weight: 700;
14
- line-height: normal;
15
- font-style: normal;
16
- text-align: center;
17
- margin-bottom: 16px;
18
- }
19
-
20
- .section_card_details>p {
21
- color: inherit;
22
- font-size: 16px;
23
- font-weight: 400;
24
- line-height: normal;
25
- font-style: normal;
26
- margin-bottom: 0;
27
- }
28
-
29
- .ns_card_container {
30
- display: flex;
31
- flex-direction: row;
32
- flex-wrap: wrap;
33
- justify-content: space-between;
34
- gap: 24px;
1
+ /* .section_card_container {
2
+ display: flex;
3
+ flex-direction: column;
4
+ justify-content: center;
5
+ align-items: center;
6
+ padding: 48px 0;
7
+ gap: 48px;
8
+ }
9
+
10
+ .section_card_details>h2 {
11
+ color: inherit;
12
+ font-size: 32px;
13
+ font-weight: 700;
14
+ line-height: normal;
15
+ font-style: normal;
16
+ text-align: center;
17
+ margin-bottom: 16px;
18
+ }
19
+
20
+ .section_card_details>p {
21
+ color: inherit;
22
+ font-size: 16px;
23
+ font-weight: 400;
24
+ line-height: normal;
25
+ font-style: normal;
26
+ margin-bottom: 0;
27
+ }
28
+
29
+ .ns_card_container {
30
+ display: flex;
31
+ flex-direction: row;
32
+ flex-wrap: wrap;
33
+ justify-content: space-between;
34
+ gap: 24px;
35
35
  } */
@@ -1,16 +1,16 @@
1
- import React from "react";
2
- import type { SelectProps } from 'antd';
3
- interface IProps {
4
- title: string;
5
- options: SelectProps['options'];
6
- }
7
- interface IState {
8
- value: string[];
9
- }
10
- export declare class NSSelectBox extends React.Component<IProps, IState> {
11
- constructor(props: IProps);
12
- setValue(value: string[]): void;
13
- getValue(): string[];
14
- render(): import("react/jsx-runtime").JSX.Element;
15
- }
16
- export {};
1
+ import React from "react";
2
+ import type { SelectProps } from 'antd';
3
+ interface IProps {
4
+ title: string;
5
+ options: SelectProps['options'];
6
+ }
7
+ interface IState {
8
+ value: string[];
9
+ }
10
+ export declare class NSSelectBox extends React.Component<IProps, IState> {
11
+ constructor(props: IProps);
12
+ setValue(value: string[]): void;
13
+ getValue(): string[];
14
+ render(): import("react/jsx-runtime").JSX.Element;
15
+ }
16
+ export {};
@@ -1,25 +1,25 @@
1
- "use client";
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import React from "react";
4
- import Styles from "./NSSelectBox.module.css";
5
- import { Select, Space } from 'antd';
6
- import { CaretDownOutlined } from '@ant-design/icons';
7
- export class NSSelectBox extends React.Component {
8
- constructor(props) {
9
- super(props);
10
- this.state = {
11
- value: [],
12
- };
13
- this.setValue = this.setValue.bind(this);
14
- }
15
- setValue(value) {
16
- this.setState({ value });
17
- }
18
- getValue() {
19
- return this.state.value;
20
- }
21
- render() {
22
- return (_jsx("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: _jsx(Select, { suffixIcon: _jsx(CaretDownOutlined, {}), mode: "multiple", style: { width: '100%' }, className: Styles.ns_input_select, placeholder: "Combo Box", onChange: this.setValue, optionLabelProp: "label", options: this.props.options, optionRender: (option) => (_jsx(Space, Object.assign({ className: Styles.ns_input_select_option }, { children: option.data.desc }))) }) })));
23
- }
24
- }
1
+ "use client";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import React from "react";
4
+ import Styles from "./NSSelectBox.module.css";
5
+ import { Select, Space } from 'antd';
6
+ import { CaretDownOutlined } from '@ant-design/icons';
7
+ export class NSSelectBox extends React.Component {
8
+ constructor(props) {
9
+ super(props);
10
+ this.state = {
11
+ value: [],
12
+ };
13
+ this.setValue = this.setValue.bind(this);
14
+ }
15
+ setValue(value) {
16
+ this.setState({ value });
17
+ }
18
+ getValue() {
19
+ return this.state.value;
20
+ }
21
+ render() {
22
+ return (_jsx("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: _jsx(Select, { suffixIcon: _jsx(CaretDownOutlined, {}), mode: "multiple", style: { width: '100%' }, className: Styles.ns_input_select, placeholder: "Combo Box", onChange: this.setValue, optionLabelProp: "label", options: this.props.options, optionRender: (option) => (_jsx(Space, Object.assign({ className: Styles.ns_input_select_option }, { children: option.data.desc }))) }) })));
23
+ }
24
+ }
25
25
  //# sourceMappingURL=NSSelectBox.js.map
@@ -1,29 +1,29 @@
1
- .ns_input_parent {
2
- width: 326px;
3
- max-width: 100%;
4
- }
5
-
6
- .ns_input_select {
7
- height: 48px;
8
- width: 304px !important;
9
- }
10
-
11
- .ns_input_select span span svg path {
12
- height: 24px !important;
13
- width: 24px !important;
14
- }
15
-
16
- .ns_input_select span span svg {
17
- height: 24px !important;
18
- width: 24px !important;
19
- }
20
-
21
- .ns_input_select span span span svg path {
22
- height: 12px !important;
23
- width: 12px !important;
24
- }
25
-
26
- .ns_input_select span span span svg {
27
- height: 12px !important;
28
- width: 12px !important;
1
+ .ns_input_parent {
2
+ width: 326px;
3
+ max-width: 100%;
4
+ }
5
+
6
+ .ns_input_select {
7
+ height: 48px;
8
+ width: 304px !important;
9
+ }
10
+
11
+ .ns_input_select span span svg path {
12
+ height: 24px !important;
13
+ width: 24px !important;
14
+ }
15
+
16
+ .ns_input_select span span svg {
17
+ height: 24px !important;
18
+ width: 24px !important;
19
+ }
20
+
21
+ .ns_input_select span span span svg path {
22
+ height: 12px !important;
23
+ width: 12px !important;
24
+ }
25
+
26
+ .ns_input_select span span span svg {
27
+ height: 12px !important;
28
+ width: 12px !important;
29
29
  }
@@ -1,28 +1,28 @@
1
- import "./NSTable.modules.css";
2
- import { Component } from 'react';
3
- interface IProps<RowType> {
4
- columns: {
5
- [key: string]: string;
6
- };
7
- rows: RowType[];
8
- getRowKey: (row: RowType, rowIndex: number) => string;
9
- getColumnAttributes: (column: string, columnIndex: number) => {
10
- [key: string]: string;
11
- };
12
- getCell: (row: RowType, column: string, rowIndex: number, columnIndex: number) => any;
13
- }
14
- interface IState<RowType> {
15
- columns: {
16
- [key: string]: string;
17
- };
18
- rows: RowType[];
19
- }
20
- export declare class NSTable<RowType> extends Component<IProps<RowType>, IState<RowType>> {
21
- constructor(props: IProps<RowType>);
22
- setColumns(columns: {
23
- [key: string]: string;
24
- }): void;
25
- setRows(rows: RowType[]): void;
26
- render(): import("react/jsx-runtime").JSX.Element;
27
- }
28
- export {};
1
+ import "./NSTable.modules.css";
2
+ import { Component } from 'react';
3
+ interface IProps<RowType> {
4
+ columns: {
5
+ [key: string]: string;
6
+ };
7
+ rows: RowType[];
8
+ getRowKey: (row: RowType, rowIndex: number) => string;
9
+ getColumnAttributes: (column: string, columnIndex: number) => {
10
+ [key: string]: string;
11
+ };
12
+ getCell: (row: RowType, column: string, rowIndex: number, columnIndex: number) => any;
13
+ }
14
+ interface IState<RowType> {
15
+ columns: {
16
+ [key: string]: string;
17
+ };
18
+ rows: RowType[];
19
+ }
20
+ export declare class NSTable<RowType> extends Component<IProps<RowType>, IState<RowType>> {
21
+ constructor(props: IProps<RowType>);
22
+ setColumns(columns: {
23
+ [key: string]: string;
24
+ }): void;
25
+ setRows(rows: RowType[]): void;
26
+ render(): import("react/jsx-runtime").JSX.Element;
27
+ }
28
+ export {};