@1771technologies/lytenyte-pro 0.0.47 → 0.0.49

package/dist/filter-manager.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useCallback, createContext, useContext, useMemo, forwardRef } from "react";
 import { c as useGrid, G as GridProvider } from "./useScrollLock-D4UY33Sb.js";
-import { S as Select } from "./select-CN-kFW8a.js";
+import { S as Select } from "./select-DsanEUFk.js";
 import { I as Input, C as Checkbox } from "./drag-store-CO3z13Ju.js";
 import "@1771technologies/react-sizer";
 import "@1771technologies/react-utils";

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

@@ -643,6 +643,11 @@ INPUT
   justify-content: center;
   box-sizing: border-box;
 }
+
+.lng1771-menu__submenu-positioner,
+.lng1771-menu__positioner {
+  z-index: 100;
+}
 .lng1771-pill {
   white-space: nowrap;
   display: flex;
@@ -1019,6 +1024,10 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
   color: var(--lng1771-gray-70);
 }
 
+.lng1771-select__positioner {
+  z-index: 100;
+}
+
 .lng1771-select__popup {
   background-color: var(--lng1771-gray-10);
   border: 1px solid var(--lng1771-gray-30);
@@ -1030,8 +1039,6 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
     0px 3px 13px 0px rgba(30, 30, 41, 0.1);
   width: var(--anchor-width);
 
-  z-index: 100;
-
   &:focus {
     outline: none;
   }
@@ -1142,22 +1149,8 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
   }
 }
 
-.lng1771-popover__arrow {
-  &[data-side="bottom"] {
-    top: -14px;
-  }
-  &[data-side="left"] {
-    right: -14px;
-    transform: rotate(90deg);
-  }
-  &[data-side="right"] {
-    left: -14px;
-    transform: rotate(-90deg);
-  }
-  &[data-side="top"] {
-    bottom: -14px;
-    transform: rotate(180deg);
-  }
+.lng1771-popover__positioner {
+  z-index: 100;
 }
 .lng1771-column-manager__tree {
   padding-block-start: 8px;
@@ -1327,7 +1320,7 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
   display: flex;
   flex-direction: column;
   min-height: 120px;
-  min-width: 260px;
+  min-width: 120px;
   border-radius: 6px;
   border: 1px solid var(--lng1771-gray-30);
   background-color: var(--lng1771-gray-02);
@@ -1918,6 +1911,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/dist/{select-CN-kFW8a.js → select-DsanEUFk.js}

@@ -2227,7 +2227,7 @@ function Select({
           ),
           /* @__PURE__ */ jsx(SelectIcon, { className: clsx("lng1771-select__trigger", triggerIconClassName), children: /* @__PURE__ */ jsx(ArrowDownIcon, {}) })
         ] }),
-        /* @__PURE__ */ jsx(SelectPortal, { children: /* @__PURE__ */ jsx(SelectPositioner, { sideOffset: 8, children: /* @__PURE__ */ jsx(SelectPopup, { className: clsx("lng1771-select__popup", popupClassName), children: options.map((c) => {
+        /* @__PURE__ */ jsx(SelectPortal, { children: /* @__PURE__ */ jsx(SelectPositioner, { sideOffset: 8, className: "lng1771-select__positioner", children: /* @__PURE__ */ jsx(SelectPopup, { className: clsx("lng1771-select__popup", popupClassName), children: options.map((c) => {
           return /* @__PURE__ */ jsxs(
             SelectItem,
             {

package/dist/sort-manager.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useMemo, useState, useEffect, createContext, useContext, forwardRef } from "react";
 import { c as useGrid, G as GridProvider } from "./useScrollLock-D4UY33Sb.js";
 import { clsx } from "@1771technologies/js-utils";
-import { S as Select } from "./select-CN-kFW8a.js";
+import { S as Select } from "./select-DsanEUFk.js";
 import { P as PlusIcon } from "./plus-icon-ToqW5CC-.js";
 import { C as CrossIcon } from "./cross-icon-CEMLAlFX.js";
 import { S as Separator } from "./separator-BnPPeAk8.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1771technologies/lytenyte-pro",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "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.49",
+    "@1771technologies/grid-core": "0.0.49",
+    "@1771technologies/grid-design": "0.0.49",
+    "@1771technologies/grid-provider": "0.0.49",
+    "@1771technologies/grid-store-pro": "0.0.49",
+    "@1771technologies/grid-tree-data-source": "0.0.49",
+    "@1771technologies/grid-types": "0.0.49",
+    "@1771technologies/js-utils": "0.0.49",
+    "@1771technologies/lytenyte-core": "0.0.49",
+    "@1771technologies/react-cascada": "0.0.49",
+    "@1771technologies/react-dragon": "0.0.49",
+    "@1771technologies/react-sizer": "0.0.49",
+    "@1771technologies/react-split-pane": "0.0.49",
+    "@1771technologies/react-utils": "0.0.49",
     "@base-ui-components/react": "1.0.0-alpha.7"
   },
   "devDependencies": {