@matdata/yasr 5.5.0 → 5.7.0

package/src/plugins/table/__tests__/table-test.ts

@@ -1,246 +0,0 @@
-import { describe, it } from "mocha";
-import { expect } from "chai";
-import Yasr from "../../../index";
-import Parser from "../../../parsers";
-
-describe("Table Plugin", () => {
-  describe("Markdown Generation", () => {
-    it("should generate markdown table from simple results", () => {
-      const container = document.createElement("div");
-      const yasr = new Yasr(container);
-
-      // Mock SPARQL results
-      const mockResults = {
-        head: {
-          vars: ["subject", "predicate", "object"],
-        },
-        results: {
-          bindings: [
-            {
-              subject: { type: "uri", value: "http://example.org/resource/1" } as Parser.BindingValue,
-              predicate: { type: "uri", value: "http://example.org/name" } as Parser.BindingValue,
-              object: { type: "literal", value: "Test Name" } as Parser.BindingValue,
-            },
-            {
-              subject: { type: "uri", value: "http://example.org/resource/2" } as Parser.BindingValue,
-              predicate: { type: "uri", value: "http://example.org/name" } as Parser.BindingValue,
-              object: { type: "literal", value: "Another Name" } as Parser.BindingValue,
-            },
-          ],
-        },
-      };
-
-      yasr.setResponse(
-        {
-          response: JSON.stringify(mockResults),
-          status: 200,
-          contentType: "application/sparql-results+json",
-        },
-        0,
-      );
-
-      const tablePlugin = yasr.plugins["table"];
-      // @ts-ignore - accessing private method for testing
-      const markdown = tablePlugin.getMarkdownTable();
-
-      expect(markdown).to.be.a("string");
-      expect(markdown).to.include("| subject | predicate | object |");
-      expect(markdown).to.include("| --- | --- | --- |");
-      expect(markdown).to.include("http://example.org/resource/1");
-      expect(markdown).to.include("Test Name");
-    });
-
-    it("should escape pipe characters in markdown values", () => {
-      const container = document.createElement("div");
-      const yasr = new Yasr(container);
-
-      // Mock SPARQL results with pipe character
-      const mockResults = {
-        head: {
-          vars: ["value"],
-        },
-        results: {
-          bindings: [
-            {
-              value: { type: "literal", value: "text|with|pipes" } as Parser.BindingValue,
-            },
-          ],
-        },
-      };
-
-      yasr.setResponse(
-        {
-          response: JSON.stringify(mockResults),
-          status: 200,
-          contentType: "application/sparql-results+json",
-        },
-        0,
-      );
-
-      const tablePlugin = yasr.plugins["table"];
-      // @ts-ignore - accessing private method for testing
-      const markdown = tablePlugin.getMarkdownTable();
-
-      expect(markdown).to.include("text\\|with\\|pipes");
-    });
-  });
-
-  describe("URI Prefixing", () => {
-    it("should show URI prefixes when enabled", () => {
-      const container = document.createElement("div");
-      const yasr = new Yasr(container, {
-        prefixes: {
-          ex: "http://example.org/",
-        },
-      });
-
-      const mockResults = {
-        head: {
-          vars: ["resource"],
-        },
-        results: {
-          bindings: [
-            {
-              resource: { type: "uri", value: "http://example.org/test" } as Parser.BindingValue,
-            },
-          ],
-        },
-      };
-
-      yasr.setResponse(
-        {
-          response: JSON.stringify(mockResults),
-          status: 200,
-          contentType: "application/sparql-results+json",
-        },
-        0,
-      );
-
-      const tablePlugin = yasr.plugins["table"];
-      // Draw with prefixes enabled (default)
-      tablePlugin.draw({ showUriPrefixes: true });
-
-      const tableHtml = container.innerHTML;
-      expect(tableHtml).to.include("ex:test");
-    });
-
-    it("should show full URIs when prefixing disabled", () => {
-      const container = document.createElement("div");
-      const yasr = new Yasr(container, {
-        prefixes: {
-          ex: "http://example.org/",
-        },
-      });
-
-      const mockResults = {
-        head: {
-          vars: ["resource"],
-        },
-        results: {
-          bindings: [
-            {
-              resource: { type: "uri", value: "http://example.org/test" } as Parser.BindingValue,
-            },
-          ],
-        },
-      };
-
-      yasr.setResponse(
-        {
-          response: JSON.stringify(mockResults),
-          status: 200,
-          contentType: "application/sparql-results+json",
-        },
-        0,
-      );
-
-      const tablePlugin = yasr.plugins["table"];
-      // Draw with prefixes disabled
-      tablePlugin.draw({ showUriPrefixes: false });
-
-      const tableHtml = container.innerHTML;
-      expect(tableHtml).to.include("http://example.org/test");
-      expect(tableHtml).to.not.include("ex:test");
-    });
-  });
-
-  describe("Datatype Display", () => {
-    it("should show datatypes when enabled", () => {
-      const container = document.createElement("div");
-      const yasr = new Yasr(container);
-
-      const mockResults = {
-        head: {
-          vars: ["number"],
-        },
-        results: {
-          bindings: [
-            {
-              number: {
-                type: "literal",
-                value: "42",
-                datatype: "http://www.w3.org/2001/XMLSchema#integer",
-              } as Parser.BindingValue,
-            },
-          ],
-        },
-      };
-
-      yasr.setResponse(
-        {
-          response: JSON.stringify(mockResults),
-          status: 200,
-          contentType: "application/sparql-results+json",
-        },
-        0,
-      );
-
-      const tablePlugin = yasr.plugins["table"];
-      // Draw with datatypes enabled (default)
-      tablePlugin.draw({ showDatatypes: true });
-
-      const tableHtml = container.innerHTML;
-      expect(tableHtml).to.include("^^");
-      expect(tableHtml).to.include("XMLSchema#integer");
-    });
-
-    it("should hide datatypes when disabled", () => {
-      const container = document.createElement("div");
-      const yasr = new Yasr(container);
-
-      const mockResults = {
-        head: {
-          vars: ["number"],
-        },
-        results: {
-          bindings: [
-            {
-              number: {
-                type: "literal",
-                value: "42",
-                datatype: "http://www.w3.org/2001/XMLSchema#integer",
-              } as Parser.BindingValue,
-            },
-          ],
-        },
-      };
-
-      yasr.setResponse(
-        {
-          response: JSON.stringify(mockResults),
-          status: 200,
-          contentType: "application/sparql-results+json",
-        },
-        0,
-      );
-
-      const tablePlugin = yasr.plugins["table"];
-      // Draw with datatypes disabled
-      tablePlugin.draw({ showDatatypes: false });
-
-      const tableHtml = container.innerHTML;
-      expect(tableHtml).to.not.include("^^");
-      expect(tableHtml).to.not.include("XMLSchema#integer");
-    });
-  });
-});

package/src/plugins/table/column-resizer.d.ts

@@ -1,29 +0,0 @@
-declare module "column-resizer" {
-  interface ColumnResizerOptions {
-    liveDrag?: boolean;
-    draggingClass?: string;
-    gripInnerHtml?: string;
-    minWidth?: number;
-    headerOnly?: boolean;
-    hoverCursor?: string;
-    dragCursor?: string;
-    resizeMode?: "fit" | "overflow" | "flex";
-    widths?: number[];
-    partialRefresh?: boolean;
-    onResize?: (() => void) | boolean;
-    [key: string]: any;
-  }
-
-  interface ColumnResizerInstance {
-    reset(options: { disable: boolean; onResize?: () => void; partialRefresh?: boolean; headerOnly?: boolean }): void;
-    onResize: () => void;
-  }
-
-  class ColumnResizer implements ColumnResizerInstance {
-    constructor(table: HTMLElement, options?: ColumnResizerOptions);
-    reset(options: { disable: boolean; onResize?: () => void; partialRefresh?: boolean; headerOnly?: boolean }): void;
-    onResize: () => void;
-  }
-
-  export default ColumnResizer;
-}

package/src/plugins/table/index.scss

@@ -1,167 +0,0 @@
-/**
-Delimiters
-Delimiters used by us
-- CamelCase
-Delimiters used by datatables
-- dashes
-- underscores
-*/
-
-.yasr {
-  .tableControls {
-    display: flex;
-    align-items: center;
-    padding: 0px;
-    padding-right: 5px;
-    flex-wrap: wrap;
-
-    .tableFilter {
-      margin-right: 10px;
-      height: 100%;
-    }
-
-    .tableSizer {
-      height: 100%;
-    }
-    .switch {
-      display: flex;
-      align-items: center;
-      margin-right: 10px;
-    }
-    .copyMarkdownBtn {
-      margin-right: 10px;
-      padding: 4px 8px;
-      cursor: pointer;
-      border: 1px solid var(--yasgui-border-color, #ddd);
-      background-color: var(--yasgui-bg-secondary, #f7f7f7);
-      color: var(--yasgui-text-primary, #000);
-      border-radius: 3px;
-      font-size: 0.9em;
-      white-space: nowrap;
-
-      &:hover {
-        background-color: var(--yasgui-bg-tertiary, #eee);
-      }
-
-      &:active {
-        background-color: var(--yasgui-bg-primary, #fff);
-      }
-    }
-  }
-  .dataTable.compactTable {
-    white-space: nowrap;
-    div:not(.expanded) {
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-  .dataTable:not(.compactTable) {
-    div:not(.expanded) {
-      word-break: break-all;
-    }
-  }
-  .expanded {
-    white-space: normal;
-    word-break: break-all;
-  }
-  .expandable:not(.expanded) {
-    cursor: pointer;
-    a {
-      pointer-events: none;
-    }
-  }
-
-  .dt-container {
-    font-size: 0.9em;
-    min-width: 100%;
-    .grip-container {
-      max-width: 100%;
-    }
-    .grip-padding > tbody > tr > td,
-    .grip-padding > tbody > tr > th {
-      padding-left: 7px !important;
-      padding-right: 5px !important;
-    }
-    .dataTable {
-      min-width: 100%;
-      box-sizing: border-box;
-      // Override border-bottom datatables styling
-      &.no-footer {
-        border-bottom: none;
-      }
-
-      tbody tr:hover {
-        background-color: var(--yasgui-bg-tertiary, #f9f9f9);
-      }
-
-      thead tr th {
-        //cannot select text anyway (as headers are buttons as well)
-        //By setting it to none explicitly, we won't have issues when resizing columns _and_ selecting text at the meantime
-        user-select: none;
-        font-weight: bold;
-        text-align: start;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        border: none;
-        padding: 5px;
-        padding-left: 7px;
-        min-width: 28px;
-        &.sorting {
-          min-width: 10px;
-          padding-right: 18px; //space for sort icon
-        }
-        &:hover {
-          background-color: var(--yasgui-tab-bg, #f9f9f9);
-        }
-      }
-
-      td {
-        padding: 5px;
-        & > div {
-          hyphens: auto;
-          &.rowNumber {
-            word-break: keep-all;
-            overflow: visible;
-          }
-        }
-        .tableEllipse {
-          cursor: pointer;
-          font-weight: bold;
-          padding: 0 2px;
-          background-color: #428bca33;
-          border-radius: 2px;
-          margin: 0 3px;
-        }
-      }
-    }
-
-    /**
-      Selector for pagination element
-    */
-    div.dt-paging {
-      button.dt-paging-button {
-        border: none;
-        background: transparent;
-        color: var(--yasgui-text-secondary, #505050);
-
-        // When the buttons are disabled show the default YASR disabled color
-        &.disabled {
-          color: var(--yasgui-text-muted, #999) !important;
-        }
-
-        &.current {
-          text-decoration: underline !important; // dataTables made the text-decoration important
-          color: var(--yasgui-accent-color, #337ab7);
-        }
-
-        &:hover {
-          // Don't override the disabled grayed out style
-          &:not(.disabled) {
-            font-weight: bold;
-            color: var(--yasgui-text-secondary, #505050) !important;
-          }
-        }
-      }
-    }
-  }
-}