@onesy/ui-react 1.0.130 → 1.0.132

package/Snackbars/Snackbars.js

@@ -1,216 +1,240 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("@onesy/utils");
-const style_react_1 = require("@onesy/style-react");
-const Snackbar_1 = __importDefault(require("../Snackbar"));
-const Slide_1 = __importDefault(require("../Slide"));
-const Expand_1 = __importDefault(require("../Expand"));
-const Line_1 = __importDefault(require("../Line"));
-const Context_1 = __importDefault(require("./Context"));
-const utils_2 = require("../utils");
-const useStyle = (0, style_react_1.style)(theme => ({
-    root: {
-        position: 'fixed',
-        zIndex: theme.z_index.modal + 114,
-        '& > *': {
-            width: 'auto !important'
-        }
-    },
-    position_top: {
-        top: '24px',
-        '& .onesy-Snackbar-root': {
-            marginBottom: '16px'
-        }
-    },
-    position_bottom: {
-        bottom: '24px',
-        '& .onesy-Snackbar-root': {
-            marginTop: '16px'
-        }
-    },
-    alignment_left: {
-        left: '24px',
-        right: 'auto'
-    },
-    alignment_start: {
-        insetInlineStart: '24px',
-        insetInlineEnd: 'auto'
-    },
-    alignment_center: {
-        left: '50%',
-        right: 'auto',
-        transform: 'translateX(-50%)'
-    },
-    alignment_right: {
-        right: '24px',
-        left: 'auto'
-    },
-    alignment_end: {
-        insetInlineEnd: '24px',
-        insetInlineStart: 'auto'
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("@onesy/utils");
+var _styleReact = require("@onesy/style-react");
+var _Snackbar = _interopRequireDefault(require("../Snackbar"));
+var _Slide = _interopRequireDefault(require("../Slide"));
+var _Expand = _interopRequireDefault(require("../Expand"));
+var _Line = _interopRequireDefault(require("../Line"));
+var _Context = _interopRequireDefault(require("./Context"));
+var _utils2 = require("../utils");
+const _excluded = ["max", "position", "alignment", "SnackbarProps", "className", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const useStyle = (0, _styleReact.style)(theme => ({
+  root: {
+    position: 'fixed',
+    zIndex: theme.z_index.modal + 114,
+    '& > *': {
+      width: 'auto !important'
+    }
+  },
+  position_top: {
+    top: '24px',
+    '& .onesy-Snackbar-root': {
+      marginBottom: '16px'
+    }
+  },
+  position_bottom: {
+    bottom: '24px',
+    '& .onesy-Snackbar-root': {
+      marginTop: '16px'
     }
-}), { name: 'onesy-Snackbars' });
-const Snackbars = react_1.default.forwardRef((props_, ref) => {
-    const theme = (0, style_react_1.useOnesyTheme)();
-    const props = react_1.default.useMemo(() => { var _a, _b, _c, _d, _e, _f, _g, _h; return (Object.assign(Object.assign(Object.assign({}, (_d = (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _a === void 0 ? void 0 : _a.elements) === null || _b === void 0 ? void 0 : _b.all) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.default), (_h = (_g = (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _e === void 0 ? void 0 : _e.elements) === null || _f === void 0 ? void 0 : _f.onesySnackbars) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
-    const Line = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Line) || Line_1.default; }, [theme]);
-    const Snackbar = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Snackbar) || Snackbar_1.default; }, [theme]);
-    const Slide = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Slide) || Slide_1.default; }, [theme]);
-    const Expand = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Expand) || Expand_1.default; }, [theme]);
-    const { max = 4, position = 'bottom', alignment = 'start', SnackbarProps, className, children } = props, other = __rest(props, ["max", "position", "alignment", "SnackbarProps", "className", "children"]);
-    const { classes } = useStyle();
-    const [preOpen, setPreOpen] = react_1.default.useState([]);
-    const [open, setOpen] = react_1.default.useState([]);
-    const refs = {
-        root: react_1.default.useRef(undefined),
-        value: react_1.default.useRef({}),
-        open: react_1.default.useRef(undefined),
-        preOpen: react_1.default.useRef(undefined)
+  },
+  alignment_left: {
+    left: '24px',
+    right: 'auto'
+  },
+  alignment_start: {
+    insetInlineStart: '24px',
+    insetInlineEnd: 'auto'
+  },
+  alignment_center: {
+    left: '50%',
+    right: 'auto',
+    transform: 'translateX(-50%)'
+  },
+  alignment_right: {
+    right: '24px',
+    left: 'auto'
+  },
+  alignment_end: {
+    insetInlineEnd: '24px',
+    insetInlineStart: 'auto'
+  }
+}), {
+  name: 'onesy-Snackbars'
+});
+const Snackbars = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  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 {
+      max = 4,
+      position = 'bottom',
+      alignment = 'start',
+      SnackbarProps,
+      className,
+      children
+    } = props,
+    other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  const {
+    classes
+  } = useStyle();
+  const [preOpen, setPreOpen] = _react.default.useState([]);
+  const [open, setOpen] = _react.default.useState([]);
+  const refs = {
+    root: _react.default.useRef(undefined),
+    value: _react.default.useRef({}),
+    open: _react.default.useRef(undefined),
+    preOpen: _react.default.useRef(undefined)
+  };
+  refs.open.current = open;
+  refs.preOpen.current = preOpen;
+  const snackbarProps = _objectSpread({
+    TransitionComponent: Slide,
+    TransitionComponentProps: {
+      add: true,
+      direction: props.position === 'top' && props.alignment === 'center' ? 'top' : props.position === 'bottom' && props.alignment === 'center' ? 'bottom' : props.alignment === 'left' ? 'left' : 'right'
+    }
+  }, SnackbarProps);
+
+  // Start and ltr change direction to left or right
+  if (alignment === 'start' && theme.direction === 'ltr') snackbarProps.TransitionComponentProps.direction = 'left';
+  if (alignment === 'start' && theme.direction === 'rtl') snackbarProps.TransitionComponentProps.direction = 'right';
+
+  // End and ltr change direction to right or left
+  if (alignment === 'end' && theme.direction === 'ltr') snackbarProps.TransitionComponentProps.direction = 'right';
+  if (alignment === 'end' && theme.direction === 'rtl') snackbarProps.TransitionComponentProps.direction = 'left';
+
+  // Add preOpen
+  _react.default.useEffect(() => {
+    // Add from preOpen
+    const toAdd = max - open.length;
+    if (toAdd > 0 && !!refs.preOpen.current.length) {
+      const itemsToAdd = refs.preOpen.current.slice(0, toAdd);
+      setPreOpen(itemsPreOpen => (0, _utils.unique)([...itemsPreOpen], 'id').slice(toAdd));
+      if (itemsToAdd.length) setOpen(() => {
+        const itemsNew = [...refs.open.current];
+        if (position === 'top') itemsNew.push(...itemsToAdd);else if (position === 'bottom') itemsNew.unshift(...itemsToAdd);
+        return (0, _utils.unique)(itemsNew, 'id');
+      });
+    }
+  }, [open.length]);
+  const add = value => {
+    const value_ = {
+      id: new Date().getTime(),
+      in: true,
+      expand: true,
+      Snackbar: _objectSpread({
+        color: 'default'
+      }, value)
     };
-    refs.open.current = open;
-    refs.preOpen.current = preOpen;
-    const snackbarProps = Object.assign({ TransitionComponent: Slide, TransitionComponentProps: {
-            add: true,
-            direction: (props.position === 'top' && props.alignment === 'center') ? 'top' : (props.position === 'bottom' && props.alignment === 'center') ? 'bottom' : props.alignment === 'left' ? 'left' : 'right'
-        } }, SnackbarProps);
-    // Start and ltr change direction to left or right
-    if (alignment === 'start' && theme.direction === 'ltr')
-        snackbarProps.TransitionComponentProps.direction = 'left';
-    if (alignment === 'start' && theme.direction === 'rtl')
-        snackbarProps.TransitionComponentProps.direction = 'right';
-    // End and ltr change direction to right or left
-    if (alignment === 'end' && theme.direction === 'ltr')
-        snackbarProps.TransitionComponentProps.direction = 'right';
-    if (alignment === 'end' && theme.direction === 'rtl')
-        snackbarProps.TransitionComponentProps.direction = 'left';
-    // Add preOpen
-    react_1.default.useEffect(() => {
-        // Add from preOpen
-        const toAdd = max - open.length;
-        if (toAdd > 0 && !!refs.preOpen.current.length) {
-            const itemsToAdd = refs.preOpen.current.slice(0, toAdd);
-            setPreOpen(itemsPreOpen => (0, utils_1.unique)([...itemsPreOpen], 'id').slice(toAdd));
-            if (itemsToAdd.length)
-                setOpen(() => {
-                    const itemsNew = [...refs.open.current];
-                    if (position === 'top')
-                        itemsNew.push(...itemsToAdd);
-                    else if (position === 'bottom')
-                        itemsNew.unshift(...itemsToAdd);
-                    return (0, utils_1.unique)(itemsNew, 'id');
-                });
-        }
-    }, [open.length]);
-    const add = (value) => {
-        const value_ = {
-            id: new Date().getTime(),
-            in: true,
-            expand: true,
-            Snackbar: Object.assign({ color: 'default' }, value)
-        };
-        // Pre open
-        if ((0, utils_1.is)('number', max) && open.length >= max) {
-            setPreOpen(previous => (0, utils_1.unique)([...previous, value_], 'id'));
-        }
-        // Open
-        else {
-            setOpen(previous => {
-                const itemsNew = [...previous];
-                if (position === 'top')
-                    itemsNew.push(value_);
-                else if (position === 'bottom')
-                    itemsNew.unshift(value_);
-                return (0, utils_1.unique)(itemsNew, 'id');
-            });
+
+    // Pre open
+    if ((0, _utils.is)('number', max) && open.length >= max) {
+      setPreOpen(previous => (0, _utils.unique)([...previous, value_], 'id'));
+    }
+    // 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');
+      });
+    }
+    return value_;
+  };
+  const remove = id_ => {
+    var _open, _open$;
+    let id = id_;
+    if (id_ === 'first') id = (_open = open[open.length - 1]) === null || _open === void 0 ? void 0 : _open.id;
+    if (id_ === 'last') id = (_open$ = open[0]) === null || _open$ === void 0 ? void 0 : _open$.id;
+    onClose(id);
+  };
+  const onClose = id => {
+    setOpen(items => {
+      const itemsNew = (0, _utils.unique)([...items], 'id');
+      const item = itemsNew.find(item_ => item_.id === id);
+      if (item) item.in = false;
+      return (0, _utils.unique)(itemsNew, '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 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');
+    });
+  };
+  refs.value.current.add = add;
+  refs.value.current.remove = remove;
+  let align = 'center';
+  if (['start', 'left'].includes(alignment)) align = 'flex-start';
+  if (['right', 'end'].includes(alignment)) align = 'flex-end';
+  return /*#__PURE__*/_react.default.createElement(_Context.default.Provider, {
+    value: refs.value.current
+  }, children, /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
+    ref: item => {
+      if (ref) {
+        if ((0, _utils.is)('function', ref)) ref(item);else if (ref !== null && ref !== void 0 && ref.current) ref.current = item;
+      }
+      refs.root.current = item;
+    },
+    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;
+    return /*#__PURE__*/_react.default.createElement(Expand, {
+      key: item.id,
+      in: item.expand,
+      parent: refs.root.current,
+      onExited: () => onExpandExited(item.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), {}, {
+        removeOnExited: false,
+        onExited: (...args) => {
+          var _snackbarProps$Transi, _item$Snackbar2;
+          onSnackbarExited(item.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);
         }
-        return value_;
-    };
-    const remove = (id_) => {
-        var _a, _b;
-        let id = id_;
-        if (id_ === 'first')
-            id = (_a = open[open.length - 1]) === null || _a === void 0 ? void 0 : _a.id;
-        if (id_ === 'last')
-            id = (_b = open[0]) === null || _b === void 0 ? void 0 : _b.id;
-        onClose(id);
-    };
-    const onClose = (id) => {
-        setOpen(items => {
-            const itemsNew = (0, utils_1.unique)([...items], 'id');
-            const item = itemsNew.find(item_ => item_.id === id);
-            if (item)
-                item.in = false;
-            return (0, utils_1.unique)(itemsNew, 'id');
-        });
-    };
-    const onSnackbarExited = (id) => {
-        setOpen(items => {
-            const itemsNew = (0, utils_1.unique)([...items], 'id');
-            const item = itemsNew.find(item_ => item_.id === id);
-            if (item)
-                item.expand = false;
-            return (0, utils_1.unique)(itemsNew, 'id');
-        });
-    };
-    const onExpandExited = (id) => {
-        setOpen(items => {
-            const itemsNew = (0, utils_1.unique)([...items], 'id');
-            const index = itemsNew.findIndex(item_ => item_.id === id);
-            if (index > -1)
-                itemsNew.splice(index, 1);
-            return (0, utils_1.unique)(itemsNew, 'id');
-        });
-    };
-    refs.value.current.add = add;
-    refs.value.current.remove = remove;
-    let align = 'center';
-    if (['start', 'left'].includes(alignment))
-        align = 'flex-start';
-    if (['right', 'end'].includes(alignment))
-        align = 'flex-end';
-    return ((0, jsx_runtime_1.jsxs)(Context_1.default.Provider, Object.assign({ value: refs.value.current }, { children: [children, (0, jsx_runtime_1.jsx)(Line, Object.assign({ ref: item => {
-                    if (ref) {
-                        if ((0, utils_1.is)('function', ref))
-                            ref(item);
-                        else if (ref === null || ref === void 0 ? void 0 : ref.current)
-                            ref.current = item;
-                    }
-                    refs.root.current = item;
-                }, align: align, gap: 0, className: (0, style_react_1.classNames)([
-                    (0, utils_2.staticClassName)('Snackbars', theme) && [
-                        `onesy-Snackbars-root`
-                    ],
-                    className,
-                    classes.root,
-                    classes[`position_${position}`],
-                    classes[`alignment_${alignment}`]
-                ]) }, other, { children: open.map((item) => {
-                    var _a;
-                    return ((0, jsx_runtime_1.jsx)(Expand, Object.assign({ in: item.expand, parent: refs.root.current, onExited: () => onExpandExited(item.id) }, { children: (0, jsx_runtime_1.jsx)(Snackbar, Object.assign({ id: item.id, open: item.in }, snackbarProps, item.Snackbar, { TransitionComponentProps: Object.assign(Object.assign(Object.assign({}, snackbarProps === null || snackbarProps === void 0 ? void 0 : snackbarProps.TransitionComponentProps), (_a = item.Snackbar) === null || _a === void 0 ? void 0 : _a.TransitionComponentProps), { removeOnExited: false, onExited: (...args) => {
-                                    var _a, _b;
-                                    onSnackbarExited(item.id);
-                                    if ((0, utils_1.is)('function', (_a = snackbarProps === null || snackbarProps === void 0 ? void 0 : snackbarProps.TransitionComponentProps) === null || _a === void 0 ? void 0 : _a.onExited))
-                                        snackbarProps.TransitionComponentProps.onExited(...args);
-                                    if ((0, utils_1.is)('function', (_b = item.Snackbar) === null || _b === void 0 ? void 0 : _b.onExited))
-                                        item.Snackbar.onExited(...args);
-                                } }), onClose: () => onClose(item.id), fixed: false }), item.id) }), item.id));
-                }) }))] })));
+      }),
+      onClose: () => onClose(item.id),
+      fixed: false
+    })));
+  })));
 });
 Snackbars.displayName = 'onesy-Snackbars';
-exports.default = Snackbars;
+var _default = exports.default = Snackbars;

package/Snackbars/index.js

@@ -1,14 +1,33 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSnackbars = exports.Snackbars = exports.SnackbarsContext = exports.default = void 0;
-var Snackbars_1 = require("./Snackbars");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Snackbars_1).default; } });
-var Context_1 = require("./Context");
-Object.defineProperty(exports, "SnackbarsContext", { enumerable: true, get: function () { return __importDefault(Context_1).default; } });
-var Snackbars_2 = require("./Snackbars");
-Object.defineProperty(exports, "Snackbars", { enumerable: true, get: function () { return __importDefault(Snackbars_2).default; } });
-var useSnackbars_1 = require("./useSnackbars");
-Object.defineProperty(exports, "useSnackbars", { enumerable: true, get: function () { return __importDefault(useSnackbars_1).default; } });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Snackbars", {
+  enumerable: true,
+  get: function () {
+    return _Snackbars.default;
+  }
+});
+Object.defineProperty(exports, "SnackbarsContext", {
+  enumerable: true,
+  get: function () {
+    return _Context.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Snackbars.default;
+  }
+});
+Object.defineProperty(exports, "useSnackbars", {
+  enumerable: true,
+  get: function () {
+    return _useSnackbars.default;
+  }
+});
+var _Snackbars = _interopRequireDefault(require("./Snackbars"));
+var _Context = _interopRequireDefault(require("./Context"));
+var _useSnackbars = _interopRequireDefault(require("./useSnackbars"));

package/Snackbars/useSnackbars.js

@@ -1,12 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Context_1 = __importDefault(require("./Context"));
-function useSnackbars() {
-    const value = react_1.default.useContext(Context_1.default);
-    return value;
-}
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = useSnackbars;
+var _react = _interopRequireDefault(require("react"));
+var _Context = _interopRequireDefault(require("./Context"));
+function useSnackbars() {
+  const value = _react.default.useContext(_Context.default);
+  return value;
+}

package/Space/Space.d.ts

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