namirasoft-site-react 1.3.85 → 1.3.86

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 (6) hide show
  1. package/dist/components/NSCopyToClipboard.js +1 -1
  2. package/dist/components/NSCopyToClipboard.js.map +1 -1
  3. package/dist/components/NSCopyToClipboard.module.css +9 -11
  4. package/package.json +6 -6
  5. package/src/components/NSCopyToClipboard.module.css +9 -11
  6. package/src/components/NSCopyToClipboard.tsx +1 -2
package/dist/components/NSCopyToClipboard.js CHANGED
@@ -7,6 +7,6 @@ export function NSCopyToClipboard(props) {
7
7
  if (navigator.clipboard && navigator.clipboard.writeText)
8
8
  navigator.clipboard.writeText(props.value);
9
9
  }
10
- return (_jsxs("div", { id: props.id, className: `${Styles.ns_copy_to_clipboard} p-2 ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: [_jsx("span", { className: Styles.ns_copy_to_clipboard_title, children: props.title }), _jsxs("div", { className: Styles.ns_copy_to_clipboard_value, children: [_jsx("img", { className: Styles.ns_copy_to_clipboard_icon, src: IconInputString, alt: "Copy Icon", width: 24, height: 24, onClick: copyToClipboard }), _jsx("span", { children: props.value })] })] }));
10
+ return (_jsx("div", { id: props.id, className: `${Styles.ns_copy_to_clipboard} p-2 ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: _jsxs("div", { className: Styles.ns_copy_to_clipboard_value, children: [_jsx("p", { className: "m-0", children: props.value }), _jsx("img", { className: Styles.ns_copy_to_clipboard_icon, src: IconInputString, alt: "Copy Icon", width: 24, height: 24, onClick: copyToClipboard })] }) }));
11
11
  }
12
12
  //# sourceMappingURL=NSCopyToClipboard.js.map
package/dist/components/NSCopyToClipboard.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSCopyToClipboard.js","sourceRoot":"","sources":["../../src/components/NSCopyToClipboard.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,gCAAgC,CAAC;AACpD,OAAO,eAAe,MAAM,sCAAsC,CAAC;AASnE,MAAM,UAAU,iBAAiB,CAAC,KAA8B;;IAE5D,SAAS,eAAe;QAEpB,IAAI,SAAS,CAAC,SAAS,IAAI,SAAS,CAAC,SAAS,CAAC,SAAS;YACpD,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC;IACD,OAAO,CACH,eAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EACb,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAoB,QAAQ,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC7E,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,eAAM,SAAS,EAAE,MAAM,CAAC,0BAA0B,YAAG,KAAK,CAAC,KAAK,GAAQ,EACxE,eAAK,SAAS,EAAE,MAAM,CAAC,0BAA0B,aAC7C,cACI,SAAS,EAAE,MAAM,CAAC,yBAAyB,EAC3C,GAAG,EAAE,eAAe,EACpB,GAAG,EAAC,WAAW,EACf,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,eAAe,GAC1B,EACF,yBAAO,KAAK,CAAC,KAAK,GAAQ,IACxB,IACJ,CACT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"NSCopyToClipboard.js","sourceRoot":"","sources":["../../src/components/NSCopyToClipboard.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,gCAAgC,CAAC;AACpD,OAAO,eAAe,MAAM,sCAAsC,CAAC;AASnE,MAAM,UAAU,iBAAiB,CAAC,KAA8B;;IAE5D,SAAS,eAAe;QAEpB,IAAI,SAAS,CAAC,SAAS,IAAI,SAAS,CAAC,SAAS,CAAC,SAAS;YACpD,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC;IACD,OAAO,CACH,cAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EACb,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAoB,QAAQ,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC7E,KAAK,EAAE,KAAK,CAAC,KAAK,YAElB,eAAK,SAAS,EAAE,MAAM,CAAC,0BAA0B,aAC7C,YAAG,SAAS,EAAC,KAAK,YAAE,KAAK,CAAC,KAAK,GAAK,EACpC,cACI,SAAS,EAAE,MAAM,CAAC,yBAAyB,EAC3C,GAAG,EAAE,eAAe,EACpB,GAAG,EAAC,WAAW,EACf,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,eAAe,GAC1B,IACA,GACJ,CACT,CAAC;AACN,CAAC"}
package/dist/components/NSCopyToClipboard.module.css CHANGED
@@ -1,10 +1,11 @@
1
1
  .ns_copy_to_clipboard {
2
2
  display: flex;
3
3
  flex-direction: column;
4
- width: 272px;
4
+ width: 416px;
5
5
  color: #fff;
6
6
  position: relative;
7
7
  max-width: 100%;
8
+ margin: 0 auto;
8
9
  }
9
10
 
10
11
  .ns_copy_to_clipboard_value {
@@ -12,24 +13,21 @@
12
13
  padding: 10px 12px;
13
14
  font-size: 16px;
14
15
  font-weight: 400;
15
- background-color: #0000;
16
+ background-color: rgba(20, 27, 92, 0.3);
16
17
  text-align: center;
17
- border: 1px solid rgba(20, 27, 92, 1);
18
18
  overflow: hidden;
19
+ display: flex;
20
+ gap: 16px;
21
+ align-items: center;
22
+ border-radius: 8px;
19
23
  }
20
24
 
21
- .ns_copy_to_clipboard_value span {
25
+ .ns_copy_to_clipboard_value p {
22
26
  color: rgba(20, 27, 92, 1);
23
27
  width: 100%;
24
28
  display: inline-block;
25
29
  overflow: hidden;
26
- }
27
-
28
- .ns_copy_to_clipboard_icon {
29
- position: absolute;
30
- right: 20px;
31
- top: 64%;
32
- z-index: 1;
30
+ word-wrap: break-word;
33
31
  }
34
32
 
35
33
  .ns_copy_to_clipboard_title {
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.3.85",
11
+ "version": "1.3.86",
12
12
  "author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",
@@ -22,8 +22,8 @@
22
22
  },
23
23
  "dependencies": {
24
24
  "@types/node": "^20.12.7",
25
- "@types/react": "^18.2.79",
26
- "@types/react-dom": "^18.2.25",
25
+ "@types/react": "^18.3.1",
26
+ "@types/react-dom": "^18.3.0",
27
27
  "antd": "^5.16.4",
28
28
  "bootstrap": "^5.3.3",
29
29
  "copyfiles": "^2.4.1",
@@ -31,12 +31,12 @@
31
31
  "namirasoft-api-link": "^1.3.3",
32
32
  "namirasoft-core": "^1.3.19",
33
33
  "path-browserify": "^1.0.1",
34
- "react": "^18.2.0",
34
+ "react": "^18.3.1",
35
35
  "react-app-rewired": "^2.2.1",
36
36
  "react-bootstrap": "^2.10.2",
37
- "react-dom": "^18.2.0",
37
+ "react-dom": "^18.3.1",
38
38
  "react-phone-input-2": "^2.15.1",
39
- "react-phone-number-input": "^3.4.0",
39
+ "react-phone-number-input": "^3.4.1",
40
40
  "react-router-dom": "^6.23.0",
41
41
  "react-scripts": "5.0.1"
42
42
  },
package/src/components/NSCopyToClipboard.module.css CHANGED
@@ -1,10 +1,11 @@
1
1
  .ns_copy_to_clipboard {
2
2
  display: flex;
3
3
  flex-direction: column;
4
- width: 272px;
4
+ width: 416px;
5
5
  color: #fff;
6
6
  position: relative;
7
7
  max-width: 100%;
8
+ margin: 0 auto;
8
9
  }
9
10
 
10
11
  .ns_copy_to_clipboard_value {
@@ -12,24 +13,21 @@
12
13
  padding: 10px 12px;
13
14
  font-size: 16px;
14
15
  font-weight: 400;
15
- background-color: #0000;
16
+ background-color: rgba(20, 27, 92, 0.3);
16
17
  text-align: center;
17
- border: 1px solid rgba(20, 27, 92, 1);
18
18
  overflow: hidden;
19
+ display: flex;
20
+ gap: 16px;
21
+ align-items: center;
22
+ border-radius: 8px;
19
23
  }
20
24
 
21
- .ns_copy_to_clipboard_value span {
25
+ .ns_copy_to_clipboard_value p {
22
26
  color: rgba(20, 27, 92, 1);
23
27
  width: 100%;
24
28
  display: inline-block;
25
29
  overflow: hidden;
26
- }
27
-
28
- .ns_copy_to_clipboard_icon {
29
- position: absolute;
30
- right: 20px;
31
- top: 64%;
32
- z-index: 1;
30
+ word-wrap: break-word;
33
31
  }
34
32
 
35
33
  .ns_copy_to_clipboard_title {
package/src/components/NSCopyToClipboard.tsx CHANGED
@@ -20,8 +20,8 @@ export function NSCopyToClipboard(props: INSCopyToClipboardProps)
20
20
  className={`${Styles.ns_copy_to_clipboard} p-2 ${props.classList?.join(" ")}`}
21
21
  style={props.style}
22
22
  >
23
- <span className={Styles.ns_copy_to_clipboard_title}>{props.title}</span>
24
23
  <div className={Styles.ns_copy_to_clipboard_value}>
24
+ <p className="m-0">{props.value}</p>
25
25
  <img
26
26
  className={Styles.ns_copy_to_clipboard_icon}
27
27
  src={IconInputString}
@@ -30,7 +30,6 @@ export function NSCopyToClipboard(props: INSCopyToClipboardProps)
30
30
  height={24}
31
31
  onClick={copyToClipboard}
32
32
  />
33
- <span>{props.value}</span>
34
33
  </div>
35
34
  </div>
36
35
  );