@1771technologies/lytenyte-pro 0.0.47 → 0.0.48

package/dist/index.js

@@ -2743,7 +2743,25 @@ function GridFrame({
   const frames = state.panelFrames.use();
   const openId = state.internal.panelFrameOpen.use();
   const frame = openId ? frames[openId] : null;
+  const [width, setWidth] = useState(500);
   const [frameSplit, setFrameSplit] = useState(70);
+  useEffect(() => {
+    if (width < 500) {
+      setFrameSplit(1);
+      return;
+    }
+    setFrameSplit(70);
+  }, [width]);
+  const [el, setEl] = useState(null);
+  useEffect(() => {
+    if (!el) return;
+    const re = new ResizeObserver(() => {
+      setWidth(el.clientWidth);
+      api.panelFrameClose();
+    });
+    re.observe(el);
+    return () => re.disconnect();
+  }, [api, el]);
   const template = useMemo(() => {
     const f = ["1fr"];
     if (buttons.length) f.push("32px");
@@ -2756,6 +2774,7 @@ function GridFrame({
       "data-cell-selection-enabled": cellSelectionEnabled ? true : void 0,
       className: "lng1771-grid-frame",
       style: { gridTemplateColumns: template },
+      ref: setEl,
       children: [
         frame ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
           SplitPane,
@@ -2772,9 +2791,13 @@ function GridFrame({
               }
             ) }),
             split: frame ? frameSplit : 100,
-            onSplitChange: (n2) => setFrameSplit(n2),
-            min: 20,
-            max: 80,
+            onSplitChange: (n2) => {
+              console.log("n");
+              setFrameSplit(n2);
+            },
+            min: width < 500 ? 0 : 20,
+            max: width < 500 ? 100 : 80,
+            disabled: width < 500,
             splitterClassName: "lng1771-grid-frame__open-panel--splitter"
           }
         ) }) : /* @__PURE__ */ jsx("div", { children }),

package/dist/lytenyte-pro.css

@@ -1918,6 +1918,10 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
   position: relative;
   cursor: col-resize;
 
+  &[data-disabled="true"] {
+    cursor: initial;
+  }
+
   &::after {
     position: absolute;
     inset-inline-start: -4px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1771technologies/lytenyte-pro",
-  "version": "0.0.47",
+  "version": "0.0.48",
   "license": "COMMERCIAL",
   "type": "module",
   "files": [
@@ -70,20 +70,20 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@1771technologies/grid-client-data-source-pro": "0.0.47",
-    "@1771technologies/grid-core": "0.0.47",
-    "@1771technologies/grid-design": "0.0.47",
-    "@1771technologies/grid-provider": "0.0.47",
-    "@1771technologies/grid-store-pro": "0.0.47",
-    "@1771technologies/grid-tree-data-source": "0.0.47",
-    "@1771technologies/grid-types": "0.0.47",
-    "@1771technologies/js-utils": "0.0.47",
-    "@1771technologies/lytenyte-core": "0.0.47",
-    "@1771technologies/react-cascada": "0.0.47",
-    "@1771technologies/react-dragon": "0.0.47",
-    "@1771technologies/react-sizer": "0.0.47",
-    "@1771technologies/react-split-pane": "0.0.47",
-    "@1771technologies/react-utils": "0.0.47",
+    "@1771technologies/grid-client-data-source-pro": "0.0.48",
+    "@1771technologies/grid-core": "0.0.48",
+    "@1771technologies/grid-design": "0.0.48",
+    "@1771technologies/grid-provider": "0.0.48",
+    "@1771technologies/grid-store-pro": "0.0.48",
+    "@1771technologies/grid-tree-data-source": "0.0.48",
+    "@1771technologies/grid-types": "0.0.48",
+    "@1771technologies/js-utils": "0.0.48",
+    "@1771technologies/lytenyte-core": "0.0.48",
+    "@1771technologies/react-cascada": "0.0.48",
+    "@1771technologies/react-dragon": "0.0.48",
+    "@1771technologies/react-sizer": "0.0.48",
+    "@1771technologies/react-split-pane": "0.0.48",
+    "@1771technologies/react-utils": "0.0.48",
     "@base-ui-components/react": "1.0.0-alpha.7"
   },
   "devDependencies": {