@truenas/ui-components 0.1.39 → 0.1.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truenas/ui-components",
-  "version": "0.1.39",
+  "version": "0.1.40",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"

package/types/truenas-ui-components.d.ts

@@ -4176,6 +4176,165 @@ declare class TnDateInputComponent implements ControlValueAccessor, OnInit, OnDe
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TnDateInputComponent, "tn-date-input", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Harness for interacting with `tn-date-input` in tests.
+ * Provides methods for getting/setting the date value, opening the calendar,
+ * and querying disabled state.
+ *
+ * The calendar popup is portaled to the CDK overlay, so use
+ * `TestbedHarnessEnvironment.documentRootLoader(fixture)` if you need to
+ * interact with the calendar cells directly.
+ *
+ * @example
+ * ```typescript
+ * const dateInput = await loader.getHarness(TnDateInputHarness);
+ * await dateInput.setValue(new Date(2026, 3, 15));
+ * expect(await dateInput.getDisplayText()).toBe('04/15/2026');
+ *
+ * await dateInput.openCalendar();
+ * expect(await dateInput.isCalendarOpen()).toBe(true);
+ * ```
+ */
+declare class TnDateInputHarness extends ComponentHarness {
+    static hostSelector: string;
+    private _monthInput;
+    private _dayInput;
+    private _yearInput;
+    private _toggle;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a date input
+     * with specific attributes.
+     *
+     * @param options Options for filtering which instances are considered a match.
+     * @returns A `HarnessPredicate` configured with the given options.
+     */
+    static with(options?: DateInputHarnessFilters): HarnessPredicate<TnDateInputHarness>;
+    /**
+     * Gets the displayed date text as "MM/DD/YYYY".
+     * Returns placeholder segments if no date is set.
+     *
+     * @returns Promise resolving to the formatted display string.
+     */
+    getDisplayText(): Promise<string>;
+    /**
+     * Sets the date by typing into the segment inputs.
+     *
+     * @param date The date to set.
+     */
+    setValue(date: Date): Promise<void>;
+    /**
+     * Clears all date segments.
+     */
+    clear(): Promise<void>;
+    /**
+     * Checks whether the input is disabled.
+     *
+     * @returns Promise resolving to true if the input is disabled.
+     */
+    isDisabled(): Promise<boolean>;
+    /**
+     * Opens the calendar popup by clicking the toggle button.
+     */
+    openCalendar(): Promise<void>;
+    /**
+     * Whether the calendar popup is currently open.
+     *
+     * @returns Promise resolving to true if the calendar overlay is visible.
+     */
+    isCalendarOpen(): Promise<boolean>;
+}
+/**
+ * Filters for finding `TnDateInputHarness` instances.
+ */
+interface DateInputHarnessFilters extends BaseHarnessFilters {
+}
+
+/**
+ * Harness for interacting with `tn-date-range-input` in tests.
+ * Provides methods for getting/setting the date range, opening the calendar,
+ * and querying disabled state.
+ *
+ * The calendar popup is portaled to the CDK overlay, so use
+ * `TestbedHarnessEnvironment.documentRootLoader(fixture)` if you need to
+ * interact with the calendar cells directly.
+ *
+ * @example
+ * ```typescript
+ * const rangeInput = await loader.getHarness(TnDateRangeInputHarness);
+ * await rangeInput.setStartDate(new Date(2026, 0, 1));
+ * await rangeInput.setEndDate(new Date(2026, 0, 31));
+ * expect(await rangeInput.getStartText()).toBe('01/01/2026');
+ * expect(await rangeInput.getEndText()).toBe('01/31/2026');
+ * ```
+ */
+declare class TnDateRangeInputHarness extends ComponentHarness {
+    static hostSelector: string;
+    private _startMonth;
+    private _startDay;
+    private _startYear;
+    private _endMonth;
+    private _endDay;
+    private _endYear;
+    private _toggle;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a date range input
+     * with specific attributes.
+     *
+     * @param options Options for filtering which instances are considered a match.
+     * @returns A `HarnessPredicate` configured with the given options.
+     */
+    static with(options?: DateRangeInputHarnessFilters): HarnessPredicate<TnDateRangeInputHarness>;
+    /**
+     * Gets the start date display text as "MM/DD/YYYY".
+     *
+     * @returns Promise resolving to the formatted start date string.
+     */
+    getStartText(): Promise<string>;
+    /**
+     * Gets the end date display text as "MM/DD/YYYY".
+     *
+     * @returns Promise resolving to the formatted end date string.
+     */
+    getEndText(): Promise<string>;
+    /**
+     * Sets the start date by typing into the segment inputs.
+     *
+     * @param date The start date to set.
+     */
+    setStartDate(date: Date): Promise<void>;
+    /**
+     * Sets the end date by typing into the segment inputs.
+     *
+     * @param date The end date to set.
+     */
+    setEndDate(date: Date): Promise<void>;
+    /**
+     * Clears both start and end date segments.
+     */
+    clear(): Promise<void>;
+    /**
+     * Checks whether the input is disabled.
+     *
+     * @returns Promise resolving to true if the input is disabled.
+     */
+    isDisabled(): Promise<boolean>;
+    /**
+     * Opens the calendar popup by clicking the toggle button.
+     */
+    openCalendar(): Promise<void>;
+    /**
+     * Whether the calendar popup is currently open.
+     *
+     * @returns Promise resolving to true if the calendar overlay is visible.
+     */
+    isCalendarOpen(): Promise<boolean>;
+}
+/**
+ * Filters for finding `TnDateRangeInputHarness` instances.
+ */
+interface DateRangeInputHarnessFilters extends BaseHarnessFilters {
+}
+
 declare class TnTimeInputComponent implements ControlValueAccessor {
     disabled: _angular_core.InputSignal<boolean>;
     format: _angular_core.InputSignal<"12h" | "24h">;
@@ -5646,5 +5805,5 @@ declare const TN_THEME_DEFINITIONS: readonly TnThemeDefinition[];
  */
 declare const THEME_MAP: Map<TnTheme, TnThemeDefinition>;
 
-export { CommonShortcuts, DEFAULT_THEME, DiskIconComponent, DiskType, FileSizePipe, InputType, LIGHT_THEME, LinuxModifierKeys, LinuxShortcuts, ModifierKeys, QuickShortcuts, ShortcutBuilder, StripMntPrefixPipe, THEME_MAP, THEME_STORAGE_KEY, TN_THEME_DEFINITIONS, TnAutocompleteComponent, TnAutocompleteHarness, TnBannerActionDirective, TnBannerComponent, TnBannerHarness, TnBrandedSpinnerComponent, TnButtonComponent, TnButtonHarness, TnButtonToggleComponent, TnButtonToggleGroupComponent, TnButtonToggleGroupHarness, TnButtonToggleHarness, TnCalendarComponent, TnCalendarHeaderComponent, TnCardComponent, TnCellDefDirective, TnCheckboxComponent, TnCheckboxHarness, TnCheckboxLabelDirective, TnChipComponent, TnConfirmDialogComponent, TnDateInputComponent, TnDateRangeInputComponent, TnDialog, TnDialogHarness, TnDialogShellComponent, TnDialogTesting, TnDividerComponent, TnDividerDirective, TnDrawerComponent, TnDrawerContainerComponent, TnDrawerContainerHarness, TnDrawerContentComponent, TnDrawerHarness, TnEmptyComponent, TnEmptyHarness, TnExpansionPanelComponent, TnExpansionPanelHarness, TnFilePickerComponent, TnFilePickerPopupComponent, TnFormFieldComponent, TnFormFieldHarness, TnHeaderCellDefDirective, TnIconButtonComponent, TnIconButtonHarness, TnIconComponent, TnIconHarness, TnIconRegistryService, TnIconTesting, TnInputComponent, TnInputDirective, TnInputHarness, TnKeyboardShortcutComponent, TnKeyboardShortcutService, TnListAvatarDirective, TnListComponent, TnListIconDirective, TnListItemComponent, TnListItemLineDirective, TnListItemPrimaryDirective, TnListItemSecondaryDirective, TnListItemTitleDirective, TnListItemTrailingDirective, TnListOptionComponent, TnListSubheaderComponent, TnMenuActivateHoverDirective, TnMenuComponent, TnMenuHarness, TnMenuTesting, TnMenuTriggerDirective, TnMonthViewComponent, TnMultiYearViewComponent, TnNestedTreeNodeComponent, TnParticleProgressBarComponent, TnProgressBarComponent, TnRadioComponent, TnRadioHarness, TnSelectComponent, TnSelectHarness, TnSelectionListComponent, TnSidePanelActionDirective, TnSidePanelComponent, TnSidePanelHarness, TnSidePanelHeaderActionDirective, TnSlideToggleComponent, TnSlideToggleHarness, TnSliderComponent, TnSliderThumbDirective, TnSliderWithLabelDirective, TnSpinnerComponent, TnSpriteLoaderService, TnStepComponent, TnStepperComponent, TnTabComponent, TnTabHarness, TnTabPanelComponent, TnTabPanelHarness, TnTableColumnDirective, TnTableComponent, TnTabsComponent, TnTabsHarness, TnTheme, TnThemeService, TnTimeInputComponent, TnToastComponent, TnToastMock, TnToastPosition, TnToastRef, TnToastService, TnToastTesting, TnToastType, TnTooltipComponent, TnTooltipDirective, TnTreeComponent, TnTreeFlatDataSource, TnTreeFlattener, TnTreeNodeComponent, TnTreeNodeOutletDirective, TruncatePathPipe, WindowsModifierKeys, WindowsShortcuts, createLucideLibrary, createShortcut, defaultSpriteBasePath, defaultSpriteConfigPath, libIconMarker, registerLucideIcons, setupLucideIntegration, tnIconMarker };
-export type { AutocompleteHarnessFilters, BannerHarnessFilters, ButtonHarnessFilters, ButtonToggleHarnessFilters, CalendarCell, CheckboxHarnessFilters, ChipColor, CreateFolderEvent, DateRange, DialogHarnessFilters, EmptyHarnessFilters, ExpansionPanelHarnessFilters, FilePickerCallbacks, FilePickerError, FilePickerMode, FileSystemItem, FormFieldHarnessFilters, IconButtonHarnessFilters, IconHarnessFilters, IconLibrary, IconLibraryType, IconResult, IconSize, IconSource, IconTestingMockOverrides, InputHarnessFilters, KeyCombination, LabelType, LucideIconOptions, MenuHarnessFilters, MockIconRegistry, MockSpriteLoader, PathSegment, PlatformType, ProgressBarMode, RadioHarnessFilters, ResolvedIcon, SelectHarnessFilters, ShortcutHandler, SidePanelHarnessFilters, SlideToggleColor, SlideToggleHarnessFilters, SpinnerMode, SpriteConfig, TabChangeEvent, TabHarnessFilters, TabPanelHarnessFilters, TabsHarnessFilters, TnBannerType, TnButtonToggleType, TnCardAction, TnCardControl, TnCardFooterLink, TnCardHeaderStatus, TnConfirmDialogData, TnDialogDefaults, TnDialogOpenTarget, TnDrawerMode, TnDrawerPosition, TnEmptySize, TnFlatTreeNode, TnMenuItem, TnSelectOption, TnSelectOptionGroup, TnSelectionChange, TnTableDataSource, TnThemeDefinition, TnToastCall, TnToastConfig, TooltipPosition, YearCell };
+export { CommonShortcuts, DEFAULT_THEME, DiskIconComponent, DiskType, FileSizePipe, InputType, LIGHT_THEME, LinuxModifierKeys, LinuxShortcuts, ModifierKeys, QuickShortcuts, ShortcutBuilder, StripMntPrefixPipe, THEME_MAP, THEME_STORAGE_KEY, TN_THEME_DEFINITIONS, TnAutocompleteComponent, TnAutocompleteHarness, TnBannerActionDirective, TnBannerComponent, TnBannerHarness, TnBrandedSpinnerComponent, TnButtonComponent, TnButtonHarness, TnButtonToggleComponent, TnButtonToggleGroupComponent, TnButtonToggleGroupHarness, TnButtonToggleHarness, TnCalendarComponent, TnCalendarHeaderComponent, TnCardComponent, TnCellDefDirective, TnCheckboxComponent, TnCheckboxHarness, TnCheckboxLabelDirective, TnChipComponent, TnConfirmDialogComponent, TnDateInputComponent, TnDateInputHarness, TnDateRangeInputComponent, TnDateRangeInputHarness, TnDialog, TnDialogHarness, TnDialogShellComponent, TnDialogTesting, TnDividerComponent, TnDividerDirective, TnDrawerComponent, TnDrawerContainerComponent, TnDrawerContainerHarness, TnDrawerContentComponent, TnDrawerHarness, TnEmptyComponent, TnEmptyHarness, TnExpansionPanelComponent, TnExpansionPanelHarness, TnFilePickerComponent, TnFilePickerPopupComponent, TnFormFieldComponent, TnFormFieldHarness, TnHeaderCellDefDirective, TnIconButtonComponent, TnIconButtonHarness, TnIconComponent, TnIconHarness, TnIconRegistryService, TnIconTesting, TnInputComponent, TnInputDirective, TnInputHarness, TnKeyboardShortcutComponent, TnKeyboardShortcutService, TnListAvatarDirective, TnListComponent, TnListIconDirective, TnListItemComponent, TnListItemLineDirective, TnListItemPrimaryDirective, TnListItemSecondaryDirective, TnListItemTitleDirective, TnListItemTrailingDirective, TnListOptionComponent, TnListSubheaderComponent, TnMenuActivateHoverDirective, TnMenuComponent, TnMenuHarness, TnMenuTesting, TnMenuTriggerDirective, TnMonthViewComponent, TnMultiYearViewComponent, TnNestedTreeNodeComponent, TnParticleProgressBarComponent, TnProgressBarComponent, TnRadioComponent, TnRadioHarness, TnSelectComponent, TnSelectHarness, TnSelectionListComponent, TnSidePanelActionDirective, TnSidePanelComponent, TnSidePanelHarness, TnSidePanelHeaderActionDirective, TnSlideToggleComponent, TnSlideToggleHarness, TnSliderComponent, TnSliderThumbDirective, TnSliderWithLabelDirective, TnSpinnerComponent, TnSpriteLoaderService, TnStepComponent, TnStepperComponent, TnTabComponent, TnTabHarness, TnTabPanelComponent, TnTabPanelHarness, TnTableColumnDirective, TnTableComponent, TnTabsComponent, TnTabsHarness, TnTheme, TnThemeService, TnTimeInputComponent, TnToastComponent, TnToastMock, TnToastPosition, TnToastRef, TnToastService, TnToastTesting, TnToastType, TnTooltipComponent, TnTooltipDirective, TnTreeComponent, TnTreeFlatDataSource, TnTreeFlattener, TnTreeNodeComponent, TnTreeNodeOutletDirective, TruncatePathPipe, WindowsModifierKeys, WindowsShortcuts, createLucideLibrary, createShortcut, defaultSpriteBasePath, defaultSpriteConfigPath, libIconMarker, registerLucideIcons, setupLucideIntegration, tnIconMarker };
+export type { AutocompleteHarnessFilters, BannerHarnessFilters, ButtonHarnessFilters, ButtonToggleHarnessFilters, CalendarCell, CheckboxHarnessFilters, ChipColor, CreateFolderEvent, DateInputHarnessFilters, DateRange, DateRangeInputHarnessFilters, DialogHarnessFilters, EmptyHarnessFilters, ExpansionPanelHarnessFilters, FilePickerCallbacks, FilePickerError, FilePickerMode, FileSystemItem, FormFieldHarnessFilters, IconButtonHarnessFilters, IconHarnessFilters, IconLibrary, IconLibraryType, IconResult, IconSize, IconSource, IconTestingMockOverrides, InputHarnessFilters, KeyCombination, LabelType, LucideIconOptions, MenuHarnessFilters, MockIconRegistry, MockSpriteLoader, PathSegment, PlatformType, ProgressBarMode, RadioHarnessFilters, ResolvedIcon, SelectHarnessFilters, ShortcutHandler, SidePanelHarnessFilters, SlideToggleColor, SlideToggleHarnessFilters, SpinnerMode, SpriteConfig, TabChangeEvent, TabHarnessFilters, TabPanelHarnessFilters, TabsHarnessFilters, TnBannerType, TnButtonToggleType, TnCardAction, TnCardControl, TnCardFooterLink, TnCardHeaderStatus, TnConfirmDialogData, TnDialogDefaults, TnDialogOpenTarget, TnDrawerMode, TnDrawerPosition, TnEmptySize, TnFlatTreeNode, TnMenuItem, TnSelectOption, TnSelectOptionGroup, TnSelectionChange, TnTableDataSource, TnThemeDefinition, TnToastCall, TnToastConfig, TooltipPosition, YearCell };