namirasoft-site-react 1.4.78 → 1.4.79

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/NSActionMenu.js +1 -1
  2. package/dist/components/NSActionMenu.js.map +1 -1
  3. package/dist/components/NSActionMenu.module.css +10 -3
  4. package/dist/components/NSBarAction.module.css +5 -0
  5. package/dist/components/NSButton.module.css +6 -1
  6. package/dist/components/NSPageSelectionModal.module.css +4 -7
  7. package/package.json +1 -1
  8. package/src/components/NSActionMenu.module.css +10 -3
  9. package/src/components/NSActionMenu.tsx +0 -1
  10. package/src/components/NSBarAction.module.css +5 -0
  11. package/src/components/NSButton.module.css +6 -1
  12. package/src/components/NSPageSelectionModal.module.css +4 -7
package/dist/components/NSActionMenu.js CHANGED
@@ -25,7 +25,7 @@ export function NSActionMenu(props) {
25
25
  if (props.items.length === 0)
26
26
  return _jsx(_Fragment, {});
27
27
  if (props.items.length === 1)
28
- return _jsx(NSButtonBlue, { title: props.items[0].menu_item, onClick: () => onClick(props.items[0]), disabled: props.items[0].isActive() ? false : true, classList: [Styles.single_action_button], style: { width: "180px" } });
28
+ return _jsx(NSButtonBlue, { title: props.items[0].menu_item, onClick: () => onClick(props.items[0]), disabled: props.items[0].isActive() ? false : true, classList: [Styles.single_action_button] });
29
29
  return (_jsxs("div", { className: Styles.ns_action_bar, ref: menuRef, children: [_jsxs("button", { onClick: () => setState((prevState) => (Object.assign(Object.assign({}, prevState), { isShow: !state.isShow }))), children: [props.name, _jsx("img", { className: Styles.ns_action_menu_icon, src: "https://static.namirasoft.com/image/concept/ellipsis/vertical-blue.svg", alt: "Icon", width: 24, height: 24 })] }), _jsx("ul", { className: `${Styles.ns_action_item_holder} ${state.isShow ? Styles.ns_show : Styles.ns_hide}`, children: props.items.map((item) => _jsx("li", { onClick: () => onClick(item), className: `${Styles.ns_action_item}
30
30
  ${item.isActive() ? Styles.ns_active_item : Styles.ns_deActive_item}
31
31
  `, children: item.menu_item }, item.id)) })] }));
package/dist/components/NSActionMenu.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSActionMenu.js","sourceRoot":"","sources":["../../src/components/NSActionMenu.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NSActionMenu.js","sourceRoot":"","sources":["../../src/components/NSActionMenu.tsx"],"names":[],"mappings":"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"}
package/dist/components/NSActionMenu.module.css CHANGED
@@ -6,10 +6,12 @@
6
6
  position: relative;
7
7
  max-width: 100%;
8
8
  margin: 16px 0;
9
+ width: 100%;
9
10
  }
10
11
 
11
- .single_action_button {
12
+ .single_action_button {
12
13
  margin-top: 16px;
14
+ width: 100%;
13
15
  }
14
16
 
15
17
  .ns_action_bar>button {
@@ -78,8 +80,13 @@
78
80
  display: none;
79
81
  }
80
82
 
81
- @media only screen and (min-width: 480px) {
82
- .single_action_button {
83
+ @media only screen and (min-width: 480px) {
84
+ .single_action_button {
83
85
  margin-top: 0;
86
+ width: 180px;
87
+ }
88
+
89
+ .ns_action_bar {
90
+ width: 180px;
84
91
  }
85
92
  }
package/dist/components/NSBarAction.module.css CHANGED
@@ -34,6 +34,7 @@
34
34
  flex-direction: column;
35
35
  flex-wrap: wrap;
36
36
  gap: 0 16px;
37
+ width: 100%;
37
38
  }
38
39
 
39
40
  .ns_info_container {
@@ -65,6 +66,7 @@
65
66
  @media only screen and (min-width: 480px) {
66
67
  .ns_actions_holder {
67
68
  flex-direction: row;
69
+ flex: 1 1 0;
68
70
  }
69
71
  }
70
72
 
@@ -73,6 +75,9 @@
73
75
  justify-content: space-between;
74
76
  min-height: 80px;
75
77
  }
78
+ .ns_actions_holder {
79
+ justify-content: flex-end;
80
+ }
76
81
 
77
82
  .ns_desktop_action_bar_title {
78
83
  display: flex;
package/dist/components/NSButton.module.css CHANGED
@@ -29,9 +29,14 @@
29
29
  scale: 1.02;
30
30
  }
31
31
 
32
+ .ns_button:focus-visible {
33
+ border-color: rgba(0, 0, 0, 1) !important;
34
+ outline: solid 1px #4096ff !important;
35
+ }
32
36
 
33
37
  @media only screen and (min-width: 380px) {
34
- .ns_button, .ns_button_disabled {
38
+ .ns_button,
39
+ .ns_button_disabled {
35
40
  width: 272px;
36
41
  }
37
42
  }
package/dist/components/NSPageSelectionModal.module.css CHANGED
@@ -11,6 +11,7 @@
11
11
  transform: translate(-50%, -50%);
12
12
  z-index: 100;
13
13
  width: 100%;
14
+ border: 8px solid rgb(233, 232, 232);
14
15
  }
15
16
 
16
17
  .ns_header_print {
@@ -42,7 +43,7 @@
42
43
  display: flex;
43
44
  flex-wrap: wrap;
44
45
  justify-content: center;
45
- gap: 8px;
46
+ gap: 16px;
46
47
  }
47
48
 
48
49
  .ns_w_box_boolean div {
@@ -68,7 +69,7 @@
68
69
  }
69
70
 
70
71
  .ns_print_container {
71
- max-width: 590px;
72
+ max-width: 610px;
72
73
  }
73
74
 
74
75
  .ns_w_box_boolean div {
@@ -91,7 +92,7 @@
91
92
  .ns_toast_background {
92
93
  width: 100vw;
93
94
  height: 100vh;
94
- background-color: #00000059;
95
+ background-color: #00000080;
95
96
  position: fixed;
96
97
  top: 0;
97
98
  left: 0;
@@ -100,8 +101,4 @@
100
101
  align-items: center;
101
102
  cursor: default;
102
103
  z-index: 99;
103
- }
104
-
105
- .ns_parent_modal {
106
- /* position: relative; */
107
104
  }
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.4.78",
11
+ "version": "1.4.79",
12
12
  "author": "Amir Abolhasani, Alireza Esmaeeli",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",
package/src/components/NSActionMenu.module.css CHANGED
@@ -6,10 +6,12 @@
6
6
  position: relative;
7
7
  max-width: 100%;
8
8
  margin: 16px 0;
9
+ width: 100%;
9
10
  }
10
11
 
11
- .single_action_button {
12
+ .single_action_button {
12
13
  margin-top: 16px;
14
+ width: 100%;
13
15
  }
14
16
 
15
17
  .ns_action_bar>button {
@@ -78,8 +80,13 @@
78
80
  display: none;
79
81
  }
80
82
 
81
- @media only screen and (min-width: 480px) {
82
- .single_action_button {
83
+ @media only screen and (min-width: 480px) {
84
+ .single_action_button {
83
85
  margin-top: 0;
86
+ width: 180px;
87
+ }
88
+
89
+ .ns_action_bar {
90
+ width: 180px;
84
91
  }
85
92
  }
package/src/components/NSActionMenu.tsx CHANGED
@@ -55,7 +55,6 @@ export function NSActionMenu(props: { name: string, items: INSActionMenuProps[]
55
55
  onClick={() => onClick(props.items[0])}
56
56
  disabled={props.items[0].isActive() ? false : true}
57
57
  classList={[Styles.single_action_button]}
58
- style={{ width: "180px" }}
59
58
  />;
60
59
  return (
61
60
  <div className={Styles.ns_action_bar} ref={menuRef}>
package/src/components/NSBarAction.module.css CHANGED
@@ -34,6 +34,7 @@
34
34
  flex-direction: column;
35
35
  flex-wrap: wrap;
36
36
  gap: 0 16px;
37
+ width: 100%;
37
38
  }
38
39
 
39
40
  .ns_info_container {
@@ -65,6 +66,7 @@
65
66
  @media only screen and (min-width: 480px) {
66
67
  .ns_actions_holder {
67
68
  flex-direction: row;
69
+ flex: 1 1 0;
68
70
  }
69
71
  }
70
72
 
@@ -73,6 +75,9 @@
73
75
  justify-content: space-between;
74
76
  min-height: 80px;
75
77
  }
78
+ .ns_actions_holder {
79
+ justify-content: flex-end;
80
+ }
76
81
 
77
82
  .ns_desktop_action_bar_title {
78
83
  display: flex;
package/src/components/NSButton.module.css CHANGED
@@ -29,9 +29,14 @@
29
29
  scale: 1.02;
30
30
  }
31
31
 
32
+ .ns_button:focus-visible {
33
+ border-color: rgba(0, 0, 0, 1) !important;
34
+ outline: solid 1px #4096ff !important;
35
+ }
32
36
 
33
37
  @media only screen and (min-width: 380px) {
34
- .ns_button, .ns_button_disabled {
38
+ .ns_button,
39
+ .ns_button_disabled {
35
40
  width: 272px;
36
41
  }
37
42
  }
package/src/components/NSPageSelectionModal.module.css CHANGED
@@ -11,6 +11,7 @@
11
11
  transform: translate(-50%, -50%);
12
12
  z-index: 100;
13
13
  width: 100%;
14
+ border: 8px solid rgb(233, 232, 232);
14
15
  }
15
16
 
16
17
  .ns_header_print {
@@ -42,7 +43,7 @@
42
43
  display: flex;
43
44
  flex-wrap: wrap;
44
45
  justify-content: center;
45
- gap: 8px;
46
+ gap: 16px;
46
47
  }
47
48
 
48
49
  .ns_w_box_boolean div {
@@ -68,7 +69,7 @@
68
69
  }
69
70
 
70
71
  .ns_print_container {
71
- max-width: 590px;
72
+ max-width: 610px;
72
73
  }
73
74
 
74
75
  .ns_w_box_boolean div {
@@ -91,7 +92,7 @@
91
92
  .ns_toast_background {
92
93
  width: 100vw;
93
94
  height: 100vh;
94
- background-color: #00000059;
95
+ background-color: #00000080;
95
96
  position: fixed;
96
97
  top: 0;
97
98
  left: 0;
@@ -100,8 +101,4 @@
100
101
  align-items: center;
101
102
  cursor: default;
102
103
  z-index: 99;
103
- }
104
-
105
- .ns_parent_modal {
106
- /* position: relative; */
107
104
  }