@fgv/ts-app-shell 5.1.0-7 → 5.1.0-9

package/dist/packlets/editing/EditFieldHelpers.js

@@ -33,18 +33,18 @@ import React from 'react';
  * Horizontal label + field layout for a single edit field.
  * @public
  */
-export function EditField({ label, children }) {
+export function EditField({ label, tooltip, children }) {
     return (React.createElement("div", { className: "flex items-baseline gap-2 py-1" },
-        React.createElement("label", { className: "text-xs text-muted w-32 shrink-0" }, label),
+        React.createElement("label", { className: "text-xs text-muted w-32 shrink-0", title: tooltip }, label),
         React.createElement("div", { className: "flex-1" }, children)));
 }
 /**
  * Titled section wrapper for grouping related edit fields.
  * @public
  */
-export function EditSection({ title, children }) {
+export function EditSection({ title, tooltip, children }) {
     return (React.createElement("div", { className: "mb-4" },
-        React.createElement("h4", { className: "text-xs font-medium text-muted uppercase tracking-wider mb-1.5" }, title),
+        React.createElement("h4", { className: "text-xs font-medium text-muted uppercase tracking-wider mb-1.5", title: tooltip }, title),
         children));
 }
 /**

package/lib/packlets/editing/EditFieldHelpers.d.ts

@@ -15,6 +15,8 @@ import React from 'react';
 export interface IEditFieldProps {
     /** Label text displayed to the left of the field */
     readonly label: string;
+    /** Optional tooltip shown on hover over the label */
+    readonly tooltip?: string;
     /** The input control(s) to render */
     readonly children: React.ReactNode;
 }
@@ -22,7 +24,7 @@ export interface IEditFieldProps {
  * Horizontal label + field layout for a single edit field.
  * @public
  */
-export declare function EditField({ label, children }: IEditFieldProps): React.ReactElement;
+export declare function EditField({ label, tooltip, children }: IEditFieldProps): React.ReactElement;
 /**
  * Props for the EditSection component.
  * @public
@@ -30,6 +32,8 @@ export declare function EditField({ label, children }: IEditFieldProps): React.R
 export interface IEditSectionProps {
     /** Section heading text */
     readonly title: string;
+    /** Optional tooltip shown on hover over the section heading */
+    readonly tooltip?: string;
     /** Section content (typically EditField components) */
     readonly children: React.ReactNode;
 }
@@ -37,7 +41,7 @@ export interface IEditSectionProps {
  * Titled section wrapper for grouping related edit fields.
  * @public
  */
-export declare function EditSection({ title, children }: IEditSectionProps): React.ReactElement;
+export declare function EditSection({ title, tooltip, children }: IEditSectionProps): React.ReactElement;
 /**
  * Props for the TextInput component.
  * @public

package/lib/packlets/editing/EditFieldHelpers.js

@@ -47,18 +47,18 @@ const react_1 = __importDefault(require("react"));
  * Horizontal label + field layout for a single edit field.
  * @public
  */
-function EditField({ label, children }) {
+function EditField({ label, tooltip, children }) {
     return (react_1.default.createElement("div", { className: "flex items-baseline gap-2 py-1" },
-        react_1.default.createElement("label", { className: "text-xs text-muted w-32 shrink-0" }, label),
+        react_1.default.createElement("label", { className: "text-xs text-muted w-32 shrink-0", title: tooltip }, label),
         react_1.default.createElement("div", { className: "flex-1" }, children)));
 }
 /**
  * Titled section wrapper for grouping related edit fields.
  * @public
  */
-function EditSection({ title, children }) {
+function EditSection({ title, tooltip, children }) {
     return (react_1.default.createElement("div", { className: "mb-4" },
-        react_1.default.createElement("h4", { className: "text-xs font-medium text-muted uppercase tracking-wider mb-1.5" }, title),
+        react_1.default.createElement("h4", { className: "text-xs font-medium text-muted uppercase tracking-wider mb-1.5", title: tooltip }, title),
         children));
 }
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fgv/ts-app-shell",
-  "version": "5.1.0-7",
+  "version": "5.1.0-9",
   "description": "Shared React UI primitives for application shells: column cascade, sidebar, toast/log messages, command palette, keybinding registry",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -17,8 +17,8 @@
   "dependencies": {
     "@heroicons/react": "~2.2.0",
     "tslib": "^2.8.1",
-    "@fgv/ts-utils": "5.1.0-7",
-    "@fgv/ts-extras": "5.1.0-7"
+    "@fgv/ts-utils": "5.1.0-9",
+    "@fgv/ts-extras": "5.1.0-9"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -51,8 +51,8 @@
     "@rushstack/heft-jest-plugin": "1.2.6",
     "@testing-library/dom": "^10.4.0",
     "@rushstack/heft-node-rig": "2.11.27",
-    "@fgv/heft-dual-rig": "5.1.0-7",
-    "@fgv/ts-utils-jest": "5.1.0-7"
+    "@fgv/ts-utils-jest": "5.1.0-9",
+    "@fgv/heft-dual-rig": "5.1.0-9"
   },
   "exports": {
     ".": {