@onewelcome/react-lib-components 0.2.3 → 0.2.5

package/dist/react-lib-components.esm.js

@@ -427,6 +427,8 @@ var defaultConfigObject = {
     left: 0
   }
 };
+/* eslint-disable @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain*/
+
 var usePosition = function usePosition(providedConfigObject) {
   if (providedConfigObject === void 0) {
     providedConfigObject = defaultConfigObject;
@@ -918,9 +920,11 @@ var ContextMenuItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   }, [hasFocus, innerButtonRef, contextMenuOpened]);
   return React.createElement("li", {
-    role: "menuitem",
+    role: "none",
     className: modules_3e93850e["context-menu-item"] + " " + (className != null ? className : "")
-  }, React.createElement("button", _extends({}, rest, {
+  }, React.createElement("button", _extends({
+    role: "menuitem"
+  }, rest, {
     ref: innerButtonRef,
     "data-focus": hasFocus,
     tabIndex: -1,
@@ -3146,14 +3150,16 @@ var SnackbarProvider = function SnackbarProvider(_temp) {
         variant = _options$variant === void 0 ? "info" : _options$variant,
         actions = _options.actions,
         _options$duration = _options.duration,
-        duration = _options$duration === void 0 ? getDuration(variant, actions, content) : _options$duration;
+        duration = _options$duration === void 0 ? getDuration(variant, actions, content) : _options$duration,
+        onClose = _options.onClose;
     var item = {
       title: title,
       content: content,
       variant: variant,
       actions: actions,
       duration: duration,
-      id: generateID(15, title)
+      id: generateID(15, title),
+      onClose: onClose
     };
     addSnackbar(item);
   };
@@ -3181,7 +3187,10 @@ var SnackbarProvider = function SnackbarProvider(_temp) {
   var snackbarList = snackbars.map(function (item, index) {
     return index < stackSize ? React.createElement(SnackbarItem, _extends({}, item, {
       key: item.id,
-      onClose: onItemClosed,
+      onClose: function onClose() {
+        onItemClosed(item.id);
+        item.onClose && item.onClose();
+      },
       closeButtonTitle: closeButtonTitle
     })) : null;
   });
@@ -3579,8 +3588,8 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }));
 });
 
-var css$i = ".Toggle_module_toggleWrapper__59f0ddfa {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n.Toggle_module_toggle__59f0ddfa {\n  width: 2rem;\n  min-width: 2rem;\n  height: 1.25rem;\n  background-color: var(--default);\n  border-radius: 2.5rem;\n  position: relative;\n  transition: background-color 0.2s ease-in-out;\n  display: block;\n  pointer-events: none;\n}\n.Toggle_module_toggle__59f0ddfa.Toggle_module_disabled__59f0ddfa {\n  opacity: 0.25;\n  cursor: not-allowed;\n}\n.Toggle_module_toggle__59f0ddfa:before {\n  content: \"\";\n  width: 1rem;\n  height: 1rem;\n  border-radius: 50%;\n  display: block;\n  background-color: #fff;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%) translateX(0);\n  left: 0.125rem;\n  transition: transform 0.2s ease-in-out;\n}\n.Toggle_module_toggle__59f0ddfa.Toggle_module_checked__59f0ddfa {\n  background-color: var(--color-primary);\n}\n.Toggle_module_toggle__59f0ddfa.Toggle_module_checked__59f0ddfa:before {\n  transform: translateY(-50%) translateX(calc(100% - 0.25rem));\n}\n\n.Toggle_module_toggleHelper__59f0ddfa {\n  margin-left: 2.5rem;\n}\n\n.Toggle_module_checkbox__59f0ddfa {\n  z-index: 10;\n  position: static;\n}\n.Toggle_module_checkbox__59f0ddfa input {\n  width: 2rem;\n}\n.Toggle_module_checkbox__59f0ddfa input ~ [data-icon][aria-hidden] {\n  display: none;\n}\n.Toggle_module_checkbox__59f0ddfa input:focus-visible + * {\n  border-radius: 2.5rem;\n}";
-var modules_b5ebad0d = {"toggle-wrapper":"Toggle_module_toggleWrapper__59f0ddfa","toggle":"Toggle_module_toggle__59f0ddfa","disabled":"Toggle_module_disabled__59f0ddfa","checked":"Toggle_module_checked__59f0ddfa","toggle-helper":"Toggle_module_toggleHelper__59f0ddfa","checkbox":"Toggle_module_checkbox__59f0ddfa"};
+var css$i = ".Toggle_module_toggleWrapper__2e6e8e0d {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n.Toggle_module_toggle__2e6e8e0d {\n  width: 2rem;\n  min-width: 2rem;\n  height: 1.25rem;\n  background-color: var(--default);\n  border-radius: 2.5rem;\n  position: relative;\n  transition: background-color 0.2s ease-in-out;\n  display: block;\n  pointer-events: none;\n}\n.Toggle_module_toggle__2e6e8e0d:before {\n  content: \"\";\n  width: 1rem;\n  height: 1rem;\n  border-radius: 50%;\n  display: block;\n  background-color: #fff;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%) translateX(0);\n  left: 0.125rem;\n  transition: transform 0.2s ease-in-out;\n}\n.Toggle_module_toggle__2e6e8e0d.Toggle_module_checked__2e6e8e0d {\n  background-color: var(--color-primary);\n}\n.Toggle_module_toggle__2e6e8e0d.Toggle_module_checked__2e6e8e0d:before {\n  transform: translateY(-50%) translateX(calc(100% - 0.25rem));\n}\n.Toggle_module_toggle__2e6e8e0d.Toggle_module_disabled__2e6e8e0d {\n  background-color: var(--disabled);\n  cursor: not-allowed;\n}\n\n.Toggle_module_toggleHelper__2e6e8e0d {\n  margin-left: 2.5rem;\n}\n\n.Toggle_module_checkbox__2e6e8e0d {\n  z-index: 10;\n  position: static;\n}\n.Toggle_module_checkbox__2e6e8e0d input {\n  width: 2rem;\n}\n.Toggle_module_checkbox__2e6e8e0d input ~ [data-icon][aria-hidden] {\n  display: none;\n}\n.Toggle_module_checkbox__2e6e8e0d input:focus-visible + * {\n  border-radius: 2.5rem;\n}";
+var modules_b5ebad0d = {"toggle-wrapper":"Toggle_module_toggleWrapper__2e6e8e0d","toggle":"Toggle_module_toggle__2e6e8e0d","checked":"Toggle_module_checked__2e6e8e0d","disabled":"Toggle_module_disabled__2e6e8e0d","toggle-helper":"Toggle_module_toggleHelper__2e6e8e0d","checkbox":"Toggle_module_checkbox__2e6e8e0d"};
 n(css$i,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
 
 var _excluded$k = ["children", "checked", "disabled", "helperProps"];
@@ -4921,7 +4930,7 @@ var DataGridRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         columnLength: headers == null ? void 0 : headers.length,
         disableContextMenuColumn: disableContextMenuColumn
       });
-      var visible = (headers == null ? void 0 : headers.length) > index ? !headers[index].hidden : true;
+      var visible = headers && headers.length > index ? !headers[index].hidden : true;
       return visible && cellWithSpacing;
     }