@onesy/ui-react 1.0.164 → 1.0.167

package/esm/Snackbar/Snackbar.js

@@ -70,12 +70,12 @@ const useStyle = styleMethod(theme => ({
 const timeouts = {};
 const Snackbar = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesySnackbar?.props?.default), props_), [props_]);
-  const Line = React.useMemo(() => theme?.elements?.Line || LineElement, [theme]);
-  const Grow = React.useMemo(() => theme?.elements?.Grow || GrowElement, [theme]);
-  const Type = React.useMemo(() => theme?.elements?.Type || TypeElement, [theme]);
-  const Surface = React.useMemo(() => theme?.elements?.Surface || SurfaceElement, [theme]);
-  const IconButton = React.useMemo(() => theme?.elements?.IconButton || IconButtonElement, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesySnackbar?.props?.default), props_);
+  const Line = theme?.elements?.Line || LineElement;
+  const Grow = theme?.elements?.Grow || GrowElement;
+  const Type = theme?.elements?.Type || TypeElement;
+  const Surface = theme?.elements?.Surface || SurfaceElement;
+  const IconButton = theme?.elements?.IconButton || IconButtonElement;
   const {
       id = getID(),
       tonal = true,
@@ -116,27 +116,27 @@ const Snackbar = /*#__PURE__*/React.forwardRef((props_, ref) => {
   };
   refs.autoHideDuration.current = autoHideDuration;
   const end = React.Children.toArray(end_);
-  const onClose = React.useCallback(() => {
+  const onClose = () => {
     if (is('function', onClose_)) onClose_();
-  }, [onClose_]);
-  const addTimeout = React.useCallback((value = autoHideDuration) => {
+  };
+  const addTimeout = (value = autoHideDuration) => {
     clearTimeout(timeouts[id]);
     timeouts[id] = setTimeout(() => onClose(), value);
     refs.timeoutStart.current = new Date().getTime();
-  }, [autoHideDuration, timeouts, onClose]);
-  const removeTimeout = React.useCallback(() => {
+  };
+  const removeTimeout = () => {
     clearTimeout(timeouts[id]);
     const start = resumeFromStart ? refs.autoHideDuration.current : refs.timeoutLeftOver.current !== undefined ? refs.timeoutLeftOver.current : refs.autoHideDuration.current;
     refs.timeoutLeftOver.current = start - (new Date().getTime() - refs.timeoutStart.current);
-  }, [resumeFromStart]);
-  const onMouseEnter = React.useCallback(event => {
+  };
+  const onMouseEnter = event => {
     if (timeouts[id] !== undefined) removeTimeout();
     if (is('function', onMouseEnter_)) onMouseEnter_(event);
-  }, [onMouseEnter_]);
-  const onMouseLeave = React.useCallback(event => {
+  };
+  const onMouseLeave = event_0 => {
     if (refs.timeoutLeftOver.current !== undefined) addTimeout(refs.timeoutLeftOver.current);
-    if (is('function', onMouseLeave_)) onMouseLeave_(event);
-  }, [onMouseLeave_]);
+    if (is('function', onMouseLeave_)) onMouseLeave_(event_0);
+  };
   React.useEffect(() => {
     const onTabFocus = () => {
       if (refs.timeoutLeftOver.current !== undefined) addTimeout(refs.timeoutLeftOver.current);

package/esm/Snackbars/Snackbars.js

@@ -59,11 +59,11 @@ const useStyle = styleMethod(theme => ({
 });
 const Snackbars = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesySnackbars?.props?.default), props_), [props_]);
-  const Line = React.useMemo(() => theme?.elements?.Line || LineElement, [theme]);
-  const Snackbar = React.useMemo(() => theme?.elements?.Snackbar || SnackbarElement, [theme]);
-  const Slide = React.useMemo(() => theme?.elements?.Slide || SlideElement, [theme]);
-  const Expand = React.useMemo(() => theme?.elements?.Expand || ExpandElement, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesySnackbars?.props?.default), props_);
+  const Line = theme?.elements?.Line || LineElement;
+  const Snackbar = theme?.elements?.Snackbar || SnackbarElement;
+  const Slide = theme?.elements?.Slide || SlideElement;
+  const Expand = theme?.elements?.Expand || ExpandElement;
   const {
       max = 4,
       position = 'bottom',
@@ -132,10 +132,10 @@ const Snackbars = /*#__PURE__*/React.forwardRef((props_, ref) => {
     }
     // Open
     else {
-      setOpen(previous => {
-        const itemsNew = [...previous];
-        if (position === 'top') itemsNew.push(value_);else if (position === 'bottom') itemsNew.unshift(value_);
-        return unique(itemsNew, 'id');
+      setOpen(previous_0 => {
+        const itemsNew_0 = [...previous_0];
+        if (position === 'top') itemsNew_0.push(value_);else if (position === 'bottom') itemsNew_0.unshift(value_);
+        return unique(itemsNew_0, 'id');
       });
     }
     return value_;
@@ -146,28 +146,28 @@ const Snackbars = /*#__PURE__*/React.forwardRef((props_, ref) => {
     if (id_ === 'last') id = open[0]?.id;
     onClose(id);
   };
-  const onClose = id => {
+  const onClose = id_0 => {
     setOpen(items => {
-      const itemsNew = unique([...items], 'id');
-      const item = itemsNew.find(item_ => item_.id === id);
+      const itemsNew_1 = unique([...items], 'id');
+      const item = itemsNew_1.find(item_ => item_.id === id_0);
       if (item) item.in = false;
-      return unique(itemsNew, 'id');
+      return unique(itemsNew_1, 'id');
     });
   };
-  const onSnackbarExited = id => {
-    setOpen(items => {
-      const itemsNew = unique([...items], 'id');
-      const item = itemsNew.find(item_ => item_.id === id);
-      if (item) item.expand = false;
-      return unique(itemsNew, 'id');
+  const onSnackbarExited = id_1 => {
+    setOpen(items_0 => {
+      const itemsNew_2 = unique([...items_0], 'id');
+      const item_0 = itemsNew_2.find(item__0 => item__0.id === id_1);
+      if (item_0) item_0.expand = false;
+      return unique(itemsNew_2, 'id');
     });
   };
-  const onExpandExited = id => {
-    setOpen(items => {
-      const itemsNew = unique([...items], 'id');
-      const index = itemsNew.findIndex(item_ => item_.id === id);
-      if (index > -1) itemsNew.splice(index, 1);
-      return unique(itemsNew, 'id');
+  const onExpandExited = id_2 => {
+    setOpen(items_1 => {
+      const itemsNew_3 = unique([...items_1], 'id');
+      const index = itemsNew_3.findIndex(item__1 => item__1.id === id_2);
+      if (index > -1) itemsNew_3.splice(index, 1);
+      return unique(itemsNew_3, 'id');
     });
   };
   refs.value.current.add = add;
@@ -178,34 +178,34 @@ const Snackbars = /*#__PURE__*/React.forwardRef((props_, ref) => {
   return /*#__PURE__*/React.createElement(SnackbarsContext.Provider, {
     value: refs.value.current
   }, children, /*#__PURE__*/React.createElement(Line, _extends({
-    ref: item => {
+    ref: item_1 => {
       if (ref) {
-        if (is('function', ref)) ref(item);else if (ref?.current) ref.current = item;
+        if (is('function', ref)) ref(item_1);else if (ref?.current) ref.current = item_1;
       }
-      refs.root.current = item;
+      refs.root.current = item_1;
     },
     align: align,
     gap: 0,
     className: classNames([staticClassName('Snackbars', theme) && [`onesy-Snackbars-root`], className, classes.root, classes[`position_${position}`], classes[`alignment_${alignment}`]])
-  }, other), open.map(item => /*#__PURE__*/React.createElement(Expand, {
-    key: item.id,
-    in: item.expand,
+  }, other), open.map(item_2 => /*#__PURE__*/React.createElement(Expand, {
+    key: item_2.id,
+    in: item_2.expand,
     parent: refs.root.current,
-    onExited: () => onExpandExited(item.id)
+    onExited: () => onExpandExited(item_2.id)
   }, /*#__PURE__*/React.createElement(Snackbar, _extends({
-    key: item.id,
-    id: item.id,
-    open: item.in
-  }, snackbarProps, item.Snackbar, {
-    TransitionComponentProps: _objectSpread(_objectSpread(_objectSpread({}, snackbarProps?.TransitionComponentProps), item.Snackbar?.TransitionComponentProps), {}, {
+    key: item_2.id,
+    id: item_2.id,
+    open: item_2.in
+  }, snackbarProps, item_2.Snackbar, {
+    TransitionComponentProps: _objectSpread(_objectSpread(_objectSpread({}, snackbarProps?.TransitionComponentProps), item_2.Snackbar?.TransitionComponentProps), {}, {
       removeOnExited: false,
       onExited: (...args) => {
-        onSnackbarExited(item.id);
+        onSnackbarExited(item_2.id);
         if (is('function', snackbarProps?.TransitionComponentProps?.onExited)) snackbarProps.TransitionComponentProps.onExited(...args);
-        if (is('function', item.Snackbar?.onExited)) item.Snackbar.onExited(...args);
+        if (is('function', item_2.Snackbar?.onExited)) item_2.Snackbar.onExited(...args);
       }
     }),
-    onClose: () => onClose(item.id),
+    onClose: () => onClose(item_2.id),
     fixed: false
   }))))));
 });

package/esm/Snackbars/useSnackbars.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import SnackbarsContext from './Context';
 export default function useSnackbars() {
-  const value = React.useContext(SnackbarsContext);
+  const value = React.use(SnackbarsContext);
   return value;
 }