mig-schema-table 3.0.65 → 3.0.67

package/dist/SchemaTable/SchemaTableTh/index.d.ts

@@ -1,7 +1,6 @@
 import { oas31 } from "openapi3-ts";
 import React, { CSSProperties, Dispatch, SetStateAction } from "react";
 import { IColumnConfig } from "../../types";
-import "./index.scss";
 import { ISchemaTableThMenuConfig } from "../SchemaTableThMenu";
 export declare enum EColumnFilterStatus {
     UNAVAILABLE = "UNAVAILABLE",

package/dist/SchemaTable/SchemaTableTh/index.js

@@ -3,7 +3,6 @@ import React from "react";
 import { t, uncamel } from "../../inc/string";
 import { SELECT_ALL_COLUMN_NAME } from "../constants";
 import { timeZone } from "../../inc/date";
-import "./index.scss";
 export var EColumnFilterStatus;
 (function (EColumnFilterStatus) {
     EColumnFilterStatus["UNAVAILABLE"] = "UNAVAILABLE";

package/dist/SchemaTable/SchemaTableThMenu/index.d.ts

@@ -2,7 +2,6 @@ import React, { Dispatch, SetStateAction } from "react";
 import { oas31 } from "openapi3-ts";
 import { TColumnFilterValue } from "../index";
 import { IColumnConfig } from "../../types";
-import "./index.scss";
 export interface ISchemaTableThMenuConfig {
     referenceElement: HTMLElement;
     propName: string;

package/dist/SchemaTable/SchemaTableThMenu/index.js

@@ -2,7 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import React from "react";
 import FilterMenuComponent from "./FilterMenuComponent";
 import { usePopper } from "react-popper";
-import "./index.scss";
 const SchemaTableThMenu = ({ onChange, onClose, onInputKeyDown, propConfig, propIsRequired, propName, propSchema, referenceElement, setSortAsc, setSortColumn, value, }) => {
     const [menu, setMenu] = React.useState(null);
     const [subMenu, setSubMenu] = React.useState(null);

package/dist/SchemaTable/index.js

@@ -513,7 +513,10 @@ function SchemaTable({ Heading = VariableSizeList, checkedIndexes, config, custo
         setSearchQuery("");
     }, [useFilterStateHash]);
     const onSearchBlur = React.useCallback(() => {
-        if (useFilterStateHash && searchQuery !== locationHash.searchQuery) {
+        if (useFilterStateHash &&
+            // prevent hash change for undefined vs empty string compare
+            (searchQuery || locationHash.searchQuery) &&
+            searchQuery !== locationHash.searchQuery) {
             window.location.hash = serializeLocationHash(Object.assign(Object.assign({}, locationHash), { searchQuery }));
         }
     }, [locationHash, searchQuery, useFilterStateHash]);

package/dist/index.css

@@ -64,3 +64,101 @@
   flex-direction: row;
   padding-bottom: 1rem;
 }
+
+.schema-table-th {
+  border-right: 1px solid #ddd;
+  border-top: 1px solid #ddd;
+  border-bottom: 1px solid #ddd;
+  color: #666;
+  display: flex;
+  align-items: center;
+  padding-left: 8px;
+  padding-right: 8px;
+  user-select: none;
+}
+.schema-table-th:first-child {
+  border-left: 1px solid #ddd;
+}
+.schema-table-th div {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.schema-table-th--sorted {
+  background-color: #eff6fb;
+}
+.schema-table-th--filter-ACTIVE .schema-table-th__label-body-text {
+  text-decoration: underline;
+  font-style: italic;
+}
+.schema-table-th__label-body {
+  display: flex;
+  flex: 1;
+  font-size: 14px;
+  align-items: center;
+}
+.schema-table-th__trigger-el {
+  display: none;
+  position: absolute;
+  border: 1px solid #ddd;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 24px;
+  cursor: pointer;
+  background-color: #eff6fb;
+  color: #666;
+  font-size: 28px;
+  text-align: center;
+  padding: 0 0 5px !important;
+}
+.schema-table-th__sort-icon {
+  font-size: 24px;
+  width: 32px;
+  display: block;
+  text-align: center;
+}
+.schema-table-th:hover {
+  background-color: #eff6fb;
+}
+.schema-table-th:hover .schema-table-th__trigger-el {
+  display: block !important;
+}
+
+.schema-table-th-menu {
+  background-color: white;
+}
+.schema-table-th-menu label {
+  flex: 1;
+}
+.schema-table-th-menu .schema-table-th-menu__sub-menu-indicator {
+  padding-left: 8px;
+  margin-left: 8px;
+}
+.schema-table-th-menu__icon {
+  display: block;
+  width: 24px;
+  overflow: hidden;
+  text-align: center;
+}
+
+.schema-table-th-menu__sub-menu {
+  background-color: white;
+  border: 1px solid #ddd;
+}
+
+.schema-table-menu {
+  font-size: 14px;
+  list-style: none outside;
+  padding: 0;
+  margin: 0;
+}
+.schema-table-menu li {
+  display: flex;
+  border: 1px solid #ddd;
+  align-items: center;
+  cursor: pointer;
+}
+.schema-table-menu li:hover {
+  background-color: #eff6fb;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mig-schema-table",
-  "version": "3.0.65",
+  "version": "3.0.67",
   "main": "dist/index.js",
   "files": [
     "dist/"