namirasoft-site-react 1.3.310 → 1.3.313

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 (268) hide show
  1. package/.dockerignore +87 -0
  2. package/Dockerfile +19 -0
  3. package/dist/App.d.ts +9 -0
  4. package/dist/App.js +96 -0
  5. package/dist/App.js.map +1 -0
  6. package/dist/CopyToClipboard.d.ts +3 -0
  7. package/dist/CopyToClipboard.js +7 -0
  8. package/dist/CopyToClipboard.js.map +1 -0
  9. package/dist/Validator.d.ts +14 -0
  10. package/dist/Validator.js +94 -0
  11. package/dist/Validator.js.map +1 -0
  12. package/dist/components/NSActionMenu.d.ts +14 -0
  13. package/dist/components/NSActionMenu.js +33 -0
  14. package/dist/components/NSActionMenu.js.map +1 -0
  15. package/dist/components/NSAssistantButton.d.ts +6 -0
  16. package/dist/components/NSAssistantButton.js +20 -0
  17. package/dist/components/NSAssistantButton.js.map +1 -0
  18. package/dist/components/NSBarAction.d.ts +12 -0
  19. package/dist/components/NSBarAction.js +20 -0
  20. package/dist/components/NSBarAction.js.map +1 -0
  21. package/dist/components/NSBarHeroBanner.d.ts +7 -0
  22. package/dist/components/NSBarHeroBanner.js +8 -0
  23. package/dist/components/NSBarHeroBanner.js.map +1 -0
  24. package/dist/components/NSBarNotification.d.ts +21 -0
  25. package/dist/components/NSBarNotification.js +37 -0
  26. package/dist/components/NSBarNotification.js.map +1 -0
  27. package/dist/components/NSBarTitle.d.ts +5 -0
  28. package/dist/components/NSBarTitle.js +11 -0
  29. package/dist/components/NSBarTitle.js.map +1 -0
  30. package/dist/components/NSBoxBoolean.d.ts +23 -0
  31. package/dist/components/NSBoxBoolean.js +40 -0
  32. package/dist/components/NSBoxBoolean.js.map +1 -0
  33. package/dist/components/NSBoxCombo.d.ts +33 -0
  34. package/dist/components/NSBoxCombo.js +65 -0
  35. package/dist/components/NSBoxCombo.js.map +1 -0
  36. package/dist/components/NSBoxDate.d.ts +22 -0
  37. package/dist/components/NSBoxDate.js +42 -0
  38. package/dist/components/NSBoxDate.js.map +1 -0
  39. package/dist/components/NSBoxDateTime.d.ts +22 -0
  40. package/dist/components/NSBoxDateTime.js +42 -0
  41. package/dist/components/NSBoxDateTime.js.map +1 -0
  42. package/dist/components/NSBoxDouble.d.ts +23 -0
  43. package/dist/components/NSBoxDouble.js +42 -0
  44. package/dist/components/NSBoxDouble.js.map +1 -0
  45. package/dist/components/NSBoxDuration.d.ts +24 -0
  46. package/dist/components/NSBoxDuration.js +43 -0
  47. package/dist/components/NSBoxDuration.js.map +1 -0
  48. package/dist/components/NSBoxEmail.d.ts +25 -0
  49. package/dist/components/NSBoxEmail.js +50 -0
  50. package/dist/components/NSBoxEmail.js.map +1 -0
  51. package/dist/components/NSBoxEntity.d.ts +42 -0
  52. package/dist/components/NSBoxEntity.js +86 -0
  53. package/dist/components/NSBoxEntity.js.map +1 -0
  54. package/dist/components/NSBoxEnum.d.ts +19 -0
  55. package/dist/components/NSBoxEnum.js +46 -0
  56. package/dist/components/NSBoxEnum.js.map +1 -0
  57. package/dist/components/NSBoxErrorNotifier.d.ts +6 -0
  58. package/dist/components/NSBoxErrorNotifier.js +11 -0
  59. package/dist/components/NSBoxErrorNotifier.js.map +1 -0
  60. package/dist/components/NSBoxIPV4.d.ts +23 -0
  61. package/dist/components/NSBoxIPV4.js +45 -0
  62. package/dist/components/NSBoxIPV4.js.map +1 -0
  63. package/dist/components/NSBoxIPV6.d.ts +23 -0
  64. package/dist/components/NSBoxIPV6.js +45 -0
  65. package/dist/components/NSBoxIPV6.js.map +1 -0
  66. package/dist/components/NSBoxInteger.d.ts +23 -0
  67. package/dist/components/NSBoxInteger.js +42 -0
  68. package/dist/components/NSBoxInteger.js.map +1 -0
  69. package/dist/components/NSBoxLabel.d.ts +12 -0
  70. package/dist/components/NSBoxLabel.js +11 -0
  71. package/dist/components/NSBoxLabel.js.map +1 -0
  72. package/dist/components/NSBoxOTP.d.ts +9 -0
  73. package/dist/components/NSBoxOTP.js +34 -0
  74. package/dist/components/NSBoxOTP.js.map +1 -0
  75. package/dist/components/NSBoxPassword.d.ts +23 -0
  76. package/dist/components/NSBoxPassword.js +43 -0
  77. package/dist/components/NSBoxPassword.js.map +1 -0
  78. package/dist/components/NSBoxPhone.d.ts +25 -0
  79. package/dist/components/NSBoxPhone.js +45 -0
  80. package/dist/components/NSBoxPhone.js.map +1 -0
  81. package/dist/components/NSBoxPrice.d.ts +23 -0
  82. package/dist/components/NSBoxPrice.js +42 -0
  83. package/dist/components/NSBoxPrice.js.map +1 -0
  84. package/dist/components/NSBoxSearch.d.ts +25 -0
  85. package/dist/components/NSBoxSearch.js +52 -0
  86. package/dist/components/NSBoxSearch.js.map +1 -0
  87. package/dist/components/NSBoxString.d.ts +25 -0
  88. package/dist/components/NSBoxString.js +48 -0
  89. package/dist/components/NSBoxString.js.map +1 -0
  90. package/dist/components/NSBoxTextArea.d.ts +27 -0
  91. package/dist/components/NSBoxTextArea.js +60 -0
  92. package/dist/components/NSBoxTextArea.js.map +1 -0
  93. package/dist/components/NSBoxTime.d.ts +23 -0
  94. package/dist/components/NSBoxTime.js +44 -0
  95. package/dist/components/NSBoxTime.js.map +1 -0
  96. package/dist/components/NSButton.d.ts +9 -0
  97. package/dist/components/NSButton.js +8 -0
  98. package/dist/components/NSButton.js.map +1 -0
  99. package/dist/components/NSButtonBlue.d.ts +2 -0
  100. package/dist/components/NSButtonBlue.js +11 -0
  101. package/dist/components/NSButtonBlue.js.map +1 -0
  102. package/dist/components/NSButtonGreen.d.ts +2 -0
  103. package/dist/components/NSButtonGreen.js +11 -0
  104. package/dist/components/NSButtonGreen.js.map +1 -0
  105. package/dist/components/NSButtonRed.d.ts +2 -0
  106. package/dist/components/NSButtonRed.js +11 -0
  107. package/dist/components/NSButtonRed.js.map +1 -0
  108. package/dist/components/NSCard.d.ts +14 -0
  109. package/dist/components/NSCard.js +18 -0
  110. package/dist/components/NSCard.js.map +1 -0
  111. package/dist/components/NSCopyToClipboard.d.ts +6 -0
  112. package/dist/components/NSCopyToClipboard.js +12 -0
  113. package/dist/components/NSCopyToClipboard.js.map +1 -0
  114. package/dist/components/NSElectronicCard.d.ts +9 -0
  115. package/dist/components/NSElectronicCard.js +13 -0
  116. package/dist/components/NSElectronicCard.js.map +1 -0
  117. package/dist/components/NSEntityBar.d.ts +8 -0
  118. package/dist/components/NSEntityBar.js +7 -0
  119. package/dist/components/NSEntityBar.js.map +1 -0
  120. package/dist/components/NSEntityCardBackground.d.ts +7 -0
  121. package/dist/components/NSEntityCardBackground.js +9 -0
  122. package/dist/components/NSEntityCardBackground.js.map +1 -0
  123. package/dist/components/NSFilterBox.d.ts +61 -0
  124. package/dist/components/NSFilterBox.js +230 -0
  125. package/dist/components/NSFilterBox.js.map +1 -0
  126. package/dist/components/NSFilterBoxDialog.d.ts +12 -0
  127. package/dist/components/NSFilterBoxDialog.js +17 -0
  128. package/dist/components/NSFilterBoxDialog.js.map +1 -0
  129. package/dist/components/NSFilterItem.d.ts +17 -0
  130. package/dist/components/NSFilterItem.js +30 -0
  131. package/dist/components/NSFilterItem.js.map +1 -0
  132. package/dist/components/NSFooter.d.ts +20 -0
  133. package/dist/components/NSFooter.js +56 -0
  134. package/dist/components/NSFooter.js.map +1 -0
  135. package/dist/components/NSGroupedList.d.ts +31 -0
  136. package/dist/components/NSGroupedList.js +42 -0
  137. package/dist/components/NSGroupedList.js.map +1 -0
  138. package/dist/components/NSHeader.d.ts +26 -0
  139. package/dist/components/NSHeader.js +81 -0
  140. package/dist/components/NSHeader.js.map +1 -0
  141. package/dist/components/NSLayout.d.ts +22 -0
  142. package/dist/components/NSLayout.js +30 -0
  143. package/dist/components/NSLayout.js.map +1 -0
  144. package/dist/components/NSLine.d.ts +4 -0
  145. package/dist/components/NSLine.js +6 -0
  146. package/dist/components/NSLine.js.map +1 -0
  147. package/dist/components/NSLink.d.ts +5 -0
  148. package/dist/components/NSLink.js +7 -0
  149. package/dist/components/NSLink.js.map +1 -0
  150. package/dist/components/NSLinkBlue.d.ts +2 -0
  151. package/dist/components/NSLinkBlue.js +13 -0
  152. package/dist/components/NSLinkBlue.js.map +1 -0
  153. package/dist/components/NSLinkGreen.d.ts +2 -0
  154. package/dist/components/NSLinkGreen.js +6 -0
  155. package/dist/components/NSLinkGreen.js.map +1 -0
  156. package/dist/components/NSLinkRed.d.ts +2 -0
  157. package/dist/components/NSLinkRed.js +6 -0
  158. package/dist/components/NSLinkRed.js.map +1 -0
  159. package/dist/components/NSLoading.d.ts +4 -0
  160. package/dist/components/NSLoading.js +7 -0
  161. package/dist/components/NSLoading.js.map +1 -0
  162. package/dist/components/NSModal.d.ts +10 -0
  163. package/dist/components/NSModal.js +13 -0
  164. package/dist/components/NSModal.js.map +1 -0
  165. package/dist/components/NSNoData.d.ts +5 -0
  166. package/dist/components/NSNoData.js +7 -0
  167. package/dist/components/NSNoData.js.map +1 -0
  168. package/dist/components/NSPagination.d.ts +20 -0
  169. package/dist/components/NSPagination.js +82 -0
  170. package/dist/components/NSPagination.js.map +1 -0
  171. package/dist/components/NSPanel.d.ts +7 -0
  172. package/dist/components/NSPanel.js +7 -0
  173. package/dist/components/NSPanel.js.map +1 -0
  174. package/dist/components/NSPrintModal.d.ts +15 -0
  175. package/dist/components/NSPrintModal.js +35 -0
  176. package/dist/components/NSPrintModal.js.map +1 -0
  177. package/dist/components/NSRadioButton.d.ts +5 -0
  178. package/dist/components/NSRadioButton.js +15 -0
  179. package/dist/components/NSRadioButton.js.map +1 -0
  180. package/dist/components/NSSection.d.ts +7 -0
  181. package/dist/components/NSSection.js +10 -0
  182. package/dist/components/NSSection.js.map +1 -0
  183. package/dist/components/NSSectionBars.d.ts +7 -0
  184. package/dist/components/NSSectionBars.js +10 -0
  185. package/dist/components/NSSectionBars.js.map +1 -0
  186. package/dist/components/NSSectionCards.d.ts +13 -0
  187. package/dist/components/NSSectionCards.js +15 -0
  188. package/dist/components/NSSectionCards.js.map +1 -0
  189. package/dist/components/NSSectionTitle.d.ts +7 -0
  190. package/dist/components/NSSectionTitle.js +8 -0
  191. package/dist/components/NSSectionTitle.js.map +1 -0
  192. package/dist/components/NSSpace.d.ts +17 -0
  193. package/dist/components/NSSpace.js +19 -0
  194. package/dist/components/NSSpace.js.map +1 -0
  195. package/dist/components/NSTabPage.d.ts +13 -0
  196. package/dist/components/NSTabPage.js +9 -0
  197. package/dist/components/NSTabPage.js.map +1 -0
  198. package/dist/components/NSTable.d.ts +50 -0
  199. package/dist/components/NSTable.js +154 -0
  200. package/dist/components/NSTable.js.map +1 -0
  201. package/dist/components/NSTable.module.css +3 -3
  202. package/dist/components/NSTag.d.ts +2 -0
  203. package/dist/components/NSTag.js +22 -0
  204. package/dist/components/NSTag.js.map +1 -0
  205. package/dist/components/NSTitle.d.ts +5 -0
  206. package/dist/components/NSTitle.js +7 -0
  207. package/dist/components/NSTitle.js.map +1 -0
  208. package/dist/components/NSVerification.d.ts +9 -0
  209. package/dist/components/NSVerification.js +19 -0
  210. package/dist/components/NSVerification.js.map +1 -0
  211. package/dist/index.d.ts +1 -0
  212. package/dist/index.js +7 -0
  213. package/dist/index.js.map +1 -0
  214. package/dist/main.d.ts +81 -0
  215. package/dist/main.js +82 -0
  216. package/dist/main.js.map +1 -0
  217. package/dist/pages/NSLoginPage.d.ts +6 -0
  218. package/dist/pages/NSLoginPage.js +8 -0
  219. package/dist/pages/NSLoginPage.js.map +1 -0
  220. package/dist/pages/NSNotFoundPage.d.ts +1 -0
  221. package/dist/pages/NSNotFoundPage.js +7 -0
  222. package/dist/pages/NSNotFoundPage.js.map +1 -0
  223. package/dist/props/IBaseComponentProps.d.ts +7 -0
  224. package/dist/props/IBaseComponentProps.js +2 -0
  225. package/dist/props/IBaseComponentProps.js.map +1 -0
  226. package/dist/props/IHeaderIconProps.d.ts +8 -0
  227. package/dist/props/IHeaderIconProps.js +2 -0
  228. package/dist/props/IHeaderIconProps.js.map +1 -0
  229. package/dist/props/IHeaderProps.d.ts +5 -0
  230. package/dist/props/IHeaderProps.js +2 -0
  231. package/dist/props/IHeaderProps.js.map +1 -0
  232. package/dist/props/IImageProps.d.ts +4 -0
  233. package/dist/props/IImageProps.js +2 -0
  234. package/dist/props/IImageProps.js.map +1 -0
  235. package/dist/props/ILinkProps.d.ts +5 -0
  236. package/dist/props/ILinkProps.js +2 -0
  237. package/dist/props/ILinkProps.js.map +1 -0
  238. package/dist/props/IValidationNumberProps.d.ts +4 -0
  239. package/dist/props/IValidationNumberProps.js +2 -0
  240. package/dist/props/IValidationNumberProps.js.map +1 -0
  241. package/dist/props/IValidationProps.d.ts +6 -0
  242. package/dist/props/IValidationProps.js +2 -0
  243. package/dist/props/IValidationProps.js.map +1 -0
  244. package/dist/props/IValidationRegexProps.d.ts +4 -0
  245. package/dist/props/IValidationRegexProps.js +2 -0
  246. package/dist/props/IValidationRegexProps.js.map +1 -0
  247. package/dist/props/IValidationStringProps.d.ts +4 -0
  248. package/dist/props/IValidationStringProps.js +2 -0
  249. package/dist/props/IValidationStringProps.js.map +1 -0
  250. package/dist/routing/INSRouterMaker.d.ts +5 -0
  251. package/dist/routing/INSRouterMaker.js +2 -0
  252. package/dist/routing/INSRouterMaker.js.map +1 -0
  253. package/dist/routing/INSRouterProps.d.ts +4 -0
  254. package/dist/routing/INSRouterProps.js +2 -0
  255. package/dist/routing/INSRouterProps.js.map +1 -0
  256. package/dist/routing/INSRouterState.d.ts +4 -0
  257. package/dist/routing/INSRouterState.js +2 -0
  258. package/dist/routing/INSRouterState.js.map +1 -0
  259. package/dist/routing/NSRouterMaker.d.ts +11 -0
  260. package/dist/routing/NSRouterMaker.js +23 -0
  261. package/dist/routing/NSRouterMaker.js.map +1 -0
  262. package/dist/routing/Notifier.d.ts +16 -0
  263. package/dist/routing/Notifier.js +68 -0
  264. package/dist/routing/Notifier.js.map +1 -0
  265. package/package.json +1 -1
  266. package/src/components/NSTable.module.css +3 -3
  267. package/src/components/NSTable.tsx +1 -1
  268. package/tsconfig.json +7 -8
@@ -0,0 +1,35 @@
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import { Component, createRef } from 'react';
3
+ import Styles from './NSPrintModal.module.css';
4
+ import { NSButtonBlue } from './NSButtonBlue';
5
+ import { NSBoxString } from './NSBoxString';
6
+ import { NSBoxBoolean } from './NSBoxBoolean';
7
+ import { NSSpace } from './NSSpace';
8
+ import { NSSpaceSizeType } from '../main';
9
+ export class NSPrintModal extends Component {
10
+ constructor(props) {
11
+ super(props);
12
+ this.toastRef = createRef();
13
+ this.state = { products: null, search: "" };
14
+ this.onClickOutside = this.onClickOutside.bind(this);
15
+ }
16
+ componentDidMount() {
17
+ document.addEventListener('mousedown', this.onClickOutside);
18
+ }
19
+ componentWillUnmount() {
20
+ document.removeEventListener('mousedown', this.onClickOutside);
21
+ }
22
+ onClickOutside(event) {
23
+ if (this.toastRef.current && !this.toastRef.current.contains(event.target)) {
24
+ this.props.onClose();
25
+ }
26
+ }
27
+ render() {
28
+ return (_jsxs(_Fragment, { children: [_jsx("div", { className: Styles.ns_print_container, ref: this.toastRef, children: _jsxs("div", { className: Styles.ns_header_print, children: [_jsx("img", { src: "https://static.namirasoft.com/image/concept/close/blue.svg", alt: "Close", width: 24, height: 24, onClick: (e) => {
29
+ e.stopPropagation();
30
+ this.props.onClose();
31
+ }, className: Styles.ns_close_icon }), _jsxs("div", { className: Styles.ns_print_title, children: [_jsx("img", { src: "https://static.namirasoft.com/image/concept/print/blue.svg", alt: "Print", width: 24, height: 24 }), _jsx("h2", { className: 'm-0', children: "Page Selection" })] }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx("p", { className: Styles.ns_print_description, children: "Please select which pages you want to continue with" }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsxs("div", { className: Styles.ns_parent_checkboxs, children: [_jsx(NSBoxBoolean, { classList: [Styles.ns_w_box_boolean], title: "Current page", required: false }), _jsx(NSBoxBoolean, { classList: [Styles.ns_w_box_boolean], title: "Only Selected Items", required: false }), _jsx(NSBoxBoolean, { classList: [Styles.ns_w_box_boolean], title: "Custom Pages", required: false }), _jsx(NSBoxBoolean, { classList: [Styles.ns_w_box_boolean], title: "All Pages", required: false })] }), _jsx(NSSpace, { size: NSSpaceSizeType.MICRO }), _jsx(NSBoxString, { classList: [Styles.ns_w_box_string], required: false, title: "Page1" }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSButtonBlue, { style: { width: "100%" }, title: 'Apply', onClick: () => { } })] }) }), _jsx("div", { className: Styles.ns_toast_background })] }));
32
+ }
33
+ }
34
+ export default NSPrintModal;
35
+ //# sourceMappingURL=NSPrintModal.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSPrintModal.js","sourceRoot":"","sources":["../../src/components/NSPrintModal.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,5 @@
1
+ export interface INSRadioButtonProps {
2
+ title: any;
3
+ }
4
+ declare function NSRadioButton(props: INSRadioButtonProps): import("react/jsx-runtime").JSX.Element;
5
+ export default NSRadioButton;
@@ -0,0 +1,15 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useState } from "react";
3
+ import Styles from './NSRadioButton.module.css';
4
+ function NSRadioButton(props) {
5
+ const [selectedValue, setSelectedValue,] = useState("option1");
6
+ const handleRadioChange = (value) => {
7
+ setSelectedValue(value);
8
+ };
9
+ return (_jsxs("div", { children: [_jsx("h2", { className: Styles.ns_heading, children: props.title }), _jsx("div", { className: Styles.container, children: _jsxs("div", { className: Styles.ns_radioGroup, children: [_jsxs("div", { className: Styles.ns_radioButton, children: [_jsx("input", { type: "radio", id: "option1", value: "option1", checked: selectedValue ===
10
+ "option1", onChange: () => handleRadioChange("option1") }), _jsx("label", { htmlFor: "option1", className: Styles.radioLabel, children: "First Item" })] }), _jsxs("div", { className: Styles.ns_radioButton, children: [_jsx("input", { type: "radio", id: "option2", value: "option2", checked: selectedValue ===
11
+ "option2", onChange: () => handleRadioChange("option2") }), _jsx("label", { htmlFor: "option2", className: Styles.radioLabel, children: "Second Item" })] }), _jsxs("div", { className: Styles.ns_radioButton, children: [_jsx("input", { type: "radio", id: "option3", value: "option3", checked: selectedValue ===
12
+ "option3", onChange: () => handleRadioChange("option3") }), _jsx("label", { htmlFor: "option3", className: Styles.radioLabel, children: "Third Item" })] })] }) })] }));
13
+ }
14
+ export default NSRadioButton;
15
+ //# sourceMappingURL=NSRadioButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSRadioButton.js","sourceRoot":"","sources":["../../src/components/NSRadioButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAMhD,SAAS,aAAa,CAAC,KAA0B;IAE7C,MAAM,CACF,aAAa,EACb,gBAAgB,EACnB,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAExB,MAAM,iBAAiB,GAAG,CACtB,KAAU,EACZ,EAAE;QAEA,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAGF,OAAO,CACH,0BACI,aAAI,SAAS,EAAE,MAAM,CAAC,UAAU,YAC3B,KAAK,CAAC,KAAK,GACX,EACL,cACI,SAAS,EAAE,MAAM,CAAC,SAAS,YAE3B,eACI,SAAS,EAAE,MAAM,CAAC,aAAa,aAE/B,eACI,SAAS,EAAE,MAAM,CAAC,cAAc,aAEhC,gBACI,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EACH,aAAa;wCACb,SAAS,EAEb,QAAQ,EAAE,GAAG,EAAE,CACX,iBAAiB,CACb,SAAS,CACZ,GAEP,EACF,gBACI,OAAO,EAAC,SAAS,EACjB,SAAS,EACL,MAAM,CAAC,UAAU,2BAIjB,IACN,EAEN,eACI,SAAS,EACL,MAAM,CAAC,cAAc,aAGzB,gBACI,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EACH,aAAa;wCACb,SAAS,EAEb,QAAQ,EAAE,GAAG,EAAE,CACX,iBAAiB,CACb,SAAS,CACZ,GAEP,EACF,gBACI,OAAO,EAAC,SAAS,EACjB,SAAS,EAAE,MAAM,CAAC,UAAU,4BAGxB,IACN,EAEN,eACI,SAAS,EAAE,MAAM,CAAC,cAAc,aAEhC,gBACI,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EACH,aAAa;wCACb,SAAS,EAEb,QAAQ,EAAE,GAAG,EAAE,CACX,iBAAiB,CACb,SAAS,CACZ,GAEP,EACF,gBACI,OAAO,EAAC,SAAS,EACjB,SAAS,EAAE,MAAM,CAAC,UAAU,2BAGxB,IACN,IACJ,GACJ,IACJ,CACT,CAAC;AACN,CAAC;AAED,eAAe,aAAa,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { ReactNode } from "react";
2
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
3
+ export interface INSSectionProps extends IBaseComponentProps {
4
+ children: ReactNode;
5
+ center_items?: boolean;
6
+ }
7
+ export declare function NSSection(props: INSSectionProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,10 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import Styles from './NSSection.module.css';
3
+ export function NSSection(props) {
4
+ var _a;
5
+ let styles = [Styles.ns_section];
6
+ if (props.center_items)
7
+ styles.push(Styles.ns_section_center);
8
+ return (_jsx("section", { id: props.id, className: `${styles.join(" ")} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: props.children }));
9
+ }
10
+ //# sourceMappingURL=NSSection.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSSection.js","sourceRoot":"","sources":["../../src/components/NSSection.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAS3C,MAAM,UAAU,SAAS,CAAC,KAAsB;;IAE/C,IAAI,MAAM,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IACjC,IAAI,KAAK,CAAC,YAAY;QACrB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;IACvC,OAAO,CACN,kBAAS,EAAE,EAAE,KAAK,CAAC,EAAE,EACpB,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC9D,KAAK,EAAE,KAAK,CAAC,KAAK,YAEjB,KAAK,CAAC,QAAQ,GACN,CACV,CAAC;AACH,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { INSEntityBarProps } from './NSEntityBar';
2
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
3
+ export interface INSSectionBarsProps extends IBaseComponentProps {
4
+ title?: string;
5
+ bars: INSEntityBarProps[];
6
+ }
7
+ export declare function NSSectionBars(props: INSSectionBarsProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,10 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import Styles from './NSSectionBars.module.css';
3
+ import { NSEntityBar } from './NSEntityBar';
4
+ import { NSSection } from './NSSection';
5
+ import { NSSpace, NSSpaceSizeType } from './NSSpace';
6
+ export function NSSectionBars(props) {
7
+ var _a;
8
+ return (_jsxs(NSSection, Object.assign({}, props, { children: [_jsx(NSSpace, { size: NSSpaceSizeType.NORMAL }), _jsx("div", { className: `container mx-auto px-4 lg:px-12 ${Styles.ns_entity_bar_container}`, children: (_a = props.bars) === null || _a === void 0 ? void 0 : _a.map((bar) => _jsx(NSEntityBar, Object.assign({}, bar), bar.id)) }), _jsx(NSSpace, { size: NSSpaceSizeType.NORMAL })] })));
9
+ }
10
+ //# sourceMappingURL=NSSectionBars.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSSectionBars.js","sourceRoot":"","sources":["../../src/components/NSSectionBars.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,WAAW,EAAqB,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AASrD,MAAM,UAAU,aAAa,CAAC,KAA0B;;IAEvD,OAAO,CACN,MAAC,SAAS,oBAAK,KAAK,eACnB,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,EACzC,cAAK,SAAS,EAAE,mCAAmC,MAAM,CAAC,uBAAuB,EAAE,YAEjF,MAAA,KAAK,CAAC,IAAI,0CAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAC,WAAW,oBAAkB,GAAG,GAAf,GAAG,CAAC,EAAE,CAAa,CAAC,GAE3D,EACN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,KAC9B,CACZ,CAAC;AACH,CAAC"}
@@ -0,0 +1,13 @@
1
+ import { INSCardProps } from './NSCard';
2
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
3
+ import { ILinkProps } from '../props/ILinkProps';
4
+ export interface INSSectionCardsProps extends IBaseComponentProps {
5
+ title?: string;
6
+ description?: {
7
+ text: string;
8
+ color?: string;
9
+ };
10
+ button?: ILinkProps;
11
+ cards: INSCardProps[];
12
+ }
13
+ export declare function NSSectionCards(props: INSSectionCardsProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,15 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import Styles from './NSSectionCards.module.css';
3
+ import { NSTitle } from './NSTitle';
4
+ import { NSCard } from './NSCard';
5
+ import { NSSection } from './NSSection';
6
+ import { NSLinkBlue } from './NSLinkBlue';
7
+ import { NSSpace, NSSpaceSizeType } from './NSSpace';
8
+ export function NSSectionCards(props) {
9
+ var _a, _b;
10
+ return (_jsxs(NSSection, Object.assign({}, props, { children: [_jsx(NSSpace, { size: NSSpaceSizeType.NORMAL }), _jsxs("div", { className: `container mx-auto px-4 lg:px-12 ${Styles.ns_section_cards_holder}`, children: [props.title &&
11
+ _jsxs("div", { className: Styles.ns_section_cards_title_container, children: [_jsx(NSTitle, { title: props.title }), props.description &&
12
+ _jsxs("p", { style: { color: (_a = props.description) === null || _a === void 0 ? void 0 : _a.color }, className: Styles.ns_description, children: [" ", props.description.text, " "] })] }), _jsx("div", { className: ` ${Styles.ns_card_container}`, children: (_b = props.cards) === null || _b === void 0 ? void 0 : _b.map((card) => _jsx(NSCard, Object.assign({}, card), card.id)) }), props.button &&
13
+ _jsx("div", { className: `mt-12 w-full- text-center ${Styles.ns_section_cards_link_container}`, children: _jsx(NSLinkBlue, Object.assign({}, props.button)) })] }), _jsx(NSSpace, { size: NSSpaceSizeType.NORMAL })] })));
14
+ }
15
+ //# sourceMappingURL=NSSectionCards.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSSectionCards.js","sourceRoot":"","sources":["../../src/components/NSSectionCards.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAgB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAerD,MAAM,UAAU,cAAc,CAAC,KAA2B;;IAEzD,OAAO,CACN,MAAC,SAAS,oBAAK,KAAK,eACnB,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,EACzC,eAAK,SAAS,EAAE,mCAAmC,MAAM,CAAC,uBAAuB,EAAE,aAEjF,KAAK,CAAC,KAAK;wBACX,eAAK,SAAS,EAAE,MAAM,CAAC,gCAAgC,aACtD,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,EAE9B,KAAK,CAAC,WAAW;oCACjB,aAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,cAAc,kBAAI,KAAK,CAAC,WAAW,CAAC,IAAI,SAAM,IAE3G,EAEP,cAAK,SAAS,EAAE,IAAI,MAAM,CAAC,iBAAiB,EAAE,YAE5C,MAAA,KAAK,CAAC,KAAK,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAmB,IAAI,GAAjB,IAAI,CAAC,EAAE,CAAc,CAAC,GAE1D,EAEL,KAAK,CAAC,MAAM;wBACZ,cAAK,SAAS,EAAE,6BAA6B,MAAM,CAAC,+BAA+B,EAAE,YACpF,KAAC,UAAU,oBAAK,KAAK,CAAC,MAAM,EAAI,GAC3B,IAEF,EACN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,KAC9B,CACZ,CAAC;AACH,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { ReactNode } from 'react';
2
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
3
+ export interface INSSectionTitleProps extends IBaseComponentProps {
4
+ title: string;
5
+ children: ReactNode;
6
+ }
7
+ export declare function NSSectionTitle(props: INSSectionTitleProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,8 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { NSSection } from './NSSection';
3
+ import { NSTitle } from './NSTitle';
4
+ import { NSSpace, NSSpaceSizeType } from './NSSpace';
5
+ export function NSSectionTitle(props) {
6
+ return (_jsxs(NSSection, Object.assign({}, props, { children: [_jsx(NSSpace, { size: NSSpaceSizeType.NORMAL }), _jsx(NSTitle, { title: props.title }), props.children] })));
7
+ }
8
+ //# sourceMappingURL=NSSectionTitle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSSectionTitle.js","sourceRoot":"","sources":["../../src/components/NSSectionTitle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AASrD,MAAM,UAAU,cAAc,CAAC,KAA2B;IAEzD,OAAO,CACN,MAAC,SAAS,oBAAK,KAAK,eACnB,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,EACzC,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,EAC9B,KAAK,CAAC,QAAQ,KACJ,CACZ,CAAC;AACH,CAAC"}
@@ -0,0 +1,17 @@
1
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
2
+ export interface INSSpaceProps extends IBaseComponentProps {
3
+ size: NSSpaceSizeType;
4
+ }
5
+ export declare enum NSSpaceSizeType {
6
+ NANO = "4px",
7
+ MICRO = "8px",
8
+ MINI = "16px",
9
+ SMALL = "24px",
10
+ MEDUIM = "32px",
11
+ NORMAL = "48px",
12
+ LARGE = "64px",
13
+ XLARGE = "80px",
14
+ XXLARGE = "96px",
15
+ XXXLARGE = "128px"
16
+ }
17
+ export declare function NSSpace(props: INSSpaceProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,19 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ export var NSSpaceSizeType;
3
+ (function (NSSpaceSizeType) {
4
+ NSSpaceSizeType["NANO"] = "4px";
5
+ NSSpaceSizeType["MICRO"] = "8px";
6
+ NSSpaceSizeType["MINI"] = "16px";
7
+ NSSpaceSizeType["SMALL"] = "24px";
8
+ NSSpaceSizeType["MEDUIM"] = "32px";
9
+ NSSpaceSizeType["NORMAL"] = "48px";
10
+ NSSpaceSizeType["LARGE"] = "64px";
11
+ NSSpaceSizeType["XLARGE"] = "80px";
12
+ NSSpaceSizeType["XXLARGE"] = "96px";
13
+ NSSpaceSizeType["XXXLARGE"] = "128px";
14
+ })(NSSpaceSizeType || (NSSpaceSizeType = {}));
15
+ export function NSSpace(props) {
16
+ var _a;
17
+ return (_jsx("hr", { id: props.id, className: (_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" "), style: Object.assign(Object.assign({}, props.style), { width: "100%", height: props.size, margin: "0px", padding: "0px", background: "transparent", color: "transparent", border: 0, position: "relative", zIndex: -1 }) }));
18
+ }
19
+ //# sourceMappingURL=NSSpace.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSSpace.js","sourceRoot":"","sources":["../../src/components/NSSpace.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAN,IAAY,eAYX;AAZD,WAAY,eAAe;IAE1B,+BAAY,CAAA;IACZ,gCAAa,CAAA;IACb,gCAAa,CAAA;IACb,iCAAc,CAAA;IACd,kCAAe,CAAA;IACf,kCAAe,CAAA;IACf,iCAAc,CAAA;IACd,kCAAe,CAAA;IACf,mCAAgB,CAAA;IAChB,qCAAkB,CAAA;AACnB,CAAC,EAZW,eAAe,KAAf,eAAe,QAY1B;AAED,MAAM,UAAU,OAAO,CAAC,KAAoB;;IAE3C,OAAO,CACN,aAAI,EAAE,EAAE,KAAK,CAAC,EAAE,EACf,SAAS,EAAE,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EACrC,KAAK,kCAAO,KAAK,CAAC,KAAK,KAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAC9L,CAAC;AACH,CAAC"}
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
3
+ export interface NSTabPageTab {
4
+ title: string;
5
+ getContent: () => React.ReactNode;
6
+ }
7
+ export interface NSTabPageProps extends IBaseComponentProps {
8
+ tabs: NSTabPageTab[];
9
+ }
10
+ export interface NSTabPageState {
11
+ activeTabIndex: number;
12
+ }
13
+ export declare function NSTabPage(props: NSTabPageProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,9 @@
1
+ "use client";
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import Styles from './NSTabPage.module.css';
4
+ import { useState } from "react";
5
+ export function NSTabPage(props) {
6
+ const [state, setState] = useState({ activeTabIndex: 0 });
7
+ return (_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
+ }
9
+ //# sourceMappingURL=NSTabPage.js.map
@@ -0,0 +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,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,CACT,CAAC;AACN,CAAC"}
@@ -0,0 +1,50 @@
1
+ import { NSPagination } from './NSPagination';
2
+ import { Component } from 'react';
3
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
4
+ import React from "react";
5
+ export interface INSTableProps<RowType> extends IBaseComponentProps {
6
+ columns: {
7
+ [key: string]: string;
8
+ };
9
+ totalItems: number;
10
+ checkbox: boolean;
11
+ reload: (page: number, size: number) => void;
12
+ getRowKey: (row: RowType, rowIndex: number) => string;
13
+ getColumnAttributes?: (column: string, columnIndex: number) => {
14
+ [key: string]: string;
15
+ };
16
+ getCell?: (row: RowType, column: string, rowIndex: number, columnIndex: number) => any;
17
+ onRowClick?: (e: React.MouseEvent<HTMLTableRowElement, MouseEvent>, row: RowType, rowIndex: number) => void;
18
+ onCellClick?: (e: React.MouseEvent<HTMLTableDataCellElement, MouseEvent>, row: RowType, column: string, rowIndex: number, columnIndex: number) => boolean | undefined;
19
+ onSelectedIDsChanged?: () => void;
20
+ }
21
+ interface NSTableState<RowType> {
22
+ columns: {
23
+ [key: string]: string;
24
+ };
25
+ rows: RowType[] | null;
26
+ title?: string;
27
+ model: {
28
+ show: boolean;
29
+ description?: string;
30
+ };
31
+ selectedIDs: string[];
32
+ }
33
+ export declare class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableState<RowType>> {
34
+ NSPagination: React.RefObject<NSPagination>;
35
+ constructor(props: INSTableProps<RowType>);
36
+ setColumns(columns: {
37
+ [key: string]: string;
38
+ }): void;
39
+ setRows(rows: RowType[] | null): void;
40
+ private showModal;
41
+ private hideModal;
42
+ private onPageChange;
43
+ private toggleAllCheckboxes;
44
+ print(): void;
45
+ exportToExcel(): void;
46
+ getSelectedIDs(): string[];
47
+ setSelectedIDs(ids: string[]): void;
48
+ render(): import("react/jsx-runtime").JSX.Element;
49
+ }
50
+ export {};
@@ -0,0 +1,154 @@
1
+ "use client";
2
+ import { createElement as _createElement } from "react";
3
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
4
+ import NSButton from './NSButton';
5
+ import { NSPagination } from './NSPagination';
6
+ import { NSSpace, NSSpaceSizeType } from './NSSpace';
7
+ import Styles from './NSTable.module.css';
8
+ import { Component } from 'react';
9
+ import React from "react";
10
+ import { NSModal } from './NSModal';
11
+ import { NSLoading } from './NSLoading';
12
+ import { NSNoData } from './NSNoData';
13
+ import { writeFile, utils } from 'xlsx';
14
+ export class NSTable extends Component {
15
+ constructor(props) {
16
+ super(props);
17
+ this.NSPagination = React.createRef();
18
+ this.state = {
19
+ columns: props.columns,
20
+ rows: null,
21
+ model: { show: false },
22
+ selectedIDs: []
23
+ };
24
+ this.setColumns = this.setColumns.bind(this);
25
+ this.setRows = this.setRows.bind(this);
26
+ this.showModal = this.showModal.bind(this);
27
+ this.hideModal = this.hideModal.bind(this);
28
+ this.onPageChange = this.onPageChange.bind(this);
29
+ this.toggleAllCheckboxes = this.toggleAllCheckboxes.bind(this);
30
+ this.print = this.print.bind(this);
31
+ this.exportToExcel = this.exportToExcel.bind(this);
32
+ }
33
+ setColumns(columns) {
34
+ this.setState({ columns });
35
+ }
36
+ setRows(rows) {
37
+ this.setState({ rows });
38
+ }
39
+ showModal(description, title) {
40
+ this.setState({ model: { show: true, description }, title });
41
+ }
42
+ hideModal() {
43
+ this.setState({ model: { show: false } });
44
+ }
45
+ onPageChange(page, size) {
46
+ this.props.reload(page, size);
47
+ }
48
+ toggleAllCheckboxes() {
49
+ var _a;
50
+ let selectedIDs = [];
51
+ if (this.getSelectedIDs().length == 0)
52
+ (_a = this.state.rows) === null || _a === void 0 ? void 0 : _a.map((row, rowIndex) => {
53
+ let id = this.props.getRowKey(row, rowIndex);
54
+ selectedIDs.push(id);
55
+ });
56
+ this.setSelectedIDs(selectedIDs);
57
+ }
58
+ print() {
59
+ var _a;
60
+ const printWindow = window.open('', '', 'height=500,width=800');
61
+ printWindow.document.write('<html><head><title>Print Table</title>');
62
+ printWindow.document.write('<style>table { width: 100%; border-collapse: collapse; } th, td { border: 1px solid black; padding: 8px; text-align: left; }</style>');
63
+ printWindow.document.write('</head><body>');
64
+ printWindow.document.write('<table>');
65
+ printWindow.document.write('<thead><tr>');
66
+ Object.keys(this.state.columns).forEach(column => {
67
+ printWindow.document.write('<th>' + this.state.columns[column] + '</th>');
68
+ });
69
+ printWindow.document.write('</tr></thead><tbody>');
70
+ (_a = this.state.rows) === null || _a === void 0 ? void 0 : _a.forEach(row => {
71
+ printWindow.document.write('<tr>');
72
+ Object.keys(this.state.columns).forEach(column => {
73
+ printWindow.document.write('<td>' + row[column] + '</td>');
74
+ });
75
+ printWindow.document.write('</tr>');
76
+ });
77
+ printWindow.document.write('</tbody></table>');
78
+ printWindow.document.write('</body></html>');
79
+ printWindow.document.close();
80
+ printWindow.print();
81
+ }
82
+ exportToExcel() {
83
+ debugger;
84
+ const worksheet = utils.json_to_sheet(this.state.rows || []);
85
+ const workbook = utils.book_new();
86
+ utils.book_append_sheet(workbook, worksheet, "Table Data");
87
+ writeFile(workbook, "TableData.xlsx");
88
+ }
89
+ getSelectedIDs() {
90
+ return this.state.selectedIDs;
91
+ }
92
+ setSelectedIDs(ids) {
93
+ this.setState({ selectedIDs: ids }, () => {
94
+ if (this.props.onSelectedIDsChanged)
95
+ this.props.onSelectedIDsChanged();
96
+ });
97
+ }
98
+ render() {
99
+ var _a;
100
+ let column_keys = Object.keys(this.state.columns);
101
+ let getColumnAttributes = (column, columnIndex) => {
102
+ if (this.props.getColumnAttributes)
103
+ return this.props.getColumnAttributes(column, columnIndex);
104
+ return {};
105
+ };
106
+ let getCell = (row, column, rowIndex, columnIndex) => {
107
+ if (this.props.getCell)
108
+ return this.props.getCell(row, column, rowIndex, columnIndex);
109
+ return row[column];
110
+ };
111
+ let onRowClick = (e, row, rowIndex) => {
112
+ if (this.props.onRowClick)
113
+ this.props.onRowClick(e, row, rowIndex);
114
+ };
115
+ let onCellClick = (e, row, column, rowIndex, columnIndex) => {
116
+ let overided = false;
117
+ if (this.props.onCellClick) {
118
+ let res = this.props.onCellClick(e, row, column, rowIndex, columnIndex);
119
+ if (res === undefined) {
120
+ overided = true;
121
+ }
122
+ else {
123
+ overided = res;
124
+ }
125
+ }
126
+ if (!overided) {
127
+ this.showModal(getCell(row, column, rowIndex, columnIndex), this.state.columns[column]);
128
+ }
129
+ };
130
+ let content;
131
+ if (this.state.rows === null) {
132
+ content = (_jsx(NSLoading, {}));
133
+ }
134
+ else if (this.state.rows.length === 0) {
135
+ content = (_jsx(NSNoData, { lable: 'No Data' }));
136
+ }
137
+ else {
138
+ content = this.state.rows.map((row, rowIndex) => _jsxs("tr", { onClick: (e) => { onRowClick(e, row, rowIndex); }, children: [this.props.checkbox && _jsx("input", { className: Styles.ns_td_input, id: `checkbox_device_${this.props.getRowKey(row, rowIndex)}`, type: "checkbox", checked: this.state.selectedIDs.includes(this.props.getRowKey(row, rowIndex)), onChange: (e) => {
139
+ let selectedIDs = this.state.selectedIDs;
140
+ let id = this.props.getRowKey(row, rowIndex);
141
+ if (e.currentTarget.checked)
142
+ selectedIDs.push(id);
143
+ else
144
+ selectedIDs = selectedIDs.filter(x => x !== id);
145
+ this.setSelectedIDs(selectedIDs);
146
+ } }), column_keys.map((column, columnIndex) => (_createElement("td", Object.assign({}, getColumnAttributes(column, columnIndex + 1), { key: columnIndex + 1, "data-label": `${this.state.columns[column]} : `, onClick: (e) => { onCellClick(e, row, column, rowIndex, columnIndex + 1); } }), getCell(row, column, rowIndex, columnIndex + 1))))] }, this.props.getRowKey(row, rowIndex)));
147
+ }
148
+ return (_jsxs("div", { id: this.props.id, className: `${Styles.ns_project_list_container} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsxs("table", { className: Styles.ns_table, children: [_jsx("thead", { className: Styles.ns_thead, children: _jsxs("tr", { children: [this.props.checkbox && _jsx("th", { className: Styles.ns_check_box, children: _jsx("input", { className: Styles.ns_check_box_input, id: 'checkbox', type: 'checkbox', onChange: this.toggleAllCheckboxes, checked: this.getSelectedIDs().length > 0 }) }), column_keys.map(column_key => _jsx("th", { scope: "col", children: this.state.columns[column_key] }, column_key))] }) }), _jsx("tbody", { className: Styles.ns_tbody, children: content })] }), _jsx(NSSpace, { size: NSSpaceSizeType.MICRO }), _jsxs("section", { className: Styles.ns_pagination_button, children: [_jsx(NSPagination, { ref: this.NSPagination, totalItems: this.props.totalItems, onPageChange: this.onPageChange }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsxs("div", { className: Styles.ns_button, children: [_jsx(NSButton, { title: 'Chart', icon: { src: "https://static.namirasoft.com/image/concept/chart/blue.svg" }, onClick: () => { }, style: { border: '1px solid rgba(255, 148, 50, 1)', width: "128px" } }), _jsx(NSButton, { title: 'Print', icon: { src: "https://static.namirasoft.com/image/concept/print/blue.svg" }, onClick: this.print, style: { border: '1px solid rgba(255, 148, 50, 1)', width: "128px" } }), _jsx(NSButton, { title: 'Export', icon: { src: "https://static.namirasoft.com/image/concept/export/blue.svg" }, onClick: this.exportToExcel, style: { border: '1px solid rgba(255, 148, 50, 1)', width: "128px" } }), _jsx(NSButton, { title: 'Refresh', icon: { src: "https://static.namirasoft.com/image/concept/refresh/blue.svg" }, onClick: () => {
149
+ if (this.NSPagination.current)
150
+ this.props.reload(this.NSPagination.current.getCurrentPage(), this.NSPagination.current.getPageSize());
151
+ }, style: { border: '1px solid rgba(3, 119, 255, 1)', width: "128px" } })] })] }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSModal, { show: this.state.model.show, description: this.state.model.description, onClose: () => { this.hideModal(); }, title: this.state.title })] }));
152
+ }
153
+ }
154
+ //# sourceMappingURL=NSTable.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSTable.js","sourceRoot":"","sources":["../../src/components/NSTable.tsx"],"names":[],"mappings":"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"}
@@ -205,7 +205,7 @@
205
205
  .ns_check_box input {
206
206
  width: 100% !important;
207
207
  }
208
- td input{
209
- cursor: pointer;
210
- width: 100% !important;
208
+
209
+ .ns_td_input{
210
+ width: 24px !important;
211
211
  }
@@ -0,0 +1,2 @@
1
+ declare function NSTag(): import("react/jsx-runtime").JSX.Element;
2
+ export default NSTag;
@@ -0,0 +1,22 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { NSBoxString } from './NSBoxString';
3
+ import NSButton from './NSButton';
4
+ import Styles from './NSTag.module.css';
5
+ function InputGroup() {
6
+ return (_jsx("section", { className: Styles.ns_tag_input_container, children: _jsxs("div", { className: Styles.ns_tag_input_group, children: [_jsx(NSBoxString, { title: 'Key', required: true }), _jsx(NSBoxString, { title: 'Value', required: true }), _jsx(NSBoxString, { title: 'Option', required: true }), _jsx(NSButton, { title: 'Remove', onClick: () => { }, style: {
7
+ backgroundColor: "transparent",
8
+ border: "1px solid rgba(3, 119, 255, 1)",
9
+ width: "145px",
10
+ marginTop: "28px"
11
+ } })] }) }));
12
+ }
13
+ function NSTag() {
14
+ return (_jsx("div", { className: Styles.ns_tag_container, children: _jsxs("div", { className: Styles.ns_tag_title, children: [_jsx(InputGroup, {}), _jsx(InputGroup, {}), _jsx(InputGroup, {}), _jsx(InputGroup, {}), _jsx(NSButton, { title: 'Add new tag', onClick: () => { }, style: {
15
+ backgroundColor: "transparent",
16
+ border: "1px solid rgba(3, 119, 255, 1)",
17
+ width: "145px",
18
+ marginTop: "24px"
19
+ } })] }) }));
20
+ }
21
+ export default NSTag;
22
+ //# sourceMappingURL=NSTag.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSTag.js","sourceRoot":"","sources":["../../src/components/NSTag.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,SAAS,UAAU;IAEf,OAAO,CACH,kBAAS,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC7C,eAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,aACrC,KAAC,WAAW,IAAC,KAAK,EAAC,KAAK,EAAC,QAAQ,SAAG,EACpC,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,SAAG,EACtC,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,SAAG,EACvC,KAAC,QAAQ,IACL,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAClB,KAAK,EAAE;wBACH,eAAe,EAAE,aAAa;wBAC9B,MAAM,EAAE,gCAAgC;wBACxC,KAAK,EAAE,OAAO;wBACd,SAAS,EAAE,MAAM;qBACpB,GACH,IACA,GACA,CACb,CAAA;AACL,CAAC;AACD,SAAS,KAAK;IAEV,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,YACnC,eAAK,SAAS,EAAE,MAAM,CAAC,YAAY,aAC/B,KAAC,UAAU,KAAG,EACd,KAAC,UAAU,KAAG,EACd,KAAC,UAAU,KAAG,EACd,KAAC,UAAU,KAAG,EACd,KAAC,QAAQ,IACL,KAAK,EAAC,aAAa,EACnB,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAClB,KAAK,EAAE;wBACH,eAAe,EAAE,aAAa;wBAC9B,MAAM,EAAE,gCAAgC;wBACxC,KAAK,EAAE,OAAO;wBACd,SAAS,EAAE,MAAM;qBACpB,GAAI,IACP,GACJ,CACT,CAAC;AACN,CAAC;AAED,eAAe,KAAK,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
2
+ export interface INSTitleProps extends IBaseComponentProps {
3
+ title: string;
4
+ }
5
+ export declare function NSTitle(props: INSTitleProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import Styles from './NSTitle.module.css';
3
+ export function NSTitle(props) {
4
+ var _a;
5
+ return (_jsx("h2", { id: props.id, className: `${Styles.ns_title} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: props.title }));
6
+ }
7
+ //# sourceMappingURL=NSTitle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSTitle.js","sourceRoot":"","sources":["../../src/components/NSTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAQ1C,MAAM,UAAU,OAAO,CAAC,KAAoB;;IAE3C,OAAO,CACN,aACC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC7D,KAAK,EAAE,KAAK,CAAC,KAAK,YAEjB,KAAK,CAAC,KAAK,GACR,CACL,CAAC;AACH,CAAC"}
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { IBaseComponentProps, IImageProps } from '../main';
3
+ interface INSVerificationProps extends IBaseComponentProps {
4
+ verificationType: string;
5
+ onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
6
+ image?: IImageProps;
7
+ }
8
+ declare function NSVerification(props: INSVerificationProps): import("react/jsx-runtime").JSX.Element;
9
+ export default NSVerification;
@@ -0,0 +1,19 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useState } from "react";
3
+ import vector from '../assets/images/verify.png';
4
+ import NSBoxOTP from './NSBoxOTP';
5
+ import Styles from './NSVerification.module.css';
6
+ function NSVerification(props) {
7
+ var _a, _b, _c, _d, _e;
8
+ const [values, setValue] = useState('');
9
+ function onChanged(event) {
10
+ setValue(prevValues => [...prevValues, event.target.value].join(''));
11
+ if (props.onChanged)
12
+ props.onChanged(event);
13
+ console.log(values);
14
+ return (values);
15
+ }
16
+ return (_jsxs("div", { className: `${Styles.ns_verification_container} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: [_jsx("img", { src: (_c = (_b = props.image) === null || _b === void 0 ? void 0 : _b.src) !== null && _c !== void 0 ? _c : vector, alt: (_e = (_d = props.image) === null || _d === void 0 ? void 0 : _d.alt) !== null && _e !== void 0 ? _e : 'verification vector', className: Styles.ns_verification_vector }), _jsxs("p", { children: ["Please enter code sent to ", props.verificationType] }), _jsx(NSBoxOTP, { onChanged: onChanged })] }));
17
+ }
18
+ export default NSVerification;
19
+ //# sourceMappingURL=NSVerification.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSVerification.js","sourceRoot":"","sources":["../../src/components/NSVerification.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAEhD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAUhD,SAAS,cAAc,CAAC,KAA0B;;IAC9C,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAA;IAE/C,SAAS,SAAS,CAAC,KAA0C;QAE/D,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,UAAU,EAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;QACtE,IAAI,KAAK,CAAC,SAAS;YAClB,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAClB,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACpB,OAAO,CAAC,MAAM,CAAC,CAAC;IACvB,CAAC;IACE,OAAO,CACH,eACI,SAAS,EAAE,GAAG,MAAM,CAAC,yBAAyB,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACpF,KAAK,EAAE,KAAK,CAAC,KAAK,aAEZ,cACA,GAAG,EAAE,MAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,GAAG,mCAAI,MAAM,EAC/B,GAAG,EAAE,MAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,GAAG,mCAAI,qBAAqB,EAC9C,SAAS,EAAE,MAAM,CAAC,sBAAsB,GACtC,EACF,sDAA8B,KAAK,CAAC,gBAAgB,IAAK,EACzD,KAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,GAAG,IAC/B,CACT,CAAC;AACN,CAAC;AAED,eAAe,cAAc,CAAC"}
@@ -0,0 +1 @@
1
+ import './index.css';
package/dist/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import ReactDOM from 'react-dom/client';
3
+ import './index.css';
4
+ import { App } from './App';
5
+ const root = ReactDOM.createRoot(document.getElementById('root'));
6
+ root.render(_jsx(App, {}));
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,aAAa,CAAC;AACrB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,MAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,CAC5B,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAgB,CACjD,CAAC;AACF,IAAI,CAAC,MAAM,CAAC,KAAC,GAAG,KAAG,CAAC,CAAC"}