@1771technologies/lytenyte-pro 2.1.1 → 2.1.3-dev.0

package/dist/components/smart-select/root.js

@@ -154,10 +154,10 @@ export function SmartSelectRoot(p) {
     ]);
     const lightDismiss = useCallback((el) => {
         const closest = getNearestMatching(el, (el) => el === triggerEl);
-        if (!closest)
+        if (!closest || p.kind === "basic" || p.kind === "multi")
             return true;
         return false;
-    }, [triggerEl]);
+    }, [p.kind, triggerEl]);
     return (_jsx(SmartSelectProvider, { value: value, children: _jsxs(Popover, { open: open, onOpenChange: onOpenChange, onOpenChangeComplete: p.onOpenChangeComplete, focusTrap: false, modal: false, anchor: triggerEl, lightDismiss: lightDismiss, children: [trigger, triggerEl && createPortal(container, p.kind === "combo" ? triggerEl.parentElement : triggerEl)] }) }));
 }
 function DefaultChildren(p) {

package/dist/components/smart-select/smart-select.play.js

@@ -4,8 +4,7 @@ import { useState } from "react";
 import { SmartSelectRoot } from "./root.js";
 import { Option } from "./option.js";
 import { SmartSelectContainer } from "./container.js";
-import { Chip } from "./chip.js";
-import { MultiTrigger } from "./triggers/multi-trigger.js";
+import { BasicSelectTrigger } from "./triggers/basic-trigger.js";
 const options = [
     { id: "js", label: "JavaScript" },
     { id: "ts", label: "TypeScript" },
@@ -20,17 +19,15 @@ const options = [
     { id: "swift", label: "Swift" },
 ];
 export default function SmartSelect() {
-    const [value, setValue] = useState([options[0]]);
+    const [value, setValue] = useState(options[0]);
     void setValue;
     return (_jsx("div", { style: { display: "flex", justifyContent: "center", padding: 20 }, children: _jsx(SmartSelectRoot, { options: options, value: value, onOptionChange: (v) => {
                 if (!v)
                     return;
                 setValue(v);
-            }, closeOnSelect: false, kind: "multi", container: (p) => {
+            }, closeOnSelect: false, kind: "basic", container: (p) => {
                 return (_jsxs(SmartSelectContainer, { children: [p.loading && _jsx("div", { children: "Loading...." }), p.children] }));
-            }, trigger: _jsx(MultiTrigger, { render: _jsxs("button", { "data-ln-button": "website", "data-ln-size": "md", children: [_jsx("div", { children: "Select Items" }), _jsx("div", {})] }), className: "flex items-center", children: value.map((x) => {
-                    return (_jsx(Chip, { option: x, render: (p) => (_jsxs("div", { children: [x.label, p.active && "A"] })) }, x.id));
-                }) }), children: (p) => {
+            }, trigger: _jsx(BasicSelectTrigger, { children: value.label }), children: (p) => {
                 return (_jsxs(Option, { ...p, children: [_jsx("div", { children: p.option.label }), _jsx("div", { children: p.selected && "✔️" })] }));
             } }) }));
 }

package/dist/components/smart-select/triggers/basic-trigger.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { useSmartSelect } from "../context.js";
 import { mergeProps } from "../../../hooks/use-slot/merge-props.js";
@@ -13,6 +13,6 @@ function BasicSelectTriggerBase(props, ref) {
     const triggerControls = useSelectControls(false, noop);
     const p = mergeProps(props, triggerControls);
     const combined = useCombinedRefs(setTrigger, ref, inputRef);
-    return _jsx("button", { ...p, ref: combined, "data-ln-smart-select-trigger": true, "data-ln-open": open });
+    return (_jsx("button", { ...p, ref: combined, "data-ln-smart-select-trigger": true, "data-ln-open": open, children: _jsx(_Fragment, { children: props.children }) }));
 }
 export const BasicSelectTrigger = forwardRef(BasicSelectTriggerBase);

package/dist/components/smart-select/triggers/use-trigger-controls.d.ts

@@ -1,5 +1,5 @@
 export declare function useSelectControls(isMulti: boolean, setActiveChip: (s: string | null) => void): {
-    onClick: () => void;
+    onClickCapture: () => void;
     onBlur: (e: import("react").FocusEvent<HTMLButtonElement, Element>) => void;
     onKeyDown: (e: import("react").KeyboardEvent<HTMLButtonElement>) => void;
 };

package/dist/components/smart-select/triggers/use-trigger-controls.js

@@ -5,7 +5,7 @@ export function useSelectControls(isMulti, setActiveChip) {
     const { open, onOpenChange, openOnClick, setActiveId, container, rtl, trigger, onOptionsChange, kindAndValue: { value }, openKeys, closeKeys, options, onOptionSelect, } = useSmartSelect();
     return useMemo(() => {
         return {
-            onClick: () => {
+            onClickCapture: () => {
                 if (!open && openOnClick)
                     onOpenChange(true);
             },

package/dist/data-source-client/hooks/use-pivot/use-pivot-columns.js

@@ -1,9 +1,10 @@
 import { useMemo, useRef } from "react";
 import { computeField } from "@1771technologies/lytenyte-core/internal";
-import { measureText } from "@1771technologies/lytenyte-shared";
+import {} from "@1771technologies/lytenyte-shared";
 import { pivotPaths } from "./auxiliary-functions/pivot-paths.js";
 import { applyReferenceColumn } from "./auxiliary-functions/apply-reference-column.js";
 import { equal, itemsWithIdToMap } from "@1771technologies/js-utils";
+import { measureText } from "@1771technologies/dom-utils";
 export function usePivotColumns(pivotMode, pivotControlled, model, leafs, filtered, processor) {
     const measures = model?.measures;
     const columns = model?.columns;

package/dist/index.d.ts

@@ -113,7 +113,7 @@ export { useServerDataSource } from "./data-source-server/use-server-data-source
 export type * from "./data-source-server/types.js";
 export type { RowSourceTree, UseTreeDataSourceParams } from "./data-source-tree/use-tree-data-source.js";
 export { useTreeDataSource } from "./data-source-tree/use-tree-data-source.js";
-export { measureText } from "@1771technologies/lytenyte-shared";
+export { measureText } from "@1771technologies/dom-utils";
 export { moveRelative, equal, arrayShallow } from "@1771technologies/js-utils";
 export { getRowDragData, computeField } from "@1771technologies/lytenyte-core/internal";
 export { virtualFromXY } from "./components/virtual-from-coordinates.js";

package/dist/index.js

@@ -17,7 +17,7 @@ Grid.Viewport = GridCore.Viewport;
 export { useClientDataSource } from "./data-source-client/use-client-data-source.js";
 export { useServerDataSource } from "./data-source-server/use-server-data-source.js";
 export { useTreeDataSource } from "./data-source-tree/use-tree-data-source.js";
-export { measureText } from "@1771technologies/lytenyte-shared";
+export { measureText } from "@1771technologies/dom-utils";
 export { moveRelative, equal, arrayShallow } from "@1771technologies/js-utils";
 export { getRowDragData, computeField } from "@1771technologies/lytenyte-core/internal";
 export { virtualFromXY } from "./components/virtual-from-coordinates.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@1771technologies/lytenyte-pro",
   "description": "Blazingly fast headless React data grid with 100s of features.",
-  "version": "2.1.1",
+  "version": "2.1.3-dev.0",
   "type": "module",
   "license": "COMMERCIAL",
   "files": [
@@ -85,14 +85,14 @@
     "access": "public"
   },
   "dependencies": {
-    "@1771technologies/lytenyte-core": "2.1.1",
-    "@1771technologies/lytenyte-shared": "2.1.1",
-    "@1771technologies/js-utils": "2.1.1",
-    "@1771technologies/dom-utils": "2.1.1",
-    "@1771technologies/lytenyte-design": "2.1.1"
+    "@1771technologies/lytenyte-shared": "2.1.3-dev.0",
+    "@1771technologies/js-utils": "2.1.3-dev.0",
+    "@1771technologies/dom-utils": "2.1.3-dev.0",
+    "@1771technologies/lytenyte-design": "2.1.3-dev.0",
+    "@1771technologies/lytenyte-core": "2.1.3-dev.0"
   },
   "devDependencies": {
-    "@1771technologies/grid-sample-data": "2.1.1"
+    "@1771technologies/grid-sample-data": "2.1.3-dev.0"
   },
   "peerDependencies": {
     "react": "18.0.0 || ^19.0.0",