namirasoft-site-react 1.4.5 → 1.4.7

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.
@@ -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, 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: {
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: {
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,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"}
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,aAG/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"}
@@ -28,6 +28,21 @@
28
28
  align-items: center;
29
29
  }
30
30
 
31
+ .ns_dialog_background {
32
+ background-color: #00000080;
33
+ width: 100%;
34
+ height: 100%;
35
+ position: fixed;
36
+ top: 0;
37
+ right: 0;
38
+ left: 0;
39
+ bottom: 0;
40
+ z-index: 99;
41
+ display: flex;
42
+ justify-content: center;
43
+ align-items: center;
44
+ }
45
+
31
46
  .ns_dialog_content {
32
47
  border: 8px solid rgb(233, 232, 232);
33
48
  border-radius: 24px;
@@ -1,6 +1,4 @@
1
1
  .ns_print_container {
2
- z-index: 1;
3
- top: 0%;
4
2
  transform: translate(50%, 50%);
5
3
  background-color: rgba(255, 255, 255, 1);
6
4
  border-radius: 16px;
@@ -11,7 +9,7 @@
11
9
  top: 50%;
12
10
  left: 50%;
13
11
  transform: translate(-50%, -50%);
14
- z-index: 3;
12
+ z-index: 100;
15
13
  width: 100%;
16
14
  }
17
15
 
@@ -101,6 +99,7 @@
101
99
  justify-content: center;
102
100
  align-items: center;
103
101
  cursor: default;
102
+ z-index: 99;
104
103
  }
105
104
 
106
105
  .ns_parent_modal {
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.4.5",
11
+ "version": "1.4.7",
12
12
  "author": "Amir Abolhasani, Alireza Esmaeeli",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",
@@ -33,7 +33,7 @@
33
33
  "link-react": "^3.0.0",
34
34
  "namirasoft-api-link": "^1.4.4",
35
35
  "namirasoft-api-product": "^1.4.4",
36
- "namirasoft-core": "^1.4.7",
36
+ "namirasoft-core": "^1.4.8",
37
37
  "path-browserify": "^1.0.1",
38
38
  "react": "^18.3.1",
39
39
  "react-app-rewired": "^2.2.1",
@@ -28,6 +28,21 @@
28
28
  align-items: center;
29
29
  }
30
30
 
31
+ .ns_dialog_background {
32
+ background-color: #00000080;
33
+ width: 100%;
34
+ height: 100%;
35
+ position: fixed;
36
+ top: 0;
37
+ right: 0;
38
+ left: 0;
39
+ bottom: 0;
40
+ z-index: 99;
41
+ display: flex;
42
+ justify-content: center;
43
+ align-items: center;
44
+ }
45
+
31
46
  .ns_dialog_content {
32
47
  border: 8px solid rgb(233, 232, 232);
33
48
  border-radius: 24px;
@@ -15,7 +15,7 @@ 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
- onClick={() => props.onClose()}>
18
+ >
19
19
 
20
20
  <div className={Styles.ns_dialog_background} onClick={() => props.onClose()}>
21
21
  </div>
@@ -1,6 +1,4 @@
1
1
  .ns_print_container {
2
- z-index: 1;
3
- top: 0%;
4
2
  transform: translate(50%, 50%);
5
3
  background-color: rgba(255, 255, 255, 1);
6
4
  border-radius: 16px;
@@ -11,7 +9,7 @@
11
9
  top: 50%;
12
10
  left: 50%;
13
11
  transform: translate(-50%, -50%);
14
- z-index: 3;
12
+ z-index: 100;
15
13
  width: 100%;
16
14
  }
17
15
 
@@ -101,6 +99,7 @@
101
99
  justify-content: center;
102
100
  align-items: center;
103
101
  cursor: default;
102
+ z-index: 99;
104
103
  }
105
104
 
106
105
  .ns_parent_modal {