@teselagen/ui 0.3.75 → 0.3.76

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.3.75",
+  "version": "0.3.76",
   "main": "./src/index.js",
   "exports": {
     ".": {
@@ -10,7 +10,7 @@
     "./style.css": "./style.css"
   },
   "dependencies": {
-    "@teselagen/file-utils": "0.3.15",
+    "@teselagen/file-utils": "0.3.16",
     "@teselagen/bounce-loader": "0.3.11",
     "@blueprintjs/core": "3.52.0",
     "@blueprintjs/datetime": "3.23.19",

package/src/DataTable/style.css

@@ -299,7 +299,7 @@ body:not(.drag-active)
 }
 
 .ReactTable .rt-tr-group.selected {
-  background: lightblue !important;
+  background: #e4f3f8 !important;
 }
 
 .ReactTable .rt-tr-group.disabled {
@@ -523,7 +523,9 @@ body:not(.drag-active)
 .bp3-dark .ReactTable .rt-tbody {
   background: #30404d !important;
 }
-
+.ReactTable .rt-thead.-header {
+  box-shadow: none;
+}
 .bp3-dark .ReactTable .rt-thead.-header {
   color: #f5f8fa !important;
 }

package/src/autoTooltip.js

@@ -54,6 +54,7 @@ let clearMe;
 
         el.classList.add(id);
         const inst = tippy(`.${id}`, {
+          theme: "teselagen",
           plugins: [followCursor],
           content,
           delay:

package/src/customIcons.js

@@ -107,7 +107,7 @@ export const workqueueIcon = ptIconWrapper(
 export const removeDuplicatesIcon = ptIconWrapper(
   <path
     d="m20 20.011h-15.25c-.414 0-.75.336-.75.75s.336.75.75.75h15.75c.53 0 1-.469 1-1v-15.75c0-.414-.336-.75-.75-.75s-.75.336-.75.75zm-1-17c0-.478-.379-1-1-1h-15c-.62 0-1 .519-1 1v15c0 .621.52 1 1 1h15c.478 0 1-.379 1-1zm-15.5.5h14v14h-14zm10.75 6.25h-7.5c-.414 0-.75.336-.75.75s.336.75.75.75h7.5c.414 0 .75-.336.75-.75s-.336-.75-.75-.75z"
-    fill-rule="nonzero"
+    fillRule="nonzero"
   />
 );
 export const inventoryIcon = ptIconWrapper(
@@ -262,12 +262,12 @@ export const proteinIcon = ptIconWrapper(
         fill="#000000"
         fill-opacity="0.0"
         d="m0 0l389.5118 0l0 331.30185l-389.5118 0z"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
       <path
         fill="#000000"
         d="m71.94922 63.06311l38.58268 143.93701l-28.062996 7.5275574l-38.582676 -143.93701z"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
       <path
         stroke="#000000"
@@ -275,12 +275,12 @@ export const proteinIcon = ptIconWrapper(
         stroke-linejoin="round"
         stroke-linecap="butt"
         d="m71.94922 63.06311l38.58268 143.93701l-28.062996 7.5275574l-38.582676 -143.93701z"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
       <path
         fill="#000000"
         d="m272.28754 86.877945l63.496063 165.79527l-24.850372 9.51181l-63.49608 -165.79527z"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
       <path
         stroke="#000000"
@@ -288,12 +288,12 @@ export const proteinIcon = ptIconWrapper(
         stroke-linejoin="round"
         stroke-linecap="butt"
         d="m272.28754 86.877945l63.496063 165.79527l-24.850372 9.51181l-63.49608 -165.79527z"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
       <path
         fill="#000000"
         d="m247.43701 98.60844l-91.40158 121.10236l-22.047241 -16.661423l91.40158 -121.102356z"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
       <path
         stroke="#000000"
@@ -301,12 +301,12 @@ export const proteinIcon = ptIconWrapper(
         stroke-linejoin="round"
         stroke-linecap="butt"
         d="m247.43701 98.60844l-91.40158 121.10236l-22.047241 -16.661423l91.40158 -121.102356z"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
       <path
         fill="#000000"
         d="m54.86483 245.521l0 0c0 -38.503372 31.213158 -69.71654 69.71654 -69.71654l0 0c18.489967 0 36.22265 7.3451233 49.297035 20.41951c13.074387 13.074387 20.419495 30.807053 20.419495 49.297028l0 0c0 38.503387 -31.21315 69.71652 -69.71653 69.71652l0 0c-38.50338 0 -69.71654 -31.213135 -69.71654 -69.71652zm34.85827 0l0 0c0 19.251678 15.606575 34.858276 34.85827 34.858276c19.251686 0 34.85827 -15.606598 34.85827 -34.858276c0 -19.251694 -15.606583 -34.85826 -34.85827 -34.85826l0 0c-19.251694 0 -34.85827 15.606567 -34.85827 34.85826z"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
       <path
         stroke="#000000"
@@ -314,12 +314,12 @@ export const proteinIcon = ptIconWrapper(
         stroke-linejoin="round"
         stroke-linecap="butt"
         d="m54.86483 245.521l0 0c0 -38.503372 31.213158 -69.71654 69.71654 -69.71654l0 0c18.489967 0 36.22265 7.3451233 49.297035 20.41951c13.074387 13.074387 20.419495 30.807053 20.419495 49.297028l0 0c0 38.503387 -31.21315 69.71652 -69.71653 69.71652l0 0c-38.50338 0 -69.71654 -31.213135 -69.71654 -69.71652zm34.85827 0l0 0c0 19.251678 15.606575 34.858276 34.85827 34.858276c19.251686 0 34.85827 -15.606598 34.85827 -34.858276c0 -19.251694 -15.606583 -34.85826 -34.85827 -34.85826l0 0c-19.251694 0 -34.85827 15.606567 -34.85827 34.85826z"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
       <path
         fill="#000000"
         d="m5.1929135 45.20866l0 0c0 -23.013313 18.655977 -41.66929 41.669292 -41.66929l0 0c11.051384 0 21.650131 4.390145 29.464638 12.204653c7.8145065 7.8145075 12.204651 18.413258 12.204651 29.464638l0 0c0 23.013317 -18.655975 41.669292 -41.66929 41.669292l0 0c-23.013315 0 -41.669292 -18.655975 -41.669292 -41.669292zm20.834646 0l0 0c0 11.506657 9.32799 20.834644 20.834646 20.834644c11.506657 0 20.834648 -9.327988 20.834648 -20.834644c0 -11.506657 -9.3279915 -20.834644 -20.834648 -20.834644l0 0c-11.506657 0 -20.834646 9.327988 -20.834646 20.834644z"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
       <path
         stroke="#000000"
@@ -327,12 +327,12 @@ export const proteinIcon = ptIconWrapper(
         stroke-linejoin="round"
         stroke-linecap="butt"
         d="m5.1929135 45.20866l0 0c0 -23.013313 18.655977 -41.66929 41.669292 -41.66929l0 0c11.051384 0 21.650131 4.390145 29.464638 12.204653c7.8145065 7.8145075 12.204651 18.413258 12.204651 29.464638l0 0c0 23.013317 -18.655975 41.669292 -41.66929 41.669292l0 0c-23.013315 0 -41.669292 -18.655975 -41.669292 -41.669292zm20.834646 0l0 0c0 11.506657 9.32799 20.834644 20.834646 20.834644c11.506657 0 20.834648 -9.327988 20.834648 -20.834644c0 -11.506657 -9.3279915 -20.834644 -20.834648 -20.834644l0 0c-11.506657 0 -20.834646 9.327988 -20.834646 20.834644z"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
       <path
         fill="#000000"
         d="m190.6811 62.027557l0 0c0 -30.397404 24.641968 -55.039368 55.039368 -55.039368l0 0c14.597336 0 28.596817 5.7987747 38.918716 16.120659c10.321869 10.321886 16.120667 24.321363 16.120667 38.91871l0 0c0 30.397408 -24.641968 55.039375 -55.039383 55.039375l0 0c-30.3974 0 -55.039368 -24.641968 -55.039368 -55.039375zm27.519684 0l0 0c0 15.198708 12.320984 27.519684 27.519684 27.519684c15.198715 0 27.519669 -12.320976 27.519669 -27.519684c0 -15.1987 -12.320953 -27.519684 -27.519669 -27.519684l0 0c-15.1987 0 -27.519684 12.320984 -27.519684 27.519684z"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
       <path
         stroke="#000000"
@@ -340,12 +340,12 @@ export const proteinIcon = ptIconWrapper(
         stroke-linejoin="round"
         stroke-linecap="butt"
         d="m190.6811 62.027557l0 0c0 -30.397404 24.641968 -55.039368 55.039368 -55.039368l0 0c14.597336 0 28.596817 5.7987747 38.918716 16.120659c10.321869 10.321886 16.120667 24.321363 16.120667 38.91871l0 0c0 30.397408 -24.641968 55.039375 -55.039383 55.039375l0 0c-30.3974 0 -55.039368 -24.641968 -55.039368 -55.039375zm27.519684 0l0 0c0 15.198708 12.320984 27.519684 27.519684 27.519684c15.198715 0 27.519669 -12.320976 27.519669 -27.519684c0 -15.1987 -12.320953 -27.519684 -27.519669 -27.519684l0 0c-15.1987 0 -27.519684 12.320984 -27.519684 27.519684z"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
       <path
         fill="#000000"
         d="m287.5 279.35303l0 0c0 -26.73581 21.673645 -48.409454 48.409454 -48.409454l0 0c12.838989 0 25.1521 5.1002655 34.23065 14.1788025c9.078522 9.078522 14.1788025 21.391663 14.1788025 34.23065l0 0c0 26.735779 -21.673645 48.409454 -48.409454 48.409454l0 0c-26.73581 0 -48.409454 -21.673676 -48.409454 -48.409454zm24.204712 0l0 0c0 13.367889 10.8368225 24.204712 24.204742 24.204712c13.367889 0 24.204712 -10.8368225 24.204712 -24.204712c0 -13.36792 -10.8368225 -24.204727 -24.204712 -24.204727l0 0c-13.36792 0 -24.204742 10.836807 -24.204742 24.204727z"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
       <path
         stroke="#000000"
@@ -353,7 +353,7 @@ export const proteinIcon = ptIconWrapper(
         stroke-linejoin="round"
         stroke-linecap="butt"
         d="m287.5 279.35303l0 0c0 -26.73581 21.673645 -48.409454 48.409454 -48.409454l0 0c12.838989 0 25.1521 5.1002655 34.23065 14.1788025c9.078522 9.078522 14.1788025 21.391663 14.1788025 34.23065l0 0c0 26.735779 -21.673645 48.409454 -48.409454 48.409454l0 0c-26.73581 0 -48.409454 -21.673676 -48.409454 -48.409454zm24.204712 0l0 0c0 13.367889 10.8368225 24.204712 24.204742 24.204712c13.367889 0 24.204712 -10.8368225 24.204712 -24.204712c0 -13.36792 -10.8368225 -24.204727 -24.204712 -24.204727l0 0c-13.36792 0 -24.204742 10.836807 -24.204742 24.204727z"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
     </g>
   </g>,

package/src/index.js

@@ -56,7 +56,6 @@ export { default as tg_modalState } from "./enhancers/withDialog/tg_modalState";
 export { default as Timeline, TimelineEvent } from "./Timeline";
 export * from "./FormComponents";
 export * from "./useDialog";
-
 export * from "./toastr";
 export * from "./showConfirmationDialog";
 export * from "./utils/handlerHelpers";
@@ -71,7 +70,6 @@ export * from "./utils/menuUtils";
 export * from "./utils/browserUtils";
 export * from "./utils/commandUtils";
 export * from "./utils/commandControls";
-
 export { default as AsyncValidateFieldSpinner } from "./AsyncValidateFieldSpinner";
 export { default as showProgressToast } from "./utils/showProgressToast";
 export { default as getTextFromEl } from "./utils/getTextFromEl";
@@ -79,5 +77,4 @@ export { default as ScrollToTop } from "./ScrollToTop";
 const noop = () => undefined;
 export { noop };
 export { default as showDialogOnDocBody } from "./showDialogOnDocBody";
-
 export { default as TableFormTrackerContext } from "./DataTable/TableFormTrackerContext";

package/src/style.css

@@ -157,10 +157,10 @@ code {
   display: none;
 }
 
-.isDataTitle .tippy-arrow {
+.isDataTitle .tippy-box[data-theme~="teselagen"] .tippy-arrow {
   opacity: 0 !important;
 }
-.isDataTitle .tippy-box {
+.isDataTitle .tippy-box[data-theme~="teselagen"] {
   background-color: #4f4a50f4 !important;
   border-radius: 0 !important;
   color: #f3f3f3 !important;
@@ -169,24 +169,24 @@ code {
   padding: 0px 0px !important;
 }
 
-[data-tippy-root] {
+[data-tippy-root]:has(.tippy-box[data-theme~="teselagen"]) {
   z-index: 100000 !important;
 }
 
-[data-tippy-root] .tippy-box {
+[data-tippy-root] .tippy-box[data-theme~="teselagen"] {
   background-color: #394b59;
   color: #f5f8fa;
   padding: 4px 4px;
   word-break: break-word;
 }
-[data-tippy-root] .tippy-arrow {
+[data-tippy-root] .tippy-box[data-theme~="teselagen"] .tippy-arrow {
   color: #394b59;
 }
-.bp3-dark [data-tippy-root] .tippy-box {
+.bp3-dark [data-tippy-root] .tippy-box[data-theme~="teselagen"] {
   background-color: #e1e8ed;
   color: #394b59;
 }
-.bp3-dark [data-tippy-root] .tippy-arrow {
+.bp3-dark [data-tippy-root] .tippy-box[data-theme~="teselagen"] .tippy-arrow {
   /* background-color: #e1e8ed; */
   color: #e1e8ed;
 }

package/style.css

@@ -8975,10 +8975,10 @@ code {
   display: none;
 }
 
-.isDataTitle .tippy-arrow {
+.isDataTitle .tippy-box[data-theme~="teselagen"] .tippy-arrow {
   opacity: 0 !important;
 }
-.isDataTitle .tippy-box {
+.isDataTitle .tippy-box[data-theme~="teselagen"] {
   background-color: #4f4a50f4 !important;
   border-radius: 0 !important;
   color: #f3f3f3 !important;
@@ -8987,24 +8987,24 @@ code {
   padding: 0px 0px !important;
 }
 
-[data-tippy-root] {
+[data-tippy-root]:has(.tippy-box[data-theme~="teselagen"]) {
   z-index: 100000 !important;
 }
 
-[data-tippy-root] .tippy-box {
+[data-tippy-root] .tippy-box[data-theme~="teselagen"] {
   background-color: #394b59;
   color: #f5f8fa;
   padding: 4px 4px;
   word-break: break-word;
 }
-[data-tippy-root] .tippy-arrow {
+[data-tippy-root] .tippy-box[data-theme~="teselagen"] .tippy-arrow {
   color: #394b59;
 }
-.bp3-dark [data-tippy-root] .tippy-box {
+.bp3-dark [data-tippy-root] .tippy-box[data-theme~="teselagen"] {
   background-color: #e1e8ed;
   color: #394b59;
 }
-.bp3-dark [data-tippy-root] .tippy-arrow {
+.bp3-dark [data-tippy-root] .tippy-box[data-theme~="teselagen"] .tippy-arrow {
   /* background-color: #e1e8ed; */
   color: #e1e8ed;
 }
@@ -9410,7 +9410,7 @@ body:not(.drag-active)
 }
 
 .ReactTable .rt-tr-group.selected {
-  background: lightblue !important;
+  background: #e4f3f8 !important;
 }
 
 .ReactTable .rt-tr-group.disabled {
@@ -9634,7 +9634,9 @@ body:not(.drag-active)
 .bp3-dark .ReactTable .rt-tbody {
   background: #30404d !important;
 }
-
+.ReactTable .rt-thead.-header {
+  box-shadow: none;
+}
 .bp3-dark .ReactTable .rt-thead.-header {
   color: #f5f8fa !important;
 }