namirasoft-site-react 1.3.429 → 1.3.431

package/dist/App.js

@@ -10,9 +10,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import './App.css';
 import 'bootstrap/dist/css/bootstrap.min.css';
-import { NSBarAction, NSBoxBoolean, NSBoxEmail, NSBoxEnum, NSBoxSearch, NSBoxString, NSEntityBar, NSLayout, NSNoData, NSPagination, NSPanel, NSRepeater, NSSpace, NSSpaceSizeType, NSTabPage, NSHeaderScreenshot } from './main';
+import { NSBarAction, NSBoxBoolean, NSBoxEmail, NSBoxEnum, NSBoxSearch, NSBoxString, NSEntityBar, NSLayout, NSNoData, NSPagination, NSPanel, NSRepeater, NSSpace, NSSpaceSizeType, NSTabPage, NSHeaderScreenshot, NSBoxRadio } from './main';
 import { NSBoxLabel } from './components/NSBoxLabel';
-import { NSRadioButton } from './components/NSRadioButton';
 import { NSTag } from './components/NSTag';
 import { NSButton } from './components/NSButton';
 import { useState } from 'react';
@@ -34,6 +33,78 @@ const fakeColumns = [
         text: 'Column 2',
         formatter: fakeFormatter,
     },
+    {
+        index: 1,
+        name: 'Column2',
+        text: 'Column 2',
+        formatter: fakeFormatter,
+    },
+    {
+        index: 1,
+        name: 'Column2',
+        text: 'Column 2',
+        formatter: fakeFormatter,
+    },
+    {
+        index: 1,
+        name: 'Column2',
+        text: 'Column 2',
+        formatter: fakeFormatter,
+    },
+    {
+        index: 1,
+        name: 'Column2',
+        text: 'Column 2',
+        formatter: fakeFormatter,
+    },
+    {
+        index: 1,
+        name: 'Column2',
+        text: 'Column 2',
+        formatter: fakeFormatter,
+    },
+    {
+        index: 1,
+        name: 'Column2',
+        text: 'Column 2',
+        formatter: fakeFormatter,
+    },
+    {
+        index: 1,
+        name: 'Column2',
+        text: 'Column 2',
+        formatter: fakeFormatter,
+    },
+    {
+        index: 1,
+        name: 'Column2',
+        text: 'Column 2',
+        formatter: fakeFormatter,
+    },
+    {
+        index: 1,
+        name: 'Column2',
+        text: 'Column 2',
+        formatter: fakeFormatter,
+    },
+    {
+        index: 1,
+        name: 'Column2',
+        text: 'Column 2',
+        formatter: fakeFormatter,
+    },
+    {
+        index: 1,
+        name: 'Column2',
+        text: 'Column 2',
+        formatter: fakeFormatter,
+    },
+    {
+        index: 1,
+        name: 'Column2',
+        text: 'Column 2',
+        formatter: fakeFormatter,
+    },
 ];
 const getFakeRows = (page, size) => __awaiter(void 0, void 0, void 0, function* () {
     console.log(page, size);
@@ -104,7 +175,7 @@ export function App() {
                                         item.setValue(value);
                             }, onValuesChanged: values => {
                                 console.log(values);
-                            } }) }), _jsxs(_Fragment, { children: [_jsx(NSTabPage, { tabs: tabs }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSPagination, { totalItems: 100, onPageChange: () => { } })] }), _jsx(NSBarAction, { title: 'test', description: 'test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test ', menus: group }), _jsx(NSBoxEmail, { title: 'Email', required: true }), _jsx(NSBoxString, { title: 'String', required: true }), _jsx(NSRadioButton, { title: "Radio Button", required: false }), _jsx(NSSpace, { size: NSSpaceSizeType.LARGE }), _jsx(NSBoxBoolean, { defaultValue: true, title: '', required: true }), _jsx(NSButton, { title: 'Clear Filters', onClick: () => window.location.reload(), style: { width: "136px", border: "2px solid #001664" } }), _jsx(NSTag, {}), _jsx(NSNoData, { lable: "No New Message" }), _jsxs("div", { className: "d-flex flex-row gap-2 w-100", children: [_jsx(NSBoxString, { title: "Name", required: true }), _jsx(NSBoxEnum, { options: [], required: true, title: 'Notification_sender_topic_id', multiple: true }), _jsx(NSBoxEmail, { title: "Name", required: true }), _jsx(NSBoxSearch, { title: "Name", required: true })] }), _jsx(NSSpace, { size: NSSpaceSizeType.MEDUIM }), _jsx(NSBoxBoolean, { title: 'CheckBox', required: true }), _jsx(NSEntityBar, { title: '', description: '', image: { src: "" } }), state &&
+                            } }) }), _jsxs(_Fragment, { children: [_jsx(NSTabPage, { tabs: tabs }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSPagination, { totalItems: 100, onPageChange: () => { } })] }), _jsx(NSBarAction, { title: 'test', description: 'test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test ', menus: group }), _jsx(NSBoxEmail, { title: 'Email', required: true }), _jsx(NSBoxString, { title: 'String', required: true }), _jsx(NSBoxRadio, { title: "Radio Button", required: false }), _jsx(NSSpace, { size: NSSpaceSizeType.LARGE }), _jsx(NSBoxBoolean, { defaultValue: true, title: '', required: true }), _jsx(NSButton, { title: 'Clear Filters', onClick: () => window.location.reload(), style: { width: "136px", border: "2px solid #001664" } }), _jsx(NSTag, {}), _jsx(NSNoData, { lable: "No New Message" }), _jsxs("div", { className: "d-flex flex-row gap-2 w-100", children: [_jsx(NSBoxString, { title: "Name", required: true }), _jsx(NSBoxEnum, { options: [], required: true, title: 'Notification_sender_topic_id', multiple: true }), _jsx(NSBoxEmail, { title: "Name", required: true }), _jsx(NSBoxSearch, { title: "Name", required: true })] }), _jsx(NSSpace, { size: NSSpaceSizeType.MEDUIM }), _jsx(NSBoxBoolean, { title: 'CheckBox', required: true }), _jsx(NSBoxRadio, { title: 'RadioButton', required: true }), _jsx(NSEntityBar, { title: '', description: '', image: { src: "" } }), state &&
                         _jsx(NSDialog, { onClose: () => { setState(false); }, children: _jsx("div", {}) }), _jsx(NSBoxBoolean, { required: false, title: '' }), _jsx(NSTable, Object.assign({}, tableProps))] })] }));
 }
 //# sourceMappingURL=App.js.map

package/dist/App.js.map

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

package/dist/components/NSBoxBoolean.module.css

@@ -1,7 +1,6 @@
 .ns_input_parent {
 	display: flex;
 	flex-direction: column;
-	width: fit-content;
 	color: #141B5C;
 	position: relative;
 	justify-content: center;

package/dist/components/{NSRadioButton.d.ts → NSBoxRadio.d.ts}

@@ -2,24 +2,24 @@ import React from "react";
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { IValidationProps } from "../props/IValidationProps";
 import { IValidationStringProps } from "../props/IValidationStringProps";
-export interface INSRadioButtonProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
+export interface INSBoxRadioProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
     title: string;
     placeholder?: string;
     defaultValue?: boolean;
     isSelected?: boolean;
-    onChanged?: (e: NSRadioButton) => void;
+    onChanged?: (e: NSBoxRadio) => void;
     onClick?: () => void;
 }
 export interface INSBoxBooleanState {
     value: boolean;
     error?: string;
 }
-export declare class NSRadioButton extends React.Component<INSRadioButtonProps, INSBoxBooleanState> {
-    constructor(props: INSRadioButtonProps);
+export declare class NSBoxRadio extends React.Component<INSBoxRadioProps, INSBoxBooleanState> {
+    constructor(props: INSBoxRadioProps);
     getError(): string | null;
     getValue(checkError?: boolean): boolean;
     setValue(value: boolean): void;
     private onClicked;
-    componentDidUpdate(prevProps: INSRadioButtonProps): void;
+    componentDidUpdate(prevProps: INSBoxRadioProps): void;
     render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/{NSRadioButton.js → NSBoxRadio.js}

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
-import Styles from "./NSRadioButton.module.css";
+import Styles from "./NSBoxRadio.module.css";
 import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
-export class NSRadioButton extends React.Component {
+export class NSBoxRadio extends React.Component {
     constructor(props) {
         var _a;
         super(props);
@@ -46,4 +46,4 @@ export class NSRadioButton extends React.Component {
         return (_jsxs(_Fragment, { children: [_jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsx("div", { className: Styles.ns_input_transparent, onClick: this.onClicked }), _jsxs("div", { className: Styles.ns_checkbox_parent, children: [_jsx("input", { type: "radio", name: this.props.name, className: Styles.ns_input, checked: this.state.value, onChange: () => { } }), _jsxs("span", { className: Styles.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] })] })] }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }));
     }
 }
-//# sourceMappingURL=NSRadioButton.js.map
+//# sourceMappingURL=NSBoxRadio.js.map

package/dist/components/NSBoxRadio.js.map

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

package/{src/components/NSRadioButton.module.css → dist/components/NSBoxRadio.module.css}

@@ -10,6 +10,7 @@
     border: 1px solid rgba(0, 0, 0, 1) !important;
     background-color: #fff;
     border-radius: 8px;
+    cursor: pointer;
 }
 
 .ns_input_title {

package/dist/components/NSCardScreenshot.d.ts

@@ -0,0 +1,9 @@
+import { IBaseComponentProps } from "../main";
+export interface NSCardScreenshotProps extends IBaseComponentProps {
+    key: number;
+    screenshot: string;
+    timeSpent: string;
+    onDelete: () => void;
+}
+declare const NSCardScreenshot: (props: NSCardScreenshotProps) => import("react/jsx-runtime").JSX.Element;
+export default NSCardScreenshot;

package/dist/components/NSCardScreenshot.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Styles from "./NSCardScreenshot.module.css";
+;
+const NSCardScreenshot = (props) => {
+    var _a;
+    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: () => {
+                            if (props.onDelete)
+                                props.onDelete();
+                        }, 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 }) })] }));
+};
+export default NSCardScreenshot;
+//# sourceMappingURL=NSCardScreenshot.js.map

package/dist/components/NSCardScreenshot.js.map

@@ -0,0 +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

@@ -0,0 +1,41 @@
+.card_screenshot {
+    border: 1px solid #CBD7FF;
+    border-radius: 8px;
+    width: 100%;
+    max-width: 376px;
+    height: 266px;
+    padding: 8px;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.card_screenshot_header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 8px 0;
+}
+
+.timeSpent {
+    font-size: 16px;
+    font-weight: 600;
+    color: #141B5C,
+}
+
+.deleteButton {
+    cursor: pointer;
+    width: 24px;
+    height: 24px;
+}
+
+.deleteButton img {
+    width: 100%;
+}
+
+.screenshot_imageSection img {
+    width: 100%;
+    object-fit: cover;
+    border-radius: 4px;
+}

package/dist/components/NSChartColumn.d.ts

@@ -0,0 +1,12 @@
+import { IBaseComponentProps } from '../main';
+export interface NSChartColumnProps extends IBaseComponentProps {
+    labels: string[];
+    datasets: number[];
+    range: {
+        min: number;
+        max: number;
+    };
+    yGrid?: boolean;
+}
+declare const NSChartColumn: (props: NSChartColumnProps) => import("react/jsx-runtime").JSX.Element;
+export default NSChartColumn;

package/dist/components/NSChartColumn.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Bar } from 'react-chartjs-2';
+import { Chart as ChartJS, CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend, } from 'chart.js';
+import Styles from "./NSChartColumn.module.css";
+ChartJS.register(CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend);
+const NSChartColumn = (props) => {
+    var _a;
+    const data = {
+        labels: props.labels,
+        datasets: [
+            {
+                label: 'Dataset 1',
+                data: props.datasets,
+                backgroundColor: '#3354F4',
+                borderRadius: 10,
+                barThickness: 12,
+                borderSkipped: false,
+            },
+        ],
+    };
+    const options = {
+        responsive: true,
+        maintainAspectRatio: false,
+        plugins: {
+            legend: {
+                display: false,
+            },
+            tooltip: {
+                enabled: true,
+                callbacks: {
+                    label: function (context) {
+                        return `$${context.raw}`;
+                    },
+                },
+            },
+        },
+        scales: {
+            x: {
+                ticks: {
+                    font: {
+                        size: 8,
+                        weight: 700
+                    },
+                    color: '#141B5C',
+                    maxRotation: 554,
+                    minRotation: 0,
+                },
+                grid: {
+                    display: false,
+                },
+                border: {
+                    display: false,
+                }
+            },
+            y: {
+                min: props.range.min,
+                max: props.range.max,
+                ticks: {
+                    callback: function (value) {
+                        return `$${value}`;
+                    },
+                    font: {
+                        size: 8,
+                        weight: 700,
+                    },
+                    color: '#141B5C',
+                },
+                grid: {
+                    display: props.yGrid,
+                    color: "#E6EEF5"
+                },
+                border: {
+                    display: false,
+                }
+            },
+        },
+    };
+    return (_jsx("div", { style: props.style, className: `${Styles.chart_column_container} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, children: _jsx(Bar, { data: data, options: options }) }));
+};
+export default NSChartColumn;
+//# sourceMappingURL=NSChartColumn.js.map

package/dist/components/NSChartColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSChartColumn.js","sourceRoot":"","sources":["../../src/components/NSChartColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACtC,OAAO,EACH,KAAK,IAAI,OAAO,EAChB,aAAa,EACb,WAAW,EACX,UAAU,EACV,KAAK,EACL,OAAO,EACP,MAAM,GAET,MAAM,UAAU,CAAC;AAElB,OAAO,MAAM,MAAM,4BAA4B,CAAA;AAE/C,OAAO,CAAC,QAAQ,CAAC,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AAYjF,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;;IAChD,MAAM,IAAI,GAAG;QACT,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,QAAQ,EAAE;YACN;gBACI,KAAK,EAAE,WAAW;gBAClB,IAAI,EAAE,KAAK,CAAC,QAAQ;gBACpB,eAAe,EAAE,SAAS;gBAC1B,YAAY,EAAE,EAAE;gBAChB,YAAY,EAAE,EAAE;gBAChB,aAAa,EAAE,KAAK;aACvB;SACJ;KACJ,CAAC;IAEF,MAAM,OAAO,GAAwB;QACjC,UAAU,EAAE,IAAI;QAChB,mBAAmB,EAAE,KAAK;QAC1B,OAAO,EAAE;YACL,MAAM,EAAE;gBACJ,OAAO,EAAE,KAAK;aACjB;YACD,OAAO,EAAE;gBACL,OAAO,EAAE,IAAI;gBACb,SAAS,EAAE;oBACP,KAAK,EAAE,UAAU,OAAO;wBACpB,OAAO,IAAI,OAAO,CAAC,GAAG,EAAE,CAAC;oBAC7B,CAAC;iBACJ;aACJ;SACJ;QACD,MAAM,EAAE;YACJ,CAAC,EAAE;gBACC,KAAK,EAAE;oBACH,IAAI,EAAE;wBACF,IAAI,EAAE,CAAC;wBACP,MAAM,EAAE,GAAG;qBACd;oBACD,KAAK,EAAE,SAAS;oBAChB,WAAW,EAAE,GAAG;oBAChB,WAAW,EAAE,CAAC;iBACjB;gBACD,IAAI,EAAE;oBACF,OAAO,EAAE,KAAK;iBACjB;gBACD,MAAM,EAAE;oBACJ,OAAO,EAAE,KAAK;iBACjB;aACJ;YACD,CAAC,EAAE;gBACC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG;gBACpB,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG;gBACpB,KAAK,EAAE;oBACH,QAAQ,EAAE,UAAU,KAAK;wBACrB,OAAO,IAAI,KAAK,EAAE,CAAC;oBACvB,CAAC;oBACD,IAAI,EAAE;wBACF,IAAI,EAAE,CAAC;wBACP,MAAM,EAAE,GAAG;qBACd;oBACD,KAAK,EAAE,SAAS;iBACnB;gBACD,IAAI,EAAE;oBACF,OAAO,EAAE,KAAK,CAAC,KAAK;oBACpB,KAAK,EAAE,SAAS;iBACnB;gBACD,MAAM,EAAE;oBACJ,OAAO,EAAE,KAAK;iBACjB;aACJ;SACJ;KACJ,CAAC;IAEF,OAAO,CACH,cAAK,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,sBAAsB,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,YAChG,KAAC,GAAG,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,GACnC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/NSChartColumn.module.css

@@ -0,0 +1,8 @@
+.chart_column_container {
+    max-width: 620px;
+    width: 100%;
+}
+
+.chart_column_container canvas {
+    height: 100% !important;
+}

package/dist/components/NSChartTable.d.ts

@@ -0,0 +1,15 @@
+import { IBaseComponentProps } from '../main';
+interface DataType {
+    key: string;
+    job: string;
+    totalHours: number;
+    percentage: number;
+    cost: number;
+    income: number;
+    benefit: number;
+}
+interface CustomTableProps extends IBaseComponentProps {
+    data: DataType[];
+}
+declare const NSChartTable: (props: CustomTableProps) => import("react/jsx-runtime").JSX.Element;
+export default NSChartTable;

package/dist/components/NSChartTable.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Table, Progress } from 'antd';
+import Styles from "./NSChartTable.module.css";
+const NSChartTable = (props) => {
+    const getColor = (percentage) => {
+        if (percentage >= 75)
+            return '#368F01';
+        if (percentage >= 60)
+            return '#44B400';
+        if (percentage >= 50)
+            return '#56E500';
+        if (percentage >= 25)
+            return '#FAFF00';
+        return 'red';
+    };
+    const columns = [
+        {
+            title: '',
+            dataIndex: 'job',
+            key: 'job',
+        },
+        {
+            title: 'Total Hours',
+            dataIndex: 'totalHours',
+            key: 'totalHours',
+            render: (text) => _jsx("div", { children: text }),
+        },
+        {
+            title: 'Percentage',
+            dataIndex: 'percentage',
+            key: 'percentage',
+            render: (text) => _jsxs("div", { children: [text, "%"] }),
+        },
+        {
+            title: 'Cost',
+            dataIndex: 'cost',
+            key: 'cost',
+            render: (text) => _jsxs("div", { children: ["$", text] }),
+        },
+        {
+            title: 'Income',
+            dataIndex: 'income',
+            key: 'income',
+            render: (text) => _jsxs("div", { children: ["$", text] }),
+        },
+        {
+            title: 'Benefit',
+            dataIndex: 'benefit',
+            key: 'benefit',
+            render: (text) => _jsxs("div", { children: ["$", text] }),
+        },
+        {
+            title: '',
+            dataIndex: 'totalHours',
+            key: 'chart',
+            render: (totalHours, record) => (_jsx(Progress, { percent: (totalHours / 8) * 100, showInfo: false, strokeColor: getColor(record.percentage), strokeWidth: 16, size: { width: 310, height: 16 } })),
+        },
+    ];
+    return (_jsx("div", { children: _jsx(Table, { columns: columns, dataSource: props.data, pagination: false, rowClassName: () => Styles.custom_row }) }));
+};
+export default NSChartTable;
+//# sourceMappingURL=NSChartTable.js.map

package/dist/components/NSChartTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSChartTable.js","sourceRoot":"","sources":["../../src/components/NSChartTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAGvC,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAgB9C,MAAM,YAAY,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC7C,MAAM,QAAQ,GAAG,CAAC,UAAkB,EAAE,EAAE;QACpC,IAAI,UAAU,IAAI,EAAE;YAAE,OAAO,SAAS,CAAC;QACvC,IAAI,UAAU,IAAI,EAAE;YAAE,OAAO,SAAS,CAAC;QACvC,IAAI,UAAU,IAAI,EAAE;YAAE,OAAO,SAAS,CAAC;QACvC,IAAI,UAAU,IAAI,EAAE;YAAE,OAAO,SAAS,CAAC;QACvC,OAAO,KAAK,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,OAAO,GAA2B;QACpC;YACI,KAAK,EAAE,EAAE;YACT,SAAS,EAAE,KAAK;YAChB,GAAG,EAAE,KAAK;SACb;QACD;YACI,KAAK,EAAE,aAAa;YACpB,SAAS,EAAE,YAAY;YACvB,GAAG,EAAE,YAAY;YACjB,MAAM,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,wBAAM,IAAI,GAAO;SAC9C;QACD;YACI,KAAK,EAAE,YAAY;YACnB,SAAS,EAAE,YAAY;YACvB,GAAG,EAAE,YAAY;YACjB,MAAM,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,0BAAM,IAAI,SAAQ;SAC/C;QACD;YACI,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,MAAM;YACjB,GAAG,EAAE,MAAM;YACX,MAAM,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,+BAAO,IAAI,IAAO;SAC/C;QACD;YACI,KAAK,EAAE,QAAQ;YACf,SAAS,EAAE,QAAQ;YACnB,GAAG,EAAE,QAAQ;YACb,MAAM,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,+BAAO,IAAI,IAAO;SAC/C;QACD;YACI,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE,SAAS;YACpB,GAAG,EAAE,SAAS;YACd,MAAM,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,+BAAO,IAAI,IAAO;SAC/C;QACD;YACI,KAAK,EAAE,EAAE;YACT,SAAS,EAAE,YAAY;YACvB,GAAG,EAAE,OAAO;YACZ,MAAM,EAAE,CAAC,UAAkB,EAAE,MAAgB,EAAE,EAAE,CAAC,CAC9C,KAAC,QAAQ,IACL,OAAO,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,GAAG,EAC/B,QAAQ,EAAE,KAAK,EACf,WAAW,EAAE,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,EACxC,WAAW,EAAE,EAAE,EACf,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,GAClC,CACL;SACJ;KACJ,CAAC;IAEF,OAAO,CACH,wBACI,KAAC,KAAK,IACF,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,KAAK,CAAC,IAAI,EACtB,UAAU,EAAE,KAAK,EACjB,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,UAAU,GACvC,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/NSChartTable.module.css

@@ -0,0 +1,22 @@
+.custom_row td {
+    border: none;
+}
+
+.custom_row td:nth-child(2),
+.custom_row td:nth-child(3),
+.custom_row td:nth-child(4),
+.custom_row td:nth-child(5),
+.custom_row td:nth-child(6) {
+    border-bottom: 1px dashed #d9d9d9;
+}
+
+/* Override default Ant Design row borders */
+.ant-table-tbody>tr>td {
+    border-bottom: none !important;
+}
+
+/* Increase progress bar height */
+.ant-progress {
+    height: 16px !important;
+    /* Adjust as needed */
+}

package/dist/components/NSDownload.d.ts

@@ -0,0 +1,6 @@
+import { IBaseComponentProps } from "../main";
+export interface NSDownloadProps extends IBaseComponentProps {
+    releaseDate: string;
+}
+declare function NSDownload(props: NSDownloadProps): import("react/jsx-runtime").JSX.Element;
+export default NSDownload;

package/dist/components/NSDownload.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { NSButtonBlue } from "../main";
+import { NSBoxRadio } from "./NSBoxRadio";
+import Styles from "./NSDownload.module.css";
+import { NSLine } from "./NSLine";
+function NSDownload(props) {
+    var _a;
+    const [state, setState] = useState("32-bit");
+    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) => {
+                                    let value = event.getValue();
+                                    if (value) {
+                                        setState("32-bit");
+                                    }
+                                }, classList: [Styles.radio_button] }), _jsx(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] })] })] }), _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] })] })] }));
+}
+export default NSDownload;
+//# sourceMappingURL=NSDownload.js.map

package/dist/components/NSDownload.js.map

@@ -0,0 +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

@@ -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/dist/components/NSPageSelectionModal.js

@@ -12,8 +12,8 @@ import { 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 class NSPageSelectionModal extends Component {
     constructor(props) {
         super(props);
@@ -76,7 +76,7 @@ export class NSPageSelectionModal extends Component {
         return (_jsx(_Fragment, { children: _jsxs(_Fragment, { children: [_jsx("div", { className: Styles.ns_print_container, ref: this.toastRef, children: _jsxs("div", { className: Styles.ns_header_print, children: [_jsx("img", { src: "https://static.namirasoft.com/image/concept/close/blue.svg", alt: "Close", width: 24, height: 24, onClick: (e) => {
                                         e.stopPropagation();
                                         this.props.onClose();
-                                    }, className: Styles.ns_close_icon }), _jsxs("div", { className: Styles.ns_print_title, children: [_jsx("img", { src: "https://static.namirasoft.com/image/concept/print/blue.svg", alt: "Print", width: 24, height: 24 }), _jsx("h2", { className: 'm-0', children: "Page Selection" })] }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx("p", { className: Styles.ns_print_description, children: "Please select which pages you want to continue with" }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsxs("div", { className: Styles.ns_parent_checkboxs, children: [_jsx(NSRadioButton, { defaultValue: true, ref: this.NSBoxBoolean_CurrentPage, title: "Current page", required: false, name: "PageSelection", isSelected: this.state.selectedRadio === 'current_page', onClick: () => this.handleRadioChange('current_page') }), _jsx(NSRadioButton, { ref: this.NSBoxBoolean_SelectedItems, title: "Only Selected Items", required: false, name: "PageSelection", isSelected: this.state.selectedRadio === 'selected_items', onClick: () => this.handleRadioChange('selected_items') }), _jsx(NSRadioButton, { ref: this.NSBoxBoolean_CustomPage, title: "Custom Pages", required: false, name: "PageSelection", isSelected: this.state.selectedRadio === 'custom_page', onClick: () => this.handleRadioChange('custom_page') }), _jsx(NSRadioButton, { ref: this.NSBoxBoolean_AllPage, title: "All Pages", required: false, name: "PageSelection", isSelected: this.state.selectedRadio === 'all_page', onClick: () => this.handleRadioChange('all_page') })] }), _jsx(NSSpace, { size: NSSpaceSizeType.MICRO }), this.state.selectedRadio === 'custom_page' && (_jsx(NSBoxString, { ref: this.NSBoxString_Pages, classList: [Styles.ns_w_box_string], required: false, title: "Custom Pages", getError: value => {
+                                    }, className: Styles.ns_close_icon }), _jsxs("div", { className: Styles.ns_print_title, children: [_jsx("img", { src: "https://static.namirasoft.com/image/concept/print/blue.svg", alt: "Print", width: 24, height: 24 }), _jsx("h2", { className: 'm-0', children: "Page Selection" })] }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx("p", { className: Styles.ns_print_description, children: "Please select which pages you want to continue with" }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsxs("div", { className: Styles.ns_parent_checkboxs, children: [_jsx(NSBoxRadio, { defaultValue: true, ref: this.NSBoxBoolean_CurrentPage, title: "Current page", required: false, name: "PageSelection", isSelected: this.state.selectedRadio === 'current_page', onClick: () => this.handleRadioChange('current_page') }), _jsx(NSBoxRadio, { ref: this.NSBoxBoolean_SelectedItems, title: "Only Selected Items", required: false, name: "PageSelection", isSelected: this.state.selectedRadio === 'selected_items', onClick: () => this.handleRadioChange('selected_items') }), _jsx(NSBoxRadio, { ref: this.NSBoxBoolean_CustomPage, title: "Custom Pages", required: false, name: "PageSelection", isSelected: this.state.selectedRadio === 'custom_page', onClick: () => this.handleRadioChange('custom_page') }), _jsx(NSBoxRadio, { ref: this.NSBoxBoolean_AllPage, title: "All Pages", required: false, name: "PageSelection", isSelected: this.state.selectedRadio === 'all_page', onClick: () => this.handleRadioChange('all_page') })] }), _jsx(NSSpace, { size: NSSpaceSizeType.MICRO }), this.state.selectedRadio === 'custom_page' && (_jsx(NSBoxString, { ref: this.NSBoxString_Pages, classList: [Styles.ns_w_box_string], required: false, title: "Custom Pages", getError: value => {
                                         try {
                                             this.parseCustomPage(value);
                                             return null;