wenay-react2 1.0.39 → 1.0.41

package/lib/common/src/styles/tokens.js

@@ -12,17 +12,20 @@ export const tokens = {
         borderCommon: 'rgb(50, 62, 71)',
     },
     menu: {
-        bgColor: 'rgba(12, 12, 12, 0.91)',
-        blur: '10px',
+        bgColor: '#0c0c0c',
+        blur: '0px',
         border: '1px solid rgba(255, 255, 255, 0.41)',
-        activeBackground: 'rgba(255, 255, 255, 0.23)',
+        activeBackground: '#262626',
         itemColor: '#fff',
+        itemActiveBgColor: '#262626',
+        itemActiveColor: '#fff',
         itemHoverColor: '#101010',
         itemHoverBgColor: '#fff',
+        itemPressedColor: '#101010',
+        itemPressedBgColor: '#f2c94c',
         outlineColor: '#007bff',
         shadow: '0 0 20px 14px rgba(34, 60, 80, 0.2)',
-    },
-    /** FloatingWindow window chrome (--wnd-*). Defaults = legacy look; apps re-skin via :root[data-theme].
+    }, /** FloatingWindow window chrome (--wnd-*). Defaults = legacy look; apps re-skin via :root[data-theme].
      *  --wnd-header-height/color/font-size/letter-spacing/transform are intentionally undeclared
      *  (inherit/auto) until a theme sets them. */
     wnd: {

package/lib/common/src/utils/memoryStore.d.ts

@@ -27,16 +27,7 @@ export declare const memoryCache: {
     getArr: [k: string, v: Map<string, unknown>][];
 };
 export declare const memoryMaps: {
-    rnd: ObservableMap<string, {
-        position: {
-            x: number;
-            y: number;
-        };
-        size: {
-            height: number | string;
-            width: number | string;
-        };
-    }>;
+    rnd: ObservableMap<string, import("../components/Dnd/FloatingWindow").FloatingWindowSavedGeometry>;
     resize: ObservableMap<string, {
         height?: number | string;
         width?: number | string;

package/lib/common/src/utils/searchHistory.js

@@ -1,4 +1,4 @@
-import { renderBy, updateBy } from "../../updateBy";
+import { createUpdateApi } from "../../updateBy";
 import { memoryGetOrCreate, memoryMarkDirty } from "./memoryStore";
 function normalizeSearchHistoryItem(value) {
     return value.replace(/\s+/g, " ").trim();
@@ -6,6 +6,7 @@ function normalizeSearchHistoryItem(value) {
 export function createSearchHistory(opts) {
     const max = Math.max(1, opts.max ?? 8);
     const st = memoryGetOrCreate(opts.key, { items: [] });
+    const stApi = createUpdateApi(st);
     function normalize() {
         const seen = new Set();
         st.items = st.items
@@ -23,7 +24,7 @@ export function createSearchHistory(opts) {
     }
     function emit() {
         normalize();
-        renderBy(st);
+        stApi.render();
         memoryMarkDirty(opts.key);
     }
     return {
@@ -31,7 +32,7 @@ export function createSearchHistory(opts) {
             return normalize().slice();
         },
         use() {
-            updateBy(st);
+            stApi.use();
             return normalize().slice();
         },
         add(value) {

package/lib/style/menuRight.css

@@ -7,12 +7,12 @@
   right: 0;
 }
 .menu-container.activeM {
-  background: var(--menu-active-background);
+  background: var(--menu-active-background, var(--menu-item-active-bg-color, #262626));
 }
 
 .menu-button {
   padding: 4px 10px;
-  color: var(--menu-item-color);
+  color: var(--menu-item-color, #fff);
   font-size: 28px;
   border: none;
   background: transparent;
@@ -33,38 +33,44 @@
 
 
 .dropdown-content {
-  background: var(--menu-bg-color);
-  border-top: var(--menu-border);
-  border-left: var(--menu-border);
-  border-right: var(--menu-border);
+  background: var(--menu-bg-color, #0c0c0c);
+  border-top: var(--menu-border, 1px solid rgba(255, 255, 255, 0.41));
+  border-left: var(--menu-border, 1px solid rgba(255, 255, 255, 0.41));
+  border-right: var(--menu-border, 1px solid rgba(255, 255, 255, 0.41));
   user-select: none;
   min-width: 50px;
   height: min-content;
   width: max-content;
 }
 
-.menu-item {
-  min-height: 30px;
-  padding: 10px;
-  position: relative;
-  cursor: pointer;
-  border-bottom: var(--menu-border);
-  transition: background 0.3s;
-}
-
-.menu-item:hover,
-.menu-item.force-hover {
-  background: var(--menu-item-hover-bg-color);
-  color: var(--menu-item-hover-color);
+.menu-item {
+  min-height: 30px;
+  padding: 10px;
+  position: relative;
+  cursor: pointer;
+  color: var(--menu-item-color, #fff);
+  border-bottom: var(--menu-border, 1px solid rgba(255, 255, 255, 0.41));
+  transition: background 0.3s, color 0.3s;
+}
+
+.menu-item:hover,
+.menu-item.force-hover {
+  background: var(--menu-item-hover-bg-color, #fff);
+  color: var(--menu-item-hover-color, #101010);
+}
+
+.menu-item:active {
+  background: var(--menu-item-pressed-bg-color, #f2c94c);
+  color: var(--menu-item-pressed-color, #101010);
 }
 
 .submenu {
-  background: var(--menu-bg-color);
+  background: var(--menu-bg-color, #0c0c0c);
 
-  backdrop-filter: blur(var(--menu-blur)); /* Blur */
-  -webkit-backdrop-filter: blur(var(--menu-blur)); /* For Safari */
+  backdrop-filter: blur(var(--menu-blur, 0px)); /* Blur */
+  -webkit-backdrop-filter: blur(var(--menu-blur, 0px)); /* For Safari */
 
-  border: var(--menu-border);
+  border: var(--menu-border, 1px solid rgba(255, 255, 255, 0.41));
   min-width: 200px;
 }
 .draggable-div {

package/lib/style/style.css

@@ -136,11 +136,11 @@ input:invalid {
 
 /* Menu */
 .MenuR {
-  box-shadow: var(--menu-shadow);
+  box-shadow: var(--menu-shadow, 0 0 20px 14px rgba(34, 60, 80, 0.2));
   margin-top: 4px;
   min-width: 80px;
   width: max-content;
-  background: var(--menu-bg-color);
+  background: var(--menu-bg-color, #0c0c0c);
 }
 
 .maxSize {
@@ -197,18 +197,24 @@ input:invalid {
    menu-specific colors through the shared --menu-* token contract. */
 .MenuR.toButton,
 .MenuR.toButtonA {
-  color: var(--menu-item-color);
-  border-bottom: var(--menu-border);
+  color: var(--menu-item-color, #fff);
+  border-bottom: var(--menu-border, 1px solid rgba(255, 255, 255, 0.41));
 }
 .MenuR.toButtonA {
-  background: var(--menu-active-background);
+  background: var(--menu-active-background, var(--menu-item-active-bg-color, #262626));
+  color: var(--menu-item-active-color, var(--menu-item-color, #fff));
 }
 .MenuR.toButton:hover,
-.MenuR.toButton:active,
 .MenuR.toButtonA:hover {
-  background: var(--menu-item-hover-bg-color);
-  color: var(--menu-item-hover-color);
-  border-bottom: var(--menu-border);
+  background: var(--menu-item-hover-bg-color, #fff);
+  color: var(--menu-item-hover-color, #101010);
+  border-bottom: var(--menu-border, 1px solid rgba(255, 255, 255, 0.41));
+}
+.MenuR.toButton:active,
+.MenuR.toButtonA:active {
+  background: var(--menu-item-pressed-bg-color, #f2c94c);
+  color: var(--menu-item-pressed-color, #101010);
+  border-bottom: var(--menu-border, 1px solid rgba(255, 255, 255, 0.41));
 }
 
 /* Menu indicator elements */

package/lib/style/tokens.css

@@ -21,13 +21,17 @@
   --base-color-hover: #fff;
 
   /* Menu */
-  --menu-bg-color: rgba(12, 12, 12, 0.91);
-  --menu-blur: 10px;
+  --menu-bg-color: #0c0c0c;
+  --menu-blur: 0px;
   --menu-border: var(--base-border);
-  --menu-active-background: rgba(255, 255, 255, 0.23);
   --menu-item-color: var(--base-color-hover);
+  --menu-item-active-bg-color: #262626;
+  --menu-item-active-color: var(--base-color-hover);
+  --menu-active-background: var(--menu-item-active-bg-color);
   --menu-item-hover-color: #101010;
-  --menu-item-hover-bg-color: var(--base-color-hover);
+  --menu-item-hover-bg-color: var(--base-color-hover);
+  --menu-item-pressed-color: #101010;
+  --menu-item-pressed-bg-color: #f2c94c;
   --menu-outline-color: #007bff;
 
   /* Menu shadow (was a literal in .MenuR) */

package/package.json

@@ -1,49 +1,50 @@
-{
-  "name": "wenay-react2",
-  "version": "1.0.39",
-  "description": "Common react",
-  "strict": true,
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "lib/**/*",
-    "!**/*.tsbuildinfo"
-  ],
-  "author": "wenay",
-  "license": "ISC",
-  "peerDependenciesMeta": {
-    "react-dom": {
-      "optional": true
-    }
-  },
-  "dependencies": {
-    "ag-grid-community": "^35.1.0",
-    "ag-grid-react": "^35.1.0",
-    "re-resizable": "^6.11.2",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-rnd": "^10.5.3",
-    "wenay-common2": "^1.0.65"
-  },
-  "peerDependencies": {
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0"
-  },
-  "engines": {
-    "node": ">=18",
-    "vscode": "^1.22.0"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead"
-    ],
-    "development": [
-      ">1%"
-    ]
-  },
-  "exports": {
-    ".": "./lib/index.js",
-    "./package.json": "./package.json"
-  }
-}
+{
+  "name": "wenay-react2",
+  "version": "1.0.41",
+  "description": "Common react",
+  "strict": true,
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "lib/**/*",
+    "doc/**/*",
+    "!**/*.tsbuildinfo"
+  ],
+  "author": "wenay",
+  "license": "ISC",
+  "peerDependenciesMeta": {
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "ag-grid-community": "^35.1.0",
+    "ag-grid-react": "^35.1.0",
+    "re-resizable": "^6.11.2",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-rnd": "^10.5.3",
+    "wenay-common2": "^1.0.65"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "engines": {
+    "node": ">=18",
+    "vscode": "^1.22.0"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead"
+    ],
+    "development": [
+      ">1%"
+    ]
+  },
+  "exports": {
+    ".": "./lib/index.js",
+    "./package.json": "./package.json"
+  }
+}