@moda/om 17.9.1 → 17.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/dist/index.cjs.js +7 -3
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +7 -3
- package/dist/index.esm.js.map +1 -1
- package/dist/src/components/Modal/Modal.d.ts +1 -0
- package/package.json +1 -1
- package/src/components/Modal/Modal.tsx +10 -2
- package/src/components/ModalOverlay/ModalOverlay.tsx +2 -0
package/dist/index.esm.js
CHANGED
|
@@ -11688,17 +11688,19 @@ var LoadingBalls = function LoadingBalls(_ref) {
|
|
|
11688
11688
|
})));
|
|
11689
11689
|
};
|
|
11690
11690
|
|
|
11691
|
-
var _excluded$c = ["className", "children", "onClose", "shards"];
|
|
11691
|
+
var _excluded$c = ["className", "children", "onClose", "shards", "autoFocus"];
|
|
11692
11692
|
var Modal = function Modal(_ref) {
|
|
11693
11693
|
var className = _ref.className,
|
|
11694
11694
|
children = _ref.children,
|
|
11695
11695
|
onClose = _ref.onClose,
|
|
11696
11696
|
shards = _ref.shards,
|
|
11697
|
+
autoFocus = _ref.autoFocus,
|
|
11697
11698
|
rest = _objectWithoutProperties(_ref, _excluded$c);
|
|
11698
11699
|
|
|
11699
11700
|
return /*#__PURE__*/React__default.createElement("div", _extends$1({
|
|
11700
11701
|
className: classNames('Modal', className)
|
|
11701
11702
|
}, rest), /*#__PURE__*/React__default.createElement(FocusOn, {
|
|
11703
|
+
autoFocus: autoFocus,
|
|
11702
11704
|
shards: shards,
|
|
11703
11705
|
onClickOutside: onClose,
|
|
11704
11706
|
onEscapeKey: onClose
|
|
@@ -11742,7 +11744,7 @@ var Overlay = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
|
|
|
11742
11744
|
});
|
|
11743
11745
|
Overlay.displayName = 'Overlay';
|
|
11744
11746
|
|
|
11745
|
-
var _excluded$a = ["children", "className", "contentClassName", "onClose", "overlayClassName", "show", "shards"];
|
|
11747
|
+
var _excluded$a = ["children", "className", "contentClassName", "onClose", "overlayClassName", "show", "shards", "autoFocus"];
|
|
11746
11748
|
var ModalOverlay = function ModalOverlay(_ref) {
|
|
11747
11749
|
var children = _ref.children,
|
|
11748
11750
|
className = _ref.className,
|
|
@@ -11752,6 +11754,7 @@ var ModalOverlay = function ModalOverlay(_ref) {
|
|
|
11752
11754
|
_ref$show = _ref.show,
|
|
11753
11755
|
show = _ref$show === void 0 ? true : _ref$show,
|
|
11754
11756
|
shards = _ref.shards,
|
|
11757
|
+
autoFocus = _ref.autoFocus,
|
|
11755
11758
|
rest = _objectWithoutProperties(_ref, _excluded$a);
|
|
11756
11759
|
|
|
11757
11760
|
var element = useMemo(function () {
|
|
@@ -11773,7 +11776,8 @@ var ModalOverlay = function ModalOverlay(_ref) {
|
|
|
11773
11776
|
}, rest), /*#__PURE__*/React__default.createElement(Modal, {
|
|
11774
11777
|
className: classNames('ModalOverlay__modal', className),
|
|
11775
11778
|
onClose: onClose,
|
|
11776
|
-
shards: shards
|
|
11779
|
+
shards: shards,
|
|
11780
|
+
autoFocus: autoFocus
|
|
11777
11781
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11778
11782
|
className: classNames('ModalOverlay__content', contentClassName)
|
|
11779
11783
|
}, children))), element);
|