@liveblocks/react-ui 3.18.0-rc1 → 3.18.0

package/dist/components/internal/Avatar.js

@@ -1,61 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import { cn } from '../../utils/cn.js';
-import { getInitials } from '../../utils/get-initials.js';
-import { useUserOrGroupInfo } from '../../utils/use-user-or-group-info.js';
-
-
-function AvatarLayout({
-  src,
-  name,
-  fallback,
-  isLoading,
-  className,
-  ...props
-}) {
-  const nameInitials = useMemo(
-    () => name ? getInitials(name) : void 0,
-    [name]
-  );
-  const fallbackInitials = useMemo(
-    () => !isLoading && fallback && !name ? getInitials(fallback) : void 0,
-    [isLoading, fallback, name]
-  );
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("lb-avatar", className),
-      "data-loading": isLoading ? "" : void 0,
-      ...props,
-      children: src ? /* @__PURE__ */ jsx("img", { className: "lb-avatar-image", src, alt: name }) : nameInitials ? /* @__PURE__ */ jsx("span", { className: "lb-avatar-fallback", "aria-hidden": true, children: nameInitials }) : fallbackInitials ? /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "lb-avatar-fallback",
-          "aria-label": fallback,
-          title: fallback,
-          children: fallbackInitials
-        }
-      ) : null
-    }
-  );
-}
-function Avatar({ userId, groupId, icon, ...props }) {
-  const { info, isLoading } = useUserOrGroupInfo(
-    userId ? "user" : "group",
-    userId ?? groupId
-  );
-  return icon && (isLoading || !info?.avatar) ? /* @__PURE__ */ jsx("div", { ...props, children: icon }) : /* @__PURE__ */ jsx(
-    AvatarLayout,
-    {
-      src: info?.avatar,
-      name: info?.name,
-      fallback: userId ?? groupId,
-      isLoading,
-      ...props
-    }
-  );
-}
-
-export { Avatar };
-//# sourceMappingURL=Avatar.js.map

package/dist/components/internal/Avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/components/internal/Avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Relax } from \"@liveblocks/core\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { useMemo } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport { getInitials } from \"../../utils/get-initials\";\nimport { useUserOrGroupInfo } from \"../../utils/use-user-or-group-info\";\n\ninterface AvatarLayoutProps extends ComponentProps<\"div\"> {\n  src?: string;\n  name?: string;\n  fallback?: string;\n  isLoading: boolean;\n}\n\nexport type AvatarProps = ComponentProps<\"div\"> & {\n  icon?: ReactNode;\n} & Relax<\n    | {\n        /**\n         * The user ID to display the avatar for.\n         */\n        userId: string;\n      }\n    | {\n        /**\n         * The group ID to display the avatar for.\n         */\n        groupId: string;\n      }\n  >;\n\nfunction AvatarLayout({\n  src,\n  name,\n  fallback,\n  isLoading,\n  className,\n  ...props\n}: AvatarLayoutProps) {\n  const nameInitials = useMemo(\n    () => (name ? getInitials(name) : undefined),\n    [name]\n  );\n  const fallbackInitials = useMemo(\n    () => (!isLoading && fallback && !name ? getInitials(fallback) : undefined),\n    [isLoading, fallback, name]\n  );\n\n  return (\n    <div\n      className={cn(\"lb-avatar\", className)}\n      data-loading={isLoading ? \"\" : undefined}\n      {...props}\n    >\n      {src ? (\n        <img className=\"lb-avatar-image\" src={src} alt={name} />\n      ) : nameInitials ? (\n        <span className=\"lb-avatar-fallback\" aria-hidden>\n          {nameInitials}\n        </span>\n      ) : fallbackInitials ? (\n        <span\n          className=\"lb-avatar-fallback\"\n          aria-label={fallback}\n          title={fallback}\n        >\n          {fallbackInitials}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nexport function Avatar({ userId, groupId, icon, ...props }: AvatarProps) {\n  const { info, isLoading } = useUserOrGroupInfo(\n    userId ? \"user\" : \"group\",\n    userId ?? groupId\n  );\n\n  return icon && (isLoading || !info?.avatar) ? (\n    <div {...props}>{icon}</div>\n  ) : (\n    <AvatarLayout\n      src={info?.avatar}\n      name={info?.name}\n      fallback={userId ?? groupId}\n      isLoading={isLoading}\n      {...props}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAkCA;AAAsB;AACpB;AACA;AACA;AACA;AACA;AAEF;AACE;AAAqB;AACe;AAC7B;AAEP;AAAyB;AAC0C;AACvC;AAG5B;AACE;AAAC;AAAA;AACqC;AACL;AAC3B;AASF;AAAC;AAAA;AACW;AACE;AACL;AAEN;AAAA;AAED;AAAA;AAGV;AAEO;AACL;AAA4B;AACR;AACR;AAGZ;AAGE;AAAC;AAAA;AACY;AACC;AACQ;AACpB;AACI;AAAA;AAGV;;"}

package/dist/utils/use-user-or-group-info.cjs

@@ -1,49 +0,0 @@
-'use strict';
-
-var core = require('@liveblocks/core');
-var react = require('@liveblocks/react');
-var suspense = require('@liveblocks/react/suspense');
-var useInitial = require('./use-initial.cjs');
-
-function useUserOrGroupInfo(kind, id) {
-  const frozenKind = useInitial.useInitial(kind);
-  if (frozenKind === "user") {
-    const { user, isLoading, error } = react.useUser(id);
-    return {
-      info: user,
-      isLoading,
-      error
-    };
-  } else if (frozenKind === "group") {
-    const { info, isLoading, error } = react.useGroupInfo(id);
-    return {
-      info,
-      isLoading,
-      error
-    };
-  }
-  return core.assertNever(frozenKind, "Invalid kind");
-}
-function useUserOrGroupInfoSuspense(kind, id) {
-  const frozenKind = useInitial.useInitial(kind);
-  if (frozenKind === "user") {
-    const { user, isLoading, error } = suspense.useUser(id);
-    return {
-      info: user,
-      isLoading,
-      error
-    };
-  } else if (frozenKind === "group") {
-    const { info, isLoading, error } = suspense.useGroupInfo(id);
-    return {
-      info,
-      isLoading,
-      error
-    };
-  }
-  return core.assertNever(frozenKind, "Invalid kind");
-}
-
-exports.useUserOrGroupInfo = useUserOrGroupInfo;
-exports.useUserOrGroupInfoSuspense = useUserOrGroupInfoSuspense;
-//# sourceMappingURL=use-user-or-group-info.cjs.map

package/dist/utils/use-user-or-group-info.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-user-or-group-info.cjs","sources":["../../src/utils/use-user-or-group-info.ts"],"sourcesContent":["import {\n  assertNever,\n  type AsyncResult,\n  type AsyncSuccess,\n  type BaseGroupInfo,\n  type BaseUserMeta,\n} from \"@liveblocks/core\";\nimport { useGroupInfo, useUser } from \"@liveblocks/react\";\nimport {\n  useGroupInfo as useGroupInfoSuspense,\n  useUser as useUserSuspense,\n} from \"@liveblocks/react/suspense\";\n\nimport { useInitial } from \"./use-initial\";\n\ntype UserOrGroupInfoResult = AsyncResult<\n  BaseUserMeta[\"info\"] | BaseGroupInfo,\n  \"info\"\n>;\n\ntype UserOrGroupInfoSuccess = AsyncSuccess<\n  BaseUserMeta[\"info\"] | BaseGroupInfo,\n  \"info\"\n>;\n\nexport function useUserOrGroupInfo(\n  kind: \"user\" | \"group\",\n  id: string\n): UserOrGroupInfoResult {\n  // Switching between user IDs and group IDs is not supported\n  // to support the Rules of Hooks.\n  const frozenKind = useInitial(kind);\n\n  if (frozenKind === \"user\") {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const { user, isLoading, error } = useUser(id);\n\n    return {\n      info: user,\n      isLoading,\n      error,\n    } as UserOrGroupInfoResult;\n  } else if (frozenKind === \"group\") {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const { info, isLoading, error } = useGroupInfo(id);\n\n    return {\n      info,\n      isLoading,\n      error,\n    } as UserOrGroupInfoResult;\n  }\n\n  return assertNever(frozenKind, \"Invalid kind\");\n}\n\nexport function useUserOrGroupInfoSuspense(\n  kind: \"user\" | \"group\",\n  id: string\n): UserOrGroupInfoSuccess {\n  // Switching between user IDs and group IDs is not supported\n  // to support the Rules of Hooks.\n  const frozenKind = useInitial(kind);\n\n  if (frozenKind === \"user\") {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const { user, isLoading, error } = useUserSuspense(id);\n\n    return {\n      info: user,\n      isLoading,\n      error,\n    };\n  } else if (frozenKind === \"group\") {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const { info, isLoading, error } = useGroupInfoSuspense(id);\n\n    return {\n      info,\n      isLoading,\n      error,\n    };\n  }\n\n  return assertNever(frozenKind, \"Invalid kind\");\n}\n"],"names":["useInitial","useUser","useGroupInfo","assertNever","useUserSuspense","useGroupInfoSuspense"],"mappings":";;;;;;;AAyBgB,SAAA,kBAAA,CACd,MACA,EACuB,EAAA;AAGvB,EAAM,MAAA,UAAA,GAAaA,sBAAW,IAAI,CAAA,CAAA;AAElC,EAAA,IAAI,eAAe,MAAQ,EAAA;AAEzB,IAAA,MAAM,EAAE,IAAM,EAAA,SAAA,EAAW,KAAM,EAAA,GAAIC,cAAQ,EAAE,CAAA,CAAA;AAE7C,IAAO,OAAA;AAAA,MACL,IAAM,EAAA,IAAA;AAAA,MACN,SAAA;AAAA,MACA,KAAA;AAAA,KACF,CAAA;AAAA,GACF,MAAA,IAAW,eAAe,OAAS,EAAA;AAEjC,IAAA,MAAM,EAAE,IAAM,EAAA,SAAA,EAAW,KAAM,EAAA,GAAIC,mBAAa,EAAE,CAAA,CAAA;AAElD,IAAO,OAAA;AAAA,MACL,IAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAO,OAAAC,gBAAA,CAAY,YAAY,cAAc,CAAA,CAAA;AAC/C,CAAA;AAEgB,SAAA,0BAAA,CACd,MACA,EACwB,EAAA;AAGxB,EAAM,MAAA,UAAA,GAAaH,sBAAW,IAAI,CAAA,CAAA;AAElC,EAAA,IAAI,eAAe,MAAQ,EAAA;AAEzB,IAAA,MAAM,EAAE,IAAM,EAAA,SAAA,EAAW,KAAM,EAAA,GAAII,iBAAgB,EAAE,CAAA,CAAA;AAErD,IAAO,OAAA;AAAA,MACL,IAAM,EAAA,IAAA;AAAA,MACN,SAAA;AAAA,MACA,KAAA;AAAA,KACF,CAAA;AAAA,GACF,MAAA,IAAW,eAAe,OAAS,EAAA;AAEjC,IAAA,MAAM,EAAE,IAAM,EAAA,SAAA,EAAW,KAAM,EAAA,GAAIC,sBAAqB,EAAE,CAAA,CAAA;AAE1D,IAAO,OAAA;AAAA,MACL,IAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAO,OAAAF,gBAAA,CAAY,YAAY,cAAc,CAAA,CAAA;AAC/C;;;;;"}

package/dist/utils/use-user-or-group-info.js

@@ -1,46 +0,0 @@
-import { assertNever } from '@liveblocks/core';
-import { useUser, useGroupInfo } from '@liveblocks/react';
-import { useUser as useUser$1, useGroupInfo as useGroupInfo$1 } from '@liveblocks/react/suspense';
-import { useInitial } from './use-initial.js';
-
-function useUserOrGroupInfo(kind, id) {
-  const frozenKind = useInitial(kind);
-  if (frozenKind === "user") {
-    const { user, isLoading, error } = useUser(id);
-    return {
-      info: user,
-      isLoading,
-      error
-    };
-  } else if (frozenKind === "group") {
-    const { info, isLoading, error } = useGroupInfo(id);
-    return {
-      info,
-      isLoading,
-      error
-    };
-  }
-  return assertNever(frozenKind, "Invalid kind");
-}
-function useUserOrGroupInfoSuspense(kind, id) {
-  const frozenKind = useInitial(kind);
-  if (frozenKind === "user") {
-    const { user, isLoading, error } = useUser$1(id);
-    return {
-      info: user,
-      isLoading,
-      error
-    };
-  } else if (frozenKind === "group") {
-    const { info, isLoading, error } = useGroupInfo$1(id);
-    return {
-      info,
-      isLoading,
-      error
-    };
-  }
-  return assertNever(frozenKind, "Invalid kind");
-}
-
-export { useUserOrGroupInfo, useUserOrGroupInfoSuspense };
-//# sourceMappingURL=use-user-or-group-info.js.map

package/dist/utils/use-user-or-group-info.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-user-or-group-info.js","sources":["../../src/utils/use-user-or-group-info.ts"],"sourcesContent":["import {\n  assertNever,\n  type AsyncResult,\n  type AsyncSuccess,\n  type BaseGroupInfo,\n  type BaseUserMeta,\n} from \"@liveblocks/core\";\nimport { useGroupInfo, useUser } from \"@liveblocks/react\";\nimport {\n  useGroupInfo as useGroupInfoSuspense,\n  useUser as useUserSuspense,\n} from \"@liveblocks/react/suspense\";\n\nimport { useInitial } from \"./use-initial\";\n\ntype UserOrGroupInfoResult = AsyncResult<\n  BaseUserMeta[\"info\"] | BaseGroupInfo,\n  \"info\"\n>;\n\ntype UserOrGroupInfoSuccess = AsyncSuccess<\n  BaseUserMeta[\"info\"] | BaseGroupInfo,\n  \"info\"\n>;\n\nexport function useUserOrGroupInfo(\n  kind: \"user\" | \"group\",\n  id: string\n): UserOrGroupInfoResult {\n  // Switching between user IDs and group IDs is not supported\n  // to support the Rules of Hooks.\n  const frozenKind = useInitial(kind);\n\n  if (frozenKind === \"user\") {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const { user, isLoading, error } = useUser(id);\n\n    return {\n      info: user,\n      isLoading,\n      error,\n    } as UserOrGroupInfoResult;\n  } else if (frozenKind === \"group\") {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const { info, isLoading, error } = useGroupInfo(id);\n\n    return {\n      info,\n      isLoading,\n      error,\n    } as UserOrGroupInfoResult;\n  }\n\n  return assertNever(frozenKind, \"Invalid kind\");\n}\n\nexport function useUserOrGroupInfoSuspense(\n  kind: \"user\" | \"group\",\n  id: string\n): UserOrGroupInfoSuccess {\n  // Switching between user IDs and group IDs is not supported\n  // to support the Rules of Hooks.\n  const frozenKind = useInitial(kind);\n\n  if (frozenKind === \"user\") {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const { user, isLoading, error } = useUserSuspense(id);\n\n    return {\n      info: user,\n      isLoading,\n      error,\n    };\n  } else if (frozenKind === \"group\") {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const { info, isLoading, error } = useGroupInfoSuspense(id);\n\n    return {\n      info,\n      isLoading,\n      error,\n    };\n  }\n\n  return assertNever(frozenKind, \"Invalid kind\");\n}\n"],"names":["useUserSuspense","useGroupInfoSuspense"],"mappings":";;;;;AAyBgB,SAAA,kBAAA,CACd,MACA,EACuB,EAAA;AAGvB,EAAM,MAAA,UAAA,GAAa,WAAW,IAAI,CAAA,CAAA;AAElC,EAAA,IAAI,eAAe,MAAQ,EAAA;AAEzB,IAAA,MAAM,EAAE,IAAM,EAAA,SAAA,EAAW,KAAM,EAAA,GAAI,QAAQ,EAAE,CAAA,CAAA;AAE7C,IAAO,OAAA;AAAA,MACL,IAAM,EAAA,IAAA;AAAA,MACN,SAAA;AAAA,MACA,KAAA;AAAA,KACF,CAAA;AAAA,GACF,MAAA,IAAW,eAAe,OAAS,EAAA;AAEjC,IAAA,MAAM,EAAE,IAAM,EAAA,SAAA,EAAW,KAAM,EAAA,GAAI,aAAa,EAAE,CAAA,CAAA;AAElD,IAAO,OAAA;AAAA,MACL,IAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAO,OAAA,WAAA,CAAY,YAAY,cAAc,CAAA,CAAA;AAC/C,CAAA;AAEgB,SAAA,0BAAA,CACd,MACA,EACwB,EAAA;AAGxB,EAAM,MAAA,UAAA,GAAa,WAAW,IAAI,CAAA,CAAA;AAElC,EAAA,IAAI,eAAe,MAAQ,EAAA;AAEzB,IAAA,MAAM,EAAE,IAAM,EAAA,SAAA,EAAW,KAAM,EAAA,GAAIA,UAAgB,EAAE,CAAA,CAAA;AAErD,IAAO,OAAA;AAAA,MACL,IAAM,EAAA,IAAA;AAAA,MACN,SAAA;AAAA,MACA,KAAA;AAAA,KACF,CAAA;AAAA,GACF,MAAA,IAAW,eAAe,OAAS,EAAA;AAEjC,IAAA,MAAM,EAAE,IAAM,EAAA,SAAA,EAAW,KAAM,EAAA,GAAIC,eAAqB,EAAE,CAAA,CAAA;AAE1D,IAAO,OAAA;AAAA,MACL,IAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAO,OAAA,WAAA,CAAY,YAAY,cAAc,CAAA,CAAA;AAC/C;;;;"}