@zohodesk/dot 1.0.0-beta.270 → 1.0.0-beta.271

package/es/lookup/Lookup/props/propTypes.js

@@ -14,5 +14,6 @@ export const propTypes = {
   }),
   onKeyDown: PropTypes.func,
   childAnimationName: PropTypes.oneOf(['expand', 'flyDown']),
-  needFocusScope: PropTypes.bool
+  needFocusScope: PropTypes.bool,
+  customProps: PropTypes.object
 };

package/lib/Drawer/Drawer.js

@@ -255,7 +255,20 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
           subDrawerChildren = _this$props4.subDrawerChildren,
           onBodyClick = _this$props4.onBodyClick,
           onClose = _this$props4.onClose,
-          needFocusScope = _this$props4.needFocusScope;
+          needFocusScope = _this$props4.needFocusScope,
+          customProps = _this$props4.customProps;
+      var _customProps$focusSco = customProps.focusScopeProps,
+          focusScopeProps = _customProps$focusSco === void 0 ? {} : _customProps$focusSco;
+      var _focusScopeProps$auto = focusScopeProps.autoFocus,
+          autoFocus = _focusScopeProps$auto === void 0 ? true : _focusScopeProps$auto,
+          _focusScopeProps$rest = focusScopeProps.restoreFocus,
+          restoreFocus = _focusScopeProps$rest === void 0 ? true : _focusScopeProps$rest,
+          _focusScopeProps$need = focusScopeProps.needArrowLoop,
+          needArrowLoop = _focusScopeProps$need === void 0 ? false : _focusScopeProps$need,
+          _focusScopeProps$need2 = focusScopeProps.needTabLoop,
+          needTabLoop = _focusScopeProps$need2 === void 0 ? true : _focusScopeProps$need2,
+          _focusScopeProps$enab = focusScopeProps.enableEnterAction,
+          enableEnterAction = _focusScopeProps$enab === void 0 ? false : _focusScopeProps$enab;
 
       var childrenWithProps = _react["default"].Children.map(children, function (child) {
         if (child.type === Header || child.type === Footer || child.type === Content) {
@@ -272,7 +285,7 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
 
       var content = /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: "".concat(_DrawerModule["default"].container, " ").concat(_DrawerModule["default"].columns, " ").concat(_DrawerModule["default"].drawerModal, " ").concat(uptoTablet ? _DrawerModule["default"].mbleSize : _DrawerModule["default"][size]),
-        "data-a11y-container-focus": false,
+        "data-a11y-need-focus-style": "false",
         tabindex: -1,
         eleRef: this.createRef
       }, /*#__PURE__*/_react["default"].createElement(_Card.Card, {
@@ -296,10 +309,12 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
         flexible: true
       }, subDrawerChildren))))) : null, needFocusScope ? /*#__PURE__*/_react["default"].createElement(_FocusScope["default"], {
         elementRef: this.createRef,
-        autoFocus: true,
-        focusTabLoop: true,
-        restoreFocus: true,
-        focusClose: onClose
+        autoFocus: autoFocus,
+        needTabLoop: needTabLoop,
+        restoreFocus: restoreFocus,
+        needArrowLoop: needArrowLoop,
+        onClose: onClose,
+        enableEnterAction: enableEnterAction
       }, content) : content);
     }
   }, {

package/lib/Drawer/props/defaultProps.js

@@ -25,6 +25,7 @@ var Drawer_defaultProps = {
   customClass: '',
   needAutoZindex: true,
   onBodyClick: function onBodyClick() {},
-  needFocusScope: false
+  needFocusScope: false,
+  customProps: {}
 };
 exports.Drawer_defaultProps = Drawer_defaultProps;

package/lib/Drawer/props/propTypes.js

@@ -59,6 +59,7 @@ var Drawer_propTypes = {
   subDrawerChildren: _propTypes["default"].func,
   subDrawerClass: _propTypes["default"].string,
   subDrawerSize: _propTypes["default"].oneOf(['xsmall', 'small', 'medium']),
-  needFocusScope: _propTypes["default"].bool
+  needFocusScope: _propTypes["default"].bool,
+  customProps: _propTypes["default"].object
 };
 exports.Drawer_propTypes = Drawer_propTypes;