ids-enterprise-typings 13.0.3 → 13.1.0

package/index.d.ts

@@ -5,6 +5,7 @@
 /// <reference path="lib/soho.d.ts" />
 /// <reference path='lib/about/soho-about.d.ts' />
 /// <reference path='lib/accordion/soho-accordion.d.ts' />
+/// <reference path='lib/actionsheet/soho-actionsheet.d.ts' />
 /// <reference path='lib/alert/soho-alert.d.ts' />
 /// <reference path='lib/application-menu/soho-application-menu.d.ts' />
 /// <reference path='lib/autocomplete/soho-autocomplete.d.ts' />

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

@@ -0,0 +1,81 @@
+/**
+ * Soho Actionsheet.
+ * 
+ * This file contains the TypeScript mappings for the public
+ * interface of the Soho Actionsheet control.
+ */
+
+/**
+ * Actionsheet Options
+ */
+
+type SohoActionsheetDisplay = false | 'responsive' | 'always';
+
+type SohoActionsheetTrayBackgroundColors = 'slate' | 'ruby' | 'amber' | 'emerald' | 'azure' | 'turquoise' | 'amethyst';
+
+interface SohoActionsheetOptions {
+  actions?: SohoActionsheetActions;
+  autoFocus?: boolean;
+  breakpoint?: string;
+  displayAsActionSheet?: SohoActionsheetDisplay;
+  overlayOpacity?: number;
+  onSelect?: Function;
+  onCancel?: Function;
+  tray?: boolean;
+  trayOpts?: SohoActionsheetTrayOptions;
+  showCancelButton?: boolean;
+  attributes?: Array<Object> | Object;
+}
+
+interface SohoActionsheetTrayOptions {
+  text?: string;
+  icon?: string;
+  backgroundColor?: SohoActionsheetTrayBackgroundColors;
+}
+
+interface SohoActionsheetActions {
+  icon?: string;
+  text?: string;
+}
+
+interface SohoActionsheetStatic {
+  settings: SohoActionsheetOptions;
+
+  /** Returns true if the Action Sheet is currently visible */
+  get visible(): boolean;
+
+  /** Returns true if the Action Sheet is currently visible */
+  get actionElems(): boolean;
+
+  /** Returns attached Popupmenu API, if available */
+  get popupmenuAPI(): SohoPopupMenuOptions;
+
+  /** Returns true if there is a currently-open Popupmenu attached to the trigger button */
+  get hasOpenPopupMenu(): boolean;
+
+  /** Returns {boolean} whether or not this Action Sheet instance should currently display in
+   * full size mode (uses the settings, but determined at runtime)
+   * */
+  get currentlyNeedsActionSheet(): boolean;
+
+  /** Opens the Action Sheet */
+  open(): void;
+
+  /** Opens a simple Popupmenu containing the same actions as the sheet. */
+  openPopupMenu(): void;
+
+  /** Tears down and removes any added markup and events. */
+  destroy(): void;
+
+  /** Triggers a UI Resync. */
+  updated(settings?: SohoActionsheetOptions): void;
+}
+
+/** jQuery Integration */
+interface jQueryStatic {
+  actionsheet: SohoActionsheetStatic;
+}
+
+interface JQuery<TElement = HTMLElement> extends Iterable<TElement> {
+  actionsheet(options?: SohoActionsheetOptions): JQuery;
+}

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

@@ -18,6 +18,11 @@
  */
 type SohoModalTriggerType = 'click' | 'immediate';
 
+type SohoModalFocusChangeFunction = (
+  modal: HTMLElement,
+  el: HTMLElement
+) => void;
+
 /**
  * Soho Modal Dialog configuration options
  *
@@ -97,6 +102,9 @@ interface SohoModalOptions {
 
   /** Add extra attributes like id's to the component **/
   attributes?: Array<Object> | Object;
+
+  /** Fires when an element gets focus on the modal */
+  onFocusChange?: SohoModalFocusChangeFunction;
 }
 
 type SohoModalFullSize = false | 'responsive' | 'always';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ids-enterprise-typings",
   "slug": "ids-enterprise-typings",
-  "version": "13.0.3",
+  "version": "13.1.0",
   "declaration": true,
   "types": "index.d.ts",
   "dependencies": {