@sendbird/uikit-react 3.7.0 → 3.8.0

package/cjs/ui/ImageRenderer.js

@@ -2,170 +2,119 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-c74b513f.js');
+var _tslib = require('../chunks/bundle-hK4x7nmG.js');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var numberToPx = (function (value) {
-  return typeof value === 'number' ? "".concat(value, "px") : value;
+var numberToPx = (function (value) {
+    return typeof value === 'number' ? "".concat(value, "px") : value;
 });
 
-function getDynamicMinLengthInPx(sideLength, maxSideLength, defaultMinLength) {
-  var _a;
-  return "min(".concat(maxSideLength !== null && maxSideLength !== void 0 ? maxSideLength : defaultMinLength, ", ").concat((_a = numberToPx(sideLength)) !== null && _a !== void 0 ? _a : defaultMinLength, ")");
+function getDynamicMinLengthInPx(sideLength, maxSideLength, defaultMinLength) {
+    var _a;
+    return "min(".concat(maxSideLength !== null && maxSideLength !== void 0 ? maxSideLength : defaultMinLength, ", ").concat((_a = numberToPx(sideLength)) !== null && _a !== void 0 ? _a : defaultMinLength, ")");
 }
 
-function useDynamicSideLength(_a) {
-  var width = _a.width,
-    height = _a.height,
-    maxSideLength = _a.maxSideLength,
-    defaultMinLength = _a.defaultMinLength;
-  var dynamicMinWidth = React.useMemo(function () {
-    return getDynamicMinLengthInPx(width, maxSideLength, defaultMinLength);
-  }, [width]);
-  var dynamicMinHeight = React.useMemo(function () {
-    return getDynamicMinLengthInPx(height, maxSideLength, defaultMinLength);
-  }, [height]);
-  return [dynamicMinWidth, dynamicMinHeight];
+function useDynamicSideLength(_a) {
+    var width = _a.width, height = _a.height, maxSideLength = _a.maxSideLength, defaultMinLength = _a.defaultMinLength;
+    var dynamicMinWidth = React.useMemo(function () {
+        return getDynamicMinLengthInPx(width, maxSideLength, defaultMinLength);
+    }, [width]);
+    var dynamicMinHeight = React.useMemo(function () {
+        return getDynamicMinLengthInPx(height, maxSideLength, defaultMinLength);
+    }, [height]);
+    return [dynamicMinWidth, dynamicMinHeight];
 }
 
-/*
-  ImageRenderer displays image with url or source
-  it checks if the source exist with img tag first
-  if it exists onLoad is called, if not onError is called
-  and those properties switch img tag to real purposing element
-*/
-function getBorderRadiusForImageRenderer(circle, borderRadius) {
-  if (circle === void 0) {
-    circle = false;
-  }
-  if (borderRadius === void 0) {
-    borderRadius = null;
-  }
-  return circle ? '50%' : numberToPx(borderRadius);
-}
-function getBorderRadiusForMultipleImageRenderer(borderRadius, index, totalCount) {
-  var value = parseInt(borderRadius);
-  var lastIndex = totalCount - 1;
-  var topLeft = index === 0 ? value * 2 : value;
-  var topRight = index === 1 ? value * 2 : value;
-  var bottomRight = index === lastIndex ? value * 2 : value;
-  var bottomLeft = index === lastIndex - 1 ? value * 2 : value;
-  return "".concat(topLeft, "px ").concat(topRight, "px ").concat(bottomRight, "px ").concat(bottomLeft, "px");
-}
-var ImageRenderer = function (_a) {
-  var _b = _a.className,
-    className = _b === void 0 ? '' : _b,
-    url = _a.url,
-    _c = _a.alt,
-    alt = _c === void 0 ? '' : _c,
-    _d = _a.width,
-    width = _d === void 0 ? null : _d,
-    _e = _a.maxSideLength,
-    maxSideLength = _e === void 0 ? null : _e,
-    _f = _a.height,
-    height = _f === void 0 ? null : _f,
-    _g = _a.circle,
-    circle = _g === void 0 ? false : _g,
-    _h = _a.fixedSize,
-    fixedSize = _h === void 0 ? false : _h,
-    _j = _a.placeHolder,
-    placeHolder = _j === void 0 ? null : _j,
-    _k = _a.defaultComponent,
-    defaultComponent = _k === void 0 ? null : _k,
-    _l = _a.borderRadius,
-    borderRadius = _l === void 0 ? null : _l,
-    _m = _a.onLoad,
-    onLoad = _m === void 0 ? function () {} : _m,
-    _o = _a.onError,
-    onError = _o === void 0 ? function () {} : _o,
-    shadeOnHover = _a.shadeOnHover,
-    _p = _a.isUploaded,
-    isUploaded = _p === void 0 ? true : _p;
-  var _q = React.useState(false),
-    showDefaultComponent = _q[0],
-    setShowDefaultComponent = _q[1];
-  var _r = React.useState(true),
-    showPlaceHolder = _r[0],
-    setShowPlaceHolder = _r[1];
-  var _s = useDynamicSideLength({
-      width: width,
-      height: height,
-      maxSideLength: maxSideLength,
-      defaultMinLength: '400px'
-    }),
-    dynamicMinWidth = _s[0],
-    dynamicMinHeight = _s[1];
-  var DefaultComponent = React.useMemo(function () {
-    return typeof defaultComponent === 'function' ? defaultComponent() : defaultComponent;
-  }, [defaultComponent]);
-  var PlaceHolder = React.useMemo(function () {
-    return placeHolder && typeof placeHolder === 'function' ? placeHolder({
-      style: {
-        width: '100%',
-        minWidth: dynamicMinWidth,
-        maxWidth: fixedSize ? dynamicMinWidth : '400px',
-        height: dynamicMinHeight,
-        position: 'absolute',
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center'
-      }
-    }) : null;
-  }, [placeHolder]);
-  var HiddenImageLoader = React.useMemo(function () {
-    setShowDefaultComponent(false);
-    // reset the state when url is changed
-    return /*#__PURE__*/React__default["default"].createElement("img", {
-      className: "sendbird-image-renderer__hidden-image-loader",
-      src: url,
-      alt: alt,
-      onLoad: function () {
-        setShowPlaceHolder(false);
-        onLoad();
-      },
-      onError: function () {
-        setShowDefaultComponent(true);
-        onError();
-      }
-    });
-  }, [url]);
-  return dynamicMinWidth && dynamicMinHeight && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-image-renderer'], false).join(' '),
-    style: {
-      width: '100%',
-      minWidth: dynamicMinWidth,
-      maxWidth: fixedSize ? dynamicMinWidth : '400px',
-      height: dynamicMinHeight
-    }
-  }, showPlaceHolder && PlaceHolder, showDefaultComponent ? DefaultComponent : /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-image-renderer__image",
-    style: {
-      width: '100%',
-      minWidth: dynamicMinWidth,
-      maxWidth: fixedSize ? dynamicMinWidth : '400px',
-      height: dynamicMinHeight,
-      position: 'absolute',
-      backgroundRepeat: 'no-repeat',
-      backgroundPosition: 'center',
-      backgroundSize: 'cover',
-      backgroundImage: "url(".concat(url, ")"),
-      borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius)
-    }
-  }), HiddenImageLoader, shadeOnHover && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-multiple-files-image-renderer__image-cover",
-    style: tslib_es6.__assign({
-      borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius)
-    }, isUploaded ? {} : {
-      display: 'inline-flex'
-    })
-  }));
+/*
+  ImageRenderer displays image with url or source
+  it checks if the source exist with img tag first
+  if it exists onLoad is called, if not onError is called
+  and those properties switch img tag to real purposing element
+*/
+function getBorderRadiusForImageRenderer(circle, borderRadius) {
+    if (circle === void 0) { circle = false; }
+    if (borderRadius === void 0) { borderRadius = null; }
+    return circle ? '50%' : numberToPx(borderRadius);
+}
+function getBorderRadiusForMultipleImageRenderer(borderRadius, index, totalCount) {
+    var value = typeof borderRadius === 'string' ? parseInt(borderRadius, 10) : borderRadius;
+    var lastIndex = totalCount - 1;
+    var topLeft = index === 0 ? value * 2 : value;
+    var topRight = index === 1 ? value * 2 : value;
+    var bottomRight = index === lastIndex ? value * 2 : value;
+    var bottomLeft = index === lastIndex - 1 ? value * 2 : value;
+    return "".concat(topLeft, "px ").concat(topRight, "px ").concat(bottomRight, "px ").concat(bottomLeft, "px");
+}
+var ImageRenderer = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, url = _a.url, _c = _a.alt, alt = _c === void 0 ? '' : _c, _d = _a.width, width = _d === void 0 ? null : _d, _e = _a.maxSideLength, maxSideLength = _e === void 0 ? null : _e, _f = _a.height, height = _f === void 0 ? null : _f, _g = _a.circle, circle = _g === void 0 ? false : _g, _h = _a.fixedSize, fixedSize = _h === void 0 ? false : _h, _j = _a.placeHolder, placeHolder = _j === void 0 ? null : _j, _k = _a.defaultComponent, defaultComponent = _k === void 0 ? null : _k, _l = _a.borderRadius, borderRadius = _l === void 0 ? null : _l, _m = _a.onLoad, onLoad = _m === void 0 ? function () { } : _m, _o = _a.onError, onError = _o === void 0 ? function () { } : _o, shadeOnHover = _a.shadeOnHover, _p = _a.isUploaded, isUploaded = _p === void 0 ? true : _p;
+    var _q = React.useState(false), showDefaultComponent = _q[0], setShowDefaultComponent = _q[1];
+    var _r = React.useState(true), showPlaceHolder = _r[0], setShowPlaceHolder = _r[1];
+    var _s = useDynamicSideLength({
+        width: width,
+        height: height,
+        maxSideLength: maxSideLength,
+        defaultMinLength: '400px',
+    }), dynamicMinWidth = _s[0], dynamicMinHeight = _s[1];
+    var DefaultComponent = React.useMemo(function () {
+        return typeof defaultComponent === 'function'
+            ? defaultComponent()
+            : defaultComponent;
+    }, [defaultComponent]);
+    var PlaceHolder = React.useMemo(function () {
+        return (placeHolder && typeof placeHolder === 'function')
+            ? placeHolder({
+                style: {
+                    width: '100%',
+                    minWidth: dynamicMinWidth,
+                    maxWidth: fixedSize ? dynamicMinWidth : '400px',
+                    height: dynamicMinHeight,
+                    position: 'absolute',
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                },
+            })
+            : null;
+    }, [placeHolder]);
+    var HiddenImageLoader = React.useMemo(function () {
+        setShowDefaultComponent(false);
+        // reset the state when url is changed
+        return (React.createElement("img", { className: "sendbird-image-renderer__hidden-image-loader", src: url, alt: alt, onLoad: function () {
+                setShowPlaceHolder(false);
+                onLoad();
+            }, onError: function () {
+                setShowDefaultComponent(true);
+                onError();
+            } }));
+    }, [url]);
+    return dynamicMinWidth && dynamicMinHeight && (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-image-renderer',
+        ], false).join(' '), style: {
+            width: '100%',
+            minWidth: dynamicMinWidth,
+            maxWidth: fixedSize ? dynamicMinWidth : '400px',
+            height: dynamicMinHeight,
+        } },
+        showPlaceHolder && PlaceHolder,
+        showDefaultComponent
+            ? DefaultComponent
+            : (React.createElement("div", { className: "sendbird-image-renderer__image", style: {
+                    width: '100%',
+                    minWidth: dynamicMinWidth,
+                    maxWidth: fixedSize ? dynamicMinWidth : '400px',
+                    height: dynamicMinHeight,
+                    position: 'absolute',
+                    backgroundRepeat: 'no-repeat',
+                    backgroundPosition: 'center',
+                    backgroundSize: 'cover',
+                    backgroundImage: "url(".concat(url, ")"),
+                    borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius),
+                } })),
+        HiddenImageLoader,
+        shadeOnHover && React.createElement("div", { className: "sendbird-multiple-files-image-renderer__image-cover", style: _tslib.__assign({ borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius) }, (isUploaded ? {} : { display: 'inline-flex' })) })));
 };
 
-exports["default"] = ImageRenderer;
+exports.default = ImageRenderer;
 exports.getBorderRadiusForImageRenderer = getBorderRadiusForImageRenderer;
 exports.getBorderRadiusForMultipleImageRenderer = getBorderRadiusForMultipleImageRenderer;
 //# sourceMappingURL=ImageRenderer.js.map

package/cjs/ui/ImageRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageRenderer.js","sources":["../../../src/utils/numberToPx.ts","../../../src/ui/ImageRenderer/utils.ts","../../../src/ui/ImageRenderer/useDynamicSideLength.ts","../../../src/ui/ImageRenderer/index.tsx"],"sourcesContent":["export default (value: string | number): string => {\n  return typeof value === 'number' ? `${value}px` : value;\n};\n","import numberToPx from '../../utils/numberToPx';\n\nexport function getDynamicMinLengthInPx(\n  sideLength: string | number,\n  maxSideLength: string | null,\n  defaultMinLength: string,\n): string {\n  return `min(${maxSideLength ?? defaultMinLength}, ${numberToPx(sideLength) ?? defaultMinLength})`;\n}\n","import { useMemo } from 'react';\nimport { getDynamicMinLengthInPx } from './utils';\n\ninterface DynamicSideLengthProps {\n  width: string | number;\n  height: string | number;\n  maxSideLength: string | null;\n  defaultMinLength: string\n}\n\nexport function useDynamicSideLength({\n  width,\n  height,\n  maxSideLength,\n  defaultMinLength,\n}: DynamicSideLengthProps): string[] {\n\n  const dynamicMinWidth = useMemo(() => {\n    return getDynamicMinLengthInPx(width, maxSideLength, defaultMinLength);\n  }, [width]);\n\n  const dynamicMinHeight = useMemo(() => {\n    return getDynamicMinLengthInPx(height, maxSideLength, defaultMinLength);\n  }, [height]);\n\n  return [dynamicMinWidth, dynamicMinHeight];\n}\n","import React, { useState, useMemo, ReactElement } from 'react';\n\nimport './index.scss';\nimport numberToPx from '../../utils/numberToPx';\nimport { useDynamicSideLength } from './useDynamicSideLength';\n\n/*\n  ImageRenderer displays image with url or source\n  it checks if the source exist with img tag first\n  if it exists onLoad is called, if not onError is called\n  and those properties switch img tag to real purposing element\n*/\n\nexport function getBorderRadiusForImageRenderer(\n  circle = false,\n  borderRadius: string | number = null,\n): string {\n  return circle ? '50%' : numberToPx(borderRadius);\n}\n\nexport function getBorderRadiusForMultipleImageRenderer(\n  borderRadius: string | number,\n  index: number,\n  totalCount: number,\n): string {\n  const value: number = parseInt(borderRadius);\n  const lastIndex: number = totalCount - 1;\n  const topLeft: string = index === 0 ? value * 2 : value;\n  const topRight: string = index === 1 ? value * 2 : value;\n  const bottomRight: string = index === lastIndex ? value * 2 : value;\n  const bottomLeft: string = index === lastIndex - 1 ? value * 2 : value;\n  return `${topLeft}px ${topRight}px ${bottomRight}px ${bottomLeft}px`;\n}\n\nexport interface ImageRendererProps {\n  className?: string | Array<string>;\n  url: string;\n  alt?: string;\n  width?: string | number;\n  maxSideLength?: string;\n  height?: string | number;\n  circle?: boolean;\n  fixedSize?: boolean;\n  placeHolder?: ((props: { style: { [key: string]: string | number } }) => ReactElement) | ReactElement;\n  defaultComponent?: (() => ReactElement) | ReactElement;\n  borderRadius?: string | number;\n  onLoad?: () => void;\n  onError?: () => void;\n  shadeOnHover?: boolean;\n  isUploaded?: boolean;\n}\n\nconst ImageRenderer = ({\n  className = '',\n  url,\n  alt = '',\n  width = null,\n  maxSideLength = null,\n  height = null,\n  circle = false,\n  fixedSize = false,\n  placeHolder = null,\n  defaultComponent = null,\n  borderRadius = null,\n  onLoad = () => { /* noop */ },\n  onError = () => { /* noop */ },\n  shadeOnHover,\n  isUploaded = true,\n}: ImageRendererProps): ReactElement => {\n  const [showDefaultComponent, setShowDefaultComponent] = useState(false);\n  const [showPlaceHolder, setShowPlaceHolder] = useState(true);\n  const [dynamicMinWidth, dynamicMinHeight] = useDynamicSideLength({\n    width,\n    height,\n    maxSideLength,\n    defaultMinLength: '400px',\n  });\n  const DefaultComponent = useMemo(() => {\n    return typeof defaultComponent === 'function'\n      ? defaultComponent()\n      : defaultComponent;\n  }, [defaultComponent]);\n\n  const PlaceHolder = useMemo(() => {\n    return (placeHolder && typeof placeHolder === 'function')\n      ? placeHolder({\n        style: {\n          width: '100%',\n          minWidth: dynamicMinWidth,\n          maxWidth: fixedSize ? dynamicMinWidth : '400px',\n          height: dynamicMinHeight,\n          position: 'absolute',\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n        },\n      })\n      : null;\n  }, [placeHolder]);\n\n  const HiddenImageLoader = useMemo(() => {\n    setShowDefaultComponent(false);\n    // reset the state when url is changed\n    return (\n      <img\n        className=\"sendbird-image-renderer__hidden-image-loader\"\n        src={url}\n        alt={alt}\n        onLoad={() => {\n          setShowPlaceHolder(false);\n          onLoad();\n        }}\n        onError={() => {\n          setShowDefaultComponent(true);\n          onError();\n        }}\n      />\n    );\n  }, [url]);\n\n  return dynamicMinWidth && dynamicMinHeight && (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-image-renderer',\n      ].join(' ')}\n      style={{\n        width: '100%',\n        minWidth: dynamicMinWidth,\n        maxWidth: fixedSize ? dynamicMinWidth : '400px',\n        height: dynamicMinHeight,\n      }}\n    >\n      {showPlaceHolder && PlaceHolder}\n      {\n        showDefaultComponent\n          ? DefaultComponent\n          : (\n            <div\n              className=\"sendbird-image-renderer__image\"\n              style={{\n                width: '100%',\n                minWidth: dynamicMinWidth,\n                maxWidth: fixedSize ? dynamicMinWidth : '400px',\n                height: dynamicMinHeight,\n                position: 'absolute',\n                backgroundRepeat: 'no-repeat',\n                backgroundPosition: 'center',\n                backgroundSize: 'cover',\n                backgroundImage: `url(${url})`,\n                borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius),\n              }}\n            />\n          )\n      }\n      {HiddenImageLoader}\n      {\n        shadeOnHover && <div\n          className=\"sendbird-multiple-files-image-renderer__image-cover\"\n          style={{\n            ...{ borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius) },\n            ...(isUploaded ? {} : { display: 'inline-flex' }),\n          }}\n        />\n      }\n    </div>\n  );\n};\n\nexport default ImageRenderer;\n"],"names":["value","concat","getDynamicMinLengthInPx","sideLength","maxSideLength","defaultMinLength","_a","numberToPx","useDynamicSideLength","width","height","dynamicMinWidth","useMemo","dynamicMinHeight","getBorderRadiusForImageRenderer","circle","borderRadius","getBorderRadiusForMultipleImageRenderer","index","totalCount","parseInt","lastIndex","topLeft","topRight","bottomRight","bottomLeft","ImageRenderer","_b","className","url","_c","alt","_d","_e","_f","_g","_h","fixedSize","_j","placeHolder","_k","defaultComponent","_l","_m","onLoad","_o","onError","shadeOnHover","_p","isUploaded","_q","useState","showDefaultComponent","setShowDefaultComponent","_r","showPlaceHolder","setShowPlaceHolder","_s","DefaultComponent","PlaceHolder","style","minWidth","maxWidth","position","display","justifyContent","alignItems","HiddenImageLoader","React","createElement","src","__spreadArray","Array","isArray","join","backgroundRepeat","backgroundPosition","backgroundSize","backgroundImage"],"mappings":"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"}
+{"version":3,"file":"ImageRenderer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/Input.js

@@ -3,50 +3,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Label = require('../index-b5a9b4b7.js');
-require('prop-types');
-require('../stringSet-1539ac47.js');
+var ui_Label = require('../chunks/bundle-6ziaqiUd.js');
+require('../chunks/bundle-hK4x7nmG.js');
+require('../chunks/bundle-z-Bvsn0B.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var InputLabel = function (_a) {
-  var children = _a.children;
-  return /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-input-label",
-    type: ui_Label.LabelTypography.CAPTION_3,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, children);
-};
-var Input = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
-  var name = props.name,
-    required = props.required,
-    disabled = props.disabled,
-    value = props.value,
-    placeHolder = props.placeHolder;
-  var _a = React.useState(value),
-    inputValue = _a[0],
-    setInputValue = _a[1];
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-input"
-  }, /*#__PURE__*/React__default["default"].createElement("input", {
-    className: "sendbird-input__input",
-    ref: ref,
-    name: name,
-    required: required,
-    disabled: disabled,
-    value: inputValue,
-    onChange: function (e) {
-      setInputValue(e.target.value);
-    }
-  }), placeHolder && !inputValue && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-input__placeholder",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_3
-  }, placeHolder));
+var InputLabel = function (_a) {
+    var children = _a.children;
+    return (React.createElement(ui_Label.Label, { className: "sendbird-input-label", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_1 }, children));
+};
+var Input = React.forwardRef(function (props, ref) {
+    var name = props.name, required = props.required, disabled = props.disabled, value = props.value, placeHolder = props.placeHolder;
+    var _a = React.useState(value), inputValue = _a[0], setInputValue = _a[1];
+    return (React.createElement("div", { className: "sendbird-input" },
+        React.createElement("input", { className: "sendbird-input__input", ref: ref, name: name, required: required, disabled: disabled, value: inputValue, onChange: function (e) {
+                setInputValue(e.target.value);
+            } }),
+        (placeHolder && !inputValue) && (React.createElement(ui_Label.Label, { className: "sendbird-input__placeholder", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_3 }, placeHolder))));
 });
 
 exports.InputLabel = InputLabel;
-exports["default"] = Input;
+exports.default = Input;
 //# sourceMappingURL=Input.js.map

package/cjs/ui/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../src/ui/Input/index.tsx"],"sourcesContent":["import React, { ReactElement, RefObject, useState } from 'react';\n\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface InputLabelProps {\n  children: ReactElement;\n}\nexport const InputLabel = ({ children }: InputLabelProps): ReactElement => (\n  <Label\n    className=\"sendbird-input-label\"\n    type={LabelTypography.CAPTION_3}\n    color={LabelColors.ONBACKGROUND_1}\n  >\n    {children}\n  </Label>\n);\n\nexport interface InputProps {\n  name: string;\n  required?: boolean;\n  disabled?: boolean;\n  value?: string;\n  placeHolder?: string;\n}\nconst Input = React.forwardRef((props: InputProps, ref: RefObject<HTMLInputElement>) => {\n  const {\n    name,\n    required,\n    disabled,\n    value,\n    placeHolder,\n  } = props;\n  const [inputValue, setInputValue] = useState(value);\n  return (\n    <div className=\"sendbird-input\">\n      <input\n        className=\"sendbird-input__input\"\n        ref={ref}\n        name={name}\n        required={required}\n        disabled={disabled}\n        value={inputValue}\n        onChange={(e) => {\n          setInputValue(e.target.value);\n        }}\n      />\n      {(placeHolder && !inputValue) && (\n        <Label\n          className=\"sendbird-input__placeholder\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          {placeHolder}\n        </Label>\n      )}\n    </div>\n  );\n});\n\nexport default Input;\n"],"names":["InputLabel","_a","children","React","createElement","Label","className","type","LabelTypography","CAPTION_3","color","LabelColors","ONBACKGROUND_1","Input","forwardRef","props","ref","name","required","disabled","value","placeHolder","useState","inputValue","setInputValue","onChange","e","target","BODY_1","ONBACKGROUND_3"],"mappings":";;;;;;;;;;;;;IASaA,UAAU,GAAG,UAACC,EAA6B,EAAA;AAA3B,EAAA,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA,CAAA;AAAsC,EAAA,oBACzEC,yBAAA,CAAAC,aAAA,CAACC,cAAK,EAAA;AACJC,IAAAA,SAAS,EAAC,sBAAsB;IAChCC,IAAI,EAAEC,wBAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;AAAe,GAAA,EAEjCV,QACI,CAAC,CAAA;AAPiE,EAQ1E;AASKW,IAAAA,KAAK,gBAAGV,yBAAK,CAACW,UAAU,CAAC,UAACC,KAAiB,EAAEC,GAAgC,EAAA;AAE/E,EAAA,IAAAC,IAAI,GAKFF,KAAK,CALHE,IAAA;IACJC,QAAQ,GAINH,KAAK,CAJCG,QAAA;IACRC,QAAQ,GAGNJ,KAAK,CAHCI,QAAA;IACRC,KAAK,GAEHL,KAAK,CAAAK,KAFF;IACLC,WAAW,GACTN,KAAK,CAAAM,WADI,CAAA;AAEP,EAAA,IAAApB,EAAA,GAA8BqB,cAAQ,CAACF,KAAK,CAAC;AAA5CG,IAAAA,UAAU,GAAAtB,EAAA,CAAA,CAAA,CAAA;AAAEuB,IAAAA,aAAa,GAAAvB,EAAA,CAAA,CAAA,CAAmB,CAAA;EACnD,oBACEE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,gBAAA;GACbH,eAAAA,yBAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACEE,IAAAA,SAAS,EAAC,uBAAuB;AACjCU,IAAAA,GAAG,EAAEA,GAAI;AACTC,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,KAAK,EAAEG,UAAW;AAClBE,IAAAA,QAAQ,EAAE,UAACC,CAAC,EAAA;AACVF,MAAAA,aAAa,CAACE,CAAC,CAACC,MAAM,CAACP,KAAK,CAAC,CAAA;AAC/B,KAAA;GAEF,CAAA,EAAEC,WAAW,IAAI,CAACE,UAAU,iBAC1BpB,yBAAA,CAAAC,aAAA,CAACC,cAAK,EAAA;AACJC,IAAAA,SAAS,EAAC,6BAA6B;IACvCC,IAAI,EAAEC,wBAAe,CAACoB,MAAO;IAC7BlB,KAAK,EAAEC,oBAAW,CAACkB,cAAAA;GAElBR,EAAAA,WACI,CAEN,CAAC,CAAA;AAEV,CAAC;;;;;"}
+{"version":3,"file":"Input.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/Label.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('../chunks/bundle-hK4x7nmG.js');
 require('react');
-require('prop-types');
-var ui_Label = require('../index-b5a9b4b7.js');
-require('../stringSet-1539ac47.js');
+var ui_Label = require('../chunks/bundle-6ziaqiUd.js');
+require('../chunks/bundle-z-Bvsn0B.js');
 
 
 
 exports.LabelColors = ui_Label.LabelColors;
 exports.LabelStringSet = ui_Label.LabelStringSet;
 exports.LabelTypography = ui_Label.LabelTypography;
-exports["default"] = ui_Label.Label;
+exports.default = ui_Label.Label;
 //# sourceMappingURL=Label.js.map

package/cjs/ui/LinkLabel.js

@@ -2,60 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../chunks/bundle-hK4x7nmG.js');
 var React = require('react');
-var PropTypes = require('prop-types');
-var ui_Label = require('../index-b5a9b4b7.js');
-require('../stringSet-1539ac47.js');
+var ui_Label = require('../chunks/bundle-6ziaqiUd.js');
+require('../chunks/bundle-z-Bvsn0B.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-const http = /https?:\/\//;
-function LinkLabel(_ref) {
-  let {
-    className,
-    src,
-    type,
-    color,
-    children
-  } = _ref;
-  const url = http.test(src) ? src : `http://${src}`;
-  return /*#__PURE__*/React__default["default"].createElement("a", {
-    className: [...(Array.isArray(className) ? className : [className]), 'sendbird-link-label', color ? ui_Label.changeColorToClassName(color) : ''].join(' '),
-    href: url,
-    target: "_blank",
-    rel: "noopener noreferrer"
-    // for mobile
-    ,
-    onTouchEnd: e => {
-      e.preventDefault();
-      e.nativeEvent.stopImmediatePropagation();
-      window.open(url, '_blank', 'noopener,noreferrer');
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-link-label__label",
-    type: type,
-    color: color
-  }, children));
-}
-LinkLabel.propTypes = {
-  className: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)]),
-  src: PropTypes__default["default"].string.isRequired,
-  type: PropTypes__default["default"].string,
-  color: PropTypes__default["default"].string,
-  children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].element, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string), PropTypes__default["default"].arrayOf(PropTypes__default["default"].element)]).isRequired
-};
-LinkLabel.defaultProps = {
-  className: '',
-  type: '',
-  color: ''
-};
-const LinkLabelTypography = ui_Label.LabelTypography;
-const LinkLabelColors = ui_Label.LabelColors;
+var http = /https?:\/\//;
+function LinkLabel(_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, src = _a.src, type = _a.type, color = _a.color, children = _a.children;
+    var url = http.test(src) ? src : "http://".concat(src);
+    return (React.createElement("a", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-link-label',
+            ui_Label.changeColorToClassName(color),
+        ], false).join(' '), href: url, target: "_blank", rel: "noopener noreferrer", 
+        // for mobile
+        onTouchEnd: function (e) {
+            e.preventDefault();
+            e.nativeEvent.stopImmediatePropagation();
+            window.open(url, '_blank', 'noopener,noreferrer');
+        } },
+        React.createElement(ui_Label.Label, { className: "sendbird-link-label__label", type: type, color: color }, children)));
+}
+var LinkLabelTypography = ui_Label.LabelTypography;
+var LinkLabelColors = ui_Label.LabelColors;
 
 exports.LinkLabelColors = LinkLabelColors;
 exports.LinkLabelTypography = LinkLabelTypography;
-exports["default"] = LinkLabel;
+exports.default = LinkLabel;
 //# sourceMappingURL=LinkLabel.js.map

package/cjs/ui/LinkLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkLabel.js","sources":["../../../src/ui/LinkLabel/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { changeColorToClassName } from '../Label/utils';\nimport './index.scss';\n\nconst http = /https?:\\/\\//;\n\nexport default function LinkLabel({\n  className,\n  src,\n  type,\n  color,\n  children,\n}) {\n  const url = (http.test(src)) ? src : `http://${src}`;\n\n  return (\n    <a\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-link-label',\n        color ? changeColorToClassName(color) : '',\n      ].join(' ')}\n      href={url}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      // for mobile\n      onTouchEnd={(e) => {\n        e.preventDefault();\n        e.nativeEvent.stopImmediatePropagation();\n        window.open(url, '_blank', 'noopener,noreferrer');\n      }}\n    >\n      <Label\n        className=\"sendbird-link-label__label\"\n        type={type}\n        color={color}\n      >\n        {children}\n      </Label>\n    </a>\n  );\n}\n\nLinkLabel.propTypes = {\n  className: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n  src: PropTypes.string.isRequired,\n  type: PropTypes.string,\n  color: PropTypes.string,\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.element,\n    PropTypes.arrayOf(PropTypes.string),\n    PropTypes.arrayOf(PropTypes.element),\n  ]).isRequired,\n};\n\nLinkLabel.defaultProps = {\n  className: '',\n  type: '',\n  color: '',\n};\n\nexport const LinkLabelTypography = LabelTypography;\nexport const LinkLabelColors = LabelColors;\n"],"names":["http","LinkLabel","_ref","className","src","type","color","children","url","test","React","createElement","Array","isArray","changeColorToClassName","join","href","target","rel","onTouchEnd","e","preventDefault","nativeEvent","stopImmediatePropagation","window","open","Label","propTypes","PropTypes","oneOfType","string","arrayOf","isRequired","element","defaultProps","LinkLabelTypography","LabelTypography","LinkLabelColors","LabelColors"],"mappings":";;;;;;;;;;;;;;AAOA,MAAMA,IAAI,GAAG,aAAa,CAAA;AAEX,SAASC,SAASA,CAAAC,IAAA,EAM9B;EAAA,IAN+B;IAChCC,SAAS;IACTC,GAAG;IACHC,IAAI;IACJC,KAAK;AACLC,IAAAA,QAAAA;AACF,GAAC,GAAAL,IAAA,CAAA;AACC,EAAA,MAAMM,GAAG,GAAIR,IAAI,CAACS,IAAI,CAACL,GAAG,CAAC,GAAIA,GAAG,GAAI,CAAA,OAAA,EAASA,GAAI,CAAC,CAAA,CAAA;EAEpD,oBACEM,yBAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACER,IAAAA,SAAS,EAAE,CACT,IAAIS,KAAK,CAACC,OAAO,CAACV,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,qBAAqB,EACrBG,KAAK,GAAGQ,+BAAsB,CAACR,KAAK,CAAC,GAAG,EAAE,CAC3C,CAACS,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,IAAI,EAAER,GAAI;AACVS,IAAAA,MAAM,EAAC,QAAQ;AACfC,IAAAA,GAAG,EAAC,qBAAA;AACJ;AAAA;IACAC,UAAU,EAAGC,CAAC,IAAK;MACjBA,CAAC,CAACC,cAAc,EAAE,CAAA;AAClBD,MAAAA,CAAC,CAACE,WAAW,CAACC,wBAAwB,EAAE,CAAA;MACxCC,MAAM,CAACC,IAAI,CAACjB,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAA;AACnD,KAAA;AAAE,GAAA,eAEFE,yBAAA,CAAAC,aAAA,CAACe,cAAK,EAAA;AACJvB,IAAAA,SAAS,EAAC,4BAA4B;AACtCE,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,KAAK,EAAEA,KAAAA;GAENC,EAAAA,QACI,CACN,CAAC,CAAA;AAER,CAAA;AAEAN,SAAS,CAAC0B,SAAS,GAAG;AACpBxB,EAAAA,SAAS,EAAEyB,6BAAS,CAACC,SAAS,CAAC,CAC7BD,6BAAS,CAACE,MAAM,EAChBF,6BAAS,CAACG,OAAO,CAACH,6BAAS,CAACE,MAAM,CAAC,CACpC,CAAC;AACF1B,EAAAA,GAAG,EAAEwB,6BAAS,CAACE,MAAM,CAACE,UAAU;EAChC3B,IAAI,EAAEuB,6BAAS,CAACE,MAAM;EACtBxB,KAAK,EAAEsB,6BAAS,CAACE,MAAM;AACvBvB,EAAAA,QAAQ,EAAEqB,6BAAS,CAACC,SAAS,CAAC,CAC5BD,6BAAS,CAACE,MAAM,EAChBF,6BAAS,CAACK,OAAO,EACjBL,6BAAS,CAACG,OAAO,CAACH,6BAAS,CAACE,MAAM,CAAC,EACnCF,6BAAS,CAACG,OAAO,CAACH,6BAAS,CAACK,OAAO,CAAC,CACrC,CAAC,CAACD,UAAAA;AACL,CAAC,CAAA;AAED/B,SAAS,CAACiC,YAAY,GAAG;AACvB/B,EAAAA,SAAS,EAAE,EAAE;AACbE,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,KAAK,EAAE,EAAA;AACT,CAAC,CAAA;AAEM,MAAM6B,mBAAmB,GAAGC,yBAAe;AAC3C,MAAMC,eAAe,GAAGC;;;;;;"}
+{"version":3,"file":"LinkLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/Loader.js

@@ -1,33 +1,19 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-c74b513f.js');
+var _tslib = require('../chunks/bundle-hK4x7nmG.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-require('prop-types');
+require('../chunks/bundle-1yOirqug.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function Loader(_a) {
-  var _b = _a.className,
-    className = _b === void 0 ? '' : _b,
-    _c = _a.width,
-    width = _c === void 0 ? '26px' : _c,
-    _d = _a.height,
-    height = _d === void 0 ? '26px' : _d,
-    children = _a.children;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-loader'], false).join(' '),
-    style: {
-      width: typeof width === 'string' ? width : "".concat(width, "px"),
-      height: typeof height === 'string' ? height : "".concat(height, "px")
-    }
-  }, children || /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: ui_Icon.IconTypes.SPINNER,
-    width: "26px",
-    height: "26px"
-  }));
+function Loader(_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.width, width = _c === void 0 ? '26px' : _c, _d = _a.height, height = _d === void 0 ? '26px' : _d, children = _a.children;
+    return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-loader',
+        ], false).join(' '), style: {
+            width: typeof width === 'string' ? width : "".concat(width, "px"),
+            height: typeof height === 'string' ? height : "".concat(height, "px"),
+        } }, children
+        || (React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SPINNER, width: "26px", height: "26px" }))));
 }
 
 module.exports = Loader;

package/cjs/ui/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../../src/ui/Loader/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\n\nimport './index.scss';\n\nimport Icon, { IconTypes } from '../Icon';\n\nexport interface LoaderProps {\n  className?: string | Array<string>;\n  width?: string | number;\n  height?: string | number;\n  children?: ReactElement;\n}\n\nexport default function Loader({\n  className = '',\n  width = '26px',\n  height = '26px',\n  children,\n}: LoaderProps): ReactElement {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-loader',\n      ].join(' ')}\n      style={{\n        width: typeof width === 'string' ? width : `${width}px`,\n        height: typeof height === 'string' ? height : `${height}px`,\n      }}\n    >\n      {\n        children\n        || (\n          <Icon\n            type={IconTypes.SPINNER}\n            width=\"26px\"\n            height=\"26px\"\n          />\n        )\n      }\n    </div>\n  );\n}\n"],"names":["Loader","_a","_b","className","_c","width","_d","height","children","React","createElement","__spreadArray","Array","isArray","join","style","concat","Icon","type","IconTypes","SPINNER"],"mappings":";;;;;;;;;;;AAawB,SAAAA,MAAMA,CAACC,EAKjB,EAAA;MAJZC,EAAc,GAAAD,EAAA,CAAAE,SAAA;IAAdA,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA;IACdE,EAAA,GAAAH,EAAA,CAAAI,KAAc;IAAdA,KAAK,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,GAAAA,EAAA;IACdE,cAAe;IAAfC,MAAM,mBAAG,MAAM,GAAAD,EAAA;IACfE,QAAQ,GAAAP,EAAA,CAAAO,QAAA,CAAA;EAER,oBACEC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEP,IAAAA,SAAS,EAAEQ,uBAAA,CAAAA,uBAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACV,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,iBAAiB,CACjB,EAAA,KAAA,CAAA,CAAAW,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,KAAK,EAAE;AACLV,MAAAA,KAAK,EAAE,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAG,EAAA,CAAAW,MAAA,CAAGX,KAAK,EAAI,IAAA,CAAA;AACvDE,MAAAA,MAAM,EAAE,OAAOA,MAAM,KAAK,QAAQ,GAAGA,MAAM,GAAG,EAAA,CAAAS,MAAA,CAAGT,MAAM,EAAI,IAAA,CAAA;AAC5D,KAAA;AAAC,GAAA,EAGAC,QAAQ,iBAENC,yBAAA,CAAAC,aAAA,CAACO,kBAAI,EAAA;IACHC,IAAI,EAAEC,iBAAS,CAACC,OAAQ;AACxBf,IAAAA,KAAK,EAAC,MAAM;AACZE,IAAAA,MAAM,EAAC,MAAA;AAAM,GAAA,CAIhB,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"Loader.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}