@vitrosoftware/common-ui-ts 1.0.4 → 1.0.6

package/css/white/controls/tree-view/tree-view.css

@@ -1,12 +1,56 @@
 :global(#TreeView) {
-    height: 100%;
+    height: 100%;
+    padding: 6px;
+}
+
+.vitro-tree-view ::-webkit-scrollbar {
+    width: 8px;
+}
+
+.vitro-tree-view ::-webkit-scrollbar-track {
+    background: #fff;
+    border-radius: 8px;
+}
+
+.vitro-tree-view ::-webkit-scrollbar-thumb {
+    background: #e0e0e0;
+    border-radius: 4px;
+    height: 100px;
+}
+
+.vitro-tree-view ::-webkit-scrollbar-thumb:hover {
+    background: #828282;
 }
 
 .vitro-tree-view {
     height: 100%;
-    padding: 20px 24px;
+    padding: 14px 18px;
     overflow-y: auto;
-    overflow-x: hidden;
+    overflow-x: auto;
+}
+
+.vitro-tree-view::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+.vitro-tree-view::-webkit-scrollbar-track {
+    background: #fff;
+    border-radius: 12px;
+}
+
+.vitro-tree-view::-webkit-scrollbar-thumb {
+    background: #e0e0e0;
+    border-radius: 4px;
+}
+
+.vitro-tree-view::-webkit-scrollbar-thumb:hover {
+    background: #BDBDBD;
+}
+
+.vitro-tree-view {
+    scrollbar-color: #e0e0e0 #fff;
+    scrollbar-width: thin;
 }
 
 .vitro-tree-view :global(.jstree-anchor) {

package/css/white/controls/uploader/uploader.css

@@ -1,8 +1,12 @@
 .vitro-uploader {
     width: 100%;
     padding-left: 7px;
-    padding-right: 29px;
+    padding-right: 16px;
     position: absolute;
+    bottom: 51px;
+}
+
+:global(.pane:has(tr[style="display: none;"])) .vitro-uploader {
     bottom: 41px;
 }
 

package/css/white/third-party/treegrid.css

@@ -11,6 +11,19 @@
     width: 17px;
 }
 
+.TWCustScroll3Right, .TWCustScroll3RightHidden, .TWCustScroll3Down, .TWCustScroll3DownHidden {
+    background: #fff;
+}
+
+.TWCustScroll3SliderRight, .TWCustScroll3SliderLeft, .TWCustScroll3SliderDown, .TWCustScroll3SliderUp {
+    background: #e0e0e0;
+}
+
+.TWCustScroll3SliderRight:hover, .TWCustScroll3SliderLeft:hover, .TWCustScroll3SliderDown:hover, .TWCustScroll3SliderUp:hover,
+.TWCustScroll3SliderRight:active, .TWCustScroll3SliderLeft:active, .TWCustScroll3SliderDown:active, .TWCustScroll3SliderUp:active {
+    background: #BDBDBD;
+}
+
 .TWCellHeader {
     font-family: "GraphikMedium" !important;
     font-weight: normal !important;

package/dist/controls/TableView/TableView.d.ts

@@ -16,4 +16,6 @@ export interface TableViewProps {
     layout?: any;
     data?: any;
     filterOneLevel?: boolean;
+    cache?: number;
+    cacheVersion?: number | string;
 }

package/dist/controls/TableView/TableViewConstants.d.ts

@@ -12,3 +12,6 @@ export declare enum TABLE_VIEW_URL {
 export declare enum TABLE_VIEW_CONTROLLER {
     REQUEST = "TableViewRequest"
 }
+export declare enum TABLE_VIEW_CACHE {
+    DEFAULT = 2
+}

package/dist/controls/TableView/TreeGrid.d.ts

@@ -1,8 +1,5 @@
 /// <reference types="react" />
 import { TableViewProps } from './TableView';
-import { TableViewContext } from './TableViewContext';
-export declare const tableViewList: Map<string, TableViewContext>;
-export declare function getTableViewById(id: string): TableViewContext | undefined;
 export declare const TreeGrid: (props: TableViewProps) => JSX.Element;
 declare global {
     namespace JSX {

package/dist/controls/TableView/TreeGridTableViewContextImpl.d.ts

@@ -2,6 +2,8 @@ import { TableViewContext } from './TableViewContext';
 import { TableViewRow } from './TableViewRow';
 import { TableViewCol } from './TableViewCol';
 import { TableViewEventHandler } from './TableViewEventHandler';
+export declare const tableViewList: Map<string, TableViewContext>;
+export declare function getTableViewById(id: string): TableViewContext | undefined;
 export declare class TreeGridTableViewContextImpl implements TableViewContext {
     private grid;
     readonly id: string;

package/dist/index.css

@@ -278,14 +278,58 @@
 }
 
 #TreeView {
-    height: 100%;
+    height: 100%;
+    padding: 6px;
+}
+
+._tree-view_vitro-tree-view_3R9kjAJ ::-webkit-scrollbar {
+    width: 8px;
+}
+
+._tree-view_vitro-tree-view_3R9kjAJ ::-webkit-scrollbar-track {
+    background: #fff;
+    border-radius: 8px;
+}
+
+._tree-view_vitro-tree-view_3R9kjAJ ::-webkit-scrollbar-thumb {
+    background: #e0e0e0;
+    border-radius: 4px;
+    height: 100px;
+}
+
+._tree-view_vitro-tree-view_3R9kjAJ ::-webkit-scrollbar-thumb:hover {
+    background: #828282;
 }
 
 ._tree-view_vitro-tree-view_3R9kjAJ {
     height: 100%;
-    padding: 20px 24px;
+    padding: 14px 18px;
     overflow-y: auto;
-    overflow-x: hidden;
+    overflow-x: auto;
+}
+
+._tree-view_vitro-tree-view_3R9kjAJ::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+._tree-view_vitro-tree-view_3R9kjAJ::-webkit-scrollbar-track {
+    background: #fff;
+    border-radius: 12px;
+}
+
+._tree-view_vitro-tree-view_3R9kjAJ::-webkit-scrollbar-thumb {
+    background: #e0e0e0;
+    border-radius: 4px;
+}
+
+._tree-view_vitro-tree-view_3R9kjAJ::-webkit-scrollbar-thumb:hover {
+    background: #BDBDBD;
+}
+
+._tree-view_vitro-tree-view_3R9kjAJ {
+    scrollbar-color: #e0e0e0 #fff;
+    scrollbar-width: thin;
 }
 
 ._tree-view_vitro-tree-view_3R9kjAJ .jstree-anchor {
@@ -546,8 +590,12 @@
 ._uploader_vitro-uploader_1frFGu3 {
     width: 100%;
     padding-left: 7px;
-    padding-right: 29px;
+    padding-right: 16px;
     position: absolute;
+    bottom: 51px;
+}
+
+.pane:has(tr[style="display: none;"]) ._uploader_vitro-uploader_1frFGu3 {
     bottom: 41px;
 }
 

package/dist/index.js

@@ -26399,6 +26399,10 @@ var TABLE_VIEW_CONTROLLER;
 (function (TABLE_VIEW_CONTROLLER) {
   TABLE_VIEW_CONTROLLER["REQUEST"] = "TableViewRequest";
 })(TABLE_VIEW_CONTROLLER || (TABLE_VIEW_CONTROLLER = {}));
+var TABLE_VIEW_CACHE;
+(function (TABLE_VIEW_CACHE) {
+  TABLE_VIEW_CACHE[TABLE_VIEW_CACHE["DEFAULT"] = 2] = "DEFAULT";
+})(TABLE_VIEW_CACHE || (TABLE_VIEW_CACHE = {}));
 
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
@@ -26433,6 +26437,13 @@ function _toPropertyKey(arg) {
 }
 
 var w$2 = window;
+if (!w$2.tableViewList) {
+  w$2.tableViewList = new Map();
+}
+var tableViewList = w$2.tableViewList;
+function getTableViewById(id) {
+  return tableViewList.get(id);
+}
 var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
   function TreeGridTableViewContextImpl(grid) {
     this.suggestValue = '';
@@ -26620,10 +26631,6 @@ var w$3 = window;
 if (!w$3.tableViewList) {
   w$3.tableViewList = new Map();
 }
-var tableViewList = w$3.tableViewList;
-function getTableViewById(id) {
-  return tableViewList.get(id);
-}
 var TreeGrid = function TreeGrid(props) {
   var disposeTableViewById = function disposeTableViewById(gridId) {
     if (gridId && w$3.Grids) {
@@ -26705,7 +26712,9 @@ var TreeGrid = function TreeGrid(props) {
         Text: {
           Url: props.textUrl || TABLE_VIEW_URL.TREEGRID_TEXT
         },
-        Debug: props.debug || ''
+        Debug: props.debug || '',
+        Cache: props.cache || TABLE_VIEW_CACHE.DEFAULT,
+        CacheVersion: props.cacheVersion
       }, "vitro-table-view" + props.id);
     } else {
       w$3.TreeGrid({
@@ -26722,7 +26731,9 @@ var TreeGrid = function TreeGrid(props) {
         Text: {
           Url: props.textUrl || TABLE_VIEW_URL.TREEGRID_TEXT
         },
-        Debug: props.debug || ''
+        Debug: props.debug || '',
+        Cache: props.cache || TABLE_VIEW_CACHE.DEFAULT,
+        CacheVersion: props.cacheVersion
       }, "vitro-table-view" + props.id);
     }
     return function () {