namirasoft-site-react 1.3.410 → 1.3.412

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 (10) hide show
  1. package/dist/components/NSDialog.d.ts +1 -0
  2. package/dist/components/NSDialog.js +1 -1
  3. package/dist/components/NSDialog.js.map +1 -1
  4. package/dist/components/NSDialog.module.css +60 -27
  5. package/dist/components/NSInfoDialog.js +1 -1
  6. package/dist/components/NSInfoDialog.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/NSDialog.module.css +60 -27
  9. package/src/components/NSDialog.tsx +3 -2
  10. package/src/components/NSInfoDialog.tsx +1 -1
package/dist/components/NSDialog.d.ts CHANGED
@@ -3,5 +3,6 @@ import { IBaseComponentProps } from '../props/IBaseComponentProps';
3
3
  export interface NSDialogProps extends IBaseComponentProps {
4
4
  onClose: () => void;
5
5
  children: ReactNode;
6
+ center_dialog?: boolean;
6
7
  }
7
8
  export declare function NSDialog(props: NSDialogProps): import("react/jsx-runtime").JSX.Element;
package/dist/components/NSDialog.js CHANGED
@@ -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: 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, 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,
package/dist/components/NSDialog.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSDialog.js","sourceRoot":"","sources":["../../src/components/NSDialog.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAQ3C,MAAM,UAAU,QAAQ,CAAC,KAAoB;;IAEzC,OAAO,CACH,mBACI,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,MAAM,CAAC,mBAAmB,aAErC,cAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,GACrE,EACN,eACI,SAAS,EAAE,GAAG,MAAM,CAAC,iBAAiB,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACtE,KAAK,oBACE,KAAK,CAAC,KAAK,cAGlB,cACI,GAAG,EAAC,4DAA4D,EAChE,GAAG,EAAC,EAAE,EACN,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EACJ;4BACG,QAAQ,EAAE,UAAU;4BACpB,GAAG,EAAE,CAAC;4BACN,KAAK,EAAE,CAAC;4BACR,SAAS,EAAE,qBAAqB;4BAChC,MAAM,EAAE,SAAS;yBACpB,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,GAAI,EACtC,cAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,YACpC,KAAK,CAAC,QAAQ,GACb,IACJ,IACC,CACd,CAAC;AACN,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;;IAEzC,OAAO,CACH,mBACI,EAAE,EAAE,KAAK,CAAC,EAAE,EACrB,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB,aAEtF,cAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,GACrE,EACN,eACI,SAAS,EAAE,GAAG,MAAM,CAAC,iBAAiB,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACtE,KAAK,oBACE,KAAK,CAAC,KAAK,cAGlB,cACI,GAAG,EAAC,4DAA4D,EAChE,GAAG,EAAC,EAAE,EACN,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EACJ;4BACG,QAAQ,EAAE,UAAU;4BACpB,GAAG,EAAE,CAAC;4BACN,KAAK,EAAE,CAAC;4BACR,SAAS,EAAE,qBAAqB;4BAChC,MAAM,EAAE,SAAS;yBACpB,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,GAAI,EACtC,cAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,YACpC,KAAK,CAAC,QAAQ,GACb,IACJ,IACC,CACd,CAAC;AACN,CAAC"}
package/dist/components/NSDialog.module.css CHANGED
@@ -1,37 +1,70 @@
1
1
  .ns_dialog_container {
2
- background-color: #00000080;
3
- width: 100%;
4
- height: 100%;
5
- position: fixed;
6
- top: 0;
7
- right: 0;
8
- z-index: 99;
2
+ background-color: #00000080;
3
+ width: 100%;
4
+ height: 100%;
5
+ position: fixed;
6
+ top: 0;
7
+ right: 0;
8
+ left: 0;
9
+ bottom: 0;
10
+ z-index: 99;
11
+ display: flex;
12
+ justify-content: center;
13
+ align-items: center;
9
14
  }
10
15
 
11
16
  .ns_dialog_content {
12
- border: 8px solid rgb(233, 232, 232);
13
- border-radius: 24px;
14
- background-color: white;
15
- z-index: 100;
16
- min-width: 350px;
17
- max-width: 992px;
18
- min-height: 150px;
19
- padding: 16px 16px;
20
- position: fixed;
21
- transform: translate(calc(50vw - 50%), calc(50vh - 50%));
22
- color: black;
23
- cursor: default;
17
+ border: 8px solid rgb(233, 232, 232);
18
+ border-radius: 24px;
19
+ background-color: white;
20
+ z-index: 100;
21
+ min-width: 350px;
22
+ max-width: 992px;
23
+ min-height: 150px;
24
+ padding: 16px 16px;
25
+ position: absolute;
26
+ right: 0;
27
+ color: black;
28
+ cursor: default;
24
29
  }
25
30
 
26
31
  .ns_dialog_children {
27
- display: flex;
28
- flex-direction: column;
29
- justify-content: center;
30
- align-items: center;
32
+ display: flex;
33
+ flex-direction: column;
34
+ justify-content: center;
35
+ align-items: center;
31
36
  }
32
37
 
33
- .ns_dialog_background {
34
- width: 100%;
35
- height: 100%;
36
- position: absolute;
38
+ @media only screen and (min-width: 1024px) {
39
+ .ns_dialog_container {
40
+ background-color: none;
41
+ width: unset;
42
+ height: unset;
43
+ position: relative;
44
+ }
45
+
46
+ .ns_dialog_background {
47
+ background-color: #00000080;
48
+ width: 100%;
49
+ height: 100%;
50
+ position: fixed;
51
+ top: 0;
52
+ right: 0;
53
+ z-index: 99;
54
+ }
55
+
56
+ .ns_dialog_center_container {
57
+ background-color: #00000080;
58
+ width: 100%;
59
+ height: 100%;
60
+ position: fixed;
61
+ top: 0;
62
+ right: 0;
63
+ left: 0;
64
+ bottom: 0;
65
+ z-index: 99;
66
+ display: flex;
67
+ justify-content: center;
68
+ align-items: center;
69
+ }
37
70
  }
package/dist/components/NSInfoDialog.js CHANGED
@@ -3,6 +3,6 @@ import { NSDialog } from "./NSDialog";
3
3
  import { NSSpace, NSSpaceSizeType } from "./NSSpace";
4
4
  import { NSTitle } from "./NSTitle";
5
5
  export function NSInfoDialog(props) {
6
- return (_jsxs(NSDialog, Object.assign({}, props, { children: [props.title && (_jsxs(_Fragment, { children: [_jsx(NSTitle, { title: props.title, style: { marginBottom: "0" } }), _jsx(NSSpace, { size: NSSpaceSizeType.MICRO })] })), props.description && (_jsx("div", { children: _jsx("p", { style: { marginBottom: "0" }, children: props.description }) })), props.children && (_jsx("div", { children: props.children }))] })));
6
+ return (_jsxs(NSDialog, Object.assign({ center_dialog: true }, props, { style: { right: "unset" }, children: [props.title && (_jsxs(_Fragment, { children: [_jsx(NSTitle, { title: props.title, style: { marginBottom: "0" } }), _jsx(NSSpace, { size: NSSpaceSizeType.MICRO })] })), props.description && (_jsx("div", { children: _jsx("p", { style: { marginBottom: "0" }, children: props.description }) })), props.children && (_jsx("div", { children: props.children }))] })));
7
7
  }
8
8
  //# sourceMappingURL=NSInfoDialog.js.map
package/dist/components/NSInfoDialog.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSInfoDialog.js","sourceRoot":"","sources":["../../src/components/NSInfoDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,QAAQ,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAQpC,MAAM,UAAU,YAAY,CAAC,KAAwB;IAEpD,OAAO,CACN,MAAC,QAAQ,oBAAK,KAAK,eACjB,KAAK,CAAC,KAAK,IAAI,CACf,8BACC,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,GAAI,EAC7D,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,IACtC,CACH,EAEA,KAAK,CAAC,WAAW,IAAI,CACpB,wBACC,YAAG,KAAK,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,YAAG,KAAK,CAAC,WAAW,GAAK,GACnD,CACN,EAGD,KAAK,CAAC,QAAQ,IAAI,CACjB,wBACE,KAAK,CAAC,QAAQ,GACV,CACN,KAEQ,CACX,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"NSInfoDialog.js","sourceRoot":"","sources":["../../src/components/NSInfoDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,QAAQ,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAQpC,MAAM,UAAU,YAAY,CAAC,KAAwB;IAEpD,OAAO,CACN,MAAC,QAAQ,kBAAC,aAAa,UAAK,KAAK,IAAE,KAAK,EAAE,EAAC,KAAK,EAAC,OAAO,EAAC,aACvD,KAAK,CAAC,KAAK,IAAI,CACf,8BACC,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,GAAI,EAC7D,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,IACtC,CACH,EAEA,KAAK,CAAC,WAAW,IAAI,CACpB,wBACC,YAAG,KAAK,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,YAAG,KAAK,CAAC,WAAW,GAAK,GACnD,CACN,EAGD,KAAK,CAAC,QAAQ,IAAI,CACjB,wBACE,KAAK,CAAC,QAAQ,GACV,CACN,KAEQ,CACX,CAAC;AACH,CAAC"}
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.3.410",
11
+ "version": "1.3.412",
12
12
  "author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh, Mehrab Bahramian",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",
package/src/components/NSDialog.module.css CHANGED
@@ -1,37 +1,70 @@
1
1
  .ns_dialog_container {
2
- background-color: #00000080;
3
- width: 100%;
4
- height: 100%;
5
- position: fixed;
6
- top: 0;
7
- right: 0;
8
- z-index: 99;
2
+ background-color: #00000080;
3
+ width: 100%;
4
+ height: 100%;
5
+ position: fixed;
6
+ top: 0;
7
+ right: 0;
8
+ left: 0;
9
+ bottom: 0;
10
+ z-index: 99;
11
+ display: flex;
12
+ justify-content: center;
13
+ align-items: center;
9
14
  }
10
15
 
11
16
  .ns_dialog_content {
12
- border: 8px solid rgb(233, 232, 232);
13
- border-radius: 24px;
14
- background-color: white;
15
- z-index: 100;
16
- min-width: 350px;
17
- max-width: 992px;
18
- min-height: 150px;
19
- padding: 16px 16px;
20
- position: fixed;
21
- transform: translate(calc(50vw - 50%), calc(50vh - 50%));
22
- color: black;
23
- cursor: default;
17
+ border: 8px solid rgb(233, 232, 232);
18
+ border-radius: 24px;
19
+ background-color: white;
20
+ z-index: 100;
21
+ min-width: 350px;
22
+ max-width: 992px;
23
+ min-height: 150px;
24
+ padding: 16px 16px;
25
+ position: absolute;
26
+ right: 0;
27
+ color: black;
28
+ cursor: default;
24
29
  }
25
30
 
26
31
  .ns_dialog_children {
27
- display: flex;
28
- flex-direction: column;
29
- justify-content: center;
30
- align-items: center;
32
+ display: flex;
33
+ flex-direction: column;
34
+ justify-content: center;
35
+ align-items: center;
31
36
  }
32
37
 
33
- .ns_dialog_background {
34
- width: 100%;
35
- height: 100%;
36
- position: absolute;
38
+ @media only screen and (min-width: 1024px) {
39
+ .ns_dialog_container {
40
+ background-color: none;
41
+ width: unset;
42
+ height: unset;
43
+ position: relative;
44
+ }
45
+
46
+ .ns_dialog_background {
47
+ background-color: #00000080;
48
+ width: 100%;
49
+ height: 100%;
50
+ position: fixed;
51
+ top: 0;
52
+ right: 0;
53
+ z-index: 99;
54
+ }
55
+
56
+ .ns_dialog_center_container {
57
+ background-color: #00000080;
58
+ width: 100%;
59
+ height: 100%;
60
+ position: fixed;
61
+ top: 0;
62
+ right: 0;
63
+ left: 0;
64
+ bottom: 0;
65
+ z-index: 99;
66
+ display: flex;
67
+ justify-content: center;
68
+ align-items: center;
69
+ }
37
70
  }
package/src/components/NSDialog.tsx CHANGED
@@ -5,7 +5,8 @@ import Styles from './NSDialog.module.css';
5
5
  export interface NSDialogProps extends IBaseComponentProps
6
6
  {
7
7
  onClose: () => void;
8
- children: ReactNode;
8
+ children: ReactNode;
9
+ center_dialog?: boolean;
9
10
  }
10
11
 
11
12
  export function NSDialog(props: NSDialogProps)
@@ -13,7 +14,7 @@ export function NSDialog(props: NSDialogProps)
13
14
  return (
14
15
  <section
15
16
  id={props.id}
16
- className={Styles.ns_dialog_container}
17
+ className={props.center_dialog ? Styles.ns_dialog_center_container : Styles.ns_dialog_container}
17
18
  >
18
19
  <div className={Styles.ns_dialog_background} onClick={() => props.onClose()}>
19
20
  </div>
package/src/components/NSInfoDialog.tsx CHANGED
@@ -11,7 +11,7 @@ export interface NSInfoDialogProps extends NSDialogProps
11
11
  export function NSInfoDialog(props: NSInfoDialogProps)
12
12
  {
13
13
  return (
14
- <NSDialog {...props}>
14
+ <NSDialog center_dialog {...props} style={{right:"unset"}}>
15
15
  {props.title && (
16
16
  <>
17
17
  <NSTitle title={props.title} style={{ marginBottom: "0" }} />