namirasoft-site-react 1.4.3 → 1.4.5

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.
@@ -1,6 +1,8 @@
1
1
  .ns_box_label_title {
2
2
  color: hsla(234, 64%, 22%, 1);
3
3
  margin-bottom: 8px;
4
+ font-size: 16px;
5
+ font-weight: bold;
4
6
  }
5
7
 
6
8
 
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import Styles from './NSDialog.module.css';
3
3
  export function NSDialog(props) {
4
4
  var _a;
5
- return (_jsxs("section", { id: props.id, className: props.center_dialog ? Styles.ns_dialog_center_container : Styles.ns_dialog_container, children: [_jsx("div", { className: Styles.ns_dialog_background, onClick: () => props.onClose() }), _jsxs("div", { className: `${Styles.ns_dialog_content} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: Object.assign({}, props.style), children: [_jsx("img", { src: 'https://static.namirasoft.com/image/concept/close/blue.svg', alt: '', width: 24, height: 24, style: {
5
+ return (_jsxs("section", { id: props.id, className: props.center_dialog ? Styles.ns_dialog_center_container : Styles.ns_dialog_container, onClick: () => props.onClose(), children: [_jsx("div", { className: Styles.ns_dialog_background, onClick: () => props.onClose() }), _jsxs("div", { className: `${Styles.ns_dialog_content} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: Object.assign({}, props.style), children: [_jsx("img", { src: 'https://static.namirasoft.com/image/concept/close/blue.svg', alt: '', width: 24, height: 24, style: {
6
6
  position: "absolute",
7
7
  top: 0,
8
8
  right: 0,
@@ -1 +1 @@
1
- {"version":3,"file":"NSDialog.js","sourceRoot":"","sources":["../../src/components/NSDialog.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAS3C,MAAM,UAAU,QAAQ,CAAC,KAAoB;;IAE5C,OAAO,CACN,mBACC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB,aAE/F,cAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,GACrE,EACN,eACC,SAAS,EAAE,GAAG,MAAM,CAAC,iBAAiB,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACtE,KAAK,oBACD,KAAK,CAAC,KAAK,cAGf,cACC,GAAG,EAAC,4DAA4D,EAChE,GAAG,EAAC,EAAE,EACN,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EACJ;4BACA,QAAQ,EAAE,UAAU;4BACpB,GAAG,EAAE,CAAC;4BACN,KAAK,EAAE,CAAC;4BACR,SAAS,EAAE,qBAAqB;4BAChC,MAAM,EAAE,SAAS;yBACjB,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,GAAI,EACnC,cAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,YACvC,KAAK,CAAC,QAAQ,GACV,IACD,IACI,CACX,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"NSDialog.js","sourceRoot":"","sources":["../../src/components/NSDialog.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAS3C,MAAM,UAAU,QAAQ,CAAC,KAAoB;;IAE5C,OAAO,CACN,mBACC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB,EAC/F,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,aAE9B,cAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,GACrE,EACN,eACC,SAAS,EAAE,GAAG,MAAM,CAAC,iBAAiB,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACtE,KAAK,oBACD,KAAK,CAAC,KAAK,cAGf,cACC,GAAG,EAAC,4DAA4D,EAChE,GAAG,EAAC,EAAE,EACN,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EACJ;4BACA,QAAQ,EAAE,UAAU;4BACpB,GAAG,EAAE,CAAC;4BACN,KAAK,EAAE,CAAC;4BACR,SAAS,EAAE,qBAAqB;4BAChC,MAAM,EAAE,SAAS;yBACjB,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,GAAI,EACnC,cAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,YACvC,KAAK,CAAC,QAAQ,GACV,IACD,IACI,CACX,CAAC;AACH,CAAC"}
@@ -13,6 +13,21 @@
13
13
  align-items: center;
14
14
  }
15
15
 
16
+ .ns_dialog_center_container {
17
+ background-color: #00000080;
18
+ width: 100%;
19
+ height: 100%;
20
+ position: fixed;
21
+ top: 0;
22
+ right: 0;
23
+ left: 0;
24
+ bottom: 0;
25
+ z-index: 99;
26
+ display: flex;
27
+ justify-content: center;
28
+ align-items: center;
29
+ }
30
+
16
31
  .ns_dialog_content {
17
32
  border: 8px solid rgb(233, 232, 232);
18
33
  border-radius: 24px;
@@ -12,6 +12,7 @@
12
12
  left: 50%;
13
13
  transform: translate(-50%, -50%);
14
14
  z-index: 3;
15
+ width: 100%;
15
16
  }
16
17
 
17
18
  .ns_header_print {
@@ -42,7 +43,7 @@
42
43
  .ns_parent_checkboxs {
43
44
  display: flex;
44
45
  flex-wrap: wrap;
45
- justify-content: space-between;
46
+ justify-content: center;
46
47
  gap: 8px;
47
48
  }
48
49
 
@@ -64,6 +65,10 @@
64
65
  }
65
66
 
66
67
  @media only screen and (min-width: 768px) {
68
+ .ns_parent_checkboxs {
69
+ justify-content: space-between;
70
+ }
71
+
67
72
  .ns_print_container {
68
73
  max-width: 590px;
69
74
  }
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.4.3",
11
+ "version": "1.4.5",
12
12
  "author": "Amir Abolhasani, Alireza Esmaeeli",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",
@@ -23,7 +23,7 @@
23
23
  "dependencies": {
24
24
  "@ant-design/charts": "^2.2.1",
25
25
  "@types/node": "^22.5.5",
26
- "@types/react": "^18.3.5",
26
+ "@types/react": "^18.3.6",
27
27
  "@types/react-bootstrap": "^0.32.37",
28
28
  "@types/react-dom": "^18.3.0",
29
29
  "antd": "^5.20.6",
@@ -41,7 +41,7 @@
41
41
  "react-chartjs-2": "^5.2.0",
42
42
  "react-dom": "^18.3.1",
43
43
  "react-phone-input-2": "^2.15.1",
44
- "react-phone-number-input": "^3.4.5",
44
+ "react-phone-number-input": "^3.4.6",
45
45
  "react-router-dom": "^6.26.2",
46
46
  "react-scripts": "5.0.1",
47
47
  "styled-components": "^6.1.13",
@@ -1,6 +1,8 @@
1
1
  .ns_box_label_title {
2
2
  color: hsla(234, 64%, 22%, 1);
3
3
  margin-bottom: 8px;
4
+ font-size: 16px;
5
+ font-weight: bold;
4
6
  }
5
7
 
6
8
 
@@ -13,6 +13,21 @@
13
13
  align-items: center;
14
14
  }
15
15
 
16
+ .ns_dialog_center_container {
17
+ background-color: #00000080;
18
+ width: 100%;
19
+ height: 100%;
20
+ position: fixed;
21
+ top: 0;
22
+ right: 0;
23
+ left: 0;
24
+ bottom: 0;
25
+ z-index: 99;
26
+ display: flex;
27
+ justify-content: center;
28
+ align-items: center;
29
+ }
30
+
16
31
  .ns_dialog_content {
17
32
  border: 8px solid rgb(233, 232, 232);
18
33
  border-radius: 24px;
@@ -15,7 +15,8 @@ export function NSDialog(props: NSDialogProps)
15
15
  <section
16
16
  id={props.id}
17
17
  className={props.center_dialog ? Styles.ns_dialog_center_container : Styles.ns_dialog_container}
18
- >
18
+ onClick={() => props.onClose()}>
19
+
19
20
  <div className={Styles.ns_dialog_background} onClick={() => props.onClose()}>
20
21
  </div>
21
22
  <div
@@ -12,6 +12,7 @@
12
12
  left: 50%;
13
13
  transform: translate(-50%, -50%);
14
14
  z-index: 3;
15
+ width: 100%;
15
16
  }
16
17
 
17
18
  .ns_header_print {
@@ -42,7 +43,7 @@
42
43
  .ns_parent_checkboxs {
43
44
  display: flex;
44
45
  flex-wrap: wrap;
45
- justify-content: space-between;
46
+ justify-content: center;
46
47
  gap: 8px;
47
48
  }
48
49
 
@@ -64,6 +65,10 @@
64
65
  }
65
66
 
66
67
  @media only screen and (min-width: 768px) {
68
+ .ns_parent_checkboxs {
69
+ justify-content: space-between;
70
+ }
71
+
67
72
  .ns_print_container {
68
73
  max-width: 590px;
69
74
  }