@datability/8ui 0.1.24 → 0.1.25
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/dist/components/Input/InputBasic/index.type.d.ts +1 -1
- package/dist/components/Menu/index.js +7 -7
- package/dist/components/Menu/index.js.map +1 -1
- package/dist/components/Menu/index.scss +4 -0
- package/dist/components/Menu/index.type.d.ts +1 -0
- package/dist/components/Modal/index.scss +1 -1
- package/package.json +1 -1
|
@@ -5,13 +5,13 @@ import './index.scss';
|
|
|
5
5
|
import { createPortal } from 'react-dom';
|
|
6
6
|
import { DBuiContext } from '../context';
|
|
7
7
|
var Menu = function (_a) {
|
|
8
|
-
var children = _a.children, trigger = _a.trigger, _b = _a.isAutoCloseWhenClickOutsideMenuItem, isAutoCloseWhenClickOutsideMenuItem = _b === void 0 ? true : _b, disabled = _a.disabled, _c = _a.maxHeight, maxHeight = _c === void 0 ? 200 : _c;
|
|
9
|
-
var
|
|
8
|
+
var children = _a.children, trigger = _a.trigger, _b = _a.isAutoCloseWhenClickOutsideMenuItem, isAutoCloseWhenClickOutsideMenuItem = _b === void 0 ? true : _b, disabled = _a.disabled, _c = _a.maxHeight, maxHeight = _c === void 0 ? 200 : _c, _d = _a.isInModal, isInModal = _d === void 0 ? false : _d;
|
|
9
|
+
var _e = useContext(DBuiContext), openMenuCount = _e.openMenuCount, openModalCount = _e.openModalCount, setOpenMenuCount = _e.setOpenMenuCount;
|
|
10
10
|
var setMenuIncress = function () { return setOpenMenuCount === null || setOpenMenuCount === void 0 ? void 0 : setOpenMenuCount(function (prev) { return prev + 1; }); };
|
|
11
11
|
var setMenuDecress = function () { return setOpenMenuCount === null || setOpenMenuCount === void 0 ? void 0 : setOpenMenuCount(function (prev) { return prev - 1; }); };
|
|
12
12
|
var setMenuZero = function () { return setOpenMenuCount === null || setOpenMenuCount === void 0 ? void 0 : setOpenMenuCount(0); };
|
|
13
|
-
var
|
|
14
|
-
var
|
|
13
|
+
var _f = useState(false), isOpen = _f[0], setIsOpen = _f[1];
|
|
14
|
+
var _g = useState({ top: 0, left: 0 }), menuStyle = _g[0], setMenuStyle = _g[1];
|
|
15
15
|
var menuRef = useRef(null);
|
|
16
16
|
var menuItemRef = useRef(null);
|
|
17
17
|
var triggerRef = useRef(null);
|
|
@@ -137,7 +137,7 @@ var Menu = function (_a) {
|
|
|
137
137
|
window.removeEventListener('resize', handleResize);
|
|
138
138
|
};
|
|
139
139
|
}, [isOpen]);
|
|
140
|
-
var
|
|
140
|
+
var _h = useState(false), mounted = _h[0], setMounted = _h[1];
|
|
141
141
|
useEffect(function () {
|
|
142
142
|
setMounted(true);
|
|
143
143
|
return function () { return setMounted(false); };
|
|
@@ -145,8 +145,8 @@ var Menu = function (_a) {
|
|
|
145
145
|
return (React.createElement("div", { ref: menuRef },
|
|
146
146
|
React.createElement("div", { onClick: handleToggle, className: "cursor", ref: triggerRef }, trigger({ isOpen: isOpen })),
|
|
147
147
|
mounted &&
|
|
148
|
-
createPortal(React.createElement("div", { className: "DBui-wrapperMenuItem", "data-hidden": !(isOpen && !disabled), style: menuStyle, ref: menuItemRef }, children), document.getElementById('root') || document.getElementById('__next')),
|
|
149
|
-
!mounted && (React.createElement("div", { className: "DBui-wrapperMenuItem", "data-hidden": true, style: menuStyle, ref: menuItemRef }, children))));
|
|
148
|
+
createPortal(React.createElement("div", { className: "DBui-wrapperMenuItem", "data-hidden": !(isOpen && !disabled), "data-isInModal": isInModal, style: menuStyle, ref: menuItemRef }, children), document.getElementById('root') || document.getElementById('__next')),
|
|
149
|
+
!mounted && (React.createElement("div", { className: "DBui-wrapperMenuItem", "data-hidden": true, style: menuStyle, ref: menuItemRef, "data-isInModal": isInModal }, children))));
|
|
150
150
|
};
|
|
151
151
|
export default Menu;
|
|
152
152
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEtE,qBAAqB;AACrB,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAExC,IAAM,IAAI,GAAwB,UAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
border-radius: 1em;
|
|
7
7
|
background-color: #FFFFFF;
|
|
8
8
|
box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
|
|
9
|
-
min-width:
|
|
9
|
+
min-width: 320px;
|
|
10
10
|
min-height: 150px;
|
|
11
11
|
overflow-x: hidden;
|
|
12
12
|
overflow-y: scroll;
|