namirasoft-site-react 1.4.560 → 1.4.561

package/dist/components/NSChartBar.js

@@ -0,0 +1,93 @@
+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 { ColorOperation } from '../ColorOperation';
+ChartJS.register(CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend);
+const toPercentDatasets = (dataset) => {
+    let totals = [];
+    dataset.forEach(item => item.data.forEach((value, index) => { var _a; return totals[index] = ((_a = totals[index]) !== null && _a !== void 0 ? _a : 0) + (value || 0); }));
+    return dataset.map(item => (Object.assign(Object.assign({}, item), { data: item.data.map((value, index) => totals[index] ? (value / totals[index]) * 100 : 0) })));
+};
+const prepareDatasets = (dataset, mode) => {
+    let stacked = mode === "stacked" || mode === "percent";
+    let source = mode === "percent" ? toPercentDatasets(dataset) : dataset;
+    return source.map((item, index) => {
+        var _a;
+        return ({
+            label: item.label,
+            data: item.data,
+            backgroundColor: (_a = item.color) !== null && _a !== void 0 ? _a : ColorOperation.at(index),
+            stack: stacked ? "stack" : `stack-${index}`,
+        });
+    });
+};
+;
+export function NSChartBar(props) {
+    var _a, _b, _c, _d;
+    let mode = (_a = props.mode) !== null && _a !== void 0 ? _a : "grouped";
+    let stacked = mode === "stacked" || mode === "percent";
+    let percent = mode === "percent";
+    let horizontal = (_b = props.horizontal) !== null && _b !== void 0 ? _b : false;
+    const data = {
+        labels: props.labels,
+        datasets: prepareDatasets(props.dataset, mode)
+    };
+    const categoryScale = {
+        stacked: stacked,
+        ticks: {
+            font: { size: 12, weight: 400 },
+            color: '#141B5C',
+            maxRotation: horizontal ? 0 : 45,
+            minRotation: 0,
+        },
+        grid: { display: false },
+        border: { display: false },
+    };
+    const valueScale = {
+        stacked: stacked,
+        min: percent ? 0 : props.range.min,
+        max: percent ? 100 : props.range.max,
+        ticks: {
+            callback: function (value) {
+                if (percent)
+                    return value + "%";
+                return props.formatValue ? props.formatValue(value) : value;
+            },
+            font: { size: 12, weight: 400 },
+            color: '#141B5C',
+        },
+        grid: { display: props.yGrid, color: "#E6EEF5" },
+        border: { display: false },
+    };
+    const options = {
+        indexAxis: horizontal ? "y" : "x",
+        responsive: true,
+        maintainAspectRatio: false,
+        plugins: {
+            legend: {
+                display: true,
+                position: "bottom"
+            },
+            tooltip: {
+                enabled: true,
+                callbacks: {
+                    title: (items) => {
+                        var _a, _b;
+                        let label = (_b = (_a = items[0]) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : "";
+                        return props.xTitle ? `${props.xTitle}: ${label}` : label;
+                    },
+                    label: ({ dataset, raw }) => percent
+                        ? `${dataset.label}: ${raw.toFixed(1)}%`
+                        : `${dataset.label}: ${props.formatValue ? props.formatValue(raw) : raw}`,
+                },
+            },
+        },
+        scales: {
+            x: horizontal ? valueScale : categoryScale,
+            y: horizontal ? categoryScale : valueScale,
+        },
+    };
+    return (_jsx(Bar, { data: data, options: options, width: (_c = props.width) !== null && _c !== void 0 ? _c : 320, height: (_d = props.height) !== null && _d !== void 0 ? _d : 240 }));
+}
+;
+//# sourceMappingURL=NSChartBar.js.map

package/dist/components/NSChartBar.js.map

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

package/dist/components/NSChartDoughnut.d.ts

@@ -3,6 +3,9 @@ export interface NSChartDoughnutProps extends IBaseComponentProps {
     title: string;
     datas: number[];
     labels: string[];
+    labelTitle?: string;
+    valueTitle?: string;
+    formatValue?: (value: number) => string;
     backgroundColors?: string[];
     borderWidth?: number;
 }

package/dist/components/NSChartDoughnut.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Doughnut } from 'react-chartjs-2';
 import { Chart as ChartJS, ArcElement, Tooltip, Legend, Title, SubTitle, CategoryScale, LinearScale, BarElement, PointElement, LineElement } from 'chart.js';
+import { ColorOperation } from '../ColorOperation';
 ChartJS.register(ArcElement, Tooltip, Legend, Title, SubTitle, CategoryScale, LinearScale, BarElement, PointElement, LineElement);
 export function NSChartDoughnut(props) {
     var _a, _b, _c, _d;
-    let backgroundColors = [""];
     const options = {
         responsive: true,
         plugins: {
@@ -16,11 +16,12 @@ export function NSChartDoughnut(props) {
                     useBorderRadius: false,
                     borderRadius: 100,
                     boxWidth: 16,
-                    color: 'hsla(250, 87%, 29%, 1)',
+                    color: '#141b5c',
                 },
             },
             title: {
-                display: true,
+                display: false,
+                text: props.title,
             },
             tooltip: {
                 enabled: true,
@@ -30,47 +31,48 @@ export function NSChartDoughnut(props) {
                 bodyFont: {
                     size: 12
                 },
+                callbacks: {
+                    title: (items) => {
+                        var _a, _b;
+                        let label = (_b = (_a = items[0]) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : "";
+                        return props.labelTitle ? `${props.labelTitle}: ${label}` : label;
+                    },
+                    label: (item) => {
+                        let value = props.formatValue ? props.formatValue(item.raw) : item.raw;
+                        return props.valueTitle ? `${props.valueTitle}: ${value}` : `${value}`;
+                    },
+                },
             },
         },
         animation: {
             animateScale: true,
         }
     };
-    const generateRandomColor = () => {
-        let maxVal = 0xFFFFFF;
-        let randomNumber = Math.random() * maxVal;
-        randomNumber = Math.floor(randomNumber);
-        let X = randomNumber.toString(16);
-        let randomColor = X.padStart(6, "0");
-        return `#${randomColor.toUpperCase()}`;
-    };
-    const setRandomColor = () => {
-        props.datas.forEach(() => backgroundColors === null || backgroundColors === void 0 ? void 0 : backgroundColors.push(generateRandomColor()));
-        return backgroundColors;
-    };
     const data = {
         labels: props.labels,
         datasets: [
             {
                 data: props.datas,
-                backgroundColor: (_a = props.backgroundColors) !== null && _a !== void 0 ? _a : setRandomColor(),
-                borderWidth: (_b = props.borderWidth) !== null && _b !== void 0 ? _b : 1
+                backgroundColor: (_a = props.backgroundColors) !== null && _a !== void 0 ? _a : ColorOperation.generate(props.datas.length),
+                borderColor: "#ffffff",
+                borderWidth: (_b = props.borderWidth) !== null && _b !== void 0 ? _b : 2
             }
         ]
     };
     const centerTitlePlugin = {
         id: 'centerTitle',
         afterDraw(chart) {
+            var _a, _b, _c, _d;
             const { ctx, chartArea: { width, height } } = chart;
             const meta = chart.getDatasetMeta(0);
             const arc = meta.data[0];
             ctx.save();
-            const fontSize = arc.innerRadius / 3;
-            ctx.font = fontSize.toString() + "px";
+            const fontSize = Math.max(12, arc.innerRadius / 3);
+            ctx.font = `${fontSize}px sans-serif`;
             ctx.fillStyle = 'hsla(234, 64%, 22%, 1)';
             ctx.textBaseline = 'middle';
             ctx.textAlign = 'center';
-            const text = props.title;
+            const text = (_d = (_c = (_b = (_a = chart.options) === null || _a === void 0 ? void 0 : _a.plugins) === null || _b === void 0 ? void 0 : _b.title) === null || _c === void 0 ? void 0 : _c.text) !== null && _d !== void 0 ? _d : "";
             const centerX = (arc.x || width / 2);
             const centerY = (arc.y || height / 2);
             ctx.fillText(text, centerX, centerY);

package/dist/components/NSChartDoughnut.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSChartDoughnut.js","sourceRoot":"","sources":["../../src/components/NSChartDoughnut.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAmD,MAAM,UAAU,CAAC;AAG9M,OAAO,CAAC,QAAQ,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC;AAWlI,MAAM,UAAU,eAAe,CAAC,KAA2B;;IAE1D,IAAI,gBAAgB,GAAa,CAAC,EAAE,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG;QACf,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE;YACR,MAAM,EAAE;gBACP,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,IAAI;gBAChB,QAAQ,EAAE,MAAe;gBACzB,MAAM,EAAE;oBACP,eAAe,EAAE,KAAK;oBACtB,YAAY,EAAE,GAAG;oBACjB,QAAQ,EAAE,EAAE;oBACZ,KAAK,EAAE,wBAAwB;iBAC/B;aACD;YACD,KAAK,EAAE;gBACN,OAAO,EAAE,IAAI;aACb;YACD,OAAO,EAAE;gBACR,OAAO,EAAE,IAAI;gBACb,SAAS,EAAE;oBACV,IAAI,EAAE,EAAE;iBACR;gBACD,QAAQ,EAAE;oBACT,IAAI,EAAE,EAAE;iBACR;aACD;SACD;QACD,SAAS,EAAE;YACV,YAAY,EAAE,IAAI;SAClB;KACD,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAW,EAAE;QAExC,IAAI,MAAM,GAAG,QAAQ,CAAC;QACtB,IAAI,YAAY,GAAW,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC;QAClD,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QACxC,IAAI,CAAC,GAAW,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC1C,IAAI,WAAW,GAAW,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAC7C,OAAO,IAAI,WAAW,CAAC,WAAW,EAAE,EAAE,CAAA;IACvC,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,GAAa,EAAE;QAErC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAA;QACxE,OAAO,gBAAgB,CAAC;IACzB,CAAC,CAAA;IAED,MAAM,IAAI,GAA0B;QACnC,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,QAAQ,EAAE;YACT;gBACC,IAAI,EAAE,KAAK,CAAC,KAAK;gBACjB,eAAe,EAAE,MAAA,KAAK,CAAC,gBAAgB,mCAAI,cAAc,EAAE;gBAC3D,WAAW,EAAE,MAAA,KAAK,CAAC,WAAW,mCAAI,CAAC;aACnC;SACD;KACD,CAAC;IACF,MAAM,iBAAiB,GAAuB;QAC7C,EAAE,EAAE,aAAa;QACjB,SAAS,CAAC,KAAK;YAEd,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,KAAK,CAAC;YACpD,MAAM,IAAI,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;YACrC,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAA8B,CAAC;YACtD,GAAG,CAAC,IAAI,EAAE,CAAC;YACX,MAAM,QAAQ,GAAG,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC;YACrC,GAAG,CAAC,IAAI,GAAG,QAAQ,CAAC,QAAQ,EAAE,GAAG,IAAI,CAAC;YACtC,GAAG,CAAC,SAAS,GAAG,wBAAwB,CAAC;YACzC,GAAG,CAAC,YAAY,GAAG,QAAQ,CAAC;YAC5B,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC;YAEzB,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC;YACzB,MAAM,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC;YACrC,MAAM,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,MAAM,GAAG,CAAC,CAAC,CAAC;YAEtC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;YACrC,GAAG,CAAC,OAAO,EAAE,CAAC;QACf,CAAC;KACD,CAAC;IACF,OAAO,CACN,cACC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,GAAG,MAAA,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EAChD,KAAK,EAAE,KAAK,CAAC,KAAK,YAElB,KAAC,QAAQ,IACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,iBAAiB,CAAC,GAC3B,GACG,CACN,CAAC;AACH,CAAC"}
+{"version":3,"file":"NSChartDoughnut.js","sourceRoot":"","sources":["../../src/components/NSChartDoughnut.tsx"],"names":[],"mappings":"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"}

package/dist/components/NSChartLine.d.ts

@@ -0,0 +1,21 @@
+import { IBaseComponentProps } from '../props/IBaseComponentProps';
+export interface NSChartLineDataSetItem {
+    label: string;
+    color?: string;
+    data: number[];
+}
+export interface NSChartLineProps extends IBaseComponentProps {
+    labels: string[];
+    dataset: NSChartLineDataSetItem[];
+    range: {
+        min: number;
+        max: number;
+    };
+    xTitle?: string;
+    area?: boolean;
+    yGrid?: boolean;
+    height?: number;
+    width?: number;
+    formatValue?: (value: number) => string;
+}
+export declare function NSChartLine(props: NSChartLineProps): import("react").JSX.Element;

package/dist/components/NSChartLine.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Line } from 'react-chartjs-2';
+import { Chart as ChartJS, CategoryScale, LinearScale, PointElement, LineElement, Filler, Title, Tooltip, Legend } from 'chart.js';
+import { ColorOperation } from '../ColorOperation';
+ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Filler, Title, Tooltip, Legend);
+export function NSChartLine(props) {
+    var _a, _b, _c;
+    let area = (_a = props.area) !== null && _a !== void 0 ? _a : false;
+    const data = {
+        labels: props.labels,
+        datasets: props.dataset.map((item, index) => {
+            var _a;
+            let color = (_a = item.color) !== null && _a !== void 0 ? _a : ColorOperation.at(index);
+            return {
+                label: item.label,
+                data: item.data,
+                borderColor: color,
+                backgroundColor: area ? color + "44" : color,
+                pointBackgroundColor: color,
+                pointRadius: 3,
+                pointHoverRadius: 5,
+                borderWidth: 2,
+                tension: 0.3,
+                fill: area,
+            };
+        })
+    };
+    const options = {
+        responsive: true,
+        maintainAspectRatio: false,
+        plugins: {
+            legend: {
+                display: true,
+                position: "bottom"
+            },
+            tooltip: {
+                enabled: true,
+                callbacks: {
+                    title: (items) => {
+                        var _a, _b;
+                        let label = (_b = (_a = items[0]) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : "";
+                        return props.xTitle ? `${props.xTitle}: ${label}` : label;
+                    },
+                    label: ({ dataset, raw }) => `${dataset.label}: ${props.formatValue ? props.formatValue(raw) : raw}`,
+                },
+            },
+        },
+        scales: {
+            x: {
+                ticks: {
+                    font: { size: 12, weight: 400 },
+                    color: '#141B5C',
+                    maxRotation: 45,
+                    minRotation: 0,
+                },
+                grid: { display: false },
+                border: { display: false },
+            },
+            y: {
+                min: props.range.min,
+                max: props.range.max,
+                ticks: {
+                    callback: function (value) {
+                        return props.formatValue ? props.formatValue(value) : value;
+                    },
+                    font: { size: 12, weight: 400 },
+                    color: '#141B5C',
+                },
+                grid: { display: props.yGrid, color: "#E6EEF5" },
+                border: { display: false },
+            },
+        },
+    };
+    return (_jsx(Line, { data: data, options: options, width: (_b = props.width) !== null && _b !== void 0 ? _b : 320, height: (_c = props.height) !== null && _c !== void 0 ? _c : 240 }));
+}
+//# sourceMappingURL=NSChartLine.js.map

package/dist/components/NSChartLine.js.map

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

package/dist/components/NSChartPie.d.ts

@@ -3,6 +3,9 @@ export interface NSChartPieProps extends IBaseComponentProps {
     title?: string;
     datas: number[];
     labels: string[];
+    labelTitle?: string;
+    valueTitle?: string;
+    formatValue?: (value: number) => string;
     backgroundColors?: string[];
     borderWidth?: number;
 }

package/dist/components/NSChartPie.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Pie } from 'react-chartjs-2';
 import { Chart as ChartJS, ArcElement, Tooltip, Legend, Title, SubTitle, CategoryScale, LinearScale, BarElement, PointElement, LineElement } from 'chart.js';
+import { ColorOperation } from '../ColorOperation';
 ChartJS.register(ArcElement, Tooltip, Legend, Title, SubTitle, CategoryScale, LinearScale, BarElement, PointElement, LineElement);
 export function NSChartPie(props) {
-    var _a, _b, _c, _d, _e;
-    let backgroundColors = [""];
+    var _a, _b, _c, _d;
     const options = {
         responsive: true,
         plugins: {
@@ -13,7 +13,7 @@ export function NSChartPie(props) {
                 responsive: true,
                 position: 'left',
                 labels: {
-                    useBorderRadius: true,
+                    useBorderRadius: false,
                     borderRadius: 100,
                     boxWidth: 16,
                     color: 'hsla(250, 87%, 29%, 1)',
@@ -27,32 +27,31 @@ export function NSChartPie(props) {
                 bodyFont: {
                     size: 12
                 },
+                callbacks: {
+                    title: (items) => {
+                        var _a, _b;
+                        let label = (_b = (_a = items[0]) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : "";
+                        return props.labelTitle ? `${props.labelTitle}: ${label}` : label;
+                    },
+                    label: (item) => {
+                        let value = props.formatValue ? props.formatValue(item.raw) : item.raw;
+                        return props.valueTitle ? `${props.valueTitle}: ${value}` : `${value}`;
+                    },
+                },
             },
         },
         animation: {
             animateScale: true,
         }
     };
-    const generateRandomColor = () => {
-        let maxVal = 0xFFFFFF;
-        let randomNumber = Math.random() * maxVal;
-        randomNumber = Math.floor(randomNumber);
-        let X = randomNumber.toString(16);
-        let randomColor = X.padStart(6, "0");
-        return `#${randomColor.toUpperCase()}`;
-    };
-    const setRandomColor = () => {
-        props.datas.forEach(() => backgroundColors === null || backgroundColors === void 0 ? void 0 : backgroundColors.push(generateRandomColor()));
-        return backgroundColors;
-    };
     const data = {
         labels: props.labels,
         datasets: [
             {
                 data: props.datas,
-                backgroundColor: (_a = props.backgroundColors) !== null && _a !== void 0 ? _a : setRandomColor(),
-                borderColor: (_b = props.backgroundColors) !== null && _b !== void 0 ? _b : setRandomColor(),
-                borderWidth: (_c = props.borderWidth) !== null && _c !== void 0 ? _c : 1
+                backgroundColor: (_a = props.backgroundColors) !== null && _a !== void 0 ? _a : ColorOperation.generate(props.datas.length),
+                borderColor: "#ffffff",
+                borderWidth: (_b = props.borderWidth) !== null && _b !== void 0 ? _b : 2
             }
         ]
     };
@@ -64,8 +63,8 @@ export function NSChartPie(props) {
             const meta = chart.getDatasetMeta(0);
             const arc = meta.data[0];
             ctx.save();
-            const fontSize = arc.innerRadius / 3;
-            ctx.font = fontSize.toString() + "px";
+            const fontSize = Math.max(12, arc.innerRadius / 3);
+            ctx.font = `${fontSize}px sans-serif`;
             ctx.fillStyle = 'hsla(234, 64%, 22%, 1)';
             ctx.textBaseline = 'middle';
             ctx.textAlign = 'center';
@@ -76,6 +75,6 @@ export function NSChartPie(props) {
             ctx.restore();
         }
     };
-    return (_jsx("div", { className: `${(_e = (_d = props.classList) === null || _d === void 0 ? void 0 : _d.join(" ")) !== null && _e !== void 0 ? _e : ""} `, style: props.style, children: _jsx(Pie, { data: data, options: options, plugins: [centerTitlePlugin] }) }));
+    return (_jsx("div", { className: `${(_d = (_c = props.classList) === null || _c === void 0 ? void 0 : _c.join(" ")) !== null && _d !== void 0 ? _d : ""} `, style: props.style, children: _jsx(Pie, { data: data, options: options, plugins: [centerTitlePlugin] }) }));
 }
 //# sourceMappingURL=NSChartPie.js.map

package/dist/components/NSChartPie.js.map

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

package/dist/components/NSPagination.js

@@ -1,8 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Component } from 'react';
 import Styles from './NSPagination.module.css';
 import React from "react";
 import { NSBoxCombo } from './NSBoxCombo';
+import { NSRow } from './NSRow';
 let pageSizes = [25, 50, 100, 200, 500];
 export class NSPagination extends Component {
     constructor(props) {
@@ -82,13 +83,13 @@ export class NSPagination extends Component {
                 });
             }
         });
-        return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${Styles.ns_pagination_container} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(' ')}`, style: this.props.style, children: [_jsx("div", { className: Styles.ns_pagination_buttons_container, children: pages }), _jsx(NSBoxCombo, { ref: this.PageSize, title: '', required: false, searchable: false, multiple: false, defaultValue: "25", hideHeader: true, getOptions: () => pageSizes.map(pagesize => { return { value: pagesize.toString(), title: pagesize.toString() }; }), onChanged: () => {
-                            let currentPage = this.state.currentPage;
-                            this.setState({ currentPage }, () => {
-                                let pageSize = this.getPageSize();
-                                onPageChange(currentPage, pageSize);
-                            });
-                        }, style: { width: "70px" } }), _jsx("p", { className: Styles.ns_pagination_info, children: `(${current_min.toLocaleString()} - ${current_max.toLocaleString()}) of ${totalItems.toLocaleString()}` })] }) }));
+        return (_jsxs("div", { id: this.props.id, className: `${Styles.ns_pagination_container} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(' ')}`, style: this.props.style, children: [_jsx("div", { className: Styles.ns_pagination_buttons_container, children: pages }), _jsxs(NSRow, { classList: ["flex-nowrap"], children: [_jsx(NSBoxCombo, { ref: this.PageSize, title: '', required: false, searchable: false, multiple: false, defaultValue: "25", hideHeader: true, getOptions: () => pageSizes.map(pagesize => ({ value: pagesize.toString(), title: pagesize.toString() })), onChanged: () => {
+                                let currentPage = this.state.currentPage;
+                                this.setState({ currentPage }, () => {
+                                    let pageSize = this.getPageSize();
+                                    onPageChange(currentPage, pageSize);
+                                });
+                            }, style: { width: "72px" } }), _jsx("p", { className: Styles.ns_pagination_info, children: `(${current_min.toLocaleString()} - ${current_max.toLocaleString()}) of ${totalItems.toLocaleString()}` })] })] }));
     }
 }
 //# sourceMappingURL=NSPagination.js.map

package/dist/components/NSPagination.js.map

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

package/dist/components/NSPagination.module.css

@@ -76,6 +76,7 @@
 	align-items: center;
 	color: rgba(20, 27, 200, 1);
 	text-align: center;
+    white-space: nowrap;
 }
 
 @media only screen and (min-width: 480px) {

package/dist/components/NSTable.d.ts

@@ -93,6 +93,7 @@ interface NSTableState<RowType> {
         [key: string]: number;
     };
     fullscreen: boolean;
+    showChart: boolean;
 }
 declare enum PageSelectionMode {
     Hidden = "Hidden",

package/dist/components/NSTable.js

@@ -18,6 +18,7 @@ import { NSDialogPageSelection } from './NSDialogPageSelection';
 import { NSLoading } from './NSLoading';
 import { NSNoData } from './NSNoData';
 import { NSPagination } from './NSPagination';
+import { NSTableChart } from './NSTableChart';
 import Styles from './NSTable.module.css';
 var PageSelectionMode;
 (function (PageSelectionMode) {
@@ -46,6 +47,7 @@ export class NSTable extends Component {
             sortItems: this.getSortItems(),
             columnWidths: this.loadColumnWidths(),
             fullscreen: false,
+            showChart: false,
         };
         this.getSortItemsKey = this.getSortItemsKey.bind(this);
         this.getSortItems = this.getSortItems.bind(this);
@@ -438,7 +440,7 @@ export class NSTable extends Component {
             document.removeEventListener('mouseup', this.resizeUpHandler);
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         let show_pagination = (_b = (_a = this.props.ui) === null || _a === void 0 ? void 0 : _a.pagination) !== null && _b !== void 0 ? _b : true;
         let show_button_panel = (_d = (_c = this.props.ui) === null || _c === void 0 ? void 0 : _c.button_panel) !== null && _d !== void 0 ? _d : true;
         let getRowAttributes = (row_value, row_index) => {
@@ -643,7 +645,10 @@ export class NSTable extends Component {
                         showLoading: false
                     }, attributes: { title: this.state.fullscreen ? 'Minimize' : 'Maximize' } }), _jsx(NSButton, { attributes: { title: 'Chart' }, icon: { src: "https://static.namirasoft.com/image/concept/chart/blue.svg" }, onClick: {
                         action: () => {
-                            this.showModal(" ", "This feature will be available soon in upcoming versions.");
+                            if (!this.state.rows || this.state.rows.length === 0)
+                                this.showModal(" ", "There is no data to display as a chart.");
+                            else
+                                this.setState({ showChart: true });
                         },
                         showLoading: false
                     }, classList: [Styles.ns_table_button] }), _jsx(NSButton, { icon: { src: "https://static.namirasoft.com/image/concept/export/blue.svg" }, onClick: {
@@ -678,7 +683,8 @@ export class NSTable extends Component {
                                                     this.setSortItems(null);
                                             }
                                         }, style: { width: this.getColumnWidth(column) }, children: [_jsx("span", { className: Styles.ns_th_title, children: column.text + " " + getSortSign(column) }), _jsx("div", { "data-resize-handle": "true", className: Styles.ns_resize_handle, onMouseDown: (e) => this.startResize(e, column), onClick: (e) => { e.stopPropagation(); } })] }, column.name))] }) }), _jsx("tbody", { className: Styles.ns_tbody, children: content })] }), this.state.model.show &&
-                    _jsx(NSDialogInfo, { description: this.state.model.description, onClose: () => { this.hideModal(); }, title: this.state.title, show_as_code: true, children: _jsx(_Fragment, {}) })] }));
+                    _jsx(NSDialogInfo, { description: this.state.model.description, onClose: () => { this.hideModal(); }, title: this.state.title, show_as_code: true, children: _jsx(_Fragment, {}) }), this.state.showChart &&
+                    _jsx(NSTableChart, { name: this.props.name, columns: this.getColumns(true), rows: (_l = this.state.rows) !== null && _l !== void 0 ? _l : [], selectedRows: this.state.selectedRows, onClose: () => this.setState({ showChart: false }) })] }));
     }
 }
 //# sourceMappingURL=NSTable.js.map