@douyinfe/semi-foundation 2.2.1 → 2.3.1

package/lib/es/navigation/itemFoundation.js

@@ -2,6 +2,7 @@ import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign"
 
 /* argus-disable unPkgSensitiveInfo */
 import BaseFoundation from '../base/foundation';
+import isEnterPress from '../utils/isEnterPress';
 export default class ItemFoundation extends BaseFoundation {
   constructor(adapter) {
     super(_Object$assign({}, adapter));
@@ -65,5 +66,15 @@ export default class ItemFoundation extends BaseFoundation {
       domEvent: e
     });
   }
+  /**
+   * A11y: simulate item click
+   */
+
+
+  handleKeyPress(e) {
+    if (isEnterPress(e)) {
+      this.handleClick(e);
+    }
+  }
 
 }

package/lib/es/navigation/subNavFoundation.d.ts

@@ -36,4 +36,10 @@ export default class SubNavFoundation<P = Record<string, any>, S = Record<string
      * @param {HTMLElement} titleRef
      */
     handleClick(e: any, titleRef: any): void;
+    /**
+     * A11y: simulate sub nav click
+     * @param e
+     * @param titleRef
+     */
+    handleKeyPress(e: any, titleRef: any): void;
 }

package/lib/es/navigation/subNavFoundation.js

@@ -3,6 +3,7 @@ import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/inst
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import BaseFoundation from '../base/foundation';
+import isEnterPress from '../utils/isEnterPress';
 
 const addKeys = function addKeys() {
   let originKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -127,5 +128,17 @@ export default class SubNavFoundation extends BaseFoundation {
 
     this._adapter.notifyGlobalOnClick(cbVal);
   }
+  /**
+   * A11y: simulate sub nav click
+   * @param e
+   * @param titleRef
+   */
+
+
+  handleKeyPress(e, titleRef) {
+    if (isEnterPress(e)) {
+      this.handleClick(e, titleRef);
+    }
+  }
 
 }

package/lib/es/notification/notificationListFoundation.js

@@ -13,7 +13,7 @@ export default class NotificationListFoundation extends BaseFoundation {
     // }
 
 
-    this._adapter.updateNotices([...notices, opts]); // return id;
+    this._adapter.updateNotices([opts, ...notices]); // return id;
 
   }
 

package/lib/es/radio/radio.css

@@ -236,7 +236,13 @@
 }
 .semi-radio .semi-radio-inner-buttonRadio,
 .semi-radio .semi-radio-inner-pureCardRadio {
-  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+  opacity: 0;
 }
 .semi-radio-disabled, .semi-radio-disabled:hover {
   cursor: not-allowed;

package/lib/es/radio/radio.scss

@@ -317,9 +317,16 @@ $inner-width: $width-icon-medium;
         }
     }
 
+    // A11y: arrow keyboard control
     .#{$module}-inner-buttonRadio,
     .#{$module}-inner-pureCardRadio  {
-        display: none;
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: -1;
+        opacity: 0;
     }
 
     &-disabled {

package/lib/es/select/foundation.d.ts

@@ -101,6 +101,8 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
     handleMouseEnter(e: MouseEvent): void;
     handleMouseLeave(e: MouseEvent): void;
     handleClearClick(e: MouseEvent): void;
+    handleKeyPress(e: KeyboardEvent): void;
+    handleClearBtnEnterPress(e: KeyboardEvent): void;
     handleOptionMouseEnter(optionIndex: number): void;
     handleListScroll(e: any): void;
     handleTriggerBlur(e: FocusEvent): void;

package/lib/es/select/foundation.js

@@ -32,9 +32,10 @@ var __rest = this && this.__rest || function (s, e) {
 
 
 import BaseFoundation from '../base/foundation';
-import KeyCode from '../utils/keyCode';
+import KeyCode, { ENTER_KEY } from '../utils/keyCode';
 import warning from '../utils/warning';
 import isNullOrUndefined from '../utils/isNullOrUndefined';
+import isEnterPress from '../utils/isEnterPress';
 export default class SelectFoundation extends BaseFoundation {
   constructor(adapter) {
     super(_Object$assign({}, adapter)); // keyboard event listner
@@ -511,6 +512,10 @@ export default class SelectFoundation extends BaseFoundation {
 
     const selections = this._adapter.getSelections();
 
+    const {
+      autoClearSearchValue
+    } = this.getProps();
+
     if (selections.has(label)) {
       this._notifyDeselect(value, _Object$assign({
         value,
@@ -542,7 +547,10 @@ export default class SelectFoundation extends BaseFoundation {
       this._notifyChange(selections);
 
       if (this._isFilterable()) {
-        this.clearInput();
+        if (autoClearSearchValue) {
+          this.clearInput();
+        }
+
         this.focusInput();
       }
     } else {
@@ -557,11 +565,15 @@ export default class SelectFoundation extends BaseFoundation {
       } = this.getStates(); // Searchable filtering, when selected, resets Input
 
       if (this._isFilterable()) {
-        this.clearInput();
-        this.focusInput(); // At the same time, the filtering of options is also cleared, in order to show all candidates
+        // When filter active，if autoClearSearchValue is true，reset input after select
+        if (autoClearSearchValue) {
+          this.clearInput(); // At the same time, the filtering of options is also cleared, in order to show all candidates
+
+          const sugInput = '';
+          options = this._filterOption(options, sugInput);
+        }
 
-        const sugInput = '';
-        options = this._filterOption(options, sugInput);
+        this.focusInput();
       }
 
       this.updateOptionsActiveStatus(selections, options);
@@ -839,6 +851,7 @@ export default class SelectFoundation extends BaseFoundation {
         break;
 
       case KeyCode.ESC:
+      case KeyCode.TAB:
         this.close(event);
         break;
 
@@ -1118,6 +1131,18 @@ export default class SelectFoundation extends BaseFoundation {
     e.stopPropagation();
   }
 
+  handleKeyPress(e) {
+    if (e && e.key === ENTER_KEY) {
+      this.handleClick(e);
+    }
+  }
+
+  handleClearBtnEnterPress(e) {
+    if (isEnterPress(e)) {
+      this.handleClearClick(e);
+    }
+  }
+
   handleOptionMouseEnter(optionIndex) {
     this._adapter.updateFocusIndex(optionIndex);
   }

package/lib/es/sideSheet/sideSheetFoundation.d.ts

@@ -25,6 +25,7 @@ export interface SideSheetProps {
     width?: number | string;
     zIndex?: number;
     children?: any;
+    'aria-label'?: string;
 }
 export interface SideSheetState {
     hidden: boolean;

package/lib/es/slider/foundation.d.ts

@@ -23,6 +23,10 @@ export interface SliderProps {
     showBoundary?: boolean;
     railStyle?: Record<string, any>;
     verticalReverse?: boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-valuetext'?: string;
+    getAriaValueText?: (value: number) => string;
 }
 export interface SliderState {
     currentValue: number | number[];
@@ -138,7 +142,7 @@ export default class SliderFoundation extends BaseFoundation<SliderAdapter> {
      *
      * @memberof SliderFoundation
      */
-    getScrollParent: (element: HTMLElement) => boolean | Element;
+    getScrollParent: (element: HTMLElement) => Element;
     /**
      * Fixed the event location, beyond the maximum, minimum, left and right, etc. directly modified to the effective location
      *
@@ -184,6 +188,7 @@ export default class SliderFoundation extends BaseFoundation<SliderAdapter> {
     onHandleEnter: (pos: SliderState['focusPos']) => void;
     onHandleLeave: () => void;
     onHandleUp: (e: any) => boolean;
+    onFocus: (e: any, handler: 'min' | 'max') => void;
     handleWrapClick: (e: any) => void;
     /**
      * Move the slider to the current click position

package/lib/es/slider/foundation.js

@@ -271,17 +271,8 @@ export default class SliderFoundation extends BaseFoundation {
       }
 
       if (step !== 1) {
-        // Existence step
-        if (stepValue > compareValue && Math.round(stepValue / step) * step >= stepValue) {
-          // Move right
-          stepValue = Math.round(stepValue / step) * step;
-        } else if (stepValue < compareValue && Math.round(stepValue / step) * step <= stepValue) {
-          // Move left
-          stepValue = Math.round(stepValue / step) * step;
-        } else {
-          // Other moves are invalid, click valid
-          stepValue = compareValue;
-        }
+        // Find nearest step point 
+        stepValue = Math.round(stepValue / step) * step;
       }
 
       if (range && stepValue !== compareValue) {
@@ -595,7 +586,10 @@ export default class SliderFoundation extends BaseFoundation {
       this._adapter.onHandleUpAfter();
 
       return true;
-    };
+    }; // eslint-disable-next-line @typescript-eslint/no-empty-function
+
+
+    this.onFocus = (e, handler) => {};
 
     this.handleWrapClick = e => {
       const {

package/lib/es/slider/slider.css

@@ -51,6 +51,7 @@
 }
 .semi-slider-handle-clicked {
   border: solid 1px var(--semi-color-focus-border);
+  cursor: grabbing;
 }
 .semi-slider-track {
   height: 4px;

package/lib/es/slider/slider.scss

@@ -63,6 +63,7 @@ $module: #{$prefix}-slider;
 
     &-handle-clicked {
         border: solid $width-slider_handle_clicked $color-slider_handle-border-focus;
+        cursor: grabbing;
     }
 
     &-track {

package/lib/es/table/utils.d.ts

@@ -93,3 +93,10 @@ export interface GetAllDisabledRowKeysProps {
     rowKey?: string | number | ((record: Record<string, any>) => string | number);
 }
 export declare function warnIfNoDataIndex(column: Record<string, any>): void;
+/**
+ * Whether is tree table
+ */
+export declare function isTreeTable({ dataSource, childrenRecordName }: {
+    dataSource: Record<string, any>;
+    childrenRecordName?: string;
+}): boolean;

package/lib/es/table/utils.js

@@ -521,4 +521,28 @@ export function warnIfNoDataIndex(column) {
       logger.warn("The column with sorter or filter must pass the 'dataIndex' prop");
     }
   }
+}
+/**
+ * Whether is tree table
+ */
+
+export function isTreeTable(_ref2) {
+  let {
+    dataSource,
+    childrenRecordName = 'children'
+  } = _ref2;
+  let flag = false;
+
+  if (_Array$isArray(dataSource)) {
+    for (const data of dataSource) {
+      const children = _get(data, childrenRecordName);
+
+      if (_Array$isArray(children) && children.length) {
+        flag = true;
+        break;
+      }
+    }
+  }
+
+  return flag;
 }

package/lib/es/tagInput/foundation.d.ts

@@ -33,6 +33,10 @@ declare class TagInputFoundation extends BaseFoundation<TagInputAdapter> {
     _handleAddTags(e: TagInputChangeEvent): void;
     handleInputBlur(e: TagInputCursorEvent): void;
     handleInputFocus(e: TagInputCursorEvent): void;
+    /**
+     * A11y: simulate clear button click
+     */
+    handleClearEnterPress(e: TagInputKeyboardEvent): void;
     handleClearBtn(e: TagInputMouseEvent): void;
     handleTagClose(index: number): void;
     handleInputMouseEnter(): void;

package/lib/es/tagInput/foundation.js

@@ -13,6 +13,7 @@ import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import BaseFoundation from '../base/foundation';
 import keyCode from '../utils/keyCode';
 import getSplitedArray from './utils/getSplitedArray';
+import isEnterPress from '../utils/isEnterPress';
 
 class TagInputFoundation extends BaseFoundation {
   constructor(adapter) {
@@ -161,6 +162,16 @@ class TagInputFoundation extends BaseFoundation {
 
     this._adapter.notifyFocus(e);
   }
+  /**
+   * A11y: simulate clear button click
+   */
+
+
+  handleClearEnterPress(e) {
+    if (isEnterPress(e)) {
+      this.handleClearBtn(e);
+    }
+  }
 
   handleClearBtn(e) {
     const {

package/lib/es/tooltip/foundation.js

@@ -74,8 +74,6 @@ export default class Tooltip extends BaseFoundation {
       if (trigger === 'custom') {
         // eslint-disable-next-line
         this._adapter.registerClickOutsideHandler(() => {});
-
-        this._togglePortalVisible(true);
       }
       /**
        * trigger类型是click时，仅当portal被插入显示后，才绑定clickOutsideHandler
@@ -627,6 +625,9 @@ export default class Tooltip extends BaseFoundation {
       innerWidth,
       innerHeight
     } = window;
+    const {
+      spacing
+    } = this.getProps();
 
     if (wrapperRect.width > 0 && wrapperRect.height > 0) {
       // let clientLeft = left + translateX * wrapperRect.width - containerRect.scrollLeft;
@@ -650,10 +651,10 @@ export default class Tooltip extends BaseFoundation {
       const widthIsBigger = wrapperRect.width > triggerRect.width;
       const heightIsBigger = wrapperRect.height > triggerRect.height; // The wrapperR ect.top|bottom equivalent cannot be directly used here for comparison, which is easy to cause jitter
 
-      const shouldReverseTop = clientTop < wrapperRect.height && restClientBottom > wrapperRect.height;
-      const shouldReverseLeft = clientLeft < wrapperRect.width && restClientRight > wrapperRect.width;
-      const sholdReverseBottom = restClientBottom < wrapperRect.height && clientTop > wrapperRect.height;
-      const shouldReverseRight = restClientRight < wrapperRect.width && clientLeft > wrapperRect.width;
+      const shouldReverseTop = clientTop < wrapperRect.height + spacing && restClientBottom > wrapperRect.height + spacing;
+      const shouldReverseLeft = clientLeft < wrapperRect.width + spacing && restClientRight > wrapperRect.width + spacing;
+      const sholdReverseBottom = restClientBottom < wrapperRect.height + spacing && clientTop > wrapperRect.height + spacing;
+      const shouldReverseRight = restClientRight < wrapperRect.width + spacing && clientLeft > wrapperRect.width + spacing;
       const shouldReverseTopSide = restClientTop < wrapperRect.height && clientBottom > wrapperRect.height;
       const shouldReverseBottomSide = clientBottom < wrapperRect.height && restClientTop > wrapperRect.height;
       const shouldReverseLeftSide = restClientLeft < wrapperRect.width && clientRight > wrapperRect.width;

package/lib/es/transfer/transfer.css

@@ -85,8 +85,6 @@
   background-color: inherit;
 }
 .semi-transfer-item .semi-transfer-item-close-icon {
-  width: 12px;
-  height: 12px;
   font-size: 12px;
   cursor: pointer;
   visibility: hidden;

package/lib/es/transfer/transfer.scss

@@ -93,8 +93,6 @@ $module: #{$prefix}-transfer;
         }
 
         .#{$module}-item-close-icon {
-            width: $width-transfer_item_close-icon;
-            height: $width-transfer_item_close-icon;
             font-size: $width-transfer_item_close-icon;
             cursor: pointer;
             visibility: hidden;

package/lib/es/tree/foundation.d.ts

@@ -183,6 +183,7 @@ export interface BasicTreeProps {
     value?: BasicValue;
     virtualize?: Virtualize;
     icon?: any;
+    'aria-label'?: string;
 }
 export interface BasicTreeInnerData {
     inputValue: string;

package/lib/es/tree/foundation.js

@@ -634,7 +634,7 @@ export default class TreeFoundation extends BaseFoundation {
 
 
     if (dragNode && eventKey === dragOverNodeKey) {
-      const newPos = calcDropRelativePosition(event, treeNode);
+      const newPos = calcDropRelativePosition(e, treeNode);
 
       if (dropPosition === newPos) {
         return;

package/lib/es/treeSelect/foundation.d.ts

@@ -27,7 +27,7 @@ export interface BasicOnChange {
     (node: BasicTreeNodeData[] | BasicTreeNodeData, e: any): void;
     (value: BasicTreeNodeData['value'] | Array<BasicTreeNodeData['value']>, node: BasicTreeNodeData[] | BasicTreeNodeData, e: any): void;
 }
-export interface BasicTreeSelectProps extends Pick<BasicTreeProps, 'virtualize' | 'renderFullLabel' | 'renderLabel' | 'autoExpandParent' | 'className' | 'defaultExpandAll' | 'defaultExpandedKeys' | 'defaultValue' | 'disabled' | 'emptyContent' | 'expandAction' | 'expandedKeys' | 'filterTreeNode' | 'labelEllipsis' | 'leafOnly' | 'multiple' | 'onChangeWithObject' | 'showClear' | 'showFilteredOnly' | 'style' | 'treeData' | 'treeNodeFilterProp' | 'value' | 'onExpand' | 'onSearch' | 'expandAll' | 'disableStrictly'> {
+export interface BasicTreeSelectProps extends Pick<BasicTreeProps, 'virtualize' | 'renderFullLabel' | 'renderLabel' | 'autoExpandParent' | 'className' | 'defaultExpandAll' | 'defaultExpandedKeys' | 'defaultValue' | 'disabled' | 'emptyContent' | 'expandAction' | 'expandedKeys' | 'filterTreeNode' | 'labelEllipsis' | 'leafOnly' | 'multiple' | 'onChangeWithObject' | 'showClear' | 'showFilteredOnly' | 'style' | 'treeData' | 'treeNodeFilterProp' | 'value' | 'onExpand' | 'onSearch' | 'expandAll' | 'disableStrictly' | 'aria-label'> {
     motion?: Motion;
     mouseEnterDelay?: number;
     mouseLeaveDelay?: number;
@@ -128,7 +128,15 @@ export default class TreeSelectFoundation<P = Record<string, any>, S = Record<st
     open(): void;
     close(e: any): void;
     handleClick(e: any): void;
+    /**
+     * A11y: simulate selection click
+     */
+    handleSelectionEnterPress(e: any): void;
     handleClear(e: any): void;
+    /**
+     * A11y: simulate clear button click
+     */
+    handleClearEnterPress(e: any): void;
     removeTag(eventKey: BasicTreeNodeData['key']): void;
     clearInput(): void;
     handleInputChange(sugInput: string): void;

package/lib/es/treeSelect/foundation.js

@@ -18,7 +18,8 @@ import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instanc
 import _everyInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/every";
 import { strings } from '../treeSelect/constants';
 import BaseFoundation from '../base/foundation';
-import { flattenTreeData, findDescendantKeys, findAncestorKeys, filter, normalizedArr, normalizeKeyList, getMotionKeys, calcCheckedKeysForChecked, calcCheckedKeys, calcCheckedKeysForUnchecked, getValueOrKey } from '../tree/treeUtil'; // eslint-disable-next-line max-len
+import { flattenTreeData, findDescendantKeys, findAncestorKeys, filter, normalizedArr, normalizeKeyList, getMotionKeys, calcCheckedKeysForChecked, calcCheckedKeys, calcCheckedKeysForUnchecked, getValueOrKey } from '../tree/treeUtil';
+import isEnterPress from '../utils/isEnterPress'; // eslint-disable-next-line max-len
 
 export default class TreeSelectFoundation extends BaseFoundation {
   constructor(adapter) {
@@ -306,6 +307,16 @@ export default class TreeSelectFoundation extends BaseFoundation {
       this.close(e);
     }
   }
+  /**
+   * A11y: simulate selection click
+   */
+
+
+  handleSelectionEnterPress(e) {
+    if (isEnterPress(e)) {
+      this.handleClick(e);
+    }
+  }
 
   handleClear(e) {
     const {
@@ -347,6 +358,16 @@ export default class TreeSelectFoundation extends BaseFoundation {
       }
     }
   }
+  /**
+   * A11y: simulate clear button click
+   */
+
+
+  handleClearEnterPress(e) {
+    if (isEnterPress(e)) {
+      this.handleClear(e);
+    }
+  }
 
   removeTag(eventKey) {
     const {

package/lib/es/utils/isEnterPress.d.ts

@@ -0,0 +1,4 @@
+declare function isEnterPress<T extends {
+    key: string;
+}>(e: T): boolean;
+export default isEnterPress;

package/lib/es/utils/isEnterPress.js

@@ -0,0 +1,8 @@
+import _get from "lodash/get";
+import { ENTER_KEY } from './keyCode';
+
+function isEnterPress(e) {
+  return _get(e, 'key') === ENTER_KEY ? true : false;
+}
+
+export default isEnterPress;

package/lib/es/utils/keyCode.d.ts

@@ -424,4 +424,6 @@ declare const keyCode: {
      */
     WIN_IME: number;
 };
+export declare const ENTER_KEY = "Enter";
+export declare const TAB_KEY = "Tab";
 export default keyCode;

package/lib/es/utils/keyCode.js

@@ -528,4 +528,6 @@ const keyCode = {
    */
   WIN_IME: 229
 };
+export const ENTER_KEY = 'Enter';
+export const TAB_KEY = 'Tab';
 export default keyCode;

package/lib/es/utils/uuid.d.ts

@@ -1,3 +1,18 @@
 export default function getUuid(prefix: string): string;
 declare function getUuidv4(): string;
-export { getUuid, getUuidv4 };
+/**
+ * Get a random id with prefix, it not strictly guarantee id uniqueness
+ *
+ * Note: the return value of getUuid is too long, we need a short one
+ *
+ * @example
+ * getUuidShort({ prefix: 'semi' }) => 'semi-46dinzc'
+ * getUuidShort({ prefix: '' }) => '0eer2i0'
+ * getUuidShort({ prefix: 'semi', length: 4 }) => 'semi-8jts'
+ */
+declare function getUuidShort(options?: GetUuidShortOptions): string;
+interface GetUuidShortOptions {
+    prefix?: string;
+    length?: number;
+}
+export { getUuid, getUuidv4, getUuidShort };

package/lib/es/utils/uuid.js

@@ -12,5 +12,36 @@ function getUuidv4() {
     return getUuid('semi');
   }
 }
+/**
+ * Get a random id with prefix, it not strictly guarantee id uniqueness
+ *
+ * Note: the return value of getUuid is too long, we need a short one
+ *
+ * @example
+ * getUuidShort({ prefix: 'semi' }) => 'semi-46dinzc'
+ * getUuidShort({ prefix: '' }) => '0eer2i0'
+ * getUuidShort({ prefix: 'semi', length: 4 }) => 'semi-8jts'
+ */
 
-export { getUuid, getUuidv4 };
+
+function getUuidShort() {
+  var _context3;
+
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix = '',
+    length = 7
+  } = options;
+  const characters = '0123456789abcdefghijklmnopqrstuvwxyz';
+  const total = characters.length;
+  let randomId = '';
+
+  for (let i = 0; i < length; i++) {
+    const random = Math.floor(Math.random() * total);
+    randomId += characters.charAt(random);
+  }
+
+  return prefix ? _concatInstanceProperty(_context3 = "".concat(prefix, "-")).call(_context3, randomId) : randomId;
+}
+
+export { getUuid, getUuidv4, getUuidShort };

package/modal/modalContentFoundation.ts

@@ -13,6 +13,7 @@ export interface ModalContentProps extends ModalProps {
 
 export interface ModalContentState {
     dialogMouseDown: boolean;
+    prevFocusElement: HTMLElement;
 }
 
 export interface ModalContentAdapter extends DefaultAdapter<ModalContentProps, ModalContentState> {
@@ -22,6 +23,9 @@ export interface ModalContentAdapter extends DefaultAdapter<ModalContentProps, M
     addKeyDownEventListener: () => void;
     removeKeyDownEventListener: () => void;
     getMouseState: () => boolean;
+    modalDialogFocus: () => void;
+    modalDialogBlur: () => void;
+    prevFocusElementReFocus: () => void;
 }
 
 export default class ModalContentFoundation extends BaseFoundation<ModalContentAdapter> {
@@ -32,6 +36,8 @@ export default class ModalContentFoundation extends BaseFoundation<ModalContentA
 
     destroy() {
         this.handleKeyDownEventListenerUnmount();
+        this.modalDialogBlur();
+        this.prevFocusElementReFocus();
     }
 
     handleDialogMouseDown() {
@@ -73,4 +79,16 @@ export default class ModalContentFoundation extends BaseFoundation<ModalContentA
     close(e: any) {
         this._adapter.notifyClose(e);
     }
+
+    modalDialogFocus() {
+        this._adapter.modalDialogFocus();
+    }
+
+    modalDialogBlur() {
+        this._adapter.modalDialogBlur();
+    }
+
+    prevFocusElementReFocus() {
+        this._adapter.prevFocusElementReFocus();
+    }
 }