namirasoft-site-react 1.3.411 → 1.3.413

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 (12) 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 +62 -23
  5. package/dist/components/NSInfoDialog.js +1 -1
  6. package/dist/components/NSInfoDialog.js.map +1 -1
  7. package/dist/components/NSTable.module.css +3 -1
  8. package/package.json +1 -1
  9. package/src/components/NSDialog.module.css +62 -23
  10. package/src/components/NSDialog.tsx +3 -2
  11. package/src/components/NSInfoDialog.tsx +1 -1
  12. package/src/components/NSTable.module.css +3 -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,31 +1,70 @@
1
+ .ns_dialog_container {
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;
14
+ }
15
+
1
16
  .ns_dialog_content {
2
- border: 8px solid rgb(233, 232, 232);
3
- border-radius: 24px;
4
- background-color: white;
5
- z-index: 100;
6
- min-width: 350px;
7
- max-width: 992px;
8
- min-height: 150px;
9
- padding: 16px 16px;
10
- position: absolute;
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;
11
26
  right: 0;
12
- color: black;
13
- cursor: default;
27
+ color: black;
28
+ cursor: default;
14
29
  }
15
30
 
16
31
  .ns_dialog_children {
17
- display: flex;
18
- flex-direction: column;
19
- justify-content: center;
20
- align-items: center;
32
+ display: flex;
33
+ flex-direction: column;
34
+ justify-content: center;
35
+ align-items: center;
21
36
  }
22
37
 
23
- .ns_dialog_background {
24
- background-color: #00000080;
25
- width: 100%;
26
- height: 100%;
27
- position: fixed;
28
- top: 0;
29
- right: 0;
30
- z-index: 99;
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
+ }
31
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/dist/components/NSTable.module.css CHANGED
@@ -124,7 +124,7 @@
124
124
  font-size: 16px;
125
125
  font-weight: 300;
126
126
  color: #ffffff;
127
- margin: 0;
127
+ margin: 0 8px;
128
128
  padding: 0;
129
129
  }
130
130
 
@@ -182,6 +182,8 @@
182
182
  .ns_table th {
183
183
  word-break: break-all;
184
184
  height: 100%;
185
+ display: flex;
186
+ align-items: center;
185
187
  }
186
188
 
187
189
  .ns_table td {
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.3.411",
11
+ "version": "1.3.413",
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,31 +1,70 @@
1
+ .ns_dialog_container {
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;
14
+ }
15
+
1
16
  .ns_dialog_content {
2
- border: 8px solid rgb(233, 232, 232);
3
- border-radius: 24px;
4
- background-color: white;
5
- z-index: 100;
6
- min-width: 350px;
7
- max-width: 992px;
8
- min-height: 150px;
9
- padding: 16px 16px;
10
- position: absolute;
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;
11
26
  right: 0;
12
- color: black;
13
- cursor: default;
27
+ color: black;
28
+ cursor: default;
14
29
  }
15
30
 
16
31
  .ns_dialog_children {
17
- display: flex;
18
- flex-direction: column;
19
- justify-content: center;
20
- align-items: center;
32
+ display: flex;
33
+ flex-direction: column;
34
+ justify-content: center;
35
+ align-items: center;
21
36
  }
22
37
 
23
- .ns_dialog_background {
24
- background-color: #00000080;
25
- width: 100%;
26
- height: 100%;
27
- position: fixed;
28
- top: 0;
29
- right: 0;
30
- z-index: 99;
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
+ }
31
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" }} />
package/src/components/NSTable.module.css CHANGED
@@ -124,7 +124,7 @@
124
124
  font-size: 16px;
125
125
  font-weight: 300;
126
126
  color: #ffffff;
127
- margin: 0;
127
+ margin: 0 8px;
128
128
  padding: 0;
129
129
  }
130
130
 
@@ -182,6 +182,8 @@
182
182
  .ns_table th {
183
183
  word-break: break-all;
184
184
  height: 100%;
185
+ display: flex;
186
+ align-items: center;
185
187
  }
186
188
 
187
189
  .ns_table td {