ids-enterprise-typings 16.2.1-beta.0 → 16.2.1-dev.1

package/index.d.ts

@@ -54,6 +54,7 @@
 /// <reference path='lib/menu-button/soho-menu-button.d.ts' />
 /// <reference path='lib/message/soho-message.d.ts' />
 /// <reference path='lib/modal-dialog/soho-modal-dialog.d.ts' />
+/// <reference path='lib/module-nav/index.d.ts' />
 /// <reference path='lib/monthview/soho-monthview.d.ts' />
 /// <reference path='lib/notification/soho-notification.d.ts' />
 /// <reference path='lib/notification-badge/soho-notification-badge.d.ts' />

package/lib/accordion/soho-accordion.d.ts

@@ -8,10 +8,56 @@
 
 type SohoAccordionExpanderType = 'classic' | 'plus-minus' | 'chevron';
 
+type SohoAccordionDefaultFocusBehaviorCallback = () => void;
+
+type SohoAccordionHeaderGroup = any; // JQuery<HTMLElement>
+
+type SohoAccordionHeaderExpanderButtonGroup = any; // JQuery<HTMLElement>
+
+type SohoAccordionHeaderAnchorGroup = any; // JQuery<HTMLElement>
+
+type SohoAccordionHeaderAnyGroup = SohoAccordionHeaderGroup | SohoAccordionHeaderExpanderButtonGroup | SohoAccordionHeaderAnchorGroup;
+
+type SohoAccordionNavDirection = 0 | -1 | 1;
+
+/**
+ * Soho Accordion data representation types
+ * These can be used to work with the results of `.toData()`
+ */
+
+type SohoAccordionData = Array<SohoAccordionSectionData> | Array<SohoAccordionHeaderData>;
+
+type SohoAccordionSectionData = {
+  index: string,
+  type: 'section',
+  children?: Array<SohoAccordionHeaderData | SohoAccordionContentData>,
+};
+
+type SohoAccordionContentData = {
+  index: string,
+  type: 'content',
+  content?: string,
+  contentText?: string
+};
+
+type SohoAccordionHeaderData = {
+  index: string,
+  type: 'header',
+  text?: string,
+  icon?: string,
+  children?: Array<SohoAccordionHeaderData | SohoAccordionContentData>
+};
+
 /**
-* Soho Accordion Control Options
-*/
+ * Soho Accordion Control Options
+ */
 interface SohoAccordionOptions {
+  /**
+   * Provides a mechanism for controlling the behavior of accordion header focus.
+   * By default, the built-in behavior is used (ability to focus headers/expanders independently).
+   */
+  accordionFocusCallback?: (header: JQuery<HTMLElement>, defaultFocusBehaviorCallback?: SohoAccordionDefaultFocusBehaviorCallback) => void;
+
   /**
    * If set to true, allows only one pane of the Accordion to be open at a time.
    * If an Accordion pane is open, and that pane contains sub-headers,
@@ -68,22 +114,26 @@ interface SohoAccordionOptions {
 }
 
 /**
- * This interface represents the public API exposed by the
- * busy indicator.
+ * This interface represents the public API exposed by the Soho Accordion
  */
 interface SohoAccordionStatic {
   /** Access to the control's options block. */
   settings: SohoAccordionOptions;
 
+  /** Calls the `source` method passed via settings */
+  callSource(anchor: SohoAccordionHeaderAnchorGroup, animationCallback: () => void): void;
+
   /** Collapses all panels. */
   collapseAll(): void;
 
   /** Expands all panels. */
   expandAll(): void;
 
-  expand(header: any | string): void;
+  /** Expands one or a group of panels */
+  expand(header: SohoAccordionHeaderGroup | string): void;
 
-  collapse(header: any | string): void;
+  /** Collapses one or a group of panels */
+  collapse(header: SohoAccordionHeaderGroup | string): void;
 
   /** Disables the accordion from reacting to events. */
   disable(): void;
@@ -92,18 +142,69 @@ interface SohoAccordionStatic {
   enable(): void;
 
   /** Checks if a particular header is disabled, or if the entire accordion is disabled. */
-  isDisabled(jQuery: any): boolean;
+  isDisabled(header: SohoAccordionHeaderGroup): boolean;
 
   /** Checks if an Accordion Section is currently expanded. */
-  isExpanded(jQuery: any): boolean;
+  isExpanded(header: SohoAccordionHeaderGroup): boolean;
 
   /** Toggles the exanded state of the selected header. */
-  toggle(jQuery: any): void;
+  toggle(header: SohoAccordionHeaderGroup): boolean;
+
+  /**
+   * Gets the current contents of this accordion and creates a JSON-like representation of the structure.
+   * For full JSON compatibility, don't use the `addElementReference` flag.
+   **/
+  toData(flatten?: boolean, addElementReference?: boolean): SohoAccordionData;
+
+  /** Makes an accordion header appear with a "selected" state */
+  select(element?: SohoAccordionHeaderAnyGroup): void;
+
+  /** Makes an accordion header appear with a "deselected" state */
+  deselect(element?: SohoAccordionHeaderAnyGroup): void;
+
+  /** Makes all accordion headers deselected */
+  deselectAll(): void;
+
+  /** Gets a reference to currently-selected accordion headers */
+  getSelected(): SohoAccordionHeaderGroup;
+
+  /** Determines if an Accordion Header is disabled */
+  isDisabled(header: SohoAccordionHeaderGroup): boolean;
+
+  /** "Visually" filters accordion headers (elements are not added/removed but temporarily hidden by CSS if filtered out) */
+  filter(headers?: SohoAccordionHeaderGroup): void;
+
+  /** Resets a previously-applied filter */
+  unfilter(headers?: SohoAccordionHeaderGroup): void;
+
+  /** Determines if an Accordion Header is currently visually filtered out */
+  isFiltered(header: SohoAccordionHeaderGroup): boolean;
+
+  /** Determines if animation is currently happening on accordion panes (controls some behavior internally) */
+  isAnimating: boolean;
+
+  /** Programmatically navigates to the next-available accordion header (down) */
+  nextHeader(element: SohoAccordionHeaderAnyGroup, noDescend?: boolean): void;
+
+  /** Programmatically navigates to the previous-available accordion header (up) */
+  prevHeader(element: SohoAccordionHeaderAnyGroup, noDescend?: boolean): void;
+
+  /** Programmatically navigates to the next-available accordion header (down) */
+  ascend(element: SohoAccordionHeaderGroup, direction?: SohoAccordionNavDirection): void;
+
+  /** Programmatically navigates to the previous-available accordion header (up) */
+  descend(element: SohoAccordionHeaderGroup, direction?: SohoAccordionNavDirection): void;
+
+  /** Programmatically focuses the correct element within an accordion header (based on previously-focused elements) */
+  focusOriginalType(header: SohoAccordionHeaderGroup): void;
 
   /** Updates the accordion with any new settings. */
-  updated(headers?: JQuery[], settings?: SohoAccordionOptions): void;
+  updated(headers?: SohoAccordionHeaderGroup, settings?: SohoAccordionOptions): void;
+
+  /** Performs a teardown of the jQuery component API (does not remove the component instance) */
+  teardown(): void;
 
-  /** Destroys the control on completion. */
+  /** Destroys the control on completion. (Tears down and removes the component instance) */
   destroy(): void;
 }
 

package/lib/application-menu/soho-application-menu.d.ts

@@ -1,3 +1,6 @@
+/// <reference path='../accordion/soho-accordion.d.ts' />
+/// <reference path='../searchfield/soho-searchfield.d.ts' />
+
 /**
  * Soho Application Menu.
  *
@@ -63,6 +66,15 @@ interface SohoApplicationMenuStatic {
   /** Control settings. */
   settings: SohoApplicationMenuOptions;
 
+  /** Accordion element */
+  accordionEl: HTMLElement;
+
+  /** Searchfield element, if present */
+  searchEl?: HTMLElement | null;
+
+  /** Searchfield API, if present */
+  searchAPI?: SohoSearchFieldStatic;
+
   /**
    * Opens the application menu.
    *

package/lib/busyindicator/soho-busyindicator.d.ts

@@ -10,17 +10,17 @@
  */
 interface SohoBusyIndicatorOptions {
   /** Blocks UI events to the attached components whilst the indictor is active. */
-   blockUI?: boolean;
+  blockUI?: boolean;
 
-   /** Text to display, will show 'Loading...' if left undefined. */
-   text?: string;
+  /** Text to display, will show 'Loading...' if left undefined. */
+  text?: string;
 
-   /** Number of milliseconds to wait befre the indicator is dislayed, if 0 it is displayed immediately. */
-   displayDelay?: number;
+  /** Number of milliseconds to wait befre the indicator is dislayed, if 0 it is displayed immediately. */
+  displayDelay?: number;
 
-   /** Number of milliseconds before the indicator is removed, if 0 does indefinitely. */
-   // Is this correct?  Should the indicator not close.
-   timeToComplete?: number;
+  /** Number of milliseconds before the indicator is removed, if 0 does indefinitely. */
+  // Is this correct?  Should the indicator not close.
+  timeToComplete?: number;
 
   /**
    * If true, allows the "blockUI" setting to display an overlay that prevents interaction,
@@ -57,7 +57,7 @@ interface SohoBusyIndicatorStatic {
   close(fromEvent: boolean): void;
 
   /** Updates the busy indicator with any new seettings. */
-  updated(): void;
+  updated(settings?: SohoBusyIndicatorOptions): void;
 
   /** whether or not the busy indicator is displaying or not */
   isActive(): boolean | undefined;

package/lib/button/soho-button.d.ts

@@ -107,7 +107,7 @@ declare class SohoButtonStatic {
   toggle(): void;
 
   /** Update the component with new settings. */
-  updated(settings: SohoButtonOptions): void;
+  updated(settings?: SohoButtonOptions): void;
 }
 
 /**

package/lib/datagrid/soho-datagrid.d.ts

@@ -644,6 +644,7 @@ interface SohoStatic {
     Status: SohoDataGridColumnFormatterFunction;
     TargetedAchievement: SohoDataGridColumnFormatterFunction;
     Fileupload: SohoDataGridColumnFormatterFunction;
+    MultiSelect: SohoDataGridColumnFormatterFunction;
   };
   Editors: {
     // Supports, Text, Numeric, Integer via mask
@@ -660,6 +661,7 @@ interface SohoStatic {
     Autocomplete: SohoDataGridColumnEditorFunction;
     Spinbox: SohoDataGridColumnEditorFunction;
     Favorite: SohoDataGridColumnEditorFunction;
+    MultiSelect: SohoDataGridColumnEditorFunction;
   };
 }
 
@@ -724,6 +726,7 @@ declare var Formatters: {
   Status: SohoDataGridColumnFormatterFunction;
   TargetedAchievement: SohoDataGridColumnFormatterFunction;
   Fileupload: SohoDataGridColumnFormatterFunction;
+  MultiSelect: SohoDataGridColumnFormatterFunction;
 };
 
 type SohoDataGridColumnHrefFunction = (
@@ -772,8 +775,8 @@ interface SohoDataGridColumnClickData {
   /** Index of the row clicked. */
   row: number;
 
-  /** Element click. */
-  cell: HTMLElement;
+  /** Cell index. */
+  cell: number | null;
 
   /** Row data */
   item: any;
@@ -829,6 +832,9 @@ interface SohoDataGridColumn {
   /** Tooltip for the column header. */
   headerTooltip?: string;
 
+  /** Tooltip Options for the columns of the datagrid */
+  tooltipOptions?: SohoTooltipOptions;
+
   /** Column formatter function or a string.  */
   formatter?: SohoDataGridColumnFormatterFunction | string;
 
@@ -963,6 +969,9 @@ interface SohoDataGridColumn {
   /** Sets the name of the icon to show in the header */
   headerIcon?: string;
 
+  /** Sets the name of the icon to show in the header */
+  headerIconTooltip?: string;
+
   /** Adds an extra class to the header for formatting */
   headerCssClass?: string;
 
@@ -996,6 +1005,11 @@ interface SohoDataGridColumn {
    */
   selectChildren?: boolean;
 
+  /**
+   * Disable the filter area
+   */
+  filterDisabled?: boolean;
+
   /** Enforce a max length when editing this column */
   maxLength?: number;
 
@@ -1103,6 +1117,9 @@ interface SohoDataGridStatic {
   /** Updates the data displayed in the given row. */
   updateRow(idx: number, rowData: Object): void;
 
+  /** Updates the data displayed in the given cell and runs the formatter. */
+  updateCell(row: number, cell: number, rowCellValue: any): void;
+
   /**
    * Hides the column at the given index.
    * @param id The id of the column to show.
@@ -1329,8 +1346,17 @@ interface SohoDataGridStatic {
   /**
    * Expand Detail Row Or Tree Row
    * @param {number} dataRowIndex The row to toggle
+   * @param  {boolean} expandOnly Set the toggle to expand only
+   */
+  toggleRowDetail(dataRowIndex: number, expandOnly?: boolean | undefined): void;
+
+  /**
+   * Function to update the summary row
+   * @private
+   * @param {object} col The column data
+   * @param {number} cell The cell index
    */
-  toggleRowDetail(dataRowIndex: number): void;
+  updateSummaryRow(col: object, cell: number): void;
 
   /**
    * Update the component with new settings.

package/lib/datepicker/soho-datepicker.d.ts

@@ -229,6 +229,28 @@ interface SohoDatePickerMonthRenderedEvent extends JQuery.TriggeredEvent {
   year: number;
 }
 
+/**
+ * Interface to set custom data validation for the datepicker.
+ */
+interface SohoDatePickerValidator {
+  validator: {
+    /** Validator ID */
+    id: string;
+
+    /** Function to perform the validation */
+    check(value: any, field: any, grid: any): boolean
+
+    /** Message type */
+    type: string;
+
+    /** Message text */
+    message: string;
+  };
+
+  /** The event types that will trigger the validation */
+  validatorEvents: string;
+}
+
 /**
  * JQuery Integration
  */

package/lib/dropdown/soho-dropdown.d.ts

@@ -27,6 +27,16 @@ interface SohoDropDownOptions {
    */
   cssClass?: string;
 
+  /**
+   * Controls the style of the icon representing the Dropdown's "open/close" functionality.
+   */
+  dropdownIcon?: string;
+
+  /**
+   * If true, adds an extra wrapping element in the Dropdown List (in some situations used for styling/scrolling behavior changes)
+   */
+  extraListWrapper?: boolean;
+
   /**
    * Search mode to use between 'contains',  'keyword',  'wordStartsWith', 'phraseStartsWith false will not allow client side filter
    */
@@ -123,6 +133,11 @@ interface SohoDropDownOptions {
    */
   width?: number;
 
+  /**
+   * CSS selector representing an element that the Dropdown component can use to define the list's width
+   */
+  widthTarget?: string;
+
   /**
    * Show the select all text/option.
    */
@@ -202,6 +217,15 @@ interface SohoDropDownStatic {
    */
   settings: SohoDropDownOptions;
 
+  /** Provides an array of selected values */
+  readonly selectedValues: Array<string>
+
+  /** Provides an array of selected HTMLOptionElements */
+  readonly selectedOptions: Array<HTMLOptionElement>
+
+  /** Provides the true "value" of the Dropdown input (different depending on single vs multiple) */
+  readonly value: Array<string> | string
+
   /**
    * Mark the contro as readonly.
    */
@@ -217,7 +241,9 @@ interface SohoDropDownStatic {
    */
   disable(): void;
 
-  /** Enable the control. */
+  /**
+   * Enable the control.
+   */
   enable(): void;
 
   /**
@@ -234,6 +260,11 @@ interface SohoDropDownStatic {
    * Set the selected option on the dropdown.
    */
   selectValue(value: any): void;
+
+  /**
+   * Set the selected option with icon.
+   */
+  setListIcon(): void;
 }
 
 /**

package/lib/modal-dialog/soho-modal-dialog.d.ts

@@ -32,6 +32,13 @@ interface SohoModalOptions {
   /** The string used as the title for the dialog - not defaulted. */
   title?: string;
 
+  /** The icon to add to the the title for the dialog - name without icon- */
+  icon?: string;
+
+  /** The class to add for example `info` for color and placement */
+  iconClass?: string;
+
+
   // The content, can be 'html' or a selector.
   content?: JQuery | string;
 

package/lib/module-nav/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference path='soho-module-nav-common.d.ts' />
+/// <reference path='soho-module-nav-settings.d.ts' />
+/// <reference path='soho-module-nav-switcher.d.ts' />
+/// <reference path='soho-module-nav.d.ts' />

package/lib/module-nav/soho-module-nav-common.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Soho Module Nav Common
+ *
+ * This file provides common types used by all Module Nav wrapper components
+ */
+
+/**
+ * Controls the visible state of the Module Nav component.
+ * In some cases this also has affects on child components and event handling
+ */
+type SohoModuleNavDisplayMode = false | 'collapsed' | 'expanded';
+

package/lib/module-nav/soho-module-nav-settings.d.ts

@@ -0,0 +1,53 @@
+/// <reference path='./soho-module-nav-common.d.ts' />
+/// <reference path='../accordion/soho-accordion.d.ts' />
+/// <reference path='../popupmenu/soho-popupmenu.d.ts' />
+
+/** Defines options present in the Soho Module Nav Settings */
+interface SohoModuleNavSettingsOptions {
+  displayMode?: SohoModuleNavDisplayMode;
+}
+
+/** Public API for Soho Module Nav Settings JS component */
+interface SohoModuleNavSettingsStatic {
+  /** Module Nav Switcher's current settings */
+  settings: SohoModuleNavSettingsOptions;
+
+  /** Reference to jQuery-wrapped HTML Element representing the Soho Accordion */
+  accordionEl?: HTMLElement;
+
+  /** Reference to a Soho Accordion API, if one is available */
+  accordionAPI?: SohoAccordionStatic;
+
+  /** References to specific sections/elements */
+  containerEl?: HTMLElement;
+
+  /** Reference to the element representing the settings button's menu */
+  menuEl?: HTMLElement;
+
+  /** Reference to the settings menu's Soho Popupmenu API, if one is available*/
+  menuAPI?: SohoPopupMenuStatic;
+
+  /** Initializes the jQuery component */
+  init(): void;
+
+  /** Changes the Module Nav Switcher's Display Mode */
+  setDisplayMode(val?: SohoModuleNavDisplayMode): void;
+
+  /** Re-renders jQuery child component APIs */
+  renderChildComponents(): void;
+
+  /** Tear down the markup for the control */
+  teardown(): void;
+
+  /** Updates the Module Nav Settings with any new settings */
+  updated(newSettings?: SohoModuleNavSettingsOptions): void;
+
+  /** Destroys the control on completion. */
+  destroy(): void;
+}
+
+/** jQuery interface for Module Nav Settings */
+interface JQuery<TElement = HTMLElement> extends Iterable<TElement> {
+  modulenavsettings(options?: SohoModuleNavSettingsOptions): JQuery;
+  on(events: 'updated', handler: JQuery.EventHandlerBase<any, SohoModuleNavSettingsOptions>): this;
+}

package/lib/module-nav/soho-module-nav-switcher.d.ts

@@ -0,0 +1,94 @@
+/// <reference path='./soho-module-nav-common.d.ts' />
+/// <reference path='../accordion/soho-accordion.d.ts' />
+/// <reference path='../button/soho-button.d.ts' />
+/// <reference path='../dropdown/soho-dropdown.d.ts' />
+
+
+/** Defines a Module Nav Switcher Role Record
+ * (Takes the same arguments as items present in the Soho Dropdown JSON notation)
+ */
+type SohoModuleNavSwitcherRoleRecord = Record<string, unknown>;
+
+type SohoModuleNavSwitcherIconSetting = string | ((api: SohoModuleNavSwitcherStatic) => string) | undefined | false;
+
+/** Defines options present in the Soho Module Nav Switcher */
+interface SohoModuleNavSwitcherOptions {
+  displayMode?: SohoModuleNavDisplayMode;
+  generate?: boolean;
+  icon?: SohoModuleNavSwitcherIconSetting;
+  moduleButtonText?: string;
+  roleDropdownLabel?: string;
+  changeIconOnSelect?: boolean;
+  noSearch?: boolean;
+  roles?: Array<SohoModuleNavSwitcherRoleRecord>;
+}
+
+/** Public API for Soho Module Nav Switcher JS component */
+interface SohoModuleNavSwitcherStatic {
+  /** Module Nav Switcher's current settings */
+  settings: SohoModuleNavSwitcherOptions;
+
+  /** Reference to jQuery-wrapped HTML Element representing the Soho Accordion */
+  accordionEl?: HTMLElement;
+
+  /** Reference to a Soho Accordion API, if one is available */
+  accordionAPI?: SohoAccordionStatic;
+
+  /** Reference to container element */
+  containerEl?: HTMLElement;
+
+  /** Reference to the Module Button's Container Element */
+  moduleButtonContainerEl?: HTMLElement;
+
+  /** Reference to the Module Button's Icon Element */
+  moduleButtonIconEl?: HTMLElement | SVGElement;
+
+  /** Reference to the Module Button element */
+  moduleButtonEl?: HTMLElement;
+
+  /** Reference to the Module Button's Soho Button API, if one is available */
+  moduleButtonAPI?: SohoButtonStatic;
+
+  /** Reference to the Role Dropdown's container element */
+  roleDropdownContainerEl?: HTMLElement;
+
+  /** Reference to the Role Dropdown's element */
+  roleDropdownEl?: HTMLElement;
+
+  /** Reference to the Module Button's Soho Button API, if one is available */
+  roleDropdownAPI?: SohoDropDownStatic;
+
+  /** Initializes the jQuery component */
+  init(): void;
+
+  /** Changes the Module Nav Switcher's Display Mode */
+  setDisplayMode(val?: SohoModuleNavDisplayMode): void;
+
+  /** Sets visible */
+  setRoles(val?: SohoModuleNavSwitcherRoleRecord[], doUpdate?: boolean): void;
+
+  /** Selects a role in the dropdown based on its value,
+   * keeping all Module Nav Switcher elements synced */
+  selectRole(val: string): void;
+
+  /** Re-renders jQuery child component APIs */
+  renderChildComponents(): void;
+
+  /** Changes the focus of the Module Button */
+  toggleModuleButtonFocus(doFocus?: boolean): void;
+
+  /** Tear down the markup for the control */
+  teardown(): void;
+
+  /** Updates the Module Nav Switcher with any new settings */
+  updated(newSettings?: SohoModuleNavSwitcherOptions): void;
+
+  /** Destroys the control on completion. */
+  destroy(): void;
+}
+
+/** jQuery interface for Module Nav Switcher */
+interface JQuery<TElement = HTMLElement> extends Iterable<TElement> {
+  modulenavswitcher(options?: SohoModuleNavSwitcherOptions): JQuery;
+  on(events: 'updated', handler: JQuery.EventHandlerBase<any, SohoModuleNavSwitcherOptions>): this;
+}

package/lib/module-nav/soho-module-nav.d.ts

@@ -0,0 +1,99 @@
+/// <reference path='./soho-module-nav-common.d.ts' />
+/// <reference path='../accordion/soho-accordion.d.ts' />
+
+interface SohoModuleNavDisplayModeChangeEvent {
+  e: JQuery.TriggeredEvent,
+  val: SohoModuleNavDisplayMode
+}
+
+type SohoModuleNavBreakPoint =
+  'phone' |
+  'slim' |
+  'phablet' |
+  'phone-to-tablet' |
+  'wide-tablet' |
+  'tablet-to-desktop' |
+  'desktop-to-extralarge' | undefined;
+
+/** Defines options present in the Soho Module Nav */
+interface SohoModuleNavOptions {
+  accordionSettings?: SohoAccordionOptions;
+  displayMode?: SohoModuleNavDisplayMode;
+  filterable?: boolean;
+  initChildren?: boolean;
+  pinSections?: boolean;
+  showDetailView?: boolean;
+  mobileBehavior?: boolean;
+  breakpoint?: SohoModuleNavBreakPoint,
+  showOverlay?: boolean;
+  showModuleSwitcher?: boolean;
+  showGuestSection?: boolean;
+  showSearchBar?: boolean;
+  enableOutsideClick?: boolean;
+}
+
+/** Public API for Soho Module Nav JS component */
+interface SohoModuleNavStatic {
+  /** Module Nav's current settings */
+  settings: SohoModuleNavOptions;
+
+  /** Reference to element representing accordion, if one is available */
+  accordionEl?: HTMLElement;
+
+  /** Reference to a Soho Accordion API, if one is available */
+  accordionAPI?: SohoAccordionStatic;
+
+  /** Reference to element representing searchfield, if one is available */
+  searchEl?: HTMLElement;
+
+  /** Reference to a Soho SearchField API, if one is available */
+  searchAPI?: SohoSearchFieldStatic;
+
+  /** Reference to element representing settings button, if one is available */
+  settingsEl?: HTMLElement;
+
+  /** Reference to a Soho Module Nav Settings API, if one is available */
+  settingAPI?: SohoModuleNavSettingsStatic;
+
+  /** Reference to a Soho Module Nav Switcher container element, if one is available */
+  switcherEl?: HTMLElement;
+
+  /** Reference to a Soho Module Nav Settings API, if one is available */
+  switcherAPI?: SohoModuleNavSwitcherStatic;
+
+  /** Misc. references to specific sections/elements */
+  containerEl?: HTMLElement;
+  detailViewEl?: HTMLElement;
+  itemMenuEl?: HTMLElement;
+  footerEl?: HTMLElement;
+
+  /** Initializes the jQuery component */
+  init(): void;
+
+  /** Changes the Module Nav's Display Mode */
+  setDisplayMode(val?: SohoModuleNavDisplayMode): void;
+
+  /** Enables (true)/Disables (false) optional pinning of header/footer Module Nav regions */
+  setPinSections(val?: boolean): void;
+
+  /** Updates accordion section scroll state based on size changes */
+  setScrollable(): void;
+
+  /** Enables (true)/Disables (false) visibility of detail view pane used for sub modules */
+  setShowDetailView(val: boolean): void;
+
+  /** Tear down the markup for the control */
+  teardown(): void;
+
+  /** Updates the Module Nav with any new settings */
+  updated(newSettings?: SohoModuleNavOptions): void;
+
+  /** Destroys the control on completion. */
+  destroy(): void;
+}
+
+/** jQuery interface for Module Nav */
+interface JQuery<TElement = HTMLElement> extends Iterable<TElement> {
+  modulenav(options?: SohoModuleNavOptions): JQuery;
+  on(events: 'updated', handler: JQuery.EventHandlerBase<any, SohoModuleNavOptions>): this;
+}

package/lib/pie/soho-pie.d.ts

@@ -46,6 +46,9 @@ interface SohoPieOptions {
   /** Where to locate the legend. This can be bottom or right at the moment. */
   legendPlacement?: 'bottom' | 'right' | string;
 
+  /** Force Legend popup below regardless of the quantity of labels. */
+  forceLegendPopup?: boolean,
+
   /** A setting that controls the legend values and format. */
   legend?: SohoPieLegendOptions;
 

package/lib/popupmenu/soho-popupmenu.d.ts

@@ -57,6 +57,9 @@ interface SohoPopupMenuOptions {
 
   /** Add extra attributes like id's to the component **/
   attributes?: Array<Object> | Object;
+
+  /** Appends an optional css class to `.popupmenu-wrapper/popupmenu` elements  */
+  cssClass?: string | null;
 }
 
 /**
@@ -75,6 +78,9 @@ interface SohoPopupMenuStatic {
   /** Configuration options. */
   settings?: SohoPopupMenuOptions;
 
+  /** Gets the Popupmenu's ID string (can be used to query the DOM for the menu element) */
+  idString: string | undefined;
+
   /** Returns the selected html element. */
   getSelected(): any;
 

package/lib/tooltip/soho-tooltip.d.ts

@@ -53,7 +53,7 @@ interface SohoTooltipEvent extends JQuery.TriggeredEvent {
 interface SohoTooltipStatic {
   settings: SohoTooltipOptions;
   destroy(): void;
-  hide(): void;
+  hide(force?: boolean): void;
   show(): void;
   updated(): void;
 }

package/lib/wizard/soho-wizard.d.ts

@@ -5,11 +5,39 @@
  * interface of the Soho jQuery wizard control.
  */
 
- /**
-  * Soho Widget model for a tick
-  */
- interface SohoWizardTick {
+/**
+ * Soho ButtonBar button definition
+ */
+interface SohoWizardButtonBarButton {
+  /** the button's unique element id */
+  id: string, // e.g. 'next'
+
+  /** the button's text */
+  text: string, // e.g. "Next"
+
+  /** the button's icon */
+  icon?: string, // the name of the icon to use
+
+  /** the click callback for the button */
+  click: () => void,
+
+  /** an optional disable callback, return true if the button is disabled */
+  disabled?: () => boolean,
+
+  /** an optional hidden callback, return true if the button is hidden */
+  hidden?: () => boolean,
+
+  /** an optional isDefault flag, true if the button is displayed as the default */
+  isDefault?: boolean, // defaults to false
 
+  /** the relative position of the button */
+  position?: 'left' | 'middle' | 'right' | undefined
+}
+
+/**
+ * Soho Widget model for a tick
+ */
+interface SohoWizardTick {
   /**
    * Sets the ng-click event for AngularJS.
    *
@@ -35,7 +63,7 @@
    *
    */
   label?: string;
- }
+}
 
 /**
  * Wizard options.
@@ -43,9 +71,6 @@
 interface SohoWizardOptions {
   /**
    * Optional model driven list of ticks to display.
-   *
-   *
-   *
    */
   ticks?: SohoWizardTick[];
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ids-enterprise-typings",
   "slug": "ids-enterprise-typings",
-  "version": "16.2.1-beta.0",
+  "version": "16.2.1-dev.1",
   "declaration": true,
   "types": "index.d.ts",
   "dependencies": {