@sendbird/uikit-react 3.4.6 → 3.4.7-0

package/cjs/ui/AccordionGroup.js

@@ -1,25 +1,24 @@
 'use strict';
 
 var React = require('react');
-var context = require('../context-a4af6955.js');
-require('../utils-1038446c.js');
+var context = require('../context-60c4d3b7.js');
+require('../utils-d5176360.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 // Wraps all the accordions in an accordion set
-function AccordionGroup(_a) {
-  var children = _a.children,
-    _b = _a.className,
-    className = _b === void 0 ? '' : _b;
-  var _c = React.useState(''),
-    opened = _c[0],
-    setOpened = _c[1];
+function AccordionGroup(_ref) {
+  let {
+    children,
+    className = ''
+  } = _ref;
+  const [opened, setOpened] = React.useState('');
   return /*#__PURE__*/React__default["default"].createElement(context.Provider, {
     value: {
-      opened: opened,
-      setOpened: setOpened
+      opened,
+      setOpened
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: className

package/cjs/ui/AccordionGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionGroup.js","sources":["../../../src/ui/Accordion/AccordionGroup.tsx"],"sourcesContent":["// Wraps all the accordions in an accordion set\n// keep one accordion open at a time\nimport React, { ReactElement, useState } from 'react';\n\nimport { Provider } from './context';\n\ninterface Props {\n  children: Array<ReactElement> | ReactElement;\n  className?: string;\n}\n\nexport default function AccordionGroup({\n  children,\n  className = '',\n}: Props): ReactElement {\n  const [opened, setOpened] = useState('');\n  return (\n    <Provider value={{ opened, setOpened }}>\n      <div className={className}>{ children }</div>\n    </Provider>\n  )\n}\n"],"names":["AccordionGroup","_a","children","_b","className","_c","useState","opened","setOpened","React","createElement","Provider","value"],"mappings":";;;;;;;;;;AAAA;AAWwB,SAAAA,cAAcA,CAACC,EAG/B,EAAA;AAFN,EAAA,IAAAC,QAAQ,cAAA;IACRC,EAAA,GAAAF,EAAA,CAAAG,SAAc;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA,CAAA;AAER,EAAA,IAAAE,EAAA,GAAsBC,cAAQ,CAAC,EAAE,CAAC;AAAjCC,IAAAA,MAAM,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,SAAS,GAAAH,EAAA,CAAA,CAAA,CAAgB,CAAA;AACxC,EAAA,oBACEI,yBAAA,CAAAC,aAAA,CAACC,gBAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEL,MAAAA,MAAM,QAAA;AAAEC,MAAAA,SAAS,EAAAA,SAAAA;AAAA,KAAA;GAClCC,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKN,IAAAA,SAAS,EAAEA,SAAAA;GAAaF,EAAAA,QAAQ,CACvC,CAAW,CAAA;AAEf;;;;"}
+{"version":3,"file":"AccordionGroup.js","sources":["../../../src/ui/Accordion/AccordionGroup.tsx"],"sourcesContent":["// Wraps all the accordions in an accordion set\n// keep one accordion open at a time\nimport React, { ReactElement, useState } from 'react';\n\nimport { Provider } from './context';\n\ninterface Props {\n  children: Array<ReactElement> | ReactElement;\n  className?: string;\n}\n\nexport default function AccordionGroup({\n  children,\n  className = '',\n}: Props): ReactElement {\n  const [opened, setOpened] = useState('');\n  return (\n    <Provider value={{ opened, setOpened }}>\n      <div className={className}>{ children }</div>\n    </Provider>\n  )\n}\n"],"names":["AccordionGroup","_ref","children","className","opened","setOpened","useState","React","createElement","Provider","value"],"mappings":";;;;;;;;;;AAAA;AAWe,SAASA,cAAcA,CAAAC,IAAA,EAGd;EAAA,IAHe;IACrCC,QAAQ;AACRC,IAAAA,SAAS,GAAG,EAAA;AACP,GAAC,GAAAF,IAAA,CAAA;EACN,MAAM,CAACG,MAAM,EAAEC,SAAS,CAAC,GAAGC,cAAQ,CAAC,EAAE,CAAC,CAAA;AACxC,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAACC,gBAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;MAAEN,MAAM;AAAEC,MAAAA,SAAAA;AAAU,KAAA;GACnCE,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKL,IAAAA,SAAS,EAAEA,SAAAA;GAAaD,EAAAA,QAAe,CACpC,CAAC,CAAA;AAEf;;;;"}

package/cjs/ui/AdminMessage.js

@@ -1,25 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-8f4b0cfe.js');
 var React = require('react');
-var ui_Label = require('../index-b8a20afd.js');
+var ui_Label = require('../index-73643285.js');
 require('prop-types');
-require('../stringSet-061fe0c1.js');
+require('../stringSet-68748705.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function AdminMessage(_a) {
-  var _b;
-  var _c = _a.className,
-    className = _c === void 0 ? '' : _c,
-    message = _a.message;
-  if (!((message === null || message === void 0 ? void 0 : message.isAdminMessage) || (message === null || message === void 0 ? void 0 : message.messageType)) || !((_b = message === null || message === void 0 ? void 0 : message.isAdminMessage) === null || _b === void 0 ? void 0 : _b.call(message)) || (message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
+function AdminMessage(_ref) {
+  var _message$isAdminMessa;
+  let {
+    className = '',
+    message
+  } = _ref;
+  if (!(message !== null && message !== void 0 && message.isAdminMessage || message !== null && message !== void 0 && message.messageType) || !(message !== null && message !== void 0 && (_message$isAdminMessa = message.isAdminMessage) !== null && _message$isAdminMessa !== void 0 && _message$isAdminMessa.call(message)) || (message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
     return null;
   }
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-admin-message'], false).join(' ')
+    className: [...(Array.isArray(className) ? className : [className]), 'sendbird-admin-message'].join(' ')
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-admin-message__text",
     type: ui_Label.LabelTypography.CAPTION_2,

package/cjs/ui/AdminMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminMessage.js","sources":["../../../src/ui/AdminMessage/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { AdminMessage as AdminMessageType } from '@sendbird/chat/message';\n\nimport './index.scss';\nimport Label, { LabelColors, LabelTypography } from '../Label';\n\ninterface AdminMessageProps {\n  className?: string | Array<string>;\n  message: AdminMessageType;\n}\n\nexport default function AdminMessage({\n  className = '',\n  message,\n}: AdminMessageProps): ReactElement {\n  if (!(message?.isAdminMessage || message?.messageType) || !message?.isAdminMessage?.() || message?.messageType !== 'admin') {\n    return null;\n  }\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-admin-message',\n      ].join(' ')}\n    >\n      <Label\n        className=\"sendbird-admin-message__text\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {message?.message}\n      </Label>\n    </div>\n  );\n}\n"],"names":["AdminMessage","_a","_c","className","message","isAdminMessage","messageType","_b","React","createElement","__spreadArray","Array","isArray","join","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_2"],"mappings":";;;;;;;;;;;;AAWwB,SAAAA,YAAYA,CAACC,EAGjB,EAAA;;AAFlB,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAc;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,OAAO,GAAAH,EAAA,CAAAG,OAAA,CAAA;EAEP,IAAI,EAAE,CAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEC,cAAc,MAAID,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEE,WAAW,CAAA,CAAC,IAAI,EAAC,CAAAC,EAAA,GAAAH,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEC,cAAc,uDAAI,CAAA,IAAI,CAAAD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEE,WAAW,MAAK,OAAO,EAAE;AAC1H,IAAA,OAAO,IAAI,CAAA;AACZ,GAAA;EACD,oBACEE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEN,IAAAA,SAAS,EAAEO,uBAAA,CAAAA,uBAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACT,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,wBAAwB,CACxB,EAAA,KAAA,CAAA,CAAAU,IAAI,CAAC,GAAG,CAAA;AAAE,GAAA,eAEZL,yBAAA,CAAAC,aAAA,CAACK,cAAK,EAAA;AACJX,IAAAA,SAAS,EAAC,8BAA8B;IACxCY,IAAI,EAAEC,wBAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;AAAe,GAAA,EAEjChB,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEA,OAAO,CAErB,CAAM,CAAA;AAEV;;;;"}
+{"version":3,"file":"AdminMessage.js","sources":["../../../src/ui/AdminMessage/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { AdminMessage as AdminMessageType } from '@sendbird/chat/message';\n\nimport './index.scss';\nimport Label, { LabelColors, LabelTypography } from '../Label';\n\ninterface AdminMessageProps {\n  className?: string | Array<string>;\n  message: AdminMessageType;\n}\n\nexport default function AdminMessage({\n  className = '',\n  message,\n}: AdminMessageProps): ReactElement {\n  if (!(message?.isAdminMessage || message?.messageType) || !message?.isAdminMessage?.() || message?.messageType !== 'admin') {\n    return null;\n  }\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-admin-message',\n      ].join(' ')}\n    >\n      <Label\n        className=\"sendbird-admin-message__text\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {message?.message}\n      </Label>\n    </div>\n  );\n}\n"],"names":["AdminMessage","_ref","_message$isAdminMessa","className","message","isAdminMessage","messageType","call","React","createElement","Array","isArray","join","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_2"],"mappings":";;;;;;;;;;;AAWe,SAASA,YAAYA,CAAAC,IAAA,EAGA;AAAA,EAAA,IAAAC,qBAAA,CAAA;EAAA,IAHC;AACnCC,IAAAA,SAAS,GAAG,EAAE;AACdC,IAAAA,OAAAA;AACiB,GAAC,GAAAH,IAAA,CAAA;EAClB,IAAI,EAAEG,OAAO,KAAPA,IAAAA,IAAAA,OAAO,eAAPA,OAAO,CAAEC,cAAc,IAAID,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,IAAAA,OAAO,CAAEE,WAAW,CAAC,IAAI,EAACF,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAAF,KAAAA,CAAAA,IAAAA,CAAAA,qBAAA,GAAPE,OAAO,CAAEC,cAAc,MAAAH,IAAAA,IAAAA,qBAAA,eAAvBA,qBAAA,CAAAK,IAAA,CAAAH,OAA0B,CAAC,KAAI,CAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEE,WAAW,MAAK,OAAO,EAAE;AAC1H,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;EACA,oBACEE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEN,SAAS,EAAE,CACT,IAAIO,KAAK,CAACC,OAAO,CAACR,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,wBAAwB,CACzB,CAACS,IAAI,CAAC,GAAG,CAAA;AAAE,GAAA,eAEZJ,yBAAA,CAAAC,aAAA,CAACI,cAAK,EAAA;AACJV,IAAAA,SAAS,EAAC,8BAA8B;IACxCW,IAAI,EAAEC,wBAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;GAElBf,EAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEA,OACL,CACJ,CAAC,CAAA;AAEV;;;;"}

package/cjs/ui/Avatar.js

@@ -2,23 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-8f4b0cfe.js');
 var React = require('react');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_Icon = require('./Icon.js');
-var uuid = require('../uuid-1ffa3b79.js');
+var uuid = require('../uuid-0b4ed44c.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var pxToNumber = (function (px) {
+var pxToNumber = (px => {
   if (typeof px === 'number') {
     return px;
   }
   if (typeof px === 'string') {
-    var parsed = Number.parseFloat(px);
+    const parsed = Number.parseFloat(px);
     if (!Number.isNaN(parsed)) {
       return parsed;
     }
@@ -26,12 +25,14 @@ var pxToNumber = (function (px) {
   return null;
 });
 
-var imageRendererClassName = 'sendbird-avatar-img';
-var DefaultComponent = function (_a) {
-  var width = _a.width,
-    height = _a.height;
-  var iconWidth = pxToNumber(width);
-  var iconHeight = pxToNumber(height);
+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;
   }
@@ -41,8 +42,8 @@ var DefaultComponent = function (_a) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-avatar-img--default",
     style: {
-      width: width,
-      height: height
+      width,
+      height
     }
   }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
     type: ui_Icon.IconTypes.USER,
@@ -51,31 +52,31 @@ var DefaultComponent = function (_a) {
     height: iconHeight
   }));
 };
-var _defaultComponent = function (_a) {
-  var width = _a.width,
-    height = _a.height;
+const _defaultComponent = _ref2 => {
+  let {
+    width,
+    height
+  } = _ref2;
   return /*#__PURE__*/React__default["default"].createElement(DefaultComponent, {
     width: width,
     height: height
   });
 };
-var AvatarInner = function (_a) {
-  var _b = _a.src,
-    src = _b === void 0 ? '' : _b,
-    _c = _a.alt,
-    alt = _c === void 0 ? '' : _c,
-    height = _a.height,
-    width = _a.width,
-    customDefaultComponent = _a.customDefaultComponent;
-  var defaultComponent = function () {
-    return customDefaultComponent ? customDefaultComponent({
-      width: width,
-      height: height
-    }) : _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["default"].createElement(ui_ImageRenderer, {
       className: imageRendererClassName,
@@ -146,17 +147,15 @@ var AvatarInner = function (_a) {
     }
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "sendbird-avatar--inner__four-child"
-    }, src.slice(0, 4).map(function (i) {
-      return /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
-        className: imageRendererClassName,
-        url: i,
-        height: height,
-        width: width,
-        alt: alt,
-        key: uuid.uuidv4(),
-        defaultComponent: defaultComponent
-      });
-    }));
+    }, src.slice(0, 4).map(i => /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
+      className: imageRendererClassName,
+      url: i,
+      height: height,
+      width: width,
+      alt: alt,
+      key: uuid.uuidv4(),
+      defaultComponent: defaultComponent
+    })));
   }
   // default img
   return /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
@@ -168,26 +167,23 @@ var AvatarInner = function (_a) {
     defaultComponent: defaultComponent
   });
 };
-function Avatar(_a, ref) {
-  var _b = _a.className,
-    className = _b === void 0 ? '' : _b,
-    _c = _a.src,
-    src = _c === void 0 ? '' : _c,
-    _d = _a.alt,
-    alt = _d === void 0 ? '' : _d,
-    _e = _a.width,
-    width = _e === void 0 ? '56px' : _e,
-    _f = _a.height,
-    height = _f === void 0 ? '56px' : _f,
-    onClick = _a.onClick,
-    customDefaultComponent = _a.customDefaultComponent;
+function Avatar(_ref4, ref) {
+  let {
+    className = '',
+    src = '',
+    alt = '',
+    width = '56px',
+    height = '56px',
+    onClick,
+    customDefaultComponent
+  } = _ref4;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-avatar'], false).join(' '),
+    className: [...(Array.isArray(className) ? className : [className]), 'sendbird-avatar'].join(' '),
     role: "button",
     ref: ref,
     style: {
-      height: height,
-      width: width
+      height,
+      width
     },
     onClick: onClick,
     onKeyDown: onClick,

package/cjs/ui/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/utils/pxToNumber.ts","../../../src/ui/Avatar/index.tsx"],"sourcesContent":["export default (px: string | number): number | void => {\n  if (typeof px === 'number') {\n    return px;\n  }\n  if (typeof px === 'string') {\n    const parsed = Number.parseFloat(px);\n    if (!Number.isNaN(parsed)) {\n      return parsed;\n    }\n  }\n  return null;\n};\n","import React, { ReactElement, RefObject } from 'react';\n\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes, IconColors } from '../Icon';\n\nimport './index.scss';\nimport { uuidv4 } from '../../utils/uuid';\nimport pxToNumber from '../../utils/pxToNumber';\n\nconst imageRendererClassName = 'sendbird-avatar-img';\n\ninterface DefaultComponentProps {\n  width: string | number,\n  height: string | number,\n}\n\nconst DefaultComponent = ({ width, height }: DefaultComponentProps): ReactElement => {\n  let iconWidth = pxToNumber(width);\n  let iconHeight = pxToNumber(height);\n  if (typeof iconWidth === 'number') {\n    iconWidth *= 0.575;\n  }\n  if (typeof iconHeight === 'number') {\n    iconHeight *= 0.575;\n  }\n\n  return (\n    <div className=\"sendbird-avatar-img--default\" style={{ width, height }}>\n      <Icon\n        type={IconTypes.USER}\n        fillColor={IconColors.CONTENT}\n        width={iconWidth}\n        height={iconHeight}\n      />\n    </div>\n  );\n};\n\nconst _defaultComponent = ({\n  width,\n  height,\n}: DefaultComponentProps) => (\n  <DefaultComponent width={width} height={height} />\n);\n\ninterface AvatarInnerProps {\n  height: string | number,\n  width: string | number,\n  src?: string | Array<string>,\n  alt?: string,\n  customDefaultComponent?({ width, height }: { width: number | string, height: number | string }): ReactElement;\n}\n\nexport const AvatarInner = ({\n  src = '',\n  alt = '',\n  height,\n  width,\n  customDefaultComponent,\n}: AvatarInnerProps): ReactElement => {\n  const defaultComponent = () => customDefaultComponent ? customDefaultComponent({ width, height }) : _defaultComponent({ width, height });\n\n  if (typeof src === 'string') {\n    return (\n      <ImageRenderer\n        className={imageRendererClassName}\n        url={src}\n        height={height}\n        width={width}\n        alt={alt}\n        defaultComponent={defaultComponent}\n      />\n    );\n  }\n\n  if (src && src.length) {\n    if (src.length === 1) {\n      return (\n        <ImageRenderer\n          className={imageRendererClassName}\n          url={src[0]}\n          height={height}\n          width={width}\n          alt={alt}\n          defaultComponent={defaultComponent}\n        />\n      );\n    }\n\n    if (src.length === 2) {\n      return (\n        <div className=\"sendbird-avatar--inner__two-child\">\n          <ImageRenderer\n            className={imageRendererClassName}\n            url={src[0]}\n            height={height}\n            width={width}\n            alt={alt}\n            defaultComponent={defaultComponent}\n          />\n          <ImageRenderer\n            className={imageRendererClassName}\n            url={src[1]}\n            height={height}\n            width={width}\n            alt={alt}\n            defaultComponent={defaultComponent}\n          />\n        </div>\n      );\n    }\n\n    if (src.length === 3) {\n      return (\n        <>\n          <div className=\"sendbird-avatar--inner__three-child--upper\">\n            <ImageRenderer\n              className={imageRendererClassName}\n              url={src[0]}\n              height={height}\n              width={width}\n              alt={alt}\n              defaultComponent={defaultComponent}\n            />\n          </div>\n          <div className=\"sendbird-avatar--inner__three-child--lower\">\n            <ImageRenderer\n              className={imageRendererClassName}\n              url={src[1]}\n              height={height}\n              width={width}\n              alt={alt}\n              defaultComponent={defaultComponent}\n            />\n            <ImageRenderer\n              className={imageRendererClassName}\n              url={src[2]}\n              height={height}\n              width={width}\n              alt={alt}\n              defaultComponent={defaultComponent}\n            />\n          </div>\n        </>\n      );\n    }\n\n    return (\n      <div className=\"sendbird-avatar--inner__four-child\">\n        {\n          src.slice(0, 4)\n            .map((i) => (\n              <ImageRenderer\n                className={imageRendererClassName}\n                url={i}\n                height={height}\n                width={width}\n                alt={alt}\n                key={uuidv4()}\n                defaultComponent={defaultComponent}\n              />\n            ))\n        }\n      </div>\n    );\n  }\n  // default img\n  return (\n    <ImageRenderer\n      className={imageRendererClassName}\n      url=\"\"\n      height={height}\n      width={width}\n      alt={alt}\n      defaultComponent={defaultComponent}\n    />\n  );\n};\n\ninterface AvatarProps {\n  className?: string | Array<string>,\n  height?: string | number,\n  width?: string | number,\n  src?: string | Array<string>,\n  alt?: string,\n  onClick?(): void,\n  customDefaultComponent?({ width, height }: { width: number | string, height: number | string }): ReactElement;\n}\n\nfunction Avatar(\n  {\n    className = '',\n    src = '',\n    alt = '',\n    width = '56px',\n    height = '56px',\n    onClick,\n    customDefaultComponent,\n  }: AvatarProps,\n  ref: RefObject<HTMLDivElement>,\n): ReactElement {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-avatar',\n      ].join(' ')}\n      role=\"button\"\n      ref={ref}\n      style={{ height, width }}\n      onClick={onClick}\n      onKeyDown={onClick}\n      tabIndex={0}\n    >\n      <AvatarInner\n        src={src}\n        width={width}\n        height={height}\n        alt={alt}\n        customDefaultComponent={customDefaultComponent}\n      />\n    </div>\n  );\n}\n\nexport default React.forwardRef(Avatar);\n"],"names":["px","parsed","Number","parseFloat","isNaN","imageRendererClassName","DefaultComponent","_a","width","height","iconWidth","pxToNumber","iconHeight","React","createElement","className","style","Icon","type","IconTypes","USER","fillColor","IconColors","CONTENT","_defaultComponent","AvatarInner","_b","src","_c","alt","customDefaultComponent","defaultComponent","ImageRenderer","url","length","Fragment","slice","map","i","key","uuidv4","Avatar","ref","_d","_e","_f","onClick","__spreadArray","Array","isArray","join","role","onKeyDown","tabIndex","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","sources":["../../../src/utils/pxToNumber.ts","../../../src/ui/Avatar/index.tsx"],"sourcesContent":["export default (px: string | number): number | void => {\n  if (typeof px === 'number') {\n    return px;\n  }\n  if (typeof px === 'string') {\n    const parsed = Number.parseFloat(px);\n    if (!Number.isNaN(parsed)) {\n      return parsed;\n    }\n  }\n  return null;\n};\n","import React, { ReactElement, RefObject } from 'react';\n\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes, IconColors } from '../Icon';\n\nimport './index.scss';\nimport { uuidv4 } from '../../utils/uuid';\nimport pxToNumber from '../../utils/pxToNumber';\n\nconst imageRendererClassName = 'sendbird-avatar-img';\n\ninterface DefaultComponentProps {\n  width: string | number,\n  height: string | number,\n}\n\nconst DefaultComponent = ({ width, height }: DefaultComponentProps): ReactElement => {\n  let iconWidth = pxToNumber(width);\n  let iconHeight = pxToNumber(height);\n  if (typeof iconWidth === 'number') {\n    iconWidth *= 0.575;\n  }\n  if (typeof iconHeight === 'number') {\n    iconHeight *= 0.575;\n  }\n\n  return (\n    <div className=\"sendbird-avatar-img--default\" style={{ width, height }}>\n      <Icon\n        type={IconTypes.USER}\n        fillColor={IconColors.CONTENT}\n        width={iconWidth}\n        height={iconHeight}\n      />\n    </div>\n  );\n};\n\nconst _defaultComponent = ({\n  width,\n  height,\n}: DefaultComponentProps) => (\n  <DefaultComponent width={width} height={height} />\n);\n\ninterface AvatarInnerProps {\n  height: string | number,\n  width: string | number,\n  src?: string | Array<string>,\n  alt?: string,\n  customDefaultComponent?({ width, height }: { width: number | string, height: number | string }): ReactElement;\n}\n\nexport const AvatarInner = ({\n  src = '',\n  alt = '',\n  height,\n  width,\n  customDefaultComponent,\n}: AvatarInnerProps): ReactElement => {\n  const defaultComponent = () => customDefaultComponent ? customDefaultComponent({ width, height }) : _defaultComponent({ width, height });\n\n  if (typeof src === 'string') {\n    return (\n      <ImageRenderer\n        className={imageRendererClassName}\n        url={src}\n        height={height}\n        width={width}\n        alt={alt}\n        defaultComponent={defaultComponent}\n      />\n    );\n  }\n\n  if (src && src.length) {\n    if (src.length === 1) {\n      return (\n        <ImageRenderer\n          className={imageRendererClassName}\n          url={src[0]}\n          height={height}\n          width={width}\n          alt={alt}\n          defaultComponent={defaultComponent}\n        />\n      );\n    }\n\n    if (src.length === 2) {\n      return (\n        <div className=\"sendbird-avatar--inner__two-child\">\n          <ImageRenderer\n            className={imageRendererClassName}\n            url={src[0]}\n            height={height}\n            width={width}\n            alt={alt}\n            defaultComponent={defaultComponent}\n          />\n          <ImageRenderer\n            className={imageRendererClassName}\n            url={src[1]}\n            height={height}\n            width={width}\n            alt={alt}\n            defaultComponent={defaultComponent}\n          />\n        </div>\n      );\n    }\n\n    if (src.length === 3) {\n      return (\n        <>\n          <div className=\"sendbird-avatar--inner__three-child--upper\">\n            <ImageRenderer\n              className={imageRendererClassName}\n              url={src[0]}\n              height={height}\n              width={width}\n              alt={alt}\n              defaultComponent={defaultComponent}\n            />\n          </div>\n          <div className=\"sendbird-avatar--inner__three-child--lower\">\n            <ImageRenderer\n              className={imageRendererClassName}\n              url={src[1]}\n              height={height}\n              width={width}\n              alt={alt}\n              defaultComponent={defaultComponent}\n            />\n            <ImageRenderer\n              className={imageRendererClassName}\n              url={src[2]}\n              height={height}\n              width={width}\n              alt={alt}\n              defaultComponent={defaultComponent}\n            />\n          </div>\n        </>\n      );\n    }\n\n    return (\n      <div className=\"sendbird-avatar--inner__four-child\">\n        {\n          src.slice(0, 4)\n            .map((i) => (\n              <ImageRenderer\n                className={imageRendererClassName}\n                url={i}\n                height={height}\n                width={width}\n                alt={alt}\n                key={uuidv4()}\n                defaultComponent={defaultComponent}\n              />\n            ))\n        }\n      </div>\n    );\n  }\n  // default img\n  return (\n    <ImageRenderer\n      className={imageRendererClassName}\n      url=\"\"\n      height={height}\n      width={width}\n      alt={alt}\n      defaultComponent={defaultComponent}\n    />\n  );\n};\n\ninterface AvatarProps {\n  className?: string | Array<string>,\n  height?: string | number,\n  width?: string | number,\n  src?: string | Array<string>,\n  alt?: string,\n  onClick?(): void,\n  customDefaultComponent?({ width, height }: { width: number | string, height: number | string }): ReactElement;\n}\n\nfunction Avatar(\n  {\n    className = '',\n    src = '',\n    alt = '',\n    width = '56px',\n    height = '56px',\n    onClick,\n    customDefaultComponent,\n  }: AvatarProps,\n  ref: RefObject<HTMLDivElement>,\n): ReactElement {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-avatar',\n      ].join(' ')}\n      role=\"button\"\n      ref={ref}\n      style={{ height, width }}\n      onClick={onClick}\n      onKeyDown={onClick}\n      tabIndex={0}\n    >\n      <AvatarInner\n        src={src}\n        width={width}\n        height={height}\n        alt={alt}\n        customDefaultComponent={customDefaultComponent}\n      />\n    </div>\n  );\n}\n\nexport default React.forwardRef(Avatar);\n"],"names":["px","parsed","Number","parseFloat","isNaN","imageRendererClassName","DefaultComponent","_ref","width","height","iconWidth","pxToNumber","iconHeight","React","createElement","className","style","Icon","type","IconTypes","USER","fillColor","IconColors","CONTENT","_defaultComponent","_ref2","AvatarInner","_ref3","src","alt","customDefaultComponent","defaultComponent","ImageRenderer","url","length","Fragment","slice","map","i","key","uuidv4","Avatar","_ref4","ref","onClick","Array","isArray","join","role","onKeyDown","tabIndex","forwardRef"],"mappings":"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"}

package/cjs/ui/Badge.js

@@ -1,33 +1,34 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-8f4b0cfe.js');
 var React = require('react');
-var ui_Label = require('../index-b8a20afd.js');
-var LocalizationContext = require('../LocalizationContext-498cb747.js');
+var ui_Label = require('../index-73643285.js');
+var LocalizationContext = require('../LocalizationContext-af96cf5f.js');
 require('prop-types');
-require('../stringSet-061fe0c1.js');
-require('../index-8b6bb1ee.js');
+require('../stringSet-68748705.js');
+require('../index-83d1d15e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function Badge(_a) {
-  var count = _a.count,
-    _b = _a.maxLevel,
-    maxLevel = _b === void 0 ? 2 : _b,
-    _c = _a.className,
-    className = _c === void 0 ? '' : _c;
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  var maximumNumber = parseInt('9'.repeat(maxLevel > 6 ? 6 : maxLevel), 10);
+function Badge(_ref) {
+  let {
+    count,
+    maxLevel = 2,
+    className = ''
+  } = _ref;
+  const {
+    stringSet
+  } = React.useContext(LocalizationContext.LocalizationContext);
+  const maximumNumber = parseInt('9'.repeat(maxLevel > 6 ? 6 : maxLevel), 10);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-badge'], false).join(' ')
+    className: [...(Array.isArray(className) ? className : [className]), 'sendbird-badge'].join(' ')
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-badge__text"
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     type: ui_Label.LabelTypography.CAPTION_2,
     color: ui_Label.LabelColors.ONCONTENT_1
-  }, count > maximumNumber ? "".concat(maximumNumber).concat(stringSet.BADGE__OVER) : count)));
+  }, count > maximumNumber ? `${maximumNumber}${stringSet.BADGE__OVER}` : count)));
 }
 
 module.exports = Badge;

package/cjs/ui/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/ui/Badge/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\n\nimport './index.scss';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nexport interface BadgeProps {\n  count: number;\n  maxLevel?: number;\n  className?: string | Array<string>;\n}\n\nexport default function Badge({\n  count,\n  maxLevel = 2,\n  className = '',\n}: BadgeProps): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const maximumNumber = parseInt('9'.repeat((maxLevel > 6) ? 6 : maxLevel), 10);\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-badge',\n      ].join(' ')}\n    >\n      <div className=\"sendbird-badge__text\">\n        <Label\n          type={LabelTypography.CAPTION_2}\n          color={LabelColors.ONCONTENT_1}\n        >\n          {\n            (count > maximumNumber)\n              ? `${maximumNumber}${stringSet.BADGE__OVER}`\n              : count\n          }\n        </Label>\n      </div>\n    </div>\n  );\n}\n"],"names":["Badge","_a","count","_b","maxLevel","_c","className","stringSet","useContext","LocalizationContext","maximumNumber","parseInt","repeat","React","createElement","__spreadArray","Array","isArray","join","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONCONTENT_1","concat","BADGE__OVER"],"mappings":";;;;;;;;;;;;;;AAYwB,SAAAA,KAAKA,CAACC,EAIjB,EAAA;AAHX,EAAA,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;IACLC,EAAY,GAAAF,EAAA,CAAAG,QAAA;IAAZA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,CAAC,GAAAA,EAAA;IACZE,EAAc,GAAAJ,EAAA,CAAAK,SAAA;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA,CAAA;AAEN,EAAA,IAAAE,SAAS,GAAKC,gBAAU,CAACC,uCAAmB,CAAC,UAApC,CAAA;AACjB,EAAA,IAAMC,aAAa,GAAGC,QAAQ,CAAC,GAAG,CAACC,MAAM,CAAER,QAAQ,GAAG,CAAC,GAAI,CAAC,GAAGA,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAA;EAC7E,oBACES,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACER,IAAAA,SAAS,EAAES,uBAAA,CAAAA,uBAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACX,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,gBAAgB,CAChB,EAAA,KAAA,CAAA,CAAAY,IAAI,CAAC,GAAG,CAAA;GAEVL,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKR,IAAAA,SAAS,EAAC,sBAAA;AAAsB,GAAA,eACnCO,yBAAA,CAAAC,aAAA,CAACK,cAAK,EAAA;IACJC,IAAI,EAAEC,wBAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,oBAAW,CAACC,WAAAA;GAGhBvB,EAAAA,KAAK,GAAGQ,aAAa,GAClB,EAAG,CAAAgB,MAAA,CAAAhB,aAAa,SAAGH,SAAS,CAACoB,WAAW,CAAE,GAC1CzB,KAAK,CAGf,CACF,CAAM,CAAA;AAEV;;;;"}
+{"version":3,"file":"Badge.js","sources":["../../../src/ui/Badge/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\n\nimport './index.scss';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nexport interface BadgeProps {\n  count: number;\n  maxLevel?: number;\n  className?: string | Array<string>;\n}\n\nexport default function Badge({\n  count,\n  maxLevel = 2,\n  className = '',\n}: BadgeProps): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const maximumNumber = parseInt('9'.repeat((maxLevel > 6) ? 6 : maxLevel), 10);\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-badge',\n      ].join(' ')}\n    >\n      <div className=\"sendbird-badge__text\">\n        <Label\n          type={LabelTypography.CAPTION_2}\n          color={LabelColors.ONCONTENT_1}\n        >\n          {\n            (count > maximumNumber)\n              ? `${maximumNumber}${stringSet.BADGE__OVER}`\n              : count\n          }\n        </Label>\n      </div>\n    </div>\n  );\n}\n"],"names":["Badge","_ref","count","maxLevel","className","stringSet","useContext","LocalizationContext","maximumNumber","parseInt","repeat","React","createElement","Array","isArray","join","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONCONTENT_1","BADGE__OVER"],"mappings":";;;;;;;;;;;;;AAYe,SAASA,KAAKA,CAAAC,IAAA,EAIA;EAAA,IAJC;IAC5BC,KAAK;AACLC,IAAAA,QAAQ,GAAG,CAAC;AACZC,IAAAA,SAAS,GAAG,EAAA;AACF,GAAC,GAAAH,IAAA,CAAA;EACX,MAAM;AAAEI,IAAAA,SAAAA;AAAU,GAAC,GAAGC,gBAAU,CAACC,uCAAmB,CAAC,CAAA;AACrD,EAAA,MAAMC,aAAa,GAAGC,QAAQ,CAAC,GAAG,CAACC,MAAM,CAAEP,QAAQ,GAAG,CAAC,GAAI,CAAC,GAAGA,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAA;EAC7E,oBACEQ,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACER,SAAS,EAAE,CACT,IAAIS,KAAK,CAACC,OAAO,CAACV,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,gBAAgB,CACjB,CAACW,IAAI,CAAC,GAAG,CAAA;GAEVJ,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKR,IAAAA,SAAS,EAAC,sBAAA;AAAsB,GAAA,eACnCO,yBAAA,CAAAC,aAAA,CAACI,cAAK,EAAA;IACJC,IAAI,EAAEC,wBAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,oBAAW,CAACC,WAAAA;AAAY,GAAA,EAG5BpB,KAAK,GAAGM,aAAa,GACjB,GAAEA,aAAc,CAAA,EAAEH,SAAS,CAACkB,WAAY,CAAC,CAAA,GAC1CrB,KAED,CACJ,CACF,CAAC,CAAA;AAEV;;;;"}

package/cjs/ui/BottomSheet.js

@@ -2,19 +2,21 @@
 
 var React = require('react');
 var reactDom = require('react-dom');
-var index = require('../index-67f813a3.js');
+var index = require('../index-68c57136.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var BottomSheet = function (props) {
-  var _a = props.className,
-    className = _a === void 0 ? '' : _a,
-    children = props.children,
-    onBackdropClick = props.onBackdropClick;
+const BottomSheet = props => {
+  const {
+    className = '',
+    children,
+    onBackdropClick
+  } = props;
+
   // https://github.com/testing-library/react-testing-library/issues/62#issuecomment-438653348
-  var portalRoot = React.useRef();
+  const portalRoot = React.useRef();
   portalRoot.current = document.getElementById(index.MODAL_ROOT);
   if (!portalRoot.current) {
     portalRoot.current = document.createElement('div');
@@ -22,15 +24,17 @@ var BottomSheet = function (props) {
     document.body.appendChild(portalRoot.current);
   }
   return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(className, " sendbird-bottomsheet")
+    className: `${className} sendbird-bottomsheet`
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'sendbird-bottomsheet__content',
     role: "dialog",
     "aria-modal": "true",
     "aria-expanded": "true"
   }, children), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "\n          sendbird-bottomsheet__backdrop\n        ",
-    onClick: function (e) {
+    className: `
+          sendbird-bottomsheet__backdrop
+        `,
+    onClick: e => {
       e === null || e === void 0 ? void 0 : e.stopPropagation();
       onBackdropClick();
     }

package/cjs/ui/BottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.js","sources":["../../../src/ui/BottomSheet/index.tsx"],"sourcesContent":["import './bottom-sheet.scss';\nimport React, { useRef } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\n\ninterface BottomSheetProps {\n  className?: string;\n  children: React.ReactElement;\n  onBackdropClick?: () => void;\n}\n\nconst BottomSheet: React.FunctionComponent<BottomSheetProps> = (props: BottomSheetProps) => {\n  const {\n    className = '',\n    children,\n    onBackdropClick,\n  } = props;\n\n  // https://github.com/testing-library/react-testing-library/issues/62#issuecomment-438653348\n  const portalRoot = useRef<HTMLElement>();\n  portalRoot.current = document.getElementById(MODAL_ROOT);\n  if (!portalRoot.current) {\n    portalRoot.current = document.createElement('div')\n    portalRoot.current.setAttribute('id', MODAL_ROOT);\n    document.body.appendChild(portalRoot.current);\n  }\n  return createPortal(\n    <div\n      className={`${className} sendbird-bottomsheet`}\n    >\n      <div\n        className={'sendbird-bottomsheet__content'}\n        role='dialog'\n        aria-modal='true'\n        aria-expanded='true'\n      >\n        {children}\n      </div>\n      <div\n        className={`\n          sendbird-bottomsheet__backdrop\n        `}\n        onClick={(e) => {\n          e?.stopPropagation();\n          onBackdropClick();\n        }}\n      />\n    </div>,\n    portalRoot.current);\n};\n\nexport default BottomSheet;\n"],"names":["BottomSheet","props","_a","className","children","onBackdropClick","portalRoot","useRef","current","document","getElementById","MODAL_ROOT","createElement","setAttribute","body","appendChild","createPortal","React","concat","role","onClick","e","stopPropagation"],"mappings":";;;;;;;;;;AAYA,IAAMA,WAAW,GAA8C,UAACC,KAAuB,EAAA;AAEnF,EAAA,IAAAC,KAGED,KAAK,CAAAE,SAHO;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,QAAQ,GAENH,KAAK,CAFCG,QAAA;IACRC,eAAe,GACbJ,KAAK,gBADQ,CAAA;AAGjB;EACA,IAAMK,UAAU,GAAGC,YAAM,EAAe,CAAA;EACxCD,UAAU,CAACE,OAAO,GAAGC,QAAQ,CAACC,cAAc,CAACC,gBAAU,CAAC,CAAA;AACxD,EAAA,IAAI,CAACL,UAAU,CAACE,OAAO,EAAE;IACvBF,UAAU,CAACE,OAAO,GAAGC,QAAQ,CAACG,aAAa,CAAC,KAAK,CAAC,CAAA;IAClDN,UAAU,CAACE,OAAO,CAACK,YAAY,CAAC,IAAI,EAAEF,gBAAU,CAAC,CAAA;IACjDF,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACT,UAAU,CAACE,OAAO,CAAC,CAAA;AAC9C,GAAA;AACD,EAAA,oBAAOQ,qBAAY,eACjBC,yBAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAE,EAAG,CAAAe,MAAA,CAAAf,SAAS,EAAuB,uBAAA,CAAA;GAE9Cc,eAAAA,yBAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAE,+BAAgC;AAC3CgB,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAW,MAAM;IACjB,eAAc,EAAA,MAAA;AAAM,GAAA,EAEnBf,QAAQ,CAEX,eAAAa,yBAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAE,sDAET;AACFiB,IAAAA,OAAO,EAAE,UAACC,CAAC,EAAA;AACTA,MAAAA,CAAC,aAADA,CAAC,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAADA,CAAC,CAAEC,eAAe,EAAE,CAAA;AACpBjB,MAAAA,eAAe,EAAE,CAAA;AACnB,KAAA;AAAE,GAAA,CAEN,CAAM,EACNC,UAAU,CAACE,OAAO,CAAC,CAAA;AACvB;;;;"}
+{"version":3,"file":"BottomSheet.js","sources":["../../../src/ui/BottomSheet/index.tsx"],"sourcesContent":["import './bottom-sheet.scss';\nimport React, { useRef } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\n\ninterface BottomSheetProps {\n  className?: string;\n  children: React.ReactElement;\n  onBackdropClick?: () => void;\n}\n\nconst BottomSheet: React.FunctionComponent<BottomSheetProps> = (props: BottomSheetProps) => {\n  const {\n    className = '',\n    children,\n    onBackdropClick,\n  } = props;\n\n  // https://github.com/testing-library/react-testing-library/issues/62#issuecomment-438653348\n  const portalRoot = useRef<HTMLElement>();\n  portalRoot.current = document.getElementById(MODAL_ROOT);\n  if (!portalRoot.current) {\n    portalRoot.current = document.createElement('div')\n    portalRoot.current.setAttribute('id', MODAL_ROOT);\n    document.body.appendChild(portalRoot.current);\n  }\n  return createPortal(\n    <div\n      className={`${className} sendbird-bottomsheet`}\n    >\n      <div\n        className={'sendbird-bottomsheet__content'}\n        role='dialog'\n        aria-modal='true'\n        aria-expanded='true'\n      >\n        {children}\n      </div>\n      <div\n        className={`\n          sendbird-bottomsheet__backdrop\n        `}\n        onClick={(e) => {\n          e?.stopPropagation();\n          onBackdropClick();\n        }}\n      />\n    </div>,\n    portalRoot.current);\n};\n\nexport default BottomSheet;\n"],"names":["BottomSheet","props","className","children","onBackdropClick","portalRoot","useRef","current","document","getElementById","MODAL_ROOT","createElement","setAttribute","body","appendChild","createPortal","React","role","onClick","e","stopPropagation"],"mappings":";;;;;;;;;;AAYMA,MAAAA,WAAsD,GAAIC,KAAuB,IAAK;EAC1F,MAAM;AACJC,IAAAA,SAAS,GAAG,EAAE;IACdC,QAAQ;AACRC,IAAAA,eAAAA;AACF,GAAC,GAAGH,KAAK,CAAA;;AAET;AACA,EAAA,MAAMI,UAAU,GAAGC,YAAM,EAAe,CAAA;EACxCD,UAAU,CAACE,OAAO,GAAGC,QAAQ,CAACC,cAAc,CAACC,gBAAU,CAAC,CAAA;AACxD,EAAA,IAAI,CAACL,UAAU,CAACE,OAAO,EAAE;IACvBF,UAAU,CAACE,OAAO,GAAGC,QAAQ,CAACG,aAAa,CAAC,KAAK,CAAC,CAAA;IAClDN,UAAU,CAACE,OAAO,CAACK,YAAY,CAAC,IAAI,EAAEF,gBAAU,CAAC,CAAA;IACjDF,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACT,UAAU,CAACE,OAAO,CAAC,CAAA;AAC/C,GAAA;AACA,EAAA,oBAAOQ,qBAAY,eACjBC,yBAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;IACET,SAAS,EAAG,GAAEA,SAAU,CAAA,qBAAA,CAAA;GAExBc,eAAAA,yBAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAE,+BAAgC;AAC3Ce,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAW,MAAM;IACjB,eAAc,EAAA,MAAA;AAAM,GAAA,EAEnBd,QACE,CAAC,eACNa,yBAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAG,CAAA;AACpB;AACA,QAAU,CAAA;IACFgB,OAAO,EAAGC,CAAC,IAAK;AACdA,MAAAA,CAAC,aAADA,CAAC,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAADA,CAAC,CAAEC,eAAe,EAAE,CAAA;AACpBhB,MAAAA,eAAe,EAAE,CAAA;AACnB,KAAA;AAAE,GACH,CACE,CAAC,EACNC,UAAU,CAACE,OAAO,CAAC,CAAA;AACvB;;;;"}

package/cjs/ui/Button.js

@@ -2,28 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-8f4b0cfe.js');
 var React = require('react');
-var ui_Label = require('../index-b8a20afd.js');
+var ui_Label = require('../index-73643285.js');
 require('prop-types');
-require('../stringSet-061fe0c1.js');
+require('../stringSet-68748705.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ButtonTypes$1;
-(function (ButtonTypes) {
+let ButtonTypes$1 = /*#__PURE__*/function (ButtonTypes) {
   ButtonTypes["PRIMARY"] = "PRIMARY";
   ButtonTypes["SECONDARY"] = "SECONDARY";
   ButtonTypes["DANGER"] = "DANGER";
   ButtonTypes["DISABLED"] = "DISABLED";
-})(ButtonTypes$1 || (ButtonTypes$1 = {}));
-var ButtonSizes$1;
-(function (ButtonSizes) {
+  return ButtonTypes;
+}({});
+let ButtonSizes$1 = /*#__PURE__*/function (ButtonSizes) {
   ButtonSizes["BIG"] = "BIG";
   ButtonSizes["SMALL"] = "SMALL";
-})(ButtonSizes$1 || (ButtonSizes$1 = {}));
+  return ButtonSizes;
+}({});
 
 function changeTypeToClassName(type) {
   switch (type) {
@@ -50,21 +49,18 @@ function changeSizeToClassName(size) {
   }
 }
 
-var ButtonTypes = ButtonTypes$1;
-var ButtonSizes = ButtonSizes$1;
-function Button(_a) {
-  var className = _a.className,
-    _b = _a.type,
-    type = _b === void 0 ? ButtonTypes.PRIMARY : _b,
-    _c = _a.size,
-    size = _c === void 0 ? ButtonSizes.BIG : _c,
-    _d = _a.children,
-    children = _d === void 0 ? 'Button' : _d,
-    _e = _a.disabled,
-    disabled = _e === void 0 ? false : _e,
-    _f = _a.onClick,
-    onClick = _f === void 0 ? function () {} : _f;
-  var injectingClassNames = tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-button', disabled ? 'sendbird-button__disabled' : '', changeTypeToClassName(type), changeSizeToClassName(size)], false).join(' ');
+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["default"].createElement("button", {
     className: injectingClassNames,
     type: "button",

package/cjs/ui/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/ui/Button/types.ts","../../../src/ui/Button/utils.ts","../../../src/ui/Button/index.tsx"],"sourcesContent":["export enum ButtonTypes {\n  PRIMARY = 'PRIMARY',\n  SECONDARY = 'SECONDARY',\n  DANGER = 'DANGER',\n  DISABLED = 'DISABLED',\n}\nexport enum ButtonSizes {\n  BIG = 'BIG',\n  SMALL = 'SMALL',\n}\n","import { ButtonTypes, ButtonSizes } from './types';\n\nexport function changeTypeToClassName(type: ButtonTypes): string {\n  switch (type) {\n    case ButtonTypes.PRIMARY: return 'sendbird-button--primary';\n    case ButtonTypes.SECONDARY: return 'sendbird-button--secondary';\n    case ButtonTypes.DANGER: return 'sendbird-button--danger';\n    case ButtonTypes.DISABLED: return 'sendbird-button--disabled';\n    default: return null;\n  }\n}\n\nexport function changeSizeToClassName(size: ButtonSizes): string {\n  switch (size) {\n    case ButtonSizes.BIG: return 'sendbird-button--big';\n    case ButtonSizes.SMALL: return 'sendbird-button--small';\n    default: return null;\n  }\n}\n","import React, { ReactElement } from 'react';\n\nimport './index.scss';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { changeTypeToClassName, changeSizeToClassName } from './utils';\nimport {\n  ButtonTypes as ButtonTypes_,\n  ButtonSizes as ButtonSizes_,\n} from './types';\n\nexport const ButtonTypes = ButtonTypes_;\nexport const ButtonSizes = ButtonSizes_;\n\nexport interface ButtonProps {\n  className?: string | Array<string>;\n  type?: ButtonTypes_;\n  size?: ButtonSizes_;\n  children: string | ReactElement;\n  disabled?: boolean;\n  onClick?: () => void;\n}\n\nexport default function Button({\n  className,\n  type = ButtonTypes.PRIMARY,\n  size = ButtonSizes.BIG,\n  children = 'Button',\n  disabled = false,\n  onClick = () => { /* noop */ },\n}: ButtonProps): ReactElement {\n  const injectingClassNames = [\n    ...((Array.isArray(className)) ? className : [className]),\n    'sendbird-button',\n    (disabled ? 'sendbird-button__disabled' : ''),\n    changeTypeToClassName(type),\n    changeSizeToClassName(size),\n  ].join(' ');\n\n  return (\n    <button\n      className={injectingClassNames}\n      type=\"button\"\n      onClick={onClick}\n      disabled={disabled}\n    >\n      <Label\n        className=\"sendbird-button__text\"\n        type={LabelTypography.BUTTON_1}\n        color={LabelColors.ONCONTENT_1}\n      >\n        {children}\n      </Label>\n    </button>\n  );\n}\n"],"names":["ButtonTypes","ButtonSizes","changeTypeToClassName","type","PRIMARY","SECONDARY","DANGER","DISABLED","changeSizeToClassName","size","BIG","SMALL","ButtonTypes_","ButtonSizes_","Button","_a","className","_b","_c","_d","children","_e","disabled","_f","onClick","injectingClassNames","__spreadArray","Array","isArray","join","React","createElement","Label","LabelTypography","BUTTON_1","color","LabelColors","ONCONTENT_1"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../src/ui/Button/types.ts","../../../src/ui/Button/utils.ts","../../../src/ui/Button/index.tsx"],"sourcesContent":["export enum ButtonTypes {\n  PRIMARY = 'PRIMARY',\n  SECONDARY = 'SECONDARY',\n  DANGER = 'DANGER',\n  DISABLED = 'DISABLED',\n}\nexport enum ButtonSizes {\n  BIG = 'BIG',\n  SMALL = 'SMALL',\n}\n","import { ButtonTypes, ButtonSizes } from './types';\n\nexport function changeTypeToClassName(type: ButtonTypes): string {\n  switch (type) {\n    case ButtonTypes.PRIMARY: return 'sendbird-button--primary';\n    case ButtonTypes.SECONDARY: return 'sendbird-button--secondary';\n    case ButtonTypes.DANGER: return 'sendbird-button--danger';\n    case ButtonTypes.DISABLED: return 'sendbird-button--disabled';\n    default: return null;\n  }\n}\n\nexport function changeSizeToClassName(size: ButtonSizes): string {\n  switch (size) {\n    case ButtonSizes.BIG: return 'sendbird-button--big';\n    case ButtonSizes.SMALL: return 'sendbird-button--small';\n    default: return null;\n  }\n}\n","import React, { ReactElement } from 'react';\n\nimport './index.scss';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { changeTypeToClassName, changeSizeToClassName } from './utils';\nimport {\n  ButtonTypes as ButtonTypes_,\n  ButtonSizes as ButtonSizes_,\n} from './types';\n\nexport const ButtonTypes = ButtonTypes_;\nexport const ButtonSizes = ButtonSizes_;\n\nexport interface ButtonProps {\n  className?: string | Array<string>;\n  type?: ButtonTypes_;\n  size?: ButtonSizes_;\n  children: string | ReactElement;\n  disabled?: boolean;\n  onClick?: () => void;\n}\n\nexport default function Button({\n  className,\n  type = ButtonTypes.PRIMARY,\n  size = ButtonSizes.BIG,\n  children = 'Button',\n  disabled = false,\n  onClick = () => { /* noop */ },\n}: ButtonProps): ReactElement {\n  const injectingClassNames = [\n    ...((Array.isArray(className)) ? className : [className]),\n    'sendbird-button',\n    (disabled ? 'sendbird-button__disabled' : ''),\n    changeTypeToClassName(type),\n    changeSizeToClassName(size),\n  ].join(' ');\n\n  return (\n    <button\n      className={injectingClassNames}\n      type=\"button\"\n      onClick={onClick}\n      disabled={disabled}\n    >\n      <Label\n        className=\"sendbird-button__text\"\n        type={LabelTypography.BUTTON_1}\n        color={LabelColors.ONCONTENT_1}\n      >\n        {children}\n      </Label>\n    </button>\n  );\n}\n"],"names":["ButtonTypes","ButtonSizes","changeTypeToClassName","type","PRIMARY","SECONDARY","DANGER","DISABLED","changeSizeToClassName","size","BIG","SMALL","ButtonTypes_","ButtonSizes_","Button","_ref","className","children","disabled","onClick","injectingClassNames","Array","isArray","join","React","createElement","Label","LabelTypography","BUTTON_1","color","LabelColors","ONCONTENT_1"],"mappings":";;;;;;;;;;;;;AAAYA,IAAAA,aAAW,0BAAXA,WAAW,EAAA;EAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAXA,WAAW,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAAXA,WAAW,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAXA,WAAW,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AAMXC,IAAAA,aAAW,0BAAXA,WAAW,EAAA;EAAXA,WAAW,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAAXA,WAAW,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA,CAAA;;ACJhB,SAASC,qBAAqBA,CAACC,IAAiB,EAAU;AAC/D,EAAA,QAAQA,IAAI;IACV,KAAKH,aAAW,CAACI,OAAO;AAAE,MAAA,OAAO,0BAA0B,CAAA;IAC3D,KAAKJ,aAAW,CAACK,SAAS;AAAE,MAAA,OAAO,4BAA4B,CAAA;IAC/D,KAAKL,aAAW,CAACM,MAAM;AAAE,MAAA,OAAO,yBAAyB,CAAA;IACzD,KAAKN,aAAW,CAACO,QAAQ;AAAE,MAAA,OAAO,2BAA2B,CAAA;AAC7D,IAAA;AAAS,MAAA,OAAO,IAAI,CAAA;AACtB,GAAA;AACF,CAAA;AAEO,SAASC,qBAAqBA,CAACC,IAAiB,EAAU;AAC/D,EAAA,QAAQA,IAAI;IACV,KAAKR,aAAW,CAACS,GAAG;AAAE,MAAA,OAAO,sBAAsB,CAAA;IACnD,KAAKT,aAAW,CAACU,KAAK;AAAE,MAAA,OAAO,wBAAwB,CAAA;AACvD,IAAA;AAAS,MAAA,OAAO,IAAI,CAAA;AACtB,GAAA;AACF;;ACRO,MAAMX,WAAW,GAAGY,cAAY;AAChC,MAAMX,WAAW,GAAGY,cAAY;AAWxB,SAASC,MAAMA,CAAAC,IAAA,EAOA;EAAA,IAPC;IAC7BC,SAAS;IACTb,IAAI,GAAGH,WAAW,CAACI,OAAO;IAC1BK,IAAI,GAAGR,WAAW,CAACS,GAAG;AACtBO,IAAAA,QAAQ,GAAG,QAAQ;AACnBC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,OAAO,GAAGA,MAAM,YAAE;AACP,GAAC,GAAAJ,IAAA,CAAA;AACZ,EAAA,MAAMK,mBAAmB,GAAG,CAC1B,IAAKC,KAAK,CAACC,OAAO,CAACN,SAAS,CAAC,GAAIA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACzD,iBAAiB,EAChBE,QAAQ,GAAG,2BAA2B,GAAG,EAAE,EAC5ChB,qBAAqB,CAACC,IAAI,CAAC,EAC3BK,qBAAqB,CAACC,IAAI,CAAC,CAC5B,CAACc,IAAI,CAAC,GAAG,CAAC,CAAA;EAEX,oBACEC,yBAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AACET,IAAAA,SAAS,EAAEI,mBAAoB;AAC/BjB,IAAAA,IAAI,EAAC,QAAQ;AACbgB,IAAAA,OAAO,EAAEA,OAAQ;AACjBD,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,eAEnBM,yBAAA,CAAAC,aAAA,CAACC,cAAK,EAAA;AACJV,IAAAA,SAAS,EAAC,uBAAuB;IACjCb,IAAI,EAAEwB,wBAAe,CAACC,QAAS;IAC/BC,KAAK,EAAEC,oBAAW,CAACC,WAAAA;GAElBd,EAAAA,QACI,CACD,CAAC,CAAA;AAEb;;;;;;"}