@harborclient/sdk 1.0.26 → 1.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -11,7 +11,7 @@ const TYPEAHEAD_TIMEOUT_MS = 500;
|
|
|
11
11
|
* @param variant - Visual variant for default or destructive actions.
|
|
12
12
|
*/
|
|
13
13
|
function menuItemClass(variant) {
|
|
14
|
-
const base = 'block w-full cursor-pointer border-none bg-transparent px-3.5 py-1.5 text-left text-[
|
|
14
|
+
const base = 'block w-full cursor-pointer border-none bg-transparent px-3.5 py-1.5 text-left text-[16px] app-no-drag';
|
|
15
15
|
return variant === 'danger'
|
|
16
16
|
? `${base} text-text hover:bg-danger/15 hover:text-danger`
|
|
17
17
|
: `${base} text-text hover:bg-selection`;
|
|
@@ -177,7 +177,7 @@ export function RowActionsMenu({ groups, menuId, openMenuId, onOpenChange }) {
|
|
|
177
177
|
else {
|
|
178
178
|
openMenu(false);
|
|
179
179
|
}
|
|
180
|
-
}, onKeyDown: handleTriggerKeyDown, children: _jsx(FaIcon, { icon: faBars, className: "h-3.5 w-3.5" }) }), isOpen && (_jsx("div", { id: menuElementId, role: "menu", className: "hc-row-actions-menu-panel absolute right-0 top-full z-10 mt-0.5 min-w-[
|
|
180
|
+
}, onKeyDown: handleTriggerKeyDown, children: _jsx(FaIcon, { icon: faBars, className: "h-3.5 w-3.5" }) }), isOpen && (_jsx("div", { id: menuElementId, role: "menu", className: "hc-row-actions-menu-panel absolute right-0 top-full z-10 mt-0.5 min-w-[200px] rounded-md border border-separator bg-surface py-1 shadow-md app-no-drag", onKeyDown: handleMenuKeyDown, children: groups.map((group, groupIndex) => {
|
|
181
181
|
let flatIndex = groups.slice(0, groupIndex).reduce((count, g) => count + g.length, 0);
|
|
182
182
|
return (_jsx("div", { className: groupIndex > 0
|
|
183
183
|
? 'hc-row-actions-menu-group border-t border-separator'
|
|
@@ -3,11 +3,11 @@ import { FaIcon } from '../FaIcon/index.js';
|
|
|
3
3
|
/**
|
|
4
4
|
* Tailwind classes for inactive toolbar icon action buttons.
|
|
5
5
|
*/
|
|
6
|
-
const TOOLBAR_ACTION_BUTTON_INACTIVE = 'hc-toolbar-action inline-flex h-7 w-7 shrink-0 cursor-pointer items-center justify-center rounded-
|
|
6
|
+
const TOOLBAR_ACTION_BUTTON_INACTIVE = 'hc-toolbar-action inline-flex h-7 w-7 shrink-0 cursor-pointer items-center justify-center rounded-md border-none bg-transparent text-muted hover:bg-selection hover:text-text focus-visible:bg-selection focus-visible:text-text disabled:cursor-not-allowed disabled:opacity-50 app-no-drag';
|
|
7
7
|
/**
|
|
8
8
|
* Tailwind classes for pressed toolbar toggles, matching footer layout icon buttons.
|
|
9
9
|
*/
|
|
10
|
-
const TOOLBAR_ACTION_BUTTON_ACTIVE = 'hc-toolbar-action inline-flex h-7 w-7 shrink-0 cursor-pointer items-center justify-center rounded-md border-none bg-
|
|
10
|
+
const TOOLBAR_ACTION_BUTTON_ACTIVE = 'hc-toolbar-action inline-flex h-7 w-7 shrink-0 cursor-pointer items-center justify-center rounded-md border-none bg-selection text-text shadow-sm focus-visible:bg-surface focus-visible:text-text disabled:cursor-not-allowed disabled:opacity-50 app-no-drag';
|
|
11
11
|
/**
|
|
12
12
|
* Resolves toolbar button classes for a declarative action.
|
|
13
13
|
*
|
|
@@ -32,7 +32,7 @@ export function Toolbar({ actions, ariaLabel = 'Toolbar', className }) {
|
|
|
32
32
|
return (_jsx("div", { role: "toolbar", "aria-label": ariaLabel, className: wrapperClassName, children: _jsx("div", { className: "hc-toolbar-actions flex items-center gap-1", children: actions.map((action) => {
|
|
33
33
|
const title = action.title ?? action.label;
|
|
34
34
|
return (_jsxs("div", { className: "hc-toolbar-action-wrap relative", children: [_jsx("button", { type: "button", ref: action.buttonRef, className: toolbarActionButton(action), title: title, "aria-label": action.label, "aria-expanded": action.ariaExpanded, "aria-pressed": action.ariaPressed, "aria-haspopup": action.ariaHaspopup, disabled: action.disabled, onClick: action.onClick, children: _jsx(FaIcon, { icon: action.icon, className: action.ariaPressed === true
|
|
35
|
-
? 'hc-toolbar-action-icon h-
|
|
36
|
-
: 'hc-toolbar-action-icon h-
|
|
35
|
+
? 'hc-toolbar-action-icon h-5! w-5!'
|
|
36
|
+
: 'hc-toolbar-action-icon h-5! w-5!' }) }), action.popover] }, action.id));
|
|
37
37
|
}) }) }));
|
|
38
38
|
}
|