@sendbird/uikit-react 3.6.4-rc-0 → 3.6.4

package/dist/ui/Avatar.js

@@ -1,194 +0,0 @@
-import React__default from 'react';
-import ImageRenderer from './ImageRenderer.js';
-import Icon, { IconTypes, IconColors } from './Icon.js';
-import { u as uuidv4 } from '../uuid-8b344dd2.js';
-import 'prop-types';
-
-var pxToNumber = (px => {
-  if (typeof px === 'number') {
-    return px;
-  }
-  if (typeof px === 'string') {
-    const parsed = Number.parseFloat(px);
-    if (!Number.isNaN(parsed)) {
-      return parsed;
-    }
-  }
-  return null;
-});
-
-const imageRendererClassName = 'sendbird-avatar-img';
-const DefaultComponent = _ref => {
-  let {
-    width,
-    height
-  } = _ref;
-  let iconWidth = pxToNumber(width);
-  let iconHeight = pxToNumber(height);
-  if (typeof iconWidth === 'number') {
-    iconWidth *= 0.575;
-  }
-  if (typeof iconHeight === 'number') {
-    iconHeight *= 0.575;
-  }
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-avatar-img--default",
-    style: {
-      width,
-      height
-    }
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: IconTypes.USER,
-    fillColor: IconColors.CONTENT,
-    width: iconWidth,
-    height: iconHeight
-  }));
-};
-const _defaultComponent = _ref2 => {
-  let {
-    width,
-    height
-  } = _ref2;
-  return /*#__PURE__*/React__default.createElement(DefaultComponent, {
-    width: width,
-    height: height
-  });
-};
-const AvatarInner = _ref3 => {
-  let {
-    src = '',
-    alt = '',
-    height,
-    width,
-    customDefaultComponent
-  } = _ref3;
-  const defaultComponent = () => customDefaultComponent ? customDefaultComponent({
-    width,
-    height
-  }) : _defaultComponent({
-    width,
-    height
-  });
-  if (typeof src === 'string') {
-    return /*#__PURE__*/React__default.createElement(ImageRenderer, {
-      className: imageRendererClassName,
-      url: src,
-      height: height,
-      width: width,
-      alt: alt,
-      defaultComponent: defaultComponent
-    });
-  }
-  if (src && src.length) {
-    if (src.length === 1) {
-      return /*#__PURE__*/React__default.createElement(ImageRenderer, {
-        className: imageRendererClassName,
-        url: src[0],
-        height: height,
-        width: width,
-        alt: alt,
-        defaultComponent: defaultComponent
-      });
-    }
-    if (src.length === 2) {
-      return /*#__PURE__*/React__default.createElement("div", {
-        className: "sendbird-avatar--inner__two-child"
-      }, /*#__PURE__*/React__default.createElement(ImageRenderer, {
-        className: imageRendererClassName,
-        url: src[0],
-        height: height,
-        width: width,
-        alt: alt,
-        defaultComponent: defaultComponent
-      }), /*#__PURE__*/React__default.createElement(ImageRenderer, {
-        className: imageRendererClassName,
-        url: src[1],
-        height: height,
-        width: width,
-        alt: alt,
-        defaultComponent: defaultComponent
-      }));
-    }
-    if (src.length === 3) {
-      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-        className: "sendbird-avatar--inner__three-child--upper"
-      }, /*#__PURE__*/React__default.createElement(ImageRenderer, {
-        className: imageRendererClassName,
-        url: src[0],
-        height: height,
-        width: width,
-        alt: alt,
-        defaultComponent: defaultComponent
-      })), /*#__PURE__*/React__default.createElement("div", {
-        className: "sendbird-avatar--inner__three-child--lower"
-      }, /*#__PURE__*/React__default.createElement(ImageRenderer, {
-        className: imageRendererClassName,
-        url: src[1],
-        height: height,
-        width: width,
-        alt: alt,
-        defaultComponent: defaultComponent
-      }), /*#__PURE__*/React__default.createElement(ImageRenderer, {
-        className: imageRendererClassName,
-        url: src[2],
-        height: height,
-        width: width,
-        alt: alt,
-        defaultComponent: defaultComponent
-      })));
-    }
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "sendbird-avatar--inner__four-child"
-    }, src.slice(0, 4).map(i => /*#__PURE__*/React__default.createElement(ImageRenderer, {
-      className: imageRendererClassName,
-      url: i,
-      height: height,
-      width: width,
-      alt: alt,
-      key: uuidv4(),
-      defaultComponent: defaultComponent
-    })));
-  }
-  // default img
-  return /*#__PURE__*/React__default.createElement(ImageRenderer, {
-    className: imageRendererClassName,
-    url: "",
-    height: height,
-    width: width,
-    alt: alt,
-    defaultComponent: defaultComponent
-  });
-};
-function Avatar(_ref4, ref) {
-  let {
-    className = '',
-    src = '',
-    alt = '',
-    width = '56px',
-    height = '56px',
-    onClick,
-    customDefaultComponent
-  } = _ref4;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: [...(Array.isArray(className) ? className : [className]), 'sendbird-avatar'].join(' '),
-    role: "button",
-    ref: ref,
-    style: {
-      height,
-      width
-    },
-    onClick: onClick,
-    onKeyDown: onClick,
-    tabIndex: 0
-  }, /*#__PURE__*/React__default.createElement(AvatarInner, {
-    src: src,
-    width: width,
-    height: height,
-    alt: alt,
-    customDefaultComponent: customDefaultComponent
-  }));
-}
-var Avatar$1 = /*#__PURE__*/React__default.forwardRef(Avatar);
-
-export { AvatarInner, Avatar$1 as default };
-//# sourceMappingURL=Avatar.js.map

package/dist/ui/Badge.js

@@ -1,29 +0,0 @@
-import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-f50d7ab0.js';
-import { a as LocalizationContext } from '../LocalizationContext-1701e5c8.js';
-import 'prop-types';
-import '../stringSet-e9bb0333.js';
-import '../index-ff8f2f61.js';
-
-function Badge(_ref) {
-  let {
-    count,
-    maxLevel = 2,
-    className = ''
-  } = _ref;
-  const {
-    stringSet
-  } = useContext(LocalizationContext);
-  const maximumNumber = parseInt('9'.repeat(maxLevel > 6 ? 6 : maxLevel), 10);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: [...(Array.isArray(className) ? className : [className]), 'sendbird-badge'].join(' ')
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-badge__text"
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    type: LabelTypography.CAPTION_2,
-    color: LabelColors.ONCONTENT_1
-  }, count > maximumNumber ? `${maximumNumber}${stringSet.BADGE__OVER}` : count)));
-}
-
-export { Badge as default };
-//# sourceMappingURL=Badge.js.map

package/dist/ui/BottomSheet.js

@@ -1,39 +0,0 @@
-import React__default, { useRef } from 'react';
-import { createPortal } from 'react-dom';
-import { M as MODAL_ROOT } from '../index-44c86e58.js';
-
-const BottomSheet = props => {
-  const {
-    className = '',
-    children,
-    onBackdropClick
-  } = props;
-
-  // https://github.com/testing-library/react-testing-library/issues/62#issuecomment-438653348
-  const portalRoot = useRef();
-  portalRoot.current = document.getElementById(MODAL_ROOT);
-  if (!portalRoot.current) {
-    portalRoot.current = document.createElement('div');
-    portalRoot.current.setAttribute('id', MODAL_ROOT);
-    document.body.appendChild(portalRoot.current);
-  }
-  return /*#__PURE__*/createPortal( /*#__PURE__*/React__default.createElement("div", {
-    className: `${className} sendbird-bottomsheet`
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: 'sendbird-bottomsheet__content',
-    role: "dialog",
-    "aria-modal": "true",
-    "aria-expanded": "true"
-  }, children), /*#__PURE__*/React__default.createElement("div", {
-    className: `
-          sendbird-bottomsheet__backdrop
-        `,
-    onClick: e => {
-      e === null || e === void 0 ? void 0 : e.stopPropagation();
-      onBackdropClick();
-    }
-  })), portalRoot.current);
-};
-
-export { BottomSheet as default };
-//# sourceMappingURL=BottomSheet.js.map

package/dist/ui/Button.js

@@ -1,69 +0,0 @@
-import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-f50d7ab0.js';
-import 'prop-types';
-import '../stringSet-e9bb0333.js';
-
-let ButtonTypes$1 = /*#__PURE__*/function (ButtonTypes) {
-  ButtonTypes["PRIMARY"] = "PRIMARY";
-  ButtonTypes["SECONDARY"] = "SECONDARY";
-  ButtonTypes["DANGER"] = "DANGER";
-  ButtonTypes["DISABLED"] = "DISABLED";
-  return ButtonTypes;
-}({});
-let ButtonSizes$1 = /*#__PURE__*/function (ButtonSizes) {
-  ButtonSizes["BIG"] = "BIG";
-  ButtonSizes["SMALL"] = "SMALL";
-  return ButtonSizes;
-}({});
-
-function changeTypeToClassName(type) {
-  switch (type) {
-    case ButtonTypes$1.PRIMARY:
-      return 'sendbird-button--primary';
-    case ButtonTypes$1.SECONDARY:
-      return 'sendbird-button--secondary';
-    case ButtonTypes$1.DANGER:
-      return 'sendbird-button--danger';
-    case ButtonTypes$1.DISABLED:
-      return 'sendbird-button--disabled';
-    default:
-      return null;
-  }
-}
-function changeSizeToClassName(size) {
-  switch (size) {
-    case ButtonSizes$1.BIG:
-      return 'sendbird-button--big';
-    case ButtonSizes$1.SMALL:
-      return 'sendbird-button--small';
-    default:
-      return null;
-  }
-}
-
-const ButtonTypes = ButtonTypes$1;
-const ButtonSizes = ButtonSizes$1;
-function Button(_ref) {
-  let {
-    className,
-    type = ButtonTypes.PRIMARY,
-    size = ButtonSizes.BIG,
-    children = 'Button',
-    disabled = false,
-    onClick = () => {/* noop */}
-  } = _ref;
-  const injectingClassNames = [...(Array.isArray(className) ? className : [className]), 'sendbird-button', disabled ? 'sendbird-button__disabled' : '', changeTypeToClassName(type), changeSizeToClassName(size)].join(' ');
-  return /*#__PURE__*/React__default.createElement("button", {
-    className: injectingClassNames,
-    type: "button",
-    onClick: onClick,
-    disabled: disabled
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-button__text",
-    type: LabelTypography.BUTTON_1,
-    color: LabelColors.ONCONTENT_1
-  }, children));
-}
-
-export { ButtonSizes, ButtonTypes, Button as default };
-//# sourceMappingURL=Button.js.map

package/dist/ui/ChannelAvatar.js

@@ -1,49 +0,0 @@
-import React__default, { useMemo } from 'react';
-import Avatar from './Avatar.js';
-import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../utils-cd7ab927.js';
-import './ImageRenderer.js';
-import '../uuid-8b344dd2.js';
-import 'prop-types';
-
-function ChannelAvatar(_ref) {
-  let {
-    channel,
-    userId,
-    theme,
-    width = 56,
-    height = 56
-  } = _ref;
-  const isBroadcast = channel === null || channel === void 0 ? void 0 : channel.isBroadcast;
-  const memoizedAvatar = useMemo(() => isBroadcast ? generateDefaultAvatar(channel) ? /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-chat-header--default-avatar",
-    style: {
-      width,
-      height,
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center'
-    }
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: IconTypes.BROADCAST,
-    fillColor: IconColors.CONTENT,
-    width: width * 0.575,
-    height: height * 0.575
-  })) : /*#__PURE__*/React__default.createElement(Avatar, {
-    className: "sendbird-chat-header--avatar--broadcast-channel",
-    src: getChannelAvatarSource(channel, userId),
-    width: width,
-    height: height,
-    alt: channel === null || channel === void 0 ? void 0 : channel.name
-  }) : /*#__PURE__*/React__default.createElement(Avatar, {
-    className: "sendbird-chat-header--avatar--group-channel",
-    src: getChannelAvatarSource(channel, userId),
-    width: `${width}px`,
-    height: `${height}px`,
-    alt: channel === null || channel === void 0 ? void 0 : channel.name
-  }), [channel === null || channel === void 0 ? void 0 : channel.members, channel === null || channel === void 0 ? void 0 : channel.coverUrl, theme]);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, memoizedAvatar);
-}
-
-export { ChannelAvatar as default };
-//# sourceMappingURL=ChannelAvatar.js.map

package/dist/ui/ConnectionStatus.js

@@ -1,27 +0,0 @@
-import React__default, { useContext } from 'react';
-import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-f50d7ab0.js';
-import { a as LocalizationContext } from '../LocalizationContext-1701e5c8.js';
-import 'prop-types';
-import '../stringSet-e9bb0333.js';
-import '../index-ff8f2f61.js';
-
-function ConnectionStatus() {
-  const {
-    stringSet
-  } = useContext(LocalizationContext);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-connection-status"
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    type: LabelTypography.BODY_2,
-    color: LabelColors.ONBACKGROUND_2
-  }, stringSet.TRYING_TO_CONNECT), /*#__PURE__*/React__default.createElement(Icon, {
-    type: IconTypes.DISCONNECTED,
-    fillColor: IconColors.SENT,
-    width: "14px",
-    height: "14px"
-  }));
-}
-
-export { ConnectionStatus as default };
-//# sourceMappingURL=ConnectionStatus.js.map