@helpdice/ui 1.0.1 → 1.0.2

package/dist/use-toasts/index.js

@@ -0,0 +1,207 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+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 _objectSpread2(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) {
+      _defineProperty(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;
+}
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+var defaultToastLayout = {
+  padding: '12px 16px',
+  margin: '8px 0',
+  width: '420px',
+  maxWidth: '90vw',
+  maxHeight: '75px',
+  placement: 'bottomRight'
+};
+var defaultParams = {
+  toasts: [],
+  toastLayout: defaultToastLayout,
+  updateToastLayout: function updateToastLayout(t) {
+    return t;
+  },
+  updateToasts: function updateToasts(t) {
+    return t;
+  },
+  lastUpdateToastId: null,
+  updateLastToastId: function updateLastToastId() {
+    return null;
+  }
+};
+var HUIContent = /*#__PURE__*/React__default["default"].createContext(defaultParams);
+var useHUIContext = function useHUIContext() {
+  return React__default["default"].useContext(HUIContent);
+};
+
+var getId = function getId() {
+  return Math.random().toString(32).slice(2, 10);
+};
+
+var defaultToast = {
+  delay: 2000,
+  type: 'default'
+};
+var useToasts = function useToasts(layout) {
+  var _useHUIContext = useHUIContext(),
+    updateToasts = _useHUIContext.updateToasts,
+    toasts = _useHUIContext.toasts,
+    updateToastLayout = _useHUIContext.updateToastLayout,
+    updateLastToastId = _useHUIContext.updateLastToastId;
+  React.useEffect(function () {
+    if (!layout) return;
+    updateToastLayout(function () {
+      return layout ? _objectSpread2(_objectSpread2({}, defaultToastLayout), layout) : defaultToastLayout;
+    });
+  }, []);
+  var _cancel = function cancel(internalId) {
+    updateToasts(function (currentToasts) {
+      return currentToasts.map(function (item) {
+        if (item._internalIdent !== internalId) return item;
+        return _objectSpread2(_objectSpread2({}, item), {}, {
+          visible: false
+        });
+      });
+    });
+    updateLastToastId(function () {
+      return internalId;
+    });
+  };
+  var removeAll = function removeAll() {
+    updateToasts(function (last) {
+      return last.map(function (toast) {
+        return _objectSpread2(_objectSpread2({}, toast), {}, {
+          visible: false
+        });
+      });
+    });
+  };
+  var findToastOneByID = function findToastOneByID(id) {
+    return toasts.find(function (t) {
+      return t.id === id;
+    });
+  };
+  var removeToastOneByID = function removeToastOneByID(id) {
+    updateToasts(function (last) {
+      return last.map(function (toast) {
+        if (toast.id !== id) return toast;
+        return _objectSpread2(_objectSpread2({}, toast), {}, {
+          visible: false
+        });
+      });
+    });
+  };
+  var setToast = function setToast(toast) {
+    var internalIdent = "toast-".concat(getId());
+    var delay = toast.delay || defaultToast.delay;
+    if (toast.id) {
+      var hasIdent = toasts.find(function (t) {
+        return t.id === toast.id;
+      });
+      if (hasIdent) {
+        throw new Error('Toast: Already have the same key: "ident"');
+      }
+    }
+    updateToasts(function (last) {
+      var newToast = {
+        delay: delay,
+        text: toast.text,
+        visible: true,
+        type: toast.type || defaultToast.type,
+        id: toast.id || internalIdent,
+        actions: toast.actions || [],
+        _internalIdent: internalIdent,
+        _timeout: window.setTimeout(function () {
+          _cancel(internalIdent);
+          if (newToast._timeout) {
+            window.clearTimeout(newToast._timeout);
+            newToast._timeout = null;
+          }
+        }, delay),
+        cancel: function cancel() {
+          return _cancel(internalIdent);
+        }
+      };
+      return [].concat(_toConsumableArray(last), [newToast]);
+    });
+  };
+  return {
+    toasts: toasts,
+    setToast: setToast,
+    removeAll: removeAll,
+    findToastOneByID: findToastOneByID,
+    removeToastOneByID: removeToastOneByID
+  };
+};
+var useToasts$1 = useToasts;
+
+exports["default"] = useToasts$1;

package/dist/use-toasts/toast-container.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ToastContainer: React.FC<React.PropsWithChildren<unknown>>;
+export default ToastContainer;

package/dist/use-toasts/toast-item.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { Toast, ToastLayout } from "./use-toast";
+export interface ToastItemProps {
+    toast: Toast;
+    layout: Required<ToastLayout>;
+}
+declare const ToastItem: React.FC<ToastItemProps>;
+export default ToastItem;

package/dist/use-toasts/use-toast.d.ts

@@ -0,0 +1,40 @@
+import React, { CSSProperties } from 'react';
+import type { NormalTypes } from "../utils/prop-types";
+import { ToastPlacement } from "./helpers";
+export interface ToastAction {
+    name: string;
+    handler: (event: React.MouseEvent<HTMLButtonElement>, cancel: () => void) => void;
+    passive?: boolean;
+}
+export type ToastTypes = NormalTypes;
+export type ToastLayout = {
+    padding?: CSSProperties['padding'];
+    margin?: CSSProperties['margin'];
+    width?: CSSProperties['width'];
+    maxWidth?: CSSProperties['maxWidth'];
+    maxHeight?: CSSProperties['maxHeight'];
+    placement?: ToastPlacement;
+};
+export interface ToastInput {
+    text: string | React.ReactNode;
+    type?: ToastTypes;
+    id?: string;
+    delay?: number;
+    actions?: Array<ToastAction>;
+}
+export type ToastInstance = {
+    visible: boolean;
+    cancel: () => void;
+    _timeout: null | number;
+    _internalIdent: string;
+};
+export type Toast = Required<ToastInput> & ToastInstance;
+export type ToastHooksResult = {
+    toasts: Array<Toast>;
+    setToast: (toast: ToastInput) => void;
+    removeAll: () => void;
+    findToastOneByID: (ident: string) => Toast | undefined;
+    removeToastOneByID: (ident: string) => void;
+};
+declare const useToasts: (layout?: ToastLayout) => ToastHooksResult;
+export default useToasts;

package/dist/user/index.d.ts

@@ -0,0 +1,8 @@
+import User from "./user";
+import UserLink from "./user-link";
+export type UserComponentType = typeof User & {
+    Link: typeof UserLink;
+};
+export type { UserProps } from "./user";
+declare const _default: UserComponentType;
+export default _default;