UNPKG

@yashrajsingh/dynamic-table

Version:

Dynamic table component with framework-independent data fetching

45 lines (44 loc) 2.08 kB
"use strict"; var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } return new (P || (P = Promise))(function (resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); }; Object.defineProperty(exports, "__esModule", { value: true }); exports.DynamicTableFetcher = void 0; const base_fetcher_1 = require("@reusable/base-fetcher"); class DynamicTableFetcher extends base_fetcher_1.BaseFetcher { constructor(config) { super({ config }); } fetchData() { return __awaiter(this, void 0, void 0, function* () { const { endpoint = '', options = {}, transformResponse } = this.config; try { const response = yield fetch(endpoint, options); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const rawData = yield response.json(); if (transformResponse) { return transformResponse(rawData); } // Default transformation for array of objects if (Array.isArray(rawData) && rawData.length > 0) { const headers = Object.keys(rawData[0]); const rows = rawData.map(item => headers.map(header => item[header])); return { headers, rows }; } throw new Error('Invalid data format'); } catch (error) { throw error; } }); } } exports.DynamicTableFetcher = DynamicTableFetcher;