@onewelcome/react-lib-components 0.2.5 → 0.2.6
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/ContextMenu/ContextMenu.d.ts +2 -1
- package/dist/react-lib-components.cjs.development.js +8 -5
- package/dist/react-lib-components.cjs.development.js.map +1 -1
- package/dist/react-lib-components.cjs.production.min.js +1 -1
- package/dist/react-lib-components.cjs.production.min.js.map +1 -1
- package/dist/react-lib-components.esm.js +8 -5
- package/dist/react-lib-components.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/ContextMenu/ContextMenu.module.scss +8 -0
- package/src/ContextMenu/ContextMenu.test.tsx +43 -0
- package/src/ContextMenu/ContextMenu.tsx +11 -1
|
@@ -686,8 +686,8 @@ var Popover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
686
686
|
}, children));
|
|
687
687
|
});
|
|
688
688
|
|
|
689
|
-
var css$Q = ".
|
|
690
|
-
var modules_846e6042 = {"context-menu":"
|
|
689
|
+
var css$Q = ".ContextMenu_module_contextMenu__1be8f447 {\n position: relative;\n display: inline-block;\n box-sizing: border-box;\n}\n\n.ContextMenu_module_menu__1be8f447 {\n white-space: nowrap;\n margin: 1rem 0;\n list-style: none;\n padding: 0;\n min-width: 200px;\n}\n.ContextMenu_module_menu__1be8f447.ContextMenu_module_noMarginTop__1be8f447 {\n margin: 0 0 1rem;\n}\n.ContextMenu_module_menu__1be8f447 button {\n text-align: left;\n}\n\n.ContextMenu_module_decorativeElement__1be8f447 {\n margin-top: 1rem;\n}";
|
|
690
|
+
var modules_846e6042 = {"context-menu":"ContextMenu_module_contextMenu__1be8f447","menu":"ContextMenu_module_menu__1be8f447","no-margin-top":"ContextMenu_module_noMarginTop__1be8f447","decorative-element":"ContextMenu_module_decorativeElement__1be8f447"};
|
|
691
691
|
n(css$Q,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
692
692
|
|
|
693
693
|
var useBodyClick = function useBodyClick(checkFunction, callbackFunction, dependingStateVariable) {
|
|
@@ -705,10 +705,11 @@ var useBodyClick = function useBodyClick(checkFunction, callbackFunction, depend
|
|
|
705
705
|
}, [dependingStateVariable]);
|
|
706
706
|
};
|
|
707
707
|
|
|
708
|
-
var _excluded$S = ["trigger", "children", "id", "show", "onShow", "onClose", "placement", "offset", "transformOrigin", "domRoot"];
|
|
708
|
+
var _excluded$S = ["trigger", "children", "decorativeElement", "id", "show", "onShow", "onClose", "placement", "offset", "transformOrigin", "domRoot"];
|
|
709
709
|
var ContextMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
710
710
|
var trigger = _ref.trigger,
|
|
711
711
|
children = _ref.children,
|
|
712
|
+
decorativeElement = _ref.decorativeElement,
|
|
712
713
|
id = _ref.id,
|
|
713
714
|
_ref$show = _ref.show,
|
|
714
715
|
show = _ref$show === void 0 ? false : _ref$show,
|
|
@@ -881,8 +882,10 @@ var ContextMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
881
882
|
offset: offset,
|
|
882
883
|
anchorEl: anchorEl,
|
|
883
884
|
show: showContextMenu
|
|
884
|
-
}, React.createElement("
|
|
885
|
-
className: modules_846e6042["
|
|
885
|
+
}, decorativeElement && React.createElement("div", {
|
|
886
|
+
className: modules_846e6042["decorative-element"]
|
|
887
|
+
}, decorativeElement), React.createElement("ul", {
|
|
888
|
+
className: modules_846e6042["menu"] + " " + (decorativeElement ? modules_846e6042["no-margin-top"] : ""),
|
|
886
889
|
id: id + "-menu",
|
|
887
890
|
"aria-describedby": id,
|
|
888
891
|
role: "menu"
|