@onesy/ui-react 1.0.164 → 1.0.167

package/Snackbar/Snackbar.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { IElement, IElementReference, IPropsAny } from '../types';
-export type ISnackbar = ISurface & {
+export declare type ISnackbar = ISurface & {
     open?: boolean;
     primary?: IElement;
     end?: IElement;

package/Snackbar/Snackbar.js

@@ -76,31 +76,14 @@ const useStyle = (0, _styleReact.style)(theme => ({
 });
 const timeouts = {};
 const Snackbar = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4, _theme$elements5;
   const theme = (0, _styleReact.useOnesyTheme)();
-  const props = _react.default.useMemo(() => {
-    var _theme$ui, _theme$ui2;
-    return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySnackbar) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
-  }, [props_]);
-  const Line = _react.default.useMemo(() => {
-    var _theme$elements;
-    return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
-  }, [theme]);
-  const Grow = _react.default.useMemo(() => {
-    var _theme$elements2;
-    return (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Grow) || _Grow.default;
-  }, [theme]);
-  const Type = _react.default.useMemo(() => {
-    var _theme$elements3;
-    return (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Type) || _Type.default;
-  }, [theme]);
-  const Surface = _react.default.useMemo(() => {
-    var _theme$elements4;
-    return (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Surface) || _Surface.default;
-  }, [theme]);
-  const IconButton = _react.default.useMemo(() => {
-    var _theme$elements5;
-    return (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.IconButton) || _IconButton.default;
-  }, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySnackbar) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  const Line = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
+  const Grow = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Grow) || _Grow.default;
+  const Type = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Type) || _Type.default;
+  const Surface = (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Surface) || _Surface.default;
+  const IconButton = (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.IconButton) || _IconButton.default;
   const {
       id = (0, _utils.getID)(),
       tonal = true,
@@ -141,27 +124,27 @@ const Snackbar = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   };
   refs.autoHideDuration.current = autoHideDuration;
   const end = _react.default.Children.toArray(end_);
-  const onClose = _react.default.useCallback(() => {
+  const onClose = () => {
     if ((0, _utils.is)('function', onClose_)) onClose_();
-  }, [onClose_]);
-  const addTimeout = _react.default.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.default.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.default.useCallback(event => {
+  };
+  const onMouseEnter = event => {
     if (timeouts[id] !== undefined) removeTimeout();
     if ((0, _utils.is)('function', onMouseEnter_)) onMouseEnter_(event);
-  }, [onMouseEnter_]);
-  const onMouseLeave = _react.default.useCallback(event => {
+  };
+  const onMouseLeave = event_0 => {
     if (refs.timeoutLeftOver.current !== undefined) addTimeout(refs.timeoutLeftOver.current);
-    if ((0, _utils.is)('function', onMouseLeave_)) onMouseLeave_(event);
-  }, [onMouseLeave_]);
+    if ((0, _utils.is)('function', onMouseLeave_)) onMouseLeave_(event_0);
+  };
   _react.default.useEffect(() => {
     var _refs$root$current;
     const onTabFocus = () => {

package/Snackbars/Context.d.ts

@@ -1,5 +1,5 @@
 import { ISnackbar } from '../Snackbar/Snackbar';
-export type ISnackbarsContext = {
+export declare type ISnackbarsContext = {
     add: (value: ISnackbar) => void;
     remove: (id: string) => void;
 };

package/Snackbars/Snackbars.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { ISnackbar } from '../Snackbar/Snackbar';
 import { IBaseElement, IPropsAny } from '../types';
-export type ISnackbarsValue = {
+export declare type ISnackbarsValue = {
     add: (value: ISnackbar) => void;
     remove: (value: 'first' | 'last' | string) => void;
 };
-export type ISnackbars = IBaseElement & {
+export declare type ISnackbars = IBaseElement & {
     max?: number;
     position?: 'top' | 'bottom';
     alignment?: 'start' | 'left' | 'center' | 'right' | 'end';

package/Snackbars/Snackbars.js

@@ -65,27 +65,13 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-Snackbars'
 });
 const Snackbars = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4;
   const theme = (0, _styleReact.useOnesyTheme)();
-  const props = _react.default.useMemo(() => {
-    var _theme$ui, _theme$ui2;
-    return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySnackbars) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
-  }, [props_]);
-  const Line = _react.default.useMemo(() => {
-    var _theme$elements;
-    return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
-  }, [theme]);
-  const Snackbar = _react.default.useMemo(() => {
-    var _theme$elements2;
-    return (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Snackbar) || _Snackbar.default;
-  }, [theme]);
-  const Slide = _react.default.useMemo(() => {
-    var _theme$elements3;
-    return (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Slide) || _Slide.default;
-  }, [theme]);
-  const Expand = _react.default.useMemo(() => {
-    var _theme$elements4;
-    return (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Expand) || _Expand.default;
-  }, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySnackbars) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  const Line = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
+  const Snackbar = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Snackbar) || _Snackbar.default;
+  const Slide = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Slide) || _Slide.default;
+  const Expand = (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Expand) || _Expand.default;
   const {
       max = 4,
       position = 'bottom',
@@ -154,10 +140,10 @@ const Snackbars = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     }
     // Open
     else {
-      setOpen(previous => {
-        const itemsNew = [...previous];
-        if (position === 'top') itemsNew.push(value_);else if (position === 'bottom') itemsNew.unshift(value_);
-        return (0, _utils.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 (0, _utils.unique)(itemsNew_0, 'id');
       });
     }
     return value_;
@@ -169,28 +155,28 @@ const Snackbars = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     if (id_ === 'last') id = (_open$ = open[0]) === null || _open$ === void 0 ? void 0 : _open$.id;
     onClose(id);
   };
-  const onClose = id => {
+  const onClose = id_0 => {
     setOpen(items => {
-      const itemsNew = (0, _utils.unique)([...items], 'id');
-      const item = itemsNew.find(item_ => item_.id === id);
+      const itemsNew_1 = (0, _utils.unique)([...items], 'id');
+      const item = itemsNew_1.find(item_ => item_.id === id_0);
       if (item) item.in = false;
-      return (0, _utils.unique)(itemsNew, 'id');
+      return (0, _utils.unique)(itemsNew_1, 'id');
     });
   };
-  const onSnackbarExited = id => {
-    setOpen(items => {
-      const itemsNew = (0, _utils.unique)([...items], 'id');
-      const item = itemsNew.find(item_ => item_.id === id);
-      if (item) item.expand = false;
-      return (0, _utils.unique)(itemsNew, 'id');
+  const onSnackbarExited = id_1 => {
+    setOpen(items_0 => {
+      const itemsNew_2 = (0, _utils.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 (0, _utils.unique)(itemsNew_2, 'id');
     });
   };
-  const onExpandExited = id => {
-    setOpen(items => {
-      const itemsNew = (0, _utils.unique)([...items], 'id');
-      const index = itemsNew.findIndex(item_ => item_.id === id);
-      if (index > -1) itemsNew.splice(index, 1);
-      return (0, _utils.unique)(itemsNew, 'id');
+  const onExpandExited = id_2 => {
+    setOpen(items_1 => {
+      const itemsNew_3 = (0, _utils.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 (0, _utils.unique)(itemsNew_3, 'id');
     });
   };
   refs.value.current.add = add;
@@ -201,37 +187,37 @@ const Snackbars = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   return /*#__PURE__*/_react.default.createElement(_Context.default.Provider, {
     value: refs.value.current
   }, children, /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    ref: item => {
+    ref: item_1 => {
       if (ref) {
-        if ((0, _utils.is)('function', ref)) ref(item);else if (ref !== null && ref !== void 0 && ref.current) ref.current = item;
+        if ((0, _utils.is)('function', ref)) ref(item_1);else if (ref !== null && ref !== void 0 && ref.current) ref.current = item_1;
       }
-      refs.root.current = item;
+      refs.root.current = item_1;
     },
     align: align,
     gap: 0,
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Snackbars', theme) && [`onesy-Snackbars-root`], className, classes.root, classes[`position_${position}`], classes[`alignment_${alignment}`]])
-  }, other), open.map(item => {
-    var _item$Snackbar;
+  }, other), open.map(item_2 => {
+    var _item_2$Snackbar;
     return /*#__PURE__*/_react.default.createElement(Expand, {
-      key: item.id,
-      in: item.expand,
+      key: item_2.id,
+      in: item_2.expand,
       parent: refs.root.current,
-      onExited: () => onExpandExited(item.id)
+      onExited: () => onExpandExited(item_2.id)
     }, /*#__PURE__*/_react.default.createElement(Snackbar, (0, _extends2.default)({
-      key: item.id,
-      id: item.id,
-      open: item.in
-    }, snackbarProps, item.Snackbar, {
-      TransitionComponentProps: _objectSpread(_objectSpread(_objectSpread({}, snackbarProps === null || snackbarProps === void 0 ? void 0 : snackbarProps.TransitionComponentProps), (_item$Snackbar = item.Snackbar) === null || _item$Snackbar === void 0 ? void 0 : _item$Snackbar.TransitionComponentProps), {}, {
+      key: item_2.id,
+      id: item_2.id,
+      open: item_2.in
+    }, snackbarProps, item_2.Snackbar, {
+      TransitionComponentProps: _objectSpread(_objectSpread(_objectSpread({}, snackbarProps === null || snackbarProps === void 0 ? void 0 : snackbarProps.TransitionComponentProps), (_item_2$Snackbar = item_2.Snackbar) === null || _item_2$Snackbar === void 0 ? void 0 : _item_2$Snackbar.TransitionComponentProps), {}, {
         removeOnExited: false,
         onExited: (...args) => {
-          var _snackbarProps$Transi, _item$Snackbar2;
-          onSnackbarExited(item.id);
+          var _snackbarProps$Transi, _item_2$Snackbar2;
+          onSnackbarExited(item_2.id);
           if ((0, _utils.is)('function', snackbarProps === null || snackbarProps === void 0 || (_snackbarProps$Transi = snackbarProps.TransitionComponentProps) === null || _snackbarProps$Transi === void 0 ? void 0 : _snackbarProps$Transi.onExited)) snackbarProps.TransitionComponentProps.onExited(...args);
-          if ((0, _utils.is)('function', (_item$Snackbar2 = item.Snackbar) === null || _item$Snackbar2 === void 0 ? void 0 : _item$Snackbar2.onExited)) item.Snackbar.onExited(...args);
+          if ((0, _utils.is)('function', (_item_2$Snackbar2 = item_2.Snackbar) === null || _item_2$Snackbar2 === void 0 ? void 0 : _item_2$Snackbar2.onExited)) item_2.Snackbar.onExited(...args);
         }
       }),
-      onClose: () => onClose(item.id),
+      onClose: () => onClose(item_2.id),
       fixed: false
     })));
   })));

package/Snackbars/useSnackbars.js

@@ -8,6 +8,6 @@ exports.default = useSnackbars;
 var _react = _interopRequireDefault(require("react"));
 var _Context = _interopRequireDefault(require("./Context"));
 function useSnackbars() {
-  const value = _react.default.useContext(_Context.default);
+  const value = _react.default.use(_Context.default);
   return value;
 }

package/Space/Space.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement } from '../types';
-export type ISpace = IBaseElement & {
+export declare type ISpace = IBaseElement & {
     unitDefault?: 'm' | 'px';
     minSize?: number;
     maxSize?: number;