@harborclient/sdk 1.0.75 → 1.1.0

package/dist/components/ColorPicker/colorUtils.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Default preset swatches for sidebar item color coding (two rows of five).
+ */
+export declare const DEFAULT_COLOR_PICKER_PRESETS: readonly string[];
+/** Number of user-defined custom swatch slots in the picker grid. */
+export declare const CUSTOM_SWATCH_SLOT_COUNT = 5;
+/**
+ * Normalizes a CSS color string to lowercase hex when possible.
+ *
+ * @param value - Raw color string from storage or user input.
+ * @returns Normalized color for comparison, or the trimmed input.
+ */
+export declare function normalizeCssColor(value: string): string;
+/**
+ * Returns whether two CSS color strings represent the same color.
+ *
+ * @param a - First color string.
+ * @param b - Second color string.
+ */
+export declare function colorsMatch(a: string | null | undefined, b: string | null | undefined): boolean;
+/**
+ * Coerces a stored value to a valid hex color for native color inputs (`#rrggbb`).
+ *
+ * @param value - CSS color string.
+ * @returns Hex suitable for `<input type="color">`, or `#808080` when unrecognized.
+ */
+export declare function toHexColorInputValue(value: string | null | undefined): string;
+//# sourceMappingURL=colorUtils.d.ts.map

package/dist/components/ColorPicker/colorUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorUtils.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/colorUtils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,4BAA4B,EAAE,SAAS,MAAM,EAWhD,CAAC;AAEX,qEAAqE;AACrE,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAE1C;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEvD;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAK/F;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAgB7E"}

package/dist/components/ColorPicker/colorUtils.js

@@ -0,0 +1,59 @@
+/**
+ * Default preset swatches for sidebar item color coding (two rows of five).
+ */
+export const DEFAULT_COLOR_PICKER_PRESETS = [
+    '#1e3a5f',
+    '#0d9488',
+    '#ca8a04',
+    '#b91c1c',
+    '#be185d',
+    '#3b82f6',
+    '#16a34a',
+    '#ea580c',
+    '#dc2626',
+    '#9333ea'
+];
+/** Number of user-defined custom swatch slots in the picker grid. */
+export const CUSTOM_SWATCH_SLOT_COUNT = 5;
+/**
+ * Normalizes a CSS color string to lowercase hex when possible.
+ *
+ * @param value - Raw color string from storage or user input.
+ * @returns Normalized color for comparison, or the trimmed input.
+ */
+export function normalizeCssColor(value) {
+    return value.trim().toLowerCase();
+}
+/**
+ * Returns whether two CSS color strings represent the same color.
+ *
+ * @param a - First color string.
+ * @param b - Second color string.
+ */
+export function colorsMatch(a, b) {
+    if (a == null || b == null) {
+        return false;
+    }
+    return normalizeCssColor(a) === normalizeCssColor(b);
+}
+/**
+ * Coerces a stored value to a valid hex color for native color inputs (`#rrggbb`).
+ *
+ * @param value - CSS color string.
+ * @returns Hex suitable for `<input type="color">`, or `#808080` when unrecognized.
+ */
+export function toHexColorInputValue(value) {
+    if (value == null || value.trim() === '') {
+        return '#808080';
+    }
+    const trimmed = value.trim();
+    const hexMatch = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(trimmed);
+    if (hexMatch) {
+        const hex = hexMatch[1];
+        if (hex.length === 3) {
+            return `#${hex[0]}${hex[0]}${hex[1]}${hex[1]}${hex[2]}${hex[2]}`.toLowerCase();
+        }
+        return `#${hex.toLowerCase()}`;
+    }
+    return '#808080';
+}

package/dist/components/ColorPicker/customSwatches.d.ts

@@ -0,0 +1,23 @@
+/** Default localStorage key for persisted custom color swatches. */
+export declare const DEFAULT_CUSTOM_SWATCHES_STORAGE_KEY = "hc.sidebarCustomSwatches";
+/**
+ * Loads custom swatch colors from localStorage.
+ *
+ * @param storageKey - localStorage key for the swatch array.
+ * @returns Up to five hex color strings; empty slots are omitted.
+ */
+export declare function loadCustomSwatches(storageKey: string): string[];
+/**
+ * Persists custom swatch colors to localStorage.
+ *
+ * @param storageKey - localStorage key for the swatch array.
+ * @param swatches - Hex colors for each custom slot (length up to five).
+ */
+export declare function persistCustomSwatches(storageKey: string, swatches: string[]): void;
+/**
+ * Returns the custom swatch slot values padded to the fixed slot count.
+ *
+ * @param swatches - Loaded custom swatches.
+ */
+export declare function padCustomSwatchSlots(swatches: string[]): string[];
+//# sourceMappingURL=customSwatches.d.ts.map

package/dist/components/ColorPicker/customSwatches.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"customSwatches.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/customSwatches.ts"],"names":[],"mappings":"AAEA,oEAAoE;AACpE,eAAO,MAAM,mCAAmC,6BAA6B,CAAC;AAE9E;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CA0B/D;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAUlF;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAMjE"}

package/dist/components/ColorPicker/customSwatches.js

@@ -0,0 +1,65 @@
+import { CUSTOM_SWATCH_SLOT_COUNT } from './colorUtils.js';
+/** Default localStorage key for persisted custom color swatches. */
+export const DEFAULT_CUSTOM_SWATCHES_STORAGE_KEY = 'hc.sidebarCustomSwatches';
+/**
+ * Loads custom swatch colors from localStorage.
+ *
+ * @param storageKey - localStorage key for the swatch array.
+ * @returns Up to five hex color strings; empty slots are omitted.
+ */
+export function loadCustomSwatches(storageKey) {
+    try {
+        const raw = localStorage.getItem(storageKey);
+        if (!raw) {
+            return [];
+        }
+        const parsed = JSON.parse(raw);
+        if (!Array.isArray(parsed)) {
+            return [];
+        }
+        const result = [];
+        for (const entry of parsed) {
+            if (typeof entry !== 'string' || entry.trim() === '') {
+                continue;
+            }
+            result.push(entry.trim());
+            if (result.length >= CUSTOM_SWATCH_SLOT_COUNT) {
+                break;
+            }
+        }
+        return result;
+    }
+    catch {
+        return [];
+    }
+}
+/**
+ * Persists custom swatch colors to localStorage.
+ *
+ * @param storageKey - localStorage key for the swatch array.
+ * @param swatches - Hex colors for each custom slot (length up to five).
+ */
+export function persistCustomSwatches(storageKey, swatches) {
+    try {
+        const normalized = swatches
+            .slice(0, CUSTOM_SWATCH_SLOT_COUNT)
+            .map((entry) => entry.trim())
+            .filter((entry) => entry.length > 0);
+        localStorage.setItem(storageKey, JSON.stringify(normalized));
+    }
+    catch {
+        // Ignore quota or privacy-mode failures.
+    }
+}
+/**
+ * Returns the custom swatch slot values padded to the fixed slot count.
+ *
+ * @param swatches - Loaded custom swatches.
+ */
+export function padCustomSwatchSlots(swatches) {
+    const slots = swatches.slice(0, CUSTOM_SWATCH_SLOT_COUNT);
+    while (slots.length < CUSTOM_SWATCH_SLOT_COUNT) {
+        slots.push('');
+    }
+    return slots;
+}

package/dist/components/ColorPicker/index.d.ts

@@ -0,0 +1,39 @@
+import type { ComponentPropsWithoutRef, JSX } from 'react';
+export interface Props extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className' | 'onChange'> {
+    /**
+     * Currently selected color, or null when no color is assigned.
+     */
+    value: string | null;
+    /**
+     * Called when the user picks a preset or custom swatch color.
+     */
+    onChange: (color: string) => void;
+    /**
+     * Called when the user clears the current color. Omitted when clearing is disabled.
+     */
+    onClear?: () => void;
+    /**
+     * Fixed preset swatches (defaults to two rows of five HarborClient colors).
+     */
+    presets?: readonly string[];
+    /**
+     * localStorage key for persisting custom swatch slot colors.
+     */
+    customSwatchesStorageKey?: string;
+    /**
+     * Accessible name for the swatch grid.
+     */
+    'aria-label'?: string;
+    /**
+     * Additional classes on the outer wrapper.
+     */
+    className?: string;
+}
+/**
+ * Swatch-grid color picker with preset rows and user-defined custom slots.
+ *
+ * Custom slots open the native OS color picker via a hidden `<input type="color">`.
+ * Chosen custom colors are saved to localStorage for reuse.
+ */
+export declare function ColorPicker({ value, onChange, onClear, presets, customSwatchesStorageKey, 'aria-label': ariaLabel, className, ...props }: Props): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ColorPicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAC;AAW1E,MAAM,WAAW,KAAM,SAAQ,IAAI,CACjC,wBAAwB,CAAC,KAAK,CAAC,EAC/B,UAAU,GAAG,WAAW,GAAG,UAAU,CACtC;IACC;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAE5B;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAsC,EACtC,wBAA8D,EAC9D,YAAY,EAAE,SAA4B,EAC1C,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAgLrB"}

package/dist/components/ColorPicker/index.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
+import { faCheck } from '@fortawesome/free-solid-svg-icons';
+import { useCallback, useEffect, useId, useRef, useState } from '@harborclient/sdk/react';
+import { FaIcon } from '../FaIcon/index.js';
+import { cn } from '../utils.js';
+import { DEFAULT_COLOR_PICKER_PRESETS, colorsMatch, toHexColorInputValue } from './colorUtils.js';
+import { DEFAULT_CUSTOM_SWATCHES_STORAGE_KEY, loadCustomSwatches, padCustomSwatchSlots, persistCustomSwatches } from './customSwatches.js';
+/**
+ * Swatch-grid color picker with preset rows and user-defined custom slots.
+ *
+ * Custom slots open the native OS color picker via a hidden `<input type="color">`.
+ * Chosen custom colors are saved to localStorage for reuse.
+ */
+export function ColorPicker({ value, onChange, onClear, presets = DEFAULT_COLOR_PICKER_PRESETS, customSwatchesStorageKey = DEFAULT_CUSTOM_SWATCHES_STORAGE_KEY, 'aria-label': ariaLabel = 'Choose a color', className, ...props }) {
+    const groupId = useId();
+    const nativeInputRef = useRef(null);
+    const pendingCustomSlotRef = useRef(null);
+    const [customSlots, setCustomSlots] = useState(() => padCustomSwatchSlots(loadCustomSwatches(customSwatchesStorageKey)));
+    /**
+     * Reloads custom swatches when the storage key changes (e.g. isolated tests).
+     */
+    useEffect(() => {
+        setCustomSlots(padCustomSwatchSlots(loadCustomSwatches(customSwatchesStorageKey)));
+    }, [customSwatchesStorageKey]);
+    /**
+     * Persists custom slot colors whenever they change.
+     */
+    useEffect(() => {
+        persistCustomSwatches(customSwatchesStorageKey, customSlots);
+    }, [customSlots, customSwatchesStorageKey]);
+    /**
+     * Applies a color chosen from the native picker to the pending custom slot.
+     *
+     * @param hex - Hex color from the native input.
+     */
+    const applyNativePickerColor = useCallback((hex) => {
+        const slotIndex = pendingCustomSlotRef.current;
+        if (slotIndex == null) {
+            return;
+        }
+        setCustomSlots((current) => {
+            const next = [...current];
+            next[slotIndex] = hex;
+            return next;
+        });
+        onChange(hex);
+        pendingCustomSlotRef.current = null;
+    }, [onChange]);
+    /**
+     * Opens the native color picker for an empty or filled custom slot.
+     *
+     * @param slotIndex - Zero-based custom slot index.
+     * @param currentSlotColor - Existing color in the slot, if any.
+     */
+    const openNativePickerForSlot = useCallback((slotIndex, currentSlotColor) => {
+        pendingCustomSlotRef.current = slotIndex;
+        const input = nativeInputRef.current;
+        if (!input) {
+            return;
+        }
+        input.value = toHexColorInputValue(currentSlotColor || null);
+        input.click();
+    }, []);
+    /**
+     * Renders one circular swatch button with optional selection checkmark.
+     *
+     * @param color - CSS background color for the swatch.
+     * @param label - Accessible name for the swatch.
+     * @param selected - Whether this swatch matches the current value.
+     * @param onSelect - Called when the swatch is activated.
+     * @param onEdit - When set, double-click or a modifier opens the native picker.
+     */
+    const renderSwatch = (color, label, selected, onSelect, onEdit) => {
+        /**
+         * Activates the swatch on Enter or Space.
+         *
+         * @param event - Keyboard event on the swatch button.
+         */
+        const handleKeyDown = (event) => {
+            if (event.key === 'Enter' || event.key === ' ') {
+                event.preventDefault();
+                onSelect();
+            }
+        };
+        return (_jsx("button", { type: "button", role: "radio", "aria-checked": selected, "aria-label": label, className: cn('relative flex h-8 w-8 shrink-0 items-center justify-center rounded-full border border-separator', 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent'), style: { backgroundColor: color }, onClick: onSelect, onDoubleClick: onEdit
+                ? (event) => {
+                    event.preventDefault();
+                    onEdit();
+                }
+                : undefined, onKeyDown: handleKeyDown, children: selected ? (_jsx(FaIcon, { icon: faCheck, className: "h-3.5 w-3.5 text-white drop-shadow-sm", "aria-hidden": true })) : null }, `${label}-${color}`));
+    };
+    return (_jsxs("div", { className: cn('flex flex-col gap-2', className), role: "radiogroup", "aria-label": ariaLabel, id: groupId, ...props, children: [_jsx("div", { className: "grid grid-cols-5 gap-2", children: presets.map((color, index) => renderSwatch(color, `Preset color ${index + 1}`, colorsMatch(value, color), () => onChange(color))) }), _jsx("div", { className: "grid grid-cols-5 gap-2", children: customSlots.map((slotColor, index) => {
+                    const hasColor = slotColor.trim() !== '';
+                    const displayColor = hasColor ? slotColor : '#d4d4d4';
+                    return renderSwatch(displayColor, hasColor ? `Custom color ${index + 1}` : `Define custom color ${index + 1}`, hasColor && colorsMatch(value, slotColor), () => {
+                        if (hasColor) {
+                            onChange(slotColor);
+                            return;
+                        }
+                        openNativePickerForSlot(index, slotColor);
+                    }, () => openNativePickerForSlot(index, slotColor));
+                }) }), onClear != null && value != null && value.trim() !== '' ? (_jsx("button", { type: "button", className: "self-start text-[14px] text-muted hover:text-text focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent", onClick: onClear, children: "Clear color" })) : null, _jsx("input", { ref: nativeInputRef, type: "color", className: "sr-only", tabIndex: -1, "aria-hidden": true, onChange: (event) => applyNativePickerColor(event.target.value) })] }));
+}

package/dist/components/index.d.ts

@@ -1,6 +1,10 @@
 export { AsyncListState, ErrorRetry, LoadingMessage } from './AsyncListState/index.js';
 export { AutocompleteInput, SuggestionList, useAutocomplete, type AutocompleteInputProps, type AutocompleteSource } from './Autocomplete/index.js';
 export { Card } from './Card/index.js';
+export { ColorPicker } from './ColorPicker/index.js';
+export type { Props as ColorPickerProps } from './ColorPicker/index.js';
+export { colorsMatch, CUSTOM_SWATCH_SLOT_COUNT, DEFAULT_COLOR_PICKER_PRESETS, normalizeCssColor, toHexColorInputValue } from './ColorPicker/colorUtils.js';
+export { DEFAULT_CUSTOM_SWATCHES_STORAGE_KEY, loadCustomSwatches, padCustomSwatchSlots, persistCustomSwatches } from './ColorPicker/customSwatches.js';
 export { BusyIndicator } from './BusyIndicator/index.js';
 export type { Props as BusyIndicatorProps } from './BusyIndicator/index.js';
 export { BackButton } from './BackButton/index.js';
@@ -29,6 +33,7 @@ export { MethodSelect } from './MethodSelect/index.js';
 export { Modal, ModalFooter, ModalFormLayout } from './Modal/index.js';
 export { ModalHeader } from './Modal/ModalHeader.js';
 export { portalToBody } from './portalToBody.js';
+export { clampMenuPosition, getSubmenuAnchoredPosition, getTriggerAnchoredMenuPosition, MENU_MIN_WIDTH_PX, MENU_TRIGGER_OFFSET_PX, MENU_VIEWPORT_MARGIN_PX, type MenuPosition, type MenuSize } from './menuPosition.js';
 export { OverlayCloseButton } from './OverlayCloseButton/index.js';
 export { Page } from './Page/index.js';
 export { PageHeader } from './PageHeader/index.js';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/components/index.js

@@ -1,6 +1,9 @@
 export { AsyncListState, ErrorRetry, LoadingMessage } from './AsyncListState/index.js';
 export { AutocompleteInput, SuggestionList, useAutocomplete } from './Autocomplete/index.js';
 export { Card } from './Card/index.js';
+export { ColorPicker } from './ColorPicker/index.js';
+export { colorsMatch, CUSTOM_SWATCH_SLOT_COUNT, DEFAULT_COLOR_PICKER_PRESETS, normalizeCssColor, toHexColorInputValue } from './ColorPicker/colorUtils.js';
+export { DEFAULT_CUSTOM_SWATCHES_STORAGE_KEY, loadCustomSwatches, padCustomSwatchSlots, persistCustomSwatches } from './ColorPicker/customSwatches.js';
 export { BusyIndicator } from './BusyIndicator/index.js';
 export { BackButton } from './BackButton/index.js';
 export { Badge } from './Badge/index.js';
@@ -22,6 +25,7 @@ export { MethodSelect } from './MethodSelect/index.js';
 export { Modal, ModalFooter, ModalFormLayout } from './Modal/index.js';
 export { ModalHeader } from './Modal/ModalHeader.js';
 export { portalToBody } from './portalToBody.js';
+export { clampMenuPosition, getSubmenuAnchoredPosition, getTriggerAnchoredMenuPosition, MENU_MIN_WIDTH_PX, MENU_TRIGGER_OFFSET_PX, MENU_VIEWPORT_MARGIN_PX } from './menuPosition.js';
 export { OverlayCloseButton } from './OverlayCloseButton/index.js';
 export { Page } from './Page/index.js';
 export { PageHeader } from './PageHeader/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@harborclient/sdk",
-  "version": "1.0.75",
+  "version": "1.1.0",
   "description": "TypeScript SDK for HarborClient development.",
   "keywords": [
     "harborclient",