mig-schema-table 3.0.27 → 3.0.29

package/dist/exampleData.js

@@ -0,0 +1,177 @@
+export const exampleDataSchema = {
+    type: "object",
+    properties: {
+        jobId: {
+            type: "string",
+        },
+        jobType: {
+            type: "string",
+            enum: ["scrape", "clean"],
+        },
+        topLevelId: {
+            type: "integer",
+        },
+        domainId: {
+            type: "string",
+        },
+        hostId: {
+            type: "string",
+        },
+        sourceId: {
+            type: "string",
+        },
+        sources: {
+            type: "array",
+            items: {
+                type: "string",
+                enum: ["fromIndexPage", "manual"],
+            },
+        },
+        priority: {
+            type: "integer",
+            minimum: 1,
+            maximum: 9,
+        },
+        insertDateTime: {
+            type: "string",
+            format: "date-time",
+        },
+        scrapeStartDateTime: {
+            type: "string",
+            format: "date-time",
+        },
+        scrapeEndDateTime: {
+            type: "string",
+            format: "date-time",
+        },
+        scraperHost: {
+            type: "string",
+        },
+        scraperContainer: {
+            type: "string",
+        },
+        errorMessage: {
+            type: "string",
+        },
+        url: {
+            type: "string",
+            format: "url",
+        },
+        retryCount: {
+            type: "integer",
+        },
+        isError: {
+            type: "boolean",
+        },
+    },
+    required: [
+        "jobId",
+        "jobType",
+        "topLevelId",
+        "domainId",
+        "hostId",
+        "sourceId",
+        "source",
+        "priority",
+        "insertDateTime",
+        "retryCount",
+    ],
+};
+const exampleData = [
+    {
+        jobId: "Job-1",
+        jobType: "clean",
+        topLevelId: 1,
+        domainId: "1",
+        hostId: "1",
+        sourceId: "1",
+        sources: ["fromIndexPage"],
+        priority: 1,
+        insertDateTime: "2023-06-01 11:15",
+        scrapeStartDateTime: "2023-06-01 01:00",
+        scrapeEndDateTime: "2023-06-01 01:10",
+        scraperHost: "scraperHost-1",
+        scraperContainer: "scraperContainer-1",
+        errorMessage: "Failed",
+        url: "www.job1.com",
+        retryCount: 1,
+        isError: false,
+    },
+    {
+        jobId: "Job-2",
+        jobType: "scrape",
+        topLevelId: 2,
+        domainId: "2",
+        hostId: "2",
+        sourceId: "2",
+        sources: ["manual", "fromIndexPage"],
+        priority: 2,
+        insertDateTime: "2023-06-05 12:20",
+        scrapeStartDateTime: "2023-06-01 01:00",
+        scrapeEndDateTime: "2023-06-01 01:10",
+        scraperHost: "scraperHost-1",
+        scraperContainer: "scraperContainer-1",
+        errorMessage: "Failed",
+        url: "www.asdasd.com",
+        retryCount: 2,
+        isError: true,
+    },
+    {
+        jobId: "Job-3",
+        jobType: "clean",
+        topLevelId: 3,
+        domainId: "3",
+        hostId: "3",
+        sourceId: "3",
+        sources: ["fromIndexPage"],
+        priority: 1,
+        insertDateTime: "",
+        scrapeStartDateTime: "2023-06-01 01:00",
+        scrapeEndDateTime: "2023-06-01 01:10",
+        scraperHost: "scraperHost-1",
+        scraperContainer: "scraperContainer-1",
+        errorMessage: "Failed",
+        url: "www.job2.com",
+        retryCount: 3,
+        isError: false,
+    },
+    {
+        jobId: "Job-4",
+        jobType: "clean",
+        topLevelId: 3,
+        domainId: "3",
+        hostId: "3",
+        sourceId: "3",
+        sources: ["fromIndexPage"],
+        priority: 1,
+        insertDateTime: "2023-06-01 14:00",
+        scrapeStartDateTime: "2023-06-01 01:00",
+        scrapeEndDateTime: "2023-06-01 01:10",
+        scraperHost: "scraperHost-1",
+        scraperContainer: "scraperContainer-1",
+        errorMessage: "Failed",
+        url: "www.job2.com",
+        retryCount: 3,
+        isError: false,
+    },
+    {
+        jobId: "Job-5",
+        jobType: "clean",
+        topLevelId: 3,
+        domainId: "3",
+        hostId: "3",
+        sourceId: "3",
+        sources: ["fromIndexPage"],
+        priority: 1,
+        insertDateTime: "2023-06-05 14:20",
+        scrapeStartDateTime: "2023-06-01 01:00",
+        scrapeEndDateTime: "2023-06-01 01:10",
+        scraperHost: "scraperHost-1",
+        scraperContainer: "scraperContainer-1",
+        errorMessage: "Failed",
+        url: "www.job2.com",
+        retryCount: 3,
+        isError: false,
+    },
+];
+export default exampleData;

package/dist/index.css

@@ -1,9 +1,5 @@
-.react-datepicker {
-  display: flex;
-}
-
-.schema-table {
-  overflow: hidden;
+.schema-table .popover {
+  --bs-popover-max-width: 1024px;
 }
 .schema-table__tbody {
   overflow-x: hidden !important;
@@ -13,68 +9,28 @@
 .schema-table__th-row {
   overflow: hidden !important;
 }
-.schema-table__column-filter {
+.schema-table .schema-column-filter-popover {
   background-color: #eee;
 }
-.schema-table__column-filter input,
-.schema-table__column-filter select {
+.schema-table .schema-column-filter-popover input,
+.schema-table .schema-column-filter-popover select {
   width: 100%;
   padding: 3px;
   margin-top: 3px;
   border-radius: 5px;
 }
-.schema-table__column-filter input[type=checkbox] {
+.schema-table .schema-column-filter-popover input[type=checkbox] {
   width: fit-content;
   margin-top: 10px;
   margin-left: 30px;
 }
-.schema-table__column-filter .react-datepicker {
-  display: flex;
+.schema-table .schema-column-filter-popover input[type=number],
+.schema-table .schema-column-filter-popover input[type=text],
+.schema-table .schema-column-filter-popover select {
+  min-width: 150px;
 }
-.schema-table__column-filter .column-filter-dropdown {
-  --bs-dropdown-zindex: 1000;
-  --bs-dropdown-min-width: 10rem;
-  --bs-dropdown-padding-x: 0;
-  --bs-dropdown-padding-y: 0.5rem;
-  --bs-dropdown-spacer: 0.125rem;
-  --bs-dropdown-font-size: 1rem;
-  --bs-dropdown-color: #212529;
-  --bs-dropdown-bg: #fff;
-  --bs-dropdown-border-color: rgba(0, 0, 0, 0.175);
-  --bs-dropdown-border-radius: 0.375rem;
-  --bs-dropdown-border-width: 1px;
-  --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
-  --bs-dropdown-divider-bg: rgba(0, 0, 0, 0.175);
-  --bs-dropdown-divider-margin-y: 0.5rem;
-  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
-  --bs-dropdown-link-color: #212529;
-  --bs-dropdown-link-hover-color: #1e2125;
-  --bs-dropdown-link-hover-bg: #e9ecef;
-  --bs-dropdown-link-active-color: #fff;
-  --bs-dropdown-link-active-bg: #0d6efd;
-  --bs-dropdown-link-disabled-color: #adb5bd;
-  --bs-dropdown-item-padding-x: 1rem;
-  --bs-dropdown-item-padding-y: 0.25rem;
-  --bs-dropdown-header-color: #6c757d;
-  --bs-dropdown-header-padding-x: 1rem;
-  --bs-dropdown-header-padding-y: 0.5rem;
-  position: absolute;
-  z-index: var(--bs-dropdown-zindex);
-  display: none;
-  min-width: var(--bs-dropdown-min-width);
-  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
-  margin: 0;
-  font-size: var(--bs-dropdown-font-size);
-  color: var(--bs-dropdown-color);
-  text-align: left;
-  list-style: none;
-  background-color: var(--bs-dropdown-bg);
-  background-clip: padding-box;
-  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
-  border-radius: var(--bs-dropdown-border-radius);
-}
-.schema-table__column-filter .column-filter-dropdown--show {
-  display: block;
+.schema-table .schema-column-filter-popover .react-datepicker {
+  display: flex;
 }
 .schema-table__th {
   background-color: #eee;
@@ -95,7 +51,7 @@
   font-style: italic;
 }
 .schema-table__th--column-filter-status-ACTIVE svg {
-  color: red;
+  color: var(--bs-red, red);
 }
 .schema-table__td {
   overflow: hidden;
@@ -105,13 +61,13 @@
   align-items: center;
 }
 .schema-table__td--odd {
-  background-color: #ddd;
+  background-color: var(--bs-gray-100, #f8f9fa);
 }
 .schema-table__td--even {
-  background-color: #fff;
+  background-color: var(--bs-white, #fff);
 }
 .schema-table__td--selected {
-  background-color: #bbb;
+  background-color: var(--bs-gray-300, #dee2e6);
 }
 .schema-table__search {
   margin: 1rem;
@@ -136,32 +92,3 @@
   border-radius: 8px;
   padding: 4px 10px;
 }
-.schema-table .schema-column-filter-popover__string_date-time .popover {
-  width: 500px;
-  max-width: initial;
-}
-.schema-table .lightbox {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  left: 0;
-  background-color: rgba(0, 0, 0, 0.5);
-  z-index: 1;
-}
-.schema-table .lightbox--transparent {
-  background-color: transparent;
-}
-.schema-table .popover {
-  position: fixed;
-  border-radius: 2px;
-  background: #ddd;
-  box-shadow: 0 2px 10px #999999;
-  z-index: 1;
-  padding: 10px;
-  min-width: 150px;
-}
-.schema-table .popover select,
-.schema-table .popover input {
-  width: 100%;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mig-schema-table",
-  "version": "3.0.27",
+  "version": "3.0.29",
   "main": "dist/index.js",
   "files": [
     "dist/"
@@ -19,6 +19,7 @@
     "react": "^18.2.0",
     "react-datepicker": "^4.14.0",
     "react-dom": "^18.2.0",
+    "react-popper": "^2.3.0",
     "react-scripts": "5.0.1",
     "react-window": "^1.8.9"
   },
@@ -47,11 +48,11 @@
     ]
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
     "@types/date-fns": "^2.6.0",
     "@types/lodash": "^4.14.194",
     "@types/react-window": "^1.8.5",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
     "axios": "^1.4.0",
     "prettier": "^2.8.8",
     "react-router-dom": "^6.11.2",