namirasoft-site-react 1.4.243 → 1.4.245

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 (8) hide show
  1. package/dist/components/NSMenuAction.js +3 -3
  2. package/dist/components/NSMenuAction.js.map +1 -1
  3. package/dist/components/NSMenuAction.module.css +14 -13
  4. package/dist/formatter/StringFormatter.js +1 -0
  5. package/dist/formatter/StringFormatter.js.map +1 -1
  6. package/package.json +3 -3
  7. package/src/components/NSMenuAction.module.css +14 -13
  8. package/src/components/NSMenuAction.tsx +6 -6
package/dist/components/NSMenuAction.js CHANGED
@@ -25,9 +25,9 @@ export function NSMenuAction(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.ns_action_bar_button] });
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
- ${item.isActive() ? Styles.ns_active_item : Styles.ns_deActive_item}
28
+ return _jsx(NSButtonBlue, { title: props.items[0].menu_item, onClick: () => onClick(props.items[0]), disabled: props.items[0].isActive() ? false : true, classList: [Styles.ns_menu_action_button] });
29
+ return (_jsxs("div", { className: Styles.ns_menu_action, ref: menuRef, children: [_jsxs("button", { onClick: () => setState((prevState) => (Object.assign(Object.assign({}, prevState), { isShow: !state.isShow }))), children: [props.name, _jsx("img", { className: Styles.ns_menu_action_icon, src: "https://static.namirasoft.com/image/concept/ellipsis/vertical-blue.svg", alt: "Icon", width: 24, height: 24 })] }), _jsx("ul", { className: `${Styles.ns_menu_action_item_holder} ${state.isShow ? Styles.ns_menu_action_show : Styles.ns_menu_action_hide}`, children: props.items.map((item) => _jsx("li", { onClick: () => onClick(item), className: `${Styles.ns_menu_action_item}
30
+ ${item.isActive() ? Styles.ns_active_item : Styles.ns_menu_action_item_deactive}
31
31
  `, children: item.menu_item }, item.id)) })] }));
32
32
  }
33
33
  //# sourceMappingURL=NSMenuAction.js.map
package/dist/components/NSMenuAction.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSMenuAction.js","sourceRoot":"","sources":["../../src/components/NSMenuAction.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NSMenuAction.js","sourceRoot":"","sources":["../../src/components/NSMenuAction.tsx"],"names":[],"mappings":"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"}
package/dist/components/NSMenuAction.module.css CHANGED
@@ -1,4 +1,4 @@
1
- .ns_action_bar {
1
+ .ns_menu_action {
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  color: #000;
@@ -6,12 +6,12 @@
6
6
  width: 100%;
7
7
  }
8
8
 
9
- .ns_action_bar_button {
9
+ .ns_menu_action_button {
10
10
  width: 100%;
11
11
  max-width: 100%;
12
12
  }
13
13
 
14
- .ns_action_bar>button {
14
+ .ns_menu_action>button {
15
15
  border-radius: 8px;
16
16
  padding: 10px 12px;
17
17
  font-size: 16px;
@@ -26,29 +26,30 @@
26
26
  cursor: pointer;
27
27
  }
28
28
 
29
- .ns_action_menu_icon {
29
+ .ns_menu_action_icon {
30
30
  position: absolute;
31
31
  right: 5px;
32
32
  top: 12px;
33
33
  z-index: 1;
34
34
  }
35
35
 
36
- .ns_action_item_holder {
36
+ .ns_menu_action_item_holder {
37
37
  list-style-type: none;
38
38
  padding: 16px 0;
39
39
  margin: 0;
40
40
  background: #fff;
41
41
  border-radius: 8px;
42
42
  position: absolute;
43
- top: 64px;
43
+ top: 48px;
44
44
  left: 0;
45
45
  width: 100%;
46
46
  box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
47
47
  -webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
48
48
  -moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
49
+ z-index: 2;
49
50
  }
50
51
 
51
- .ns_action_item {
52
+ .ns_menu_action_item {
52
53
  height: 40px;
53
54
  display: flex;
54
55
  align-items: center;
@@ -60,29 +61,29 @@
60
61
  z-index: 11;
61
62
  }
62
63
 
63
- .ns_action_item:hover {
64
+ .ns_menu_action_item:hover {
64
65
  background-color: #141B5C66;
65
66
  }
66
67
 
67
- .ns_deActive_item {
68
+ .ns_menu_action_item_deactive {
68
69
  color: #D1D1D1;
69
70
  cursor: not-allowed;
70
71
  }
71
72
 
72
- .ns_show {
73
+ .ns_menu_action_show {
73
74
  display: block;
74
75
  }
75
76
 
76
- .ns_hide {
77
+ .ns_menu_action_hide {
77
78
  display: none;
78
79
  }
79
80
 
80
81
  @media only screen and (min-width: 480px) {
81
- .ns_action_bar {
82
+ .ns_menu_action {
82
83
  width: 180px;
83
84
  }
84
85
 
85
- .ns_action_bar_button {
86
+ .ns_menu_action_button {
86
87
  width: 180px;
87
88
  }
88
89
  }
package/dist/formatter/StringFormatter.js CHANGED
@@ -14,6 +14,7 @@ export class StringFormatter extends BaseColumnFormatter {
14
14
  var _a;
15
15
  value = (_a = value === null || value === void 0 ? void 0 : value.trim()) !== null && _a !== void 0 ? _a : "";
16
16
  let toks = value.split(/(\n|\\n|<br>|<br\s*\/>)/gm);
17
+ toks = toks.filter(x => x.replace(/(\n|\\n|<br>|<br\s*\/>)/gm, "").trim().length > 0);
17
18
  if (toks.length === 1)
18
19
  return value;
19
20
  let ans = [];
package/dist/formatter/StringFormatter.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StringFormatter.js","sourceRoot":"","sources":["../../src/formatter/StringFormatter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,CAAN,IAAY,uBAOX;AAPD,WAAY,uBAAuB;IAE/B,wCAAa,CAAA;IACb,6CAAkB,CAAA;IAClB,6CAAkB,CAAA;IAClB,6CAAkB,CAAA;IAClB,gDAAqB,CAAA;AACzB,CAAC,EAPW,uBAAuB,KAAvB,uBAAuB,QAOlC;AAED,MAAM,OAAO,eAAgB,SAAQ,mBAAmB;IAEpD,MAAM,CAAC,MAAM,CAAC,KAAgC;;QAE1C,KAAK,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,mCAAI,EAAE,CAAC;QAC5B,IAAI,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;QACpD,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;YACjB,OAAO,KAAK,CAAC;QACjB,IAAI,GAAG,GAAG,EAAE,CAAC;QACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EACpC,CAAC;YACG,IAAI,CAAC,GAAG,CAAC;gBACL,GAAG,CAAC,IAAI,CAAC,eAAS,CAAC,CAAI,CAAC,CAAC;YAC7B,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;QAC7B,CAAC;QACD,OAAO,GAAG,CAAC;IACf,CAAC;IAED,YAAY,QAAgB,uBAAuB,CAAC,QAAQ,EAAE,SAAkC,IAAI;QAEhG,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACzB,CAAC;IACQ,MAAM,CAAC,KAAU;QAEtB,IAAI,IAAI,CAAC,MAAM;YACX,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC9D,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ"}
1
+ {"version":3,"file":"StringFormatter.js","sourceRoot":"","sources":["../../src/formatter/StringFormatter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,CAAN,IAAY,uBAOX;AAPD,WAAY,uBAAuB;IAE/B,wCAAa,CAAA;IACb,6CAAkB,CAAA;IAClB,6CAAkB,CAAA;IAClB,6CAAkB,CAAA;IAClB,gDAAqB,CAAA;AACzB,CAAC,EAPW,uBAAuB,KAAvB,uBAAuB,QAOlC;AAED,MAAM,OAAO,eAAgB,SAAQ,mBAAmB;IAEpD,MAAM,CAAC,MAAM,CAAC,KAAgC;;QAE1C,KAAK,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,mCAAI,EAAE,CAAC;QAC5B,IAAI,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;QACpD,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,2BAA2B,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACtF,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;YACjB,OAAO,KAAK,CAAC;QACjB,IAAI,GAAG,GAAG,EAAE,CAAC;QACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EACpC,CAAC;YACG,IAAI,CAAC,GAAG,CAAC;gBACL,GAAG,CAAC,IAAI,CAAC,eAAS,CAAC,CAAI,CAAC,CAAC;YAC7B,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;QAC7B,CAAC;QACD,OAAO,GAAG,CAAC;IACf,CAAC;IAED,YAAY,QAAgB,uBAAuB,CAAC,QAAQ,EAAE,SAAkC,IAAI;QAEhG,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACzB,CAAC;IACQ,MAAM,CAAC,KAAU;QAEtB,IAAI,IAAI,CAAC,MAAM;YACX,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC9D,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ"}
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.4.243",
11
+ "version": "1.4.245",
12
12
  "author": "Amir Abolhasani",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",
@@ -23,11 +23,11 @@
23
23
  "dependencies": {
24
24
  "@ant-design/charts": "^2.2.6",
25
25
  "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
26
- "@types/node": "^22.10.10",
26
+ "@types/node": "^22.12.0",
27
27
  "@types/react": "^18.3.12",
28
28
  "@types/react-bootstrap": "^0.32.37",
29
29
  "@types/react-dom": "^18.3.1",
30
- "antd": "^5.23.2",
30
+ "antd": "^5.23.3",
31
31
  "bootstrap": "^5.3.3",
32
32
  "chart.js": "^4.4.7",
33
33
  "copyfiles": "^2.4.1",
package/src/components/NSMenuAction.module.css CHANGED
@@ -1,4 +1,4 @@
1
- .ns_action_bar {
1
+ .ns_menu_action {
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  color: #000;
@@ -6,12 +6,12 @@
6
6
  width: 100%;
7
7
  }
8
8
 
9
- .ns_action_bar_button {
9
+ .ns_menu_action_button {
10
10
  width: 100%;
11
11
  max-width: 100%;
12
12
  }
13
13
 
14
- .ns_action_bar>button {
14
+ .ns_menu_action>button {
15
15
  border-radius: 8px;
16
16
  padding: 10px 12px;
17
17
  font-size: 16px;
@@ -26,29 +26,30 @@
26
26
  cursor: pointer;
27
27
  }
28
28
 
29
- .ns_action_menu_icon {
29
+ .ns_menu_action_icon {
30
30
  position: absolute;
31
31
  right: 5px;
32
32
  top: 12px;
33
33
  z-index: 1;
34
34
  }
35
35
 
36
- .ns_action_item_holder {
36
+ .ns_menu_action_item_holder {
37
37
  list-style-type: none;
38
38
  padding: 16px 0;
39
39
  margin: 0;
40
40
  background: #fff;
41
41
  border-radius: 8px;
42
42
  position: absolute;
43
- top: 64px;
43
+ top: 48px;
44
44
  left: 0;
45
45
  width: 100%;
46
46
  box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
47
47
  -webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
48
48
  -moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
49
+ z-index: 2;
49
50
  }
50
51
 
51
- .ns_action_item {
52
+ .ns_menu_action_item {
52
53
  height: 40px;
53
54
  display: flex;
54
55
  align-items: center;
@@ -60,29 +61,29 @@
60
61
  z-index: 11;
61
62
  }
62
63
 
63
- .ns_action_item:hover {
64
+ .ns_menu_action_item:hover {
64
65
  background-color: #141B5C66;
65
66
  }
66
67
 
67
- .ns_deActive_item {
68
+ .ns_menu_action_item_deactive {
68
69
  color: #D1D1D1;
69
70
  cursor: not-allowed;
70
71
  }
71
72
 
72
- .ns_show {
73
+ .ns_menu_action_show {
73
74
  display: block;
74
75
  }
75
76
 
76
- .ns_hide {
77
+ .ns_menu_action_hide {
77
78
  display: none;
78
79
  }
79
80
 
80
81
  @media only screen and (min-width: 480px) {
81
- .ns_action_bar {
82
+ .ns_menu_action {
82
83
  width: 180px;
83
84
  }
84
85
 
85
- .ns_action_bar_button {
86
+ .ns_menu_action_button {
86
87
  width: 180px;
87
88
  }
88
89
  }
package/src/components/NSMenuAction.tsx CHANGED
@@ -54,31 +54,31 @@ export function NSMenuAction(props: { name: string, items: NSMenuActionProps[] }
54
54
  title={props.items[0].menu_item}
55
55
  onClick={() => onClick(props.items[0])}
56
56
  disabled={props.items[0].isActive() ? false : true}
57
- classList={[Styles.ns_action_bar_button]}
57
+ classList={[Styles.ns_menu_action_button]}
58
58
  />;
59
59
  return (
60
- <div className={Styles.ns_action_bar} ref={menuRef}>
60
+ <div className={Styles.ns_menu_action} ref={menuRef}>
61
61
  <button
62
62
  onClick={() => setState((prevState) => ({
63
63
  ...prevState, isShow: !state.isShow
64
64
  }))}>
65
65
  {props.name}
66
66
  <img
67
- className={Styles.ns_action_menu_icon}
67
+ className={Styles.ns_menu_action_icon}
68
68
  src="https://static.namirasoft.com/image/concept/ellipsis/vertical-blue.svg"
69
69
  alt="Icon"
70
70
  width={24}
71
71
  height={24}
72
72
  />
73
73
  </button>
74
- <ul className={`${Styles.ns_action_item_holder} ${state.isShow ? Styles.ns_show : Styles.ns_hide}`}>
74
+ <ul className={`${Styles.ns_menu_action_item_holder} ${state.isShow ? Styles.ns_menu_action_show : Styles.ns_menu_action_hide}`}>
75
75
  {
76
76
  props.items.map((item) =>
77
77
  <li
78
78
  key={item.id}
79
79
  onClick={() => onClick(item)}
80
- className={`${Styles.ns_action_item}
81
- ${item.isActive() ? Styles.ns_active_item : Styles.ns_deActive_item}
80
+ className={`${Styles.ns_menu_action_item}
81
+ ${item.isActive() ? Styles.ns_active_item : Styles.ns_menu_action_item_deactive}
82
82
  `}
83
83
  >
84
84
  {item.menu_item}