@pallasoft/ps-table-components 1.17.0 → 1.18.0

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/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/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/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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-table-components",
-	"version": "1.17.0",
+	"version": "1.18.0",
 	"private": false,
 	"main": "./dist/index.js",
 	"module": "./dist/esm/index.js",
@@ -9,7 +9,6 @@
 	"exports": {
 		".": {
 			"types": "./dist/index.d.ts",
-			"import": "./dist/esm/index.js",
 			"module": "./dist/esm/index.js",
 			"require": "./dist/index.js",
 			"default": "./dist/index.js"