@vertexvis/ui 0.1.5-canary.6 → 1.0.0-testing.0

package/dist/types/components/resizable/resizable.d.ts

@@ -3,173 +3,173 @@ export type DragStartLocation = 'top' | 'bottom' | 'left' | 'right' | 'bottom-ri
 export type VerticalDragDirection = 'top' | 'bottom' | 'both' | 'none';
 export type HorizontalDragDirection = 'left' | 'right' | 'both' | 'none';
 export interface ResizeEventDetails {
-  location: DragStartLocation;
-  width: number;
-  height: number;
-  widthPercentage: number;
-  heightPercentage: number;
+    location: DragStartLocation;
+    width: number;
+    height: number;
+    widthPercentage: number;
+    heightPercentage: number;
 }
 /**
  * @private
  * Used for internal methods or testing.
  */
 export interface ResizableBoundsUpdate {
-  host: DOMRect;
-  slotted: DOMRect;
-  parent?: DOMRect;
-  maxWidth: string;
-  minWidth: string;
-  maxHeight: string;
-  minHeight: string;
+    host: DOMRect;
+    slotted: DOMRect;
+    parent?: DOMRect;
+    maxWidth: string;
+    minWidth: string;
+    maxHeight: string;
+    minHeight: string;
 }
 export declare class Resizable {
-  /**
-   * The horizontal direction that this component can be resized in.
-   *
-   * Supports `left`, `right`, `both`, or `none`, and defaults to `both`.
-   */
-  horizontalDirection: HorizontalDragDirection;
-  /**
-   * The vertical direction that this component can be resized in.
-   *
-   * Supports `top`, `bottom`, `both`, or `none`, and defaults to `both`.
-   */
-  verticalDirection: VerticalDragDirection;
-  /**
-   * The initial horizontal scale for this component. This value will be
-   * multiplied by the range between max width and min width (if provided)
-   * to determine the starting width of this resizable container.
-   *
-   * If not provided, this will default to the minimum width
-   * (or component with if that is not provided).
-   */
-  initialHorizontalScale?: number;
-  /**
-   * The initial vertical scale for this component. This value will be
-   * multiplied by the range between max height and min height (if provided)
-   * to determine the starting height of this resizable container.
-   *
-   * If not provided, this will default to the minimum height
-   * (or component with if that is not provided).
-   */
-  initialVerticalScale?: number;
-  /**
-   * Indicates whether this resizable should set its `top` property to the
-   * difference between its initial height and max height, and its `left`
-   * property to the difference between its initial width and max width.
-   *
-   * Setting this is useful when using the `verticalDirection` of `top`
-   * or `horizontalDirection` of `left`, and positioning it to the
-   * bottom of the parent container or right of the parent container
-   * respectively.
-   */
-  initializeWithOffset: boolean;
-  /**
-   * A CSS selector for the parent element of this component.
-   *
-   * Providing this selector allows for computation of percentage-based
-   * minimum and maximum heights and widths relative to a parent element.
-   */
-  parentSelector?: string;
-  /**
-   * A CSS selector for a vertically constraining sibling element.
-   *
-   * Providing this selector will constrain the max height of this resizable
-   * based on the minimum height of the sibling.
-   */
-  verticalSiblingSelector?: string;
-  /**
-   * A CSS selector for a horizontally constraining sibling element.
-   *
-   * Providing this selector will constrain the max width of this resizable
-   * based on the minimum width of the sibling.
-   */
-  horizontalSiblingSelector?: string;
-  /**
-   * A CSS selector for the child element of this component.
-   *
-   * Providing this selector allows for retrieval of the slotted element
-   * without using the `HTMLSlotElement.assignedElements` experimental API.
-   */
-  contentSelector?: string;
-  /**
-   * A prop to tell the component that it is absolutely positioned.
-   *
-   * If this prop is passed, it is expected that this component is anchored, and would only be
-   * draggable in one direction. It could have adverse affects if it is positioned absolutely, but then
-   * dragged in the opposite position from it's anchor point.
-   */
-  position: 'relative' | 'absolute';
-  /**
-   * Indicates whether the component has computed its initial dimensions.
-   * This can be used to hide a resizable element that has both a `min-width` or `min-height`
-   * and an initial horizontal or vertical scale factor prior to the actual initial width
-   * or height being computed.
-   */
-  dimensionsComputed: boolean;
-  /**
-   * An event that is emitted whenever a `pointerdown` occurs on a handle for this element.
-   * This event will contain the `DragStartLocation` of the handle, as well as the current
-   * width and height of the element as pixel values and percentages.
-   */
-  resizeStart: EventEmitter<ResizeEventDetails>;
-  /**
-   * An event that is emitted whenever a `pointerup` occurs after a `resizeStart` occurs.
-   * This event will contain the `DragStartLocation` of the handle, as well as the current
-   * width and height of the element as pixel values and percentages.
-   */
-  resizeEnd: EventEmitter<ResizeEventDetails>;
-  private width;
-  private minWidth?;
-  private maxWidth?;
-  private height;
-  private minHeight?;
-  private maxHeight?;
-  private left;
-  private top;
-  private hoveredLocation?;
-  private dragStartLocation?;
-  private hostElement;
-  private containerTop;
-  private containerLeft;
-  private lastPointerPosition?;
-  private mutationObserver;
-  private resizeObserver;
-  private resizeTimeout?;
-  constructor();
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  connectedCallback(): void;
-  render(): h.JSX.IntrinsicElements;
-  /**
-   * @private
-   *
-   * Used for internals or testing.
-   */
-  updateDimensions(bounds: ResizableBoundsUpdate, isRecompute?: boolean): Promise<void>;
-  private computeDimensions;
-  private recomputeDimensions;
-  private handlePointerEnter;
-  private handlePointerLeave;
-  private handlePointerDown;
-  private handleDrag;
-  private handleWindowPointerUp;
-  private ifValidDragTop;
-  private ifValidDragBottom;
-  private ifValidDragLeft;
-  private ifValidDragRight;
-  private handleDragTop;
-  private handleDragBottom;
-  private handleDragLeft;
-  private handleDragRight;
-  private setStartPosition;
-  private getSlottedElement;
-  private getMinBounds;
-  private fromComputedStyle;
-  private toBoundedValue;
-  private getSiblingMinWidth;
-  private getSiblingMinHeight;
-  private emitResizeStart;
-  private emitResizeEnd;
-  private computeResizeEventDetails;
+    /**
+     * The horizontal direction that this component can be resized in.
+     *
+     * Supports `left`, `right`, `both`, or `none`, and defaults to `both`.
+     */
+    horizontalDirection: HorizontalDragDirection;
+    /**
+     * The vertical direction that this component can be resized in.
+     *
+     * Supports `top`, `bottom`, `both`, or `none`, and defaults to `both`.
+     */
+    verticalDirection: VerticalDragDirection;
+    /**
+     * The initial horizontal scale for this component. This value will be
+     * multiplied by the range between max width and min width (if provided)
+     * to determine the starting width of this resizable container.
+     *
+     * If not provided, this will default to the minimum width
+     * (or component with if that is not provided).
+     */
+    initialHorizontalScale?: number;
+    /**
+     * The initial vertical scale for this component. This value will be
+     * multiplied by the range between max height and min height (if provided)
+     * to determine the starting height of this resizable container.
+     *
+     * If not provided, this will default to the minimum height
+     * (or component with if that is not provided).
+     */
+    initialVerticalScale?: number;
+    /**
+     * Indicates whether this resizable should set its `top` property to the
+     * difference between its initial height and max height, and its `left`
+     * property to the difference between its initial width and max width.
+     *
+     * Setting this is useful when using the `verticalDirection` of `top`
+     * or `horizontalDirection` of `left`, and positioning it to the
+     * bottom of the parent container or right of the parent container
+     * respectively.
+     */
+    initializeWithOffset: boolean;
+    /**
+     * A CSS selector for the parent element of this component.
+     *
+     * Providing this selector allows for computation of percentage-based
+     * minimum and maximum heights and widths relative to a parent element.
+     */
+    parentSelector?: string;
+    /**
+     * A CSS selector for a vertically constraining sibling element.
+     *
+     * Providing this selector will constrain the max height of this resizable
+     * based on the minimum height of the sibling.
+     */
+    verticalSiblingSelector?: string;
+    /**
+     * A CSS selector for a horizontally constraining sibling element.
+     *
+     * Providing this selector will constrain the max width of this resizable
+     * based on the minimum width of the sibling.
+     */
+    horizontalSiblingSelector?: string;
+    /**
+     * A CSS selector for the child element of this component.
+     *
+     * Providing this selector allows for retrieval of the slotted element
+     * without using the `HTMLSlotElement.assignedElements` experimental API.
+     */
+    contentSelector?: string;
+    /**
+     * A prop to tell the component that it is absolutely positioned.
+     *
+     * If this prop is passed, it is expected that this component is anchored, and would only be
+     * draggable in one direction. It could have adverse affects if it is positioned absolutely, but then
+     * dragged in the opposite position from it's anchor point.
+     */
+    position: 'relative' | 'absolute';
+    /**
+     * Indicates whether the component has computed its initial dimensions.
+     * This can be used to hide a resizable element that has both a `min-width` or `min-height`
+     * and an initial horizontal or vertical scale factor prior to the actual initial width
+     * or height being computed.
+     */
+    dimensionsComputed: boolean;
+    /**
+     * An event that is emitted whenever a `pointerdown` occurs on a handle for this element.
+     * This event will contain the `DragStartLocation` of the handle, as well as the current
+     * width and height of the element as pixel values and percentages.
+     */
+    resizeStart: EventEmitter<ResizeEventDetails>;
+    /**
+     * An event that is emitted whenever a `pointerup` occurs after a `resizeStart` occurs.
+     * This event will contain the `DragStartLocation` of the handle, as well as the current
+     * width and height of the element as pixel values and percentages.
+     */
+    resizeEnd: EventEmitter<ResizeEventDetails>;
+    private width;
+    private minWidth?;
+    private maxWidth?;
+    private height;
+    private minHeight?;
+    private maxHeight?;
+    private left;
+    private top;
+    private hoveredLocation?;
+    private dragStartLocation?;
+    private hostElement;
+    private containerTop;
+    private containerLeft;
+    private lastPointerPosition?;
+    private mutationObserver;
+    private resizeObserver;
+    private resizeTimeout?;
+    constructor();
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    connectedCallback(): void;
+    render(): h.JSX.IntrinsicElements;
+    /**
+     * @private
+     *
+     * Used for internals or testing.
+     */
+    updateDimensions(bounds: ResizableBoundsUpdate, isRecompute?: boolean): Promise<void>;
+    private computeDimensions;
+    private recomputeDimensions;
+    private handlePointerEnter;
+    private handlePointerLeave;
+    private handlePointerDown;
+    private handleDrag;
+    private handleWindowPointerUp;
+    private ifValidDragTop;
+    private ifValidDragBottom;
+    private ifValidDragLeft;
+    private ifValidDragRight;
+    private handleDragTop;
+    private handleDragBottom;
+    private handleDragLeft;
+    private handleDragRight;
+    private setStartPosition;
+    private getSlottedElement;
+    private getMinBounds;
+    private fromComputedStyle;
+    private toBoundedValue;
+    private getSiblingMinWidth;
+    private getSiblingMinHeight;
+    private emitResizeStart;
+    private emitResizeEnd;
+    private computeResizeEventDetails;
 }

package/dist/types/components/result-list/result-list.d.ts

@@ -3,46 +3,46 @@ import { Point } from '../../types/point';
 import { PopoverPlacement } from '../popover/popover';
 import { Result } from './types';
 export declare class ResultList {
-  items: Result[];
-  itemsJson?: string;
-  viewportStartIndex: number;
-  viewportEndIndex: number;
-  resultHeight: number;
-  overScanCount: number;
-  placement: PopoverPlacement;
-  position?: Point | string;
-  open: boolean;
-  enterPressed: EventEmitter<Result>;
-  private listHeight?;
-  private parsedResults;
-  private scrollTop;
-  private lastStartIndex;
-  private lastFocusedIndex;
-  private stateMap;
-  private hostEl;
-  private resultClick;
-  private resizeObserver;
-  private computedResultHeight?;
-  private resultsScrollEl?;
-  constructor();
-  handleResultsChanged(results: Array<Result> | string | undefined): void;
-  handleOpenChanged(): void;
-  protected componentWillLoad(): void;
-  protected componentDidLoad(): void;
-  protected componentWillRender(): void;
-  protected componentDidRender(): void;
-  protected disconnectedCallback(): void;
-  render(): h.JSX.IntrinsicElements;
-  private computeResultHeight;
-  private ensureTemplateDefined;
-  private createResultPool;
-  private createResultInstance;
-  private createResultHandlers;
-  private layoutResults;
-  private handlePointerDown;
-  private handleResultClick;
-  private computeViewportResults;
-  private getListHeight;
-  private handleScroll;
-  private handleKeyDown;
+    items: Result[];
+    itemsJson?: string;
+    viewportStartIndex: number;
+    viewportEndIndex: number;
+    resultHeight: number;
+    overScanCount: number;
+    placement: PopoverPlacement;
+    position?: Point | string;
+    open: boolean;
+    enterPressed: EventEmitter<Result>;
+    private listHeight?;
+    private parsedResults;
+    private scrollTop;
+    private lastStartIndex;
+    private lastFocusedIndex;
+    private stateMap;
+    private hostEl;
+    private resultClick;
+    private resizeObserver;
+    private computedResultHeight?;
+    private resultsScrollEl?;
+    constructor();
+    handleResultsChanged(results: Array<Result> | string | undefined): void;
+    handleOpenChanged(): void;
+    protected componentWillLoad(): void;
+    protected componentDidLoad(): void;
+    protected componentWillRender(): void;
+    protected componentDidRender(): void;
+    protected disconnectedCallback(): void;
+    render(): h.JSX.IntrinsicElements;
+    private computeResultHeight;
+    private ensureTemplateDefined;
+    private createResultPool;
+    private createResultInstance;
+    private createResultHandlers;
+    private layoutResults;
+    private handlePointerDown;
+    private handleResultClick;
+    private computeViewportResults;
+    private getListHeight;
+    private handleScroll;
+    private handleKeyDown;
 }

package/dist/types/components/result-list/types.d.ts

@@ -1,4 +1,4 @@
 export type Result = {
-  id: string;
-  type: string;
+    id: string;
+    type: string;
 } & Record<string, unknown>;

package/dist/types/components/search-bar/lib.d.ts

@@ -1,10 +1,10 @@
 import { Result } from '../result-list/types';
 export interface SearchResultReplacement {
-  before: Text;
-  beforeSpace: Text;
-  result: Text;
-  afterSpace: Text;
-  after?: Text;
+    before: Text;
+    beforeSpace: Text;
+    result: Text;
+    afterSpace: Text;
+    after?: Text;
 }
 export declare const createResultUri: (result: Result) => string;
 export declare const createSearchResultReplacement: (result: Result, before: string, after?: string) => SearchResultReplacement;