namirasoft-site-react 1.3.429 → 1.3.431

package/src/components/NSDownload.module.css

@@ -0,0 +1,47 @@
+.download_parent {
+    padding: 32px 16px;
+}
+
+.download_header {
+    display: flex;
+    justify-content: flex-start;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 16px;
+}
+
+.radio_group {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+}
+
+.radio_button {
+    background-color: transparent !important;
+    border: none !important;
+    max-width: 97px !important;
+}
+
+.download_detail {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: flex-start;
+    gap: 24px;
+}
+
+.download_button {
+    max-width: unset !important;
+    width: 100% !important;
+}
+
+@media screen and (min-width: 554px) {
+    .download_header {
+        gap: 64px;
+    }
+
+    .download_button {
+        max-width: 272px !important;
+        width: 272px !important;
+    }
+}

package/src/components/NSDownload.tsx

@@ -0,0 +1,58 @@
+import { useState } from "react";
+import { IBaseComponentProps, NSButtonBlue } from "../main";
+import { NSBoxRadio } from "./NSBoxRadio";
+import Styles from "./NSDownload.module.css"
+import { NSLine } from "./NSLine";
+
+export interface NSDownloadProps extends IBaseComponentProps {
+    releaseDate: string;
+}
+
+function NSDownload(props: NSDownloadProps) {
+    const [state, setState] = useState("32-bit");
+
+    return (
+        <div className={`${Styles.download_parent} ${props.classList?.join(' ')}`}>
+            <div className={Styles.download_header}>
+                <h3 style={{ color: "#141B5C" }}>Choose Your Windows Architecture</h3>
+                <div className={Styles.radio_group}>
+                    <NSBoxRadio
+                        title={"32-bit"}
+                        required={false}
+                        isSelected={state === "32-bit"}
+                        onChanged={(event) => {
+                            let value = event.getValue();
+                            if (value) {
+                                setState("32-bit");
+                            }
+                        }}
+                        classList={[Styles.radio_button]}
+                    />
+                    <NSBoxRadio
+                        title={"64-bit"}
+                        required={false}
+                        isSelected={state === "64-bit"}
+                        onChanged={(event) => {
+                            let value = event.getValue();
+                            if (value) {
+                                setState("64-bit");
+                            }
+                        }}
+                        classList={[Styles.radio_button]}
+                    />
+                </div>
+            </div>
+            <NSLine />
+            <div className={Styles.download_detail}>
+                <h4 style={{ color: "#141B5C" }}>For Windows 7 and higher, Windows Server 2008 R2 and higher.</h4>
+                <div>
+                    <p style={{ marginBottom: "0" }}>Latest Version</p>
+                    <p style={{ marginBottom: "0" }}>Release Date: {props.releaseDate}</p>
+                </div>
+                <NSButtonBlue title="Download" onClick={() => { }} classList={[Styles.download_button]} />
+            </div>
+        </div>
+    );
+}
+
+export default NSDownload;

package/src/components/NSPageSelectionModal.tsx

@@ -2,8 +2,8 @@ import React, { Component, createRef } from 'react';
 import { NSButtonBlue } from './NSButtonBlue';
 import { NSBoxString } from './NSBoxString';
 import { NSSpace, NSSpaceSizeType } from './NSSpace';
-import { NSRadioButton } from './NSRadioButton';
 import Styles from './NSPageSelectionModal.module.css';
+import { NSBoxRadio } from './NSBoxRadio';
 
 export interface NSPageSelectionModalProps<RowType>
 {
@@ -22,10 +22,10 @@ interface NSPageSelectionModalState
 export class NSPageSelectionModal<RowType> extends Component<NSPageSelectionModalProps<RowType>, NSPageSelectionModalState>
 {
     private toastRef: React.RefObject<HTMLDivElement> = createRef();
-    private NSBoxBoolean_CurrentPage: React.RefObject<NSRadioButton> = createRef();
-    private NSBoxBoolean_SelectedItems: React.RefObject<NSRadioButton> = createRef();
-    private NSBoxBoolean_CustomPage: React.RefObject<NSRadioButton> = createRef();
-    private NSBoxBoolean_AllPage: React.RefObject<NSRadioButton> = createRef();
+    private NSBoxBoolean_CurrentPage: React.RefObject<NSBoxRadio> = createRef();
+    private NSBoxBoolean_SelectedItems: React.RefObject<NSBoxRadio> = createRef();
+    private NSBoxBoolean_CustomPage: React.RefObject<NSBoxRadio> = createRef();
+    private NSBoxBoolean_AllPage: React.RefObject<NSBoxRadio> = createRef();
     private NSBoxString_Pages: React.RefObject<NSBoxString> = createRef();
 
     constructor(props: NSPageSelectionModalProps<RowType>)
@@ -124,7 +124,7 @@ export class NSPageSelectionModal<RowType> extends Component<NSPageSelectionModa
                                 <p className={Styles.ns_print_description}>Please select which pages you want to continue with</p>
                                 <NSSpace size={NSSpaceSizeType.SMALL} />
                                 <div className={Styles.ns_parent_checkboxs}>
-                                    <NSRadioButton
+                                    <NSBoxRadio
                                         defaultValue={true}
                                         ref={this.NSBoxBoolean_CurrentPage}
                                         title={"Current page"}
@@ -133,7 +133,7 @@ export class NSPageSelectionModal<RowType> extends Component<NSPageSelectionModa
                                         isSelected={this.state.selectedRadio === 'current_page'}
                                         onClick={() => this.handleRadioChange('current_page')}
                                     />
-                                    <NSRadioButton
+                                    <NSBoxRadio
                                         ref={this.NSBoxBoolean_SelectedItems}
                                         title={"Only Selected Items"}
                                         required={false}
@@ -141,7 +141,7 @@ export class NSPageSelectionModal<RowType> extends Component<NSPageSelectionModa
                                         isSelected={this.state.selectedRadio === 'selected_items'}
                                         onClick={() => this.handleRadioChange('selected_items')}
                                     />
-                                    <NSRadioButton
+                                    <NSBoxRadio
                                         ref={this.NSBoxBoolean_CustomPage}
                                         title={"Custom Pages"}
                                         required={false}
@@ -149,7 +149,7 @@ export class NSPageSelectionModal<RowType> extends Component<NSPageSelectionModa
                                         isSelected={this.state.selectedRadio === 'custom_page'}
                                         onClick={() => this.handleRadioChange('custom_page')}
                                     />
-                                    <NSRadioButton
+                                    <NSBoxRadio
                                         ref={this.NSBoxBoolean_AllPage}
                                         title={"All Pages"}
                                         required={false}

package/src/components/NSTable.module.css

@@ -48,7 +48,9 @@
 /* Button Group  */
 .ns_pagination_button {
     display: flex;
-    flex-direction: column;
+    flex-direction: column-reverse;
+    justify-content: space-between;
+    align-items: flex-start;
 }
 
 .ns_button {
@@ -56,6 +58,7 @@
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
+    width: 100%;
 }
 
 .ns_modal a {
@@ -73,7 +76,7 @@
     justify-content: center
 }
 
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 992px) {
     .ns_table {
         color: #000000;
     }
@@ -139,7 +142,7 @@
     /* Button Group  */
     .ns_pagination_button {
         display: flex;
-        flex-direction: row;
+        flex-direction: column;
         align-items: center;
         justify-content: center;
         padding: 16px 0;
@@ -151,6 +154,7 @@
         justify-content: space-between;
         align-items: center;
         gap: 24px;
+        width: 100%;
     }
 
     .ns_check_box {

package/src/main.ts

@@ -20,6 +20,7 @@ export * from "./components/NSBoxLabel";
 export * from "./components/NSBoxPassword";
 export * from "./components/NSBoxPhone";
 export * from "./components/NSBoxPrice";
+export * from "./components/NSBoxRadio";
 export * from "./components/NSBoxString";
 export * from "./components/NSBoxSearch";
 export * from "./components/NSBoxTextArea";
@@ -30,10 +31,13 @@ export * from "./components/NSButtonBlue";
 export * from "./components/NSButtonGreen";
 export * from "./components/NSButtonRed";
 export * from "./components/NSCard";
+export * from "./components/NSCardScreenshot"
 export * from "./components/NSCopyToClipboard";
+export * from "./components/NSChartColumn";
 export * from "./components/NSChartPie";
 export * from "./components/NSDeleteDialog";
 export * from "./components/NSDialog";
+export * from "./components/NSDownload";
 export * from "./components/NSElectronicCard";
 export * from "./components/NSEntityBar";
 export * from "./components/NSEntityCardBackground";
@@ -56,7 +60,6 @@ export * from "./components/NSPagination";
 export * from "./components/NSPanel";
 export * from "./components/NSPageSelectionModal";
 export * from "./components/NSProductList";
-export * from "./components/NSRadioButton";
 export * from "./components/NSRepeater";
 export * from "./components/NSSection";
 export * from "./components/NSSectionBars";

package/dist/components/NSRadioButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NSRadioButton.js","sourceRoot":"","sources":["../../src/components/NSRadioButton.tsx"],"names":[],"mappings":"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"}