@nativedesktop/react 0.3.1 → 0.4.0

package/dist/index.js

@@ -37,43 +37,44 @@ var WIDGET_TYPE = {
   Row: 31,
   SwitchRow: 32,
   Clamp: 33,
-  Switch: 34,
-  ToggleButton: 35,
-  SegmentedControl: 36,
-  NumberInput: 37,
-  LinkButton: 38,
-  LevelIndicator: 39,
-  ColorPicker: 40,
-  Banner: 41,
-  MenuButton: 42,
-  SplitButton: 43,
-  Popover: 44,
-  Expander: 45,
-  StatusPage: 46,
-  ToastOverlay: 47,
-  DatePicker: 48,
-  Table: 49,
-  TreeView: 50,
-  FontPicker: 51,
-  Video: 52,
-  TrayItem: 53,
-  ShareButton: 54,
-  Terminal: 55,
-  Paned: 56,
-  CommandPalette: 57,
-  Avatar: 58,
-  Badge: 59,
-  Tag: 60,
-  Kbd: 61,
-  ComboBox: 62,
-  Breadcrumb: 63,
-  Dialog: 64,
-  Sheet: 65,
-  RichText: 66,
-  ProgressCircle: 67,
-  Skeleton: 68,
-  Chart: 69,
-  CodeEditor: 70
+  Overlay: 34,
+  Switch: 35,
+  ToggleButton: 36,
+  SegmentedControl: 37,
+  NumberInput: 38,
+  LinkButton: 39,
+  LevelIndicator: 40,
+  ColorPicker: 41,
+  Banner: 42,
+  MenuButton: 43,
+  SplitButton: 44,
+  Popover: 45,
+  Expander: 46,
+  StatusPage: 47,
+  ToastOverlay: 48,
+  DatePicker: 49,
+  Table: 50,
+  TreeView: 51,
+  FontPicker: 52,
+  Video: 53,
+  TrayItem: 54,
+  ShareButton: 55,
+  Terminal: 56,
+  Paned: 57,
+  CommandPalette: 58,
+  Avatar: 59,
+  Badge: 60,
+  Tag: 61,
+  Kbd: 62,
+  ComboBox: 63,
+  Breadcrumb: 64,
+  Dialog: 65,
+  Sheet: 66,
+  RichText: 67,
+  ProgressCircle: 68,
+  Skeleton: 69,
+  Chart: 70,
+  CodeEditor: 71
 };
 
 // ../../runtime/ndp-binary.ts
@@ -465,6 +466,7 @@ var intrinsicToName = {
   row: "Row",
   switchrow: "SwitchRow",
   clamp: "Clamp",
+  overlay: "Overlay",
   switch: "Switch",
   togglebutton: "ToggleButton",
   segmentedcontrol: "SegmentedControl",
@@ -529,7 +531,7 @@ var widgetEvents = {
   toolbarview: [{ name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   searchinput: [{ name: "changed", handler: "onChanged", payload: "text" }, { name: "activate", handler: "onActivate", payload: "text" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   sourcelist: [{ name: "selectionChanged", handler: "onSelectionChanged", payload: "index" }, { name: "rowActivated", handler: "onRowActivated", payload: "index" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
-  sourcetree: [{ name: "selectionChanged", handler: "onSelectionChanged", payload: "data" }, { name: "rowActivated", handler: "onRowActivated", payload: "data" }, { name: "nodeExpanded", handler: "onNodeExpanded", payload: "data" }, { name: "nodeCollapsed", handler: "onNodeCollapsed", payload: "data" }, { name: "actionClicked", handler: "onActionClicked", payload: "data" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
+  sourcetree: [{ name: "selectionChanged", handler: "onSelectionChanged", payload: "data" }, { name: "rowActivated", handler: "onRowActivated", payload: "data" }, { name: "nodeExpanded", handler: "onNodeExpanded", payload: "data" }, { name: "nodeCollapsed", handler: "onNodeCollapsed", payload: "data" }, { name: "actionClicked", handler: "onActionClicked", payload: "data" }, { name: "middleClicked", handler: "onMiddleClick", payload: "data" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   menubar: [{ name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   menu: [{ name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   menuitem: [{ name: "selected", handler: "onSelect", payload: "none" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
@@ -537,6 +539,7 @@ var widgetEvents = {
   row: [{ name: "activated", handler: "onActivate", payload: "none" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   switchrow: [{ name: "toggled", handler: "onToggled", payload: "checked" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   clamp: [{ name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
+  overlay: [{ name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   switch: [{ name: "toggled", handler: "onToggled", payload: "checked" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   togglebutton: [{ name: "toggled", handler: "onToggled", payload: "checked" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   segmentedcontrol: [{ name: "selectionChanged", handler: "onSelectionChanged", payload: "index" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
@@ -601,7 +604,7 @@ var handlerPropNames = {
   toolbarview: ["onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   searchinput: ["onChanged", "onActivate", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   sourcelist: ["onSelectionChanged", "onRowActivated", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
-  sourcetree: ["onSelectionChanged", "onRowActivated", "onNodeExpanded", "onNodeCollapsed", "onActionClicked", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
+  sourcetree: ["onSelectionChanged", "onRowActivated", "onNodeExpanded", "onNodeCollapsed", "onActionClicked", "onMiddleClick", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   menubar: ["onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   menu: ["onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   menuitem: ["onSelect", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
@@ -609,6 +612,7 @@ var handlerPropNames = {
   row: ["onActivate", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   switchrow: ["onToggled", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   clamp: ["onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
+  overlay: ["onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   switch: ["onToggled", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   togglebutton: ["onToggled", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   segmentedcontrol: ["onSelectionChanged", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
@@ -681,6 +685,7 @@ var widgetCommands = {
   row: [],
   switchrow: [],
   clamp: [],
+  overlay: [],
   switch: ["focus"],
   togglebutton: [],
   segmentedcontrol: [],
@@ -753,6 +758,7 @@ var widgetPlatforms = {
   row: null,
   switchrow: null,
   clamp: null,
+  overlay: null,
   switch: null,
   togglebutton: null,
   segmentedcontrol: null,
@@ -851,6 +857,8 @@ var styleKeySpec = {
   vexpand: null,
   halign: null,
   valign: null,
+  minWidth: null,
+  minHeight: null,
   border: ["borderWidth", "borderColor", "borderRadius"]
 };
 var cssClassSpec = ["suggested-action", "destructive-action", "flat", "raised", "circular", "pill", "linked", "toolbar", "spacer", "title-1", "title-2", "title-3", "title-4", "heading", "document", "body", "caption-heading", "caption", "monospace", "numeric", "accent", "success", "warning", "error", "boxed-list", "boxed-list-separate", "card", "activatable", "navigation-sidebar", "nd-native-sidebar", "selection-mode", "osd", "dimmed", "background", "view", "frame", "compact", "menu", "inline", "large-title", "property", "round", "opaque", "devel", "icon-dropshadow", "lowres-icon"];

package/dist/jsx-runtime.js

@@ -10,6 +10,8 @@ var styleKeySpec = {
   vexpand: null,
   halign: null,
   valign: null,
+  minWidth: null,
+  minHeight: null,
   border: ["borderWidth", "borderColor", "borderRadius"]
 };
 var cssClassSpec = ["suggested-action", "destructive-action", "flat", "raised", "circular", "pill", "linked", "toolbar", "spacer", "title-1", "title-2", "title-3", "title-4", "heading", "document", "body", "caption-heading", "caption", "monospace", "numeric", "accent", "success", "warning", "error", "boxed-list", "boxed-list-separate", "card", "activatable", "navigation-sidebar", "nd-native-sidebar", "selection-mode", "osd", "dimmed", "background", "view", "frame", "compact", "menu", "inline", "large-title", "property", "round", "opaque", "devel", "icon-dropshadow", "lowres-icon"];

package/dist/packages/react/src/generated/intrinsics.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode, Ref } from "react";
 export { jsx, jsxs, Fragment } from "react/jsx-runtime";
-export type WidgetName = "Window" | "Box" | "Label" | "Button" | "TextInput" | "TextArea" | "Checkbox" | "Radio" | "Select" | "Slider" | "ProgressBar" | "Image" | "ScrollView" | "Separator" | "Spinner" | "TabView" | "Grid" | "ListView" | "WebView" | "NativeView" | "SplitView" | "HeaderBar" | "ToolbarView" | "SearchInput" | "SourceList" | "SourceTree" | "Menubar" | "Menu" | "MenuItem" | "SettingsGroup" | "Row" | "SwitchRow" | "Clamp" | "Switch" | "ToggleButton" | "SegmentedControl" | "NumberInput" | "LinkButton" | "LevelIndicator" | "ColorPicker" | "Banner" | "MenuButton" | "SplitButton" | "Popover" | "Expander" | "StatusPage" | "ToastOverlay" | "DatePicker" | "Table" | "TreeView" | "FontPicker" | "Video" | "TrayItem" | "ShareButton" | "Terminal" | "Paned" | "CommandPalette" | "Avatar" | "Badge" | "Tag" | "Kbd" | "ComboBox" | "Breadcrumb" | "Dialog" | "Sheet" | "RichText" | "ProgressCircle" | "Skeleton" | "Chart" | "CodeEditor";
-export type WidgetType = "window" | "box" | "label" | "button" | "textinput" | "textarea" | "checkbox" | "radio" | "select" | "slider" | "progressbar" | "image" | "scrollview" | "separator" | "spinner" | "tabview" | "grid" | "listview" | "webview" | "nativeview" | "splitview" | "headerbar" | "toolbarview" | "searchinput" | "sourcelist" | "sourcetree" | "menubar" | "menu" | "menuitem" | "settingsgroup" | "row" | "switchrow" | "clamp" | "switch" | "togglebutton" | "segmentedcontrol" | "numberinput" | "linkbutton" | "levelindicator" | "colorpicker" | "banner" | "menubutton" | "splitbutton" | "popover" | "expander" | "statuspage" | "toastoverlay" | "datepicker" | "table" | "treeview" | "fontpicker" | "video" | "trayitem" | "sharebutton" | "terminal" | "paned" | "commandpalette" | "avatar" | "badge" | "tag" | "kbd" | "combobox" | "breadcrumb" | "dialog" | "sheet" | "richtext" | "progresscircle" | "skeleton" | "chart" | "codeeditor";
+export type WidgetName = "Window" | "Box" | "Label" | "Button" | "TextInput" | "TextArea" | "Checkbox" | "Radio" | "Select" | "Slider" | "ProgressBar" | "Image" | "ScrollView" | "Separator" | "Spinner" | "TabView" | "Grid" | "ListView" | "WebView" | "NativeView" | "SplitView" | "HeaderBar" | "ToolbarView" | "SearchInput" | "SourceList" | "SourceTree" | "Menubar" | "Menu" | "MenuItem" | "SettingsGroup" | "Row" | "SwitchRow" | "Clamp" | "Overlay" | "Switch" | "ToggleButton" | "SegmentedControl" | "NumberInput" | "LinkButton" | "LevelIndicator" | "ColorPicker" | "Banner" | "MenuButton" | "SplitButton" | "Popover" | "Expander" | "StatusPage" | "ToastOverlay" | "DatePicker" | "Table" | "TreeView" | "FontPicker" | "Video" | "TrayItem" | "ShareButton" | "Terminal" | "Paned" | "CommandPalette" | "Avatar" | "Badge" | "Tag" | "Kbd" | "ComboBox" | "Breadcrumb" | "Dialog" | "Sheet" | "RichText" | "ProgressCircle" | "Skeleton" | "Chart" | "CodeEditor";
+export type WidgetType = "window" | "box" | "label" | "button" | "textinput" | "textarea" | "checkbox" | "radio" | "select" | "slider" | "progressbar" | "image" | "scrollview" | "separator" | "spinner" | "tabview" | "grid" | "listview" | "webview" | "nativeview" | "splitview" | "headerbar" | "toolbarview" | "searchinput" | "sourcelist" | "sourcetree" | "menubar" | "menu" | "menuitem" | "settingsgroup" | "row" | "switchrow" | "clamp" | "overlay" | "switch" | "togglebutton" | "segmentedcontrol" | "numberinput" | "linkbutton" | "levelindicator" | "colorpicker" | "banner" | "menubutton" | "splitbutton" | "popover" | "expander" | "statuspage" | "toastoverlay" | "datepicker" | "table" | "treeview" | "fontpicker" | "video" | "trayitem" | "sharebutton" | "terminal" | "paned" | "commandpalette" | "avatar" | "badge" | "tag" | "kbd" | "combobox" | "breadcrumb" | "dialog" | "sheet" | "richtext" | "progresscircle" | "skeleton" | "chart" | "codeeditor";
 /** What a host-element `ref` resolves to (the reconciler's public
  *  instance): the node's wire id + intrinsic type — the handle
  *  sendCommand() (M14) addresses imperative widget commands with. */
@@ -33,6 +33,8 @@ export interface StyleProp {
     vexpand?: boolean;
     halign?: "fill" | "start" | "end" | "center";
     valign?: "fill" | "start" | "end" | "center";
+    minWidth?: number;
+    minHeight?: number;
     border?: {
         borderWidth?: number;
         borderColor?: string;
@@ -1321,6 +1323,9 @@ export declare namespace JSX {
             onActionClicked?: (e: {
                 data: unknown;
             }) => void;
+            onMiddleClick?: (e: {
+                data: unknown;
+            }) => void;
             onDragStarted?: (e: {
                 text: string;
             }) => void;
@@ -1642,6 +1647,44 @@ export declare namespace JSX {
             ref?: Ref<NdNodeRef<"clamp">>;
             children?: ReactNode;
         };
+        overlay: {
+            enabled?: boolean;
+            tooltip?: string;
+            draggable?: boolean;
+            dragPayload?: string;
+            dropTarget?: boolean;
+            testID?: string;
+            onDragStarted?: (e: {
+                text: string;
+            }) => void;
+            onDragEnded?: () => void;
+            onDragOver?: (e: {
+                text: string;
+                data: {
+                    x: number;
+                    y: number;
+                };
+            }) => void;
+            onDropped?: (e: {
+                text: string;
+                data: {
+                    x: number;
+                    y: number;
+                };
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"overlay">>;
+            children?: ReactNode;
+        };
         switch: {
             checked?: boolean;
             enabled?: boolean;

package/dist/packages/react/src/generated/protocol.d.ts

@@ -1,5 +1,5 @@
 export declare const NDP_VERSION = 1;
-export type WidgetName = "Window" | "Box" | "Label" | "Button" | "TextInput" | "TextArea" | "Checkbox" | "Radio" | "Select" | "Slider" | "ProgressBar" | "Image" | "ScrollView" | "Separator" | "Spinner" | "TabView" | "Grid" | "ListView" | "WebView" | "NativeView" | "SplitView" | "HeaderBar" | "ToolbarView" | "SearchInput" | "SourceList" | "SourceTree" | "Menubar" | "Menu" | "MenuItem" | "SettingsGroup" | "Row" | "SwitchRow" | "Clamp" | "Switch" | "ToggleButton" | "SegmentedControl" | "NumberInput" | "LinkButton" | "LevelIndicator" | "ColorPicker" | "Banner" | "MenuButton" | "SplitButton" | "Popover" | "Expander" | "StatusPage" | "ToastOverlay" | "DatePicker" | "Table" | "TreeView" | "FontPicker" | "Video" | "TrayItem" | "ShareButton" | "Terminal" | "Paned" | "CommandPalette" | "Avatar" | "Badge" | "Tag" | "Kbd" | "ComboBox" | "Breadcrumb" | "Dialog" | "Sheet" | "RichText" | "ProgressCircle" | "Skeleton" | "Chart" | "CodeEditor";
+export type WidgetName = "Window" | "Box" | "Label" | "Button" | "TextInput" | "TextArea" | "Checkbox" | "Radio" | "Select" | "Slider" | "ProgressBar" | "Image" | "ScrollView" | "Separator" | "Spinner" | "TabView" | "Grid" | "ListView" | "WebView" | "NativeView" | "SplitView" | "HeaderBar" | "ToolbarView" | "SearchInput" | "SourceList" | "SourceTree" | "Menubar" | "Menu" | "MenuItem" | "SettingsGroup" | "Row" | "SwitchRow" | "Clamp" | "Overlay" | "Switch" | "ToggleButton" | "SegmentedControl" | "NumberInput" | "LinkButton" | "LevelIndicator" | "ColorPicker" | "Banner" | "MenuButton" | "SplitButton" | "Popover" | "Expander" | "StatusPage" | "ToastOverlay" | "DatePicker" | "Table" | "TreeView" | "FontPicker" | "Video" | "TrayItem" | "ShareButton" | "Terminal" | "Paned" | "CommandPalette" | "Avatar" | "Badge" | "Tag" | "Kbd" | "ComboBox" | "Breadcrumb" | "Dialog" | "Sheet" | "RichText" | "ProgressCircle" | "Skeleton" | "Chart" | "CodeEditor";
 /** Child runtime identity, carried inside the hello frame. */
 export interface Runtime {
     name: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nativedesktop/react",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "type": "module",
   "license": "MIT",
   "homepage": "https://github.com/FormalSnake/NativeDesktop#readme",