@onewelcome/react-lib-components 0.2.3 → 0.2.5

package/dist/DataGrid/DataGrid.d.ts

@@ -3,7 +3,7 @@ import { Props as ButtonProps } from "../Button/Button";
 import { HeaderCell, OnSortFunction, Sort } from "./datagrid.interfaces";
 import { Props as PaginationProps } from "../Pagination/Pagination";
 import { Spacing } from "../hooks/useSpacing";
-export interface Props<T> extends ComponentPropsWithRef<"div"> {
+export interface Props<T> extends Omit<ComponentPropsWithRef<"div">, "children"> {
     children: ({ item, index }: {
         item: T;
         index: number;

package/dist/Form/form.interfaces.d.ts

@@ -9,5 +9,5 @@ export interface FormSelector extends FormElement {
 /** Default form elements */
 export interface FormElement {
     error?: boolean;
-    [dataAttribute: DataAttributeKey]: any;
+    [dataAttribute: DataAttributeKey]: unknown;
 }

package/dist/Notifications/Snackbar/interfaces.d.ts

@@ -7,4 +7,5 @@ export interface SnackbarOptionsProps {
     actions?: Actions;
     variant?: Variant;
     duration?: number;
+    onClose?: () => void;
 }

package/dist/hooks/usePosition.d.ts

@@ -6,11 +6,11 @@ export interface ConfigObject {
     placement?: Placement;
     offset?: Offset;
 }
-export declare type HorizontalPlacment = "left" | "center" | "centerh" | "right";
+export declare type HorizontalPlacement = "left" | "center" | "centerh" | "right";
 export declare type VerticalPlacement = "top" | "center" | "centerv" | "bottom";
 declare type RefElement = React.RefObject<HTMLOrSVGElement> | undefined;
 export interface Placement {
-    horizontal: HorizontalPlacment;
+    horizontal: HorizontalPlacement;
     vertical: VerticalPlacement;
 }
 export interface Offset {

package/dist/interfaces.d.ts

@@ -1,4 +1,4 @@
 export declare type DataAttributeKey = `data-${string}`;
 export interface KeyValuePair {
-    [dataAttribute: DataAttributeKey]: any;
+    [dataAttribute: DataAttributeKey]: unknown;
 }

package/dist/react-lib-components.cjs.development.js

@@ -435,6 +435,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;
@@ -926,9 +928,11 @@ var ContextMenuItem = /*#__PURE__*/React__default["default"].forwardRef(function
     }
   }, [hasFocus, innerButtonRef, contextMenuOpened]);
   return React__default["default"].createElement("li", {
-    role: "menuitem",
+    role: "none",
     className: modules_3e93850e["context-menu-item"] + " " + (className != null ? className : "")
-  }, React__default["default"].createElement("button", _extends({}, rest, {
+  }, React__default["default"].createElement("button", _extends({
+    role: "menuitem"
+  }, rest, {
     ref: innerButtonRef,
     "data-focus": hasFocus,
     tabIndex: -1,
@@ -3154,14 +3158,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);
   };
@@ -3189,7 +3195,10 @@ var SnackbarProvider = function SnackbarProvider(_temp) {
   var snackbarList = snackbars.map(function (item, index) {
     return index < stackSize ? React__default["default"].createElement(SnackbarItem, _extends({}, item, {
       key: item.id,
-      onClose: onItemClosed,
+      onClose: function onClose() {
+        onItemClosed(item.id);
+        item.onClose && item.onClose();
+      },
       closeButtonTitle: closeButtonTitle
     })) : null;
   });
@@ -3587,8 +3596,8 @@ var Textarea = /*#__PURE__*/React__default["default"].forwardRef(function (_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"];
@@ -4929,7 +4938,7 @@ var DataGridRow = /*#__PURE__*/React__default["default"].forwardRef(function (_r
         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;
     }