@pallasoft/ps-table-components 1.17.1 → 1.18.1

package/dist/components/ps-table-export-button.d.ts

@@ -0,0 +1,5 @@
+export interface PsTableExportButtonProps {
+    label: string;
+    onExport: () => void;
+}
+export declare const PsTableExportButton: ({ label, onExport }: PsTableExportButtonProps) => import("react").JSX.Element;

package/dist/components/ps-table-export-button.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsTableExportButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_icons_1 = require("@pallasoft/ps-icons");
+const PsTableExportButton = ({ label, onExport }) => ((0, jsx_runtime_1.jsxs)("button", { className: 'ps-focus-ring ps-liquid ps-liquid-control inline-flex min-h-10 min-w-10 items-center justify-center gap-2 rounded-full px-3 text-sm font-semibold text-ink transition-colors hover:border-primary/40 sm:px-4', onClick: onExport, type: 'button', children: [(0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { "aria-hidden": 'true', className: 'block h-4 w-4', iconKey: ps_icons_1.PsIconKey.Download }), (0, jsx_runtime_1.jsx)("span", { className: 'sr-only sm:not-sr-only', children: label })] }));
+exports.PsTableExportButton = PsTableExportButton;

package/dist/constants/ps-table-download-config.d.ts

@@ -0,0 +1,4 @@
+export declare const PsTableDownloadConfig: {
+    csvExtension: string;
+    csvMimeType: string;
+};

package/dist/constants/ps-table-download-config.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsTableDownloadConfig = void 0;
+exports.PsTableDownloadConfig = {
+    csvExtension: '.csv',
+    csvMimeType: 'text/csv;charset=utf-8',
+};

package/dist/esm/components/ps-table-export-button.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsIcon, PsIconKey } from '@pallasoft/ps-icons';
+export const PsTableExportButton = ({ label, onExport }) => (_jsxs("button", { className: 'ps-focus-ring ps-liquid ps-liquid-control inline-flex min-h-10 min-w-10 items-center justify-center gap-2 rounded-full px-3 text-sm font-semibold text-ink transition-colors hover:border-primary/40 sm:px-4', onClick: onExport, type: 'button', children: [_jsx(PsIcon, { "aria-hidden": 'true', className: 'block h-4 w-4', iconKey: PsIconKey.Download }), _jsx("span", { className: 'sr-only sm:not-sr-only', children: label })] }));

package/dist/esm/constants/ps-table-download-config.js

@@ -0,0 +1,4 @@
+export const PsTableDownloadConfig = {
+    csvExtension: '.csv',
+    csvMimeType: 'text/csv;charset=utf-8',
+};

package/dist/esm/hooks/use-ps-streamed-rows.js

@@ -1,11 +1,12 @@
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { PsTableStreamService } from '../services/ps-table-stream-service';
-export const usePsStreamedRows = ({ first, getRowId, loadPage, pageSize, total, }) => {
+export const usePsStreamedRows = ({ first, getRowId, loadPage, pageSize, scope, total, }) => {
     const [stream, setStream] = useState({
         first,
         hasFailed: false,
         previous: [],
         rows: first,
+        scope,
     });
     const rowId = useRef(getRowId);
     const load = useRef(loadPage);
@@ -16,8 +17,9 @@ export const usePsStreamedRows = ({ first, getRowId, loadPage, pageSize, total,
         setStream({
             first,
             hasFailed: false,
-            previous: PsTableStreamService.merge(stream.rows, stream.previous, getRowId, total),
+            previous: PsTableStreamService.carried(stream.rows, stream.previous, getRowId, total, stream.scope === scope),
             rows: first,
+            scope,
         });
     const nextPage = stream.hasFailed
         ? null

package/dist/esm/index.js

@@ -26,3 +26,6 @@ export * from './services/ps-table-group-service';
 export * from './services/ps-table-query-service';
 export * from './services/ps-table-search-service';
 export * from './services/ps-table-stream-service';
+export * from './components/ps-table-export-button';
+export * from './constants/ps-table-download-config';
+export * from './services/ps-table-download-service';

package/dist/esm/services/ps-table-download-service.js

@@ -0,0 +1,12 @@
+import { PsTableDownloadConfig } from '../constants/ps-table-download-config';
+export class PsTableDownloadService {
+    static downloadCsv(fileName, content) {
+        const blob = new Blob([content], { type: PsTableDownloadConfig.csvMimeType });
+        const url = URL.createObjectURL(blob);
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = `${fileName}${PsTableDownloadConfig.csvExtension}`;
+        link.click();
+        URL.revokeObjectURL(url);
+    }
+}

package/dist/esm/services/ps-table-stream-service.js

@@ -6,6 +6,9 @@ export class PsTableStreamService {
         const freshIds = new Set(fresh.map(getRowId));
         return [...fresh, ...previous.filter((row) => !freshIds.has(getRowId(row)))].slice(0, total);
     }
+    static carried(rows, previous, getRowId, total, isSameScope) {
+        return isSameScope ? PsTableStreamService.merge(rows, previous, getRowId, total) : [];
+    }
     static append(rows, page, getRowId) {
         const seen = new Set(rows.map(getRowId));
         return [...rows, ...page.filter((row) => !seen.has(getRowId(row)))];

package/dist/hooks/use-ps-streamed-rows.d.ts

@@ -1,3 +1,3 @@
 import type { PsTableStreamInput } from '../interfaces/table-stream-input';
 import type { PsTableStreamResult } from '../interfaces/table-stream-result';
-export declare const usePsStreamedRows: <RowData>({ first, getRowId, loadPage, pageSize, total, }: PsTableStreamInput<RowData>) => PsTableStreamResult<RowData>;
+export declare const usePsStreamedRows: <RowData>({ first, getRowId, loadPage, pageSize, scope, total, }: PsTableStreamInput<RowData>) => PsTableStreamResult<RowData>;

package/dist/hooks/use-ps-streamed-rows.js

@@ -3,12 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePsStreamedRows = void 0;
 const react_1 = require("react");
 const ps_table_stream_service_1 = require("../services/ps-table-stream-service");
-const usePsStreamedRows = ({ first, getRowId, loadPage, pageSize, total, }) => {
+const usePsStreamedRows = ({ first, getRowId, loadPage, pageSize, scope, total, }) => {
     const [stream, setStream] = (0, react_1.useState)({
         first,
         hasFailed: false,
         previous: [],
         rows: first,
+        scope,
     });
     const rowId = (0, react_1.useRef)(getRowId);
     const load = (0, react_1.useRef)(loadPage);
@@ -19,8 +20,9 @@ const usePsStreamedRows = ({ first, getRowId, loadPage, pageSize, total, }) => {
         setStream({
             first,
             hasFailed: false,
-            previous: ps_table_stream_service_1.PsTableStreamService.merge(stream.rows, stream.previous, getRowId, total),
+            previous: ps_table_stream_service_1.PsTableStreamService.carried(stream.rows, stream.previous, getRowId, total, stream.scope === scope),
             rows: first,
+            scope,
         });
     const nextPage = stream.hasFailed
         ? null

package/dist/index.d.ts

@@ -26,3 +26,6 @@ export * from './services/ps-table-group-service';
 export * from './services/ps-table-query-service';
 export * from './services/ps-table-search-service';
 export * from './services/ps-table-stream-service';
+export * from './components/ps-table-export-button';
+export * from './constants/ps-table-download-config';
+export * from './services/ps-table-download-service';

package/dist/index.js

@@ -42,3 +42,6 @@ __exportStar(require("./services/ps-table-group-service"), exports);
 __exportStar(require("./services/ps-table-query-service"), exports);
 __exportStar(require("./services/ps-table-search-service"), exports);
 __exportStar(require("./services/ps-table-stream-service"), exports);
+__exportStar(require("./components/ps-table-export-button"), exports);
+__exportStar(require("./constants/ps-table-download-config"), exports);
+__exportStar(require("./services/ps-table-download-service"), exports);

package/dist/interfaces/table-stream-input.d.ts

@@ -3,5 +3,6 @@ export interface PsTableStreamInput<RowData> {
     getRowId: (row: RowData) => string;
     loadPage: (page: number) => Promise<RowData[]>;
     pageSize: number;
+    scope?: string;
     total: number;
 }

package/dist/interfaces/table-stream-state.d.ts

@@ -3,4 +3,5 @@ export interface PsTableStreamState<RowData> {
     hasFailed: boolean;
     previous: RowData[];
     rows: RowData[];
+    scope: string | undefined;
 }

package/dist/services/ps-table-download-service.d.ts

@@ -0,0 +1,3 @@
+export declare class PsTableDownloadService {
+    static downloadCsv(fileName: string, content: string): void;
+}

package/dist/services/ps-table-download-service.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsTableDownloadService = void 0;
+const ps_table_download_config_1 = require("../constants/ps-table-download-config");
+class PsTableDownloadService {
+    static downloadCsv(fileName, content) {
+        const blob = new Blob([content], { type: ps_table_download_config_1.PsTableDownloadConfig.csvMimeType });
+        const url = URL.createObjectURL(blob);
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = `${fileName}${ps_table_download_config_1.PsTableDownloadConfig.csvExtension}`;
+        link.click();
+        URL.revokeObjectURL(url);
+    }
+}
+exports.PsTableDownloadService = PsTableDownloadService;

package/dist/services/ps-table-stream-service.d.ts

@@ -1,5 +1,6 @@
 export declare class PsTableStreamService {
     static nextPage(loaded: number, total: number, pageSize: number): number | null;
     static merge<RowData>(fresh: RowData[], previous: RowData[], getRowId: (row: RowData) => string, total: number): RowData[];
+    static carried<RowData>(rows: RowData[], previous: RowData[], getRowId: (row: RowData) => string, total: number, isSameScope: boolean): RowData[];
     static append<RowData>(rows: RowData[], page: RowData[], getRowId: (row: RowData) => string): RowData[];
 }

package/dist/services/ps-table-stream-service.js

@@ -9,6 +9,9 @@ class PsTableStreamService {
         const freshIds = new Set(fresh.map(getRowId));
         return [...fresh, ...previous.filter((row) => !freshIds.has(getRowId(row)))].slice(0, total);
     }
+    static carried(rows, previous, getRowId, total, isSameScope) {
+        return isSameScope ? PsTableStreamService.merge(rows, previous, getRowId, total) : [];
+    }
     static append(rows, page, getRowId) {
         const seen = new Set(rows.map(getRowId));
         return [...rows, ...page.filter((row) => !seen.has(getRowId(row)))];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-table-components",
-	"version": "1.17.1",
+	"version": "1.18.1",
 	"private": false,
 	"main": "./dist/index.js",
 	"module": "./dist/esm/index.js",