namirasoft-site-react 1.3.430 → 1.3.431

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 (17) hide show
  1. package/dist/components/NSCardScreenshot.d.ts +9 -0
  2. package/dist/components/NSCardScreenshot.js +12 -0
  3. package/dist/components/NSCardScreenshot.js.map +1 -0
  4. package/dist/components/NSCardScreenshot.module.css +41 -0
  5. package/dist/components/NSDownload.d.ts +6 -0
  6. package/dist/components/NSDownload.js +23 -0
  7. package/dist/components/NSDownload.js.map +1 -0
  8. package/dist/components/NSDownload.module.css +47 -0
  9. package/dist/main.d.ts +2 -0
  10. package/dist/main.js +2 -0
  11. package/dist/main.js.map +1 -1
  12. package/package.json +2 -2
  13. package/src/components/NSCardScreenshot.module.css +41 -0
  14. package/src/components/NSCardScreenshot.tsx +31 -0
  15. package/src/components/NSDownload.module.css +47 -0
  16. package/src/components/NSDownload.tsx +58 -0
  17. package/src/main.ts +2 -0
package/dist/components/NSCardScreenshot.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { IBaseComponentProps } from "../main";
2
+ export interface NSCardScreenshotProps extends IBaseComponentProps {
3
+ key: number;
4
+ screenshot: string;
5
+ timeSpent: string;
6
+ onDelete: () => void;
7
+ }
8
+ declare const NSCardScreenshot: (props: NSCardScreenshotProps) => import("react/jsx-runtime").JSX.Element;
9
+ export default NSCardScreenshot;
package/dist/components/NSCardScreenshot.js ADDED
@@ -0,0 +1,12 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import Styles from "./NSCardScreenshot.module.css";
3
+ ;
4
+ const NSCardScreenshot = (props) => {
5
+ var _a;
6
+ return (_jsxs("div", { className: `${Styles.card_screenshot} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(' ')}`, style: props.style, children: [_jsxs("div", { className: Styles.card_screenshot_header, children: [_jsx("span", { className: Styles.timeSpent, children: props.timeSpent }), _jsx("div", { onClick: () => {
7
+ if (props.onDelete)
8
+ props.onDelete();
9
+ }, className: Styles.deleteButton, children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/delete/blue.svg", alt: "" }) })] }), _jsx("div", { className: Styles.screenshot_imageSection, children: _jsx("img", { src: props.screenshot, alt: "Screenshot", className: Styles.image }) })] }));
10
+ };
11
+ export default NSCardScreenshot;
12
+ //# sourceMappingURL=NSCardScreenshot.js.map
package/dist/components/NSCardScreenshot.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSCardScreenshot.js","sourceRoot":"","sources":["../../src/components/NSCardScreenshot.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,+BAA+B,CAAA;AAOjD,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;;IACtD,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,aACzF,eAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,aACzC,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,KAAK,CAAC,SAAS,GAAQ,EAC3D,cAAK,OAAO,EAAE,GAAG,EAAE;4BACf,IAAI,KAAK,CAAC,QAAQ;gCACd,KAAK,CAAC,QAAQ,EAAE,CAAA;wBACxB,CAAC,EACD,SAAS,EAAE,MAAM,CAAC,YAAY,YAC1B,cAAK,GAAG,EAAC,6DAA6D,EAAC,GAAG,EAAC,EAAE,GAAG,GAC9E,IACJ,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,YAC1C,cAAK,GAAG,EAAE,KAAK,CAAC,UAAU,EAAE,GAAG,EAAC,YAAY,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,GAAI,GACtE,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
package/dist/components/NSCardScreenshot.module.css ADDED
@@ -0,0 +1,41 @@
1
+ .card_screenshot {
2
+ border: 1px solid #CBD7FF;
3
+ border-radius: 8px;
4
+ width: 100%;
5
+ max-width: 376px;
6
+ height: 266px;
7
+ padding: 8px;
8
+ overflow: hidden;
9
+ display: flex;
10
+ flex-direction: column;
11
+ gap: 8px;
12
+ }
13
+
14
+ .card_screenshot_header {
15
+ display: flex;
16
+ justify-content: space-between;
17
+ align-items: center;
18
+ padding: 8px 0;
19
+ }
20
+
21
+ .timeSpent {
22
+ font-size: 16px;
23
+ font-weight: 600;
24
+ color: #141B5C,
25
+ }
26
+
27
+ .deleteButton {
28
+ cursor: pointer;
29
+ width: 24px;
30
+ height: 24px;
31
+ }
32
+
33
+ .deleteButton img {
34
+ width: 100%;
35
+ }
36
+
37
+ .screenshot_imageSection img {
38
+ width: 100%;
39
+ object-fit: cover;
40
+ border-radius: 4px;
41
+ }
package/dist/components/NSDownload.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import { IBaseComponentProps } from "../main";
2
+ export interface NSDownloadProps extends IBaseComponentProps {
3
+ releaseDate: string;
4
+ }
5
+ declare function NSDownload(props: NSDownloadProps): import("react/jsx-runtime").JSX.Element;
6
+ export default NSDownload;
package/dist/components/NSDownload.js ADDED
@@ -0,0 +1,23 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useState } from "react";
3
+ import { NSButtonBlue } from "../main";
4
+ import { NSBoxRadio } from "./NSBoxRadio";
5
+ import Styles from "./NSDownload.module.css";
6
+ import { NSLine } from "./NSLine";
7
+ function NSDownload(props) {
8
+ var _a;
9
+ const [state, setState] = useState("32-bit");
10
+ return (_jsxs("div", { className: `${Styles.download_parent} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(' ')}`, children: [_jsxs("div", { className: Styles.download_header, children: [_jsx("h3", { style: { color: "#141B5C" }, children: "Choose Your Windows Architecture" }), _jsxs("div", { className: Styles.radio_group, children: [_jsx(NSBoxRadio, { title: "32-bit", required: false, isSelected: state === "32-bit", onChanged: (event) => {
11
+ let value = event.getValue();
12
+ if (value) {
13
+ setState("32-bit");
14
+ }
15
+ }, classList: [Styles.radio_button] }), _jsx(NSBoxRadio, { title: "64-bit", required: false, isSelected: state === "64-bit", onChanged: (event) => {
16
+ let value = event.getValue();
17
+ if (value) {
18
+ setState("64-bit");
19
+ }
20
+ }, classList: [Styles.radio_button] })] })] }), _jsx(NSLine, {}), _jsxs("div", { className: Styles.download_detail, children: [_jsx("h4", { style: { color: "#141B5C" }, children: "For Windows 7 and higher, Windows Server 2008 R2 and higher." }), _jsxs("div", { children: [_jsx("p", { style: { marginBottom: "0" }, children: "Latest Version" }), _jsxs("p", { style: { marginBottom: "0" }, children: ["Release Date: ", props.releaseDate] })] }), _jsx(NSButtonBlue, { title: "Download", onClick: () => { }, classList: [Styles.download_button] })] })] }));
21
+ }
22
+ export default NSDownload;
23
+ //# sourceMappingURL=NSDownload.js.map
package/dist/components/NSDownload.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSDownload.js","sourceRoot":"","sources":["../../src/components/NSDownload.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,MAAM,MAAM,yBAAyB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAMlC,SAAS,UAAU,CAAC,KAAsB;;IACtC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAE7C,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,aACrE,eAAK,SAAS,EAAE,MAAM,CAAC,eAAe,aAClC,aAAI,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,iDAAuC,EACtE,eAAK,SAAS,EAAE,MAAM,CAAC,WAAW,aAC9B,KAAC,UAAU,IACP,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,KAAK,KAAK,QAAQ,EAC9B,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;oCACjB,IAAI,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;oCAC7B,IAAI,KAAK,EAAE;wCACP,QAAQ,CAAC,QAAQ,CAAC,CAAC;qCACtB;gCACL,CAAC,EACD,SAAS,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,GAClC,EACF,KAAC,UAAU,IACP,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,KAAK,KAAK,QAAQ,EAC9B,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;oCACjB,IAAI,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;oCAC7B,IAAI,KAAK,EAAE;wCACP,QAAQ,CAAC,QAAQ,CAAC,CAAC;qCACtB;gCACL,CAAC,EACD,SAAS,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,GAClC,IACA,IACJ,EACN,KAAC,MAAM,KAAG,EACV,eAAK,SAAS,EAAE,MAAM,CAAC,eAAe,aAClC,aAAI,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,6EAAmE,EAClG,0BACI,YAAG,KAAK,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,+BAAoB,EACnD,aAAG,KAAK,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,+BAAiB,KAAK,CAAC,WAAW,IAAK,IACpE,EACN,KAAC,YAAY,IAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,MAAM,CAAC,eAAe,CAAC,GAAI,IACxF,IACJ,CACT,CAAC;AACN,CAAC;AAED,eAAe,UAAU,CAAC"}
package/dist/components/NSDownload.module.css ADDED
@@ -0,0 +1,47 @@
1
+ .download_parent {
2
+ padding: 32px 16px;
3
+ }
4
+
5
+ .download_header {
6
+ display: flex;
7
+ justify-content: flex-start;
8
+ flex-wrap: wrap;
9
+ align-items: center;
10
+ gap: 16px;
11
+ }
12
+
13
+ .radio_group {
14
+ display: flex;
15
+ justify-content: flex-start;
16
+ align-items: center;
17
+ }
18
+
19
+ .radio_button {
20
+ background-color: transparent !important;
21
+ border: none !important;
22
+ max-width: 97px !important;
23
+ }
24
+
25
+ .download_detail {
26
+ display: flex;
27
+ flex-direction: column;
28
+ align-items: flex-start;
29
+ justify-content: flex-start;
30
+ gap: 24px;
31
+ }
32
+
33
+ .download_button {
34
+ max-width: unset !important;
35
+ width: 100% !important;
36
+ }
37
+
38
+ @media screen and (min-width: 554px) {
39
+ .download_header {
40
+ gap: 64px;
41
+ }
42
+
43
+ .download_button {
44
+ max-width: 272px !important;
45
+ width: 272px !important;
46
+ }
47
+ }
package/dist/main.d.ts CHANGED
@@ -31,11 +31,13 @@ export * from "./components/NSButtonBlue";
31
31
  export * from "./components/NSButtonGreen";
32
32
  export * from "./components/NSButtonRed";
33
33
  export * from "./components/NSCard";
34
+ export * from "./components/NSCardScreenshot";
34
35
  export * from "./components/NSCopyToClipboard";
35
36
  export * from "./components/NSChartColumn";
36
37
  export * from "./components/NSChartPie";
37
38
  export * from "./components/NSDeleteDialog";
38
39
  export * from "./components/NSDialog";
40
+ export * from "./components/NSDownload";
39
41
  export * from "./components/NSElectronicCard";
40
42
  export * from "./components/NSEntityBar";
41
43
  export * from "./components/NSEntityCardBackground";
package/dist/main.js CHANGED
@@ -31,11 +31,13 @@ export * from "./components/NSButtonBlue";
31
31
  export * from "./components/NSButtonGreen";
32
32
  export * from "./components/NSButtonRed";
33
33
  export * from "./components/NSCard";
34
+ export * from "./components/NSCardScreenshot";
34
35
  export * from "./components/NSCopyToClipboard";
35
36
  export * from "./components/NSChartColumn";
36
37
  export * from "./components/NSChartPie";
37
38
  export * from "./components/NSDeleteDialog";
38
39
  export * from "./components/NSDialog";
40
+ export * from "./components/NSDownload";
39
41
  export * from "./components/NSElectronicCard";
40
42
  export * from "./components/NSEntityBar";
41
43
  export * from "./components/NSEntityCardBackground";
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC;AACrC,cAAc,iCAAiC,CAAC;AAChD,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,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.430",
11
+ "version": "1.3.431",
12
12
  "author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh, Mehrab Bahramian",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",
@@ -31,7 +31,7 @@
31
31
  "chart.js": "^4.4.3",
32
32
  "copyfiles": "^2.4.1",
33
33
  "link-react": "^3.0.0",
34
- "namirasoft-api-link": "^1.4.1",
34
+ "namirasoft-api-link": "^1.4.2",
35
35
  "namirasoft-api-product": "^1.4.1",
36
36
  "namirasoft-core": "^1.4.5",
37
37
  "path-browserify": "^1.0.1",
package/src/components/NSCardScreenshot.module.css ADDED
@@ -0,0 +1,41 @@
1
+ .card_screenshot {
2
+ border: 1px solid #CBD7FF;
3
+ border-radius: 8px;
4
+ width: 100%;
5
+ max-width: 376px;
6
+ height: 266px;
7
+ padding: 8px;
8
+ overflow: hidden;
9
+ display: flex;
10
+ flex-direction: column;
11
+ gap: 8px;
12
+ }
13
+
14
+ .card_screenshot_header {
15
+ display: flex;
16
+ justify-content: space-between;
17
+ align-items: center;
18
+ padding: 8px 0;
19
+ }
20
+
21
+ .timeSpent {
22
+ font-size: 16px;
23
+ font-weight: 600;
24
+ color: #141B5C,
25
+ }
26
+
27
+ .deleteButton {
28
+ cursor: pointer;
29
+ width: 24px;
30
+ height: 24px;
31
+ }
32
+
33
+ .deleteButton img {
34
+ width: 100%;
35
+ }
36
+
37
+ .screenshot_imageSection img {
38
+ width: 100%;
39
+ object-fit: cover;
40
+ border-radius: 4px;
41
+ }
package/src/components/NSCardScreenshot.tsx ADDED
@@ -0,0 +1,31 @@
1
+ import { IBaseComponentProps } from "../main";
2
+ import Styles from "./NSCardScreenshot.module.css"
3
+
4
+ export interface NSCardScreenshotProps extends IBaseComponentProps {
5
+ key: number;
6
+ screenshot: string;
7
+ timeSpent: string;
8
+ onDelete: () => void;
9
+ };
10
+
11
+ const NSCardScreenshot = (props: NSCardScreenshotProps) => {
12
+ return (
13
+ <div className={`${Styles.card_screenshot} ${props.classList?.join(' ')}`} style={props.style}>
14
+ <div className={Styles.card_screenshot_header}>
15
+ <span className={Styles.timeSpent}>{props.timeSpent}</span>
16
+ <div onClick={() => {
17
+ if (props.onDelete)
18
+ props.onDelete()
19
+ }}
20
+ className={Styles.deleteButton}>
21
+ <img src="https://static.namirasoft.com/image/concept/delete/blue.svg" alt="" />
22
+ </div>
23
+ </div>
24
+ <div className={Styles.screenshot_imageSection}>
25
+ <img src={props.screenshot} alt="Screenshot" className={Styles.image} />
26
+ </div>
27
+ </div>
28
+ );
29
+ };
30
+
31
+ export default NSCardScreenshot;
package/src/components/NSDownload.module.css ADDED
@@ -0,0 +1,47 @@
1
+ .download_parent {
2
+ padding: 32px 16px;
3
+ }
4
+
5
+ .download_header {
6
+ display: flex;
7
+ justify-content: flex-start;
8
+ flex-wrap: wrap;
9
+ align-items: center;
10
+ gap: 16px;
11
+ }
12
+
13
+ .radio_group {
14
+ display: flex;
15
+ justify-content: flex-start;
16
+ align-items: center;
17
+ }
18
+
19
+ .radio_button {
20
+ background-color: transparent !important;
21
+ border: none !important;
22
+ max-width: 97px !important;
23
+ }
24
+
25
+ .download_detail {
26
+ display: flex;
27
+ flex-direction: column;
28
+ align-items: flex-start;
29
+ justify-content: flex-start;
30
+ gap: 24px;
31
+ }
32
+
33
+ .download_button {
34
+ max-width: unset !important;
35
+ width: 100% !important;
36
+ }
37
+
38
+ @media screen and (min-width: 554px) {
39
+ .download_header {
40
+ gap: 64px;
41
+ }
42
+
43
+ .download_button {
44
+ max-width: 272px !important;
45
+ width: 272px !important;
46
+ }
47
+ }
package/src/components/NSDownload.tsx ADDED
@@ -0,0 +1,58 @@
1
+ import { useState } from "react";
2
+ import { IBaseComponentProps, NSButtonBlue } from "../main";
3
+ import { NSBoxRadio } from "./NSBoxRadio";
4
+ import Styles from "./NSDownload.module.css"
5
+ import { NSLine } from "./NSLine";
6
+
7
+ export interface NSDownloadProps extends IBaseComponentProps {
8
+ releaseDate: string;
9
+ }
10
+
11
+ function NSDownload(props: NSDownloadProps) {
12
+ const [state, setState] = useState("32-bit");
13
+
14
+ return (
15
+ <div className={`${Styles.download_parent} ${props.classList?.join(' ')}`}>
16
+ <div className={Styles.download_header}>
17
+ <h3 style={{ color: "#141B5C" }}>Choose Your Windows Architecture</h3>
18
+ <div className={Styles.radio_group}>
19
+ <NSBoxRadio
20
+ title={"32-bit"}
21
+ required={false}
22
+ isSelected={state === "32-bit"}
23
+ onChanged={(event) => {
24
+ let value = event.getValue();
25
+ if (value) {
26
+ setState("32-bit");
27
+ }
28
+ }}
29
+ classList={[Styles.radio_button]}
30
+ />
31
+ <NSBoxRadio
32
+ title={"64-bit"}
33
+ required={false}
34
+ isSelected={state === "64-bit"}
35
+ onChanged={(event) => {
36
+ let value = event.getValue();
37
+ if (value) {
38
+ setState("64-bit");
39
+ }
40
+ }}
41
+ classList={[Styles.radio_button]}
42
+ />
43
+ </div>
44
+ </div>
45
+ <NSLine />
46
+ <div className={Styles.download_detail}>
47
+ <h4 style={{ color: "#141B5C" }}>For Windows 7 and higher, Windows Server 2008 R2 and higher.</h4>
48
+ <div>
49
+ <p style={{ marginBottom: "0" }}>Latest Version</p>
50
+ <p style={{ marginBottom: "0" }}>Release Date: {props.releaseDate}</p>
51
+ </div>
52
+ <NSButtonBlue title="Download" onClick={() => { }} classList={[Styles.download_button]} />
53
+ </div>
54
+ </div>
55
+ );
56
+ }
57
+
58
+ export default NSDownload;
package/src/main.ts CHANGED
@@ -31,11 +31,13 @@ export * from "./components/NSButtonBlue";
31
31
  export * from "./components/NSButtonGreen";
32
32
  export * from "./components/NSButtonRed";
33
33
  export * from "./components/NSCard";
34
+ export * from "./components/NSCardScreenshot"
34
35
  export * from "./components/NSCopyToClipboard";
35
36
  export * from "./components/NSChartColumn";
36
37
  export * from "./components/NSChartPie";
37
38
  export * from "./components/NSDeleteDialog";
38
39
  export * from "./components/NSDialog";
40
+ export * from "./components/NSDownload";
39
41
  export * from "./components/NSElectronicCard";
40
42
  export * from "./components/NSEntityBar";
41
43
  export * from "./components/NSEntityCardBackground";