@sendbird/uikit-react 3.14.3 → 3.14.4

package/cjs/chunks/{bundle-oUs61pbv.js → bundle-DxSB9NRz.js}

@@ -1,74 +1,74 @@
 'use strict';
 
-var _tslib = require('./bundle-CY1bUkfG.js');
+var _tslib = require('./bundle-HGbi-rCv.js');
 var React = require('react');
 var ui_ImageRenderer = require('../ui/ImageRenderer.js');
-var pxToNumber = require('./bundle-C-zGGOpz.js');
+var pxToNumber = require('./bundle-C93-onMF.js');
 var ui_Icon = require('../ui/Icon.js');
 
-var AvatarDefault = function (props) {
-    var width = props.width, height = props.height, text = props.text;
-    var iconWidth = pxToNumber.pxToNumber(width);
-    var iconHeight = pxToNumber.pxToNumber(height);
-    if (typeof iconWidth === 'number' && !Number.isNaN(iconWidth)) {
-        iconWidth *= 0.575;
-    }
-    if (typeof iconHeight === 'number' && !Number.isNaN(iconHeight)) {
-        iconHeight *= 0.575;
-    }
-    return (React.createElement("div", { className: "sendbird-avatar-img--default ".concat(text ? 'text' : ''), style: { width: width, height: height } }, text
-        ? React.createElement("div", { className: 'sendbird-avatar-text' }, text)
-        : React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.USER, fillColor: ui_Icon.IconColors.CONTENT, width: iconWidth, height: iconHeight })));
+var AvatarDefault = function (props) {
+    var width = props.width, height = props.height, text = props.text;
+    var iconWidth = pxToNumber.pxToNumber(width);
+    var iconHeight = pxToNumber.pxToNumber(height);
+    if (typeof iconWidth === 'number' && !Number.isNaN(iconWidth)) {
+        iconWidth *= 0.575;
+    }
+    if (typeof iconHeight === 'number' && !Number.isNaN(iconHeight)) {
+        iconHeight *= 0.575;
+    }
+    return (React.createElement("div", { className: "sendbird-avatar-img--default ".concat(text ? 'text' : ''), style: { width: width, height: height } }, text
+        ? React.createElement("div", { className: 'sendbird-avatar-text' }, text)
+        : React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.USER, fillColor: ui_Icon.IconColors.CONTENT, width: iconWidth, height: iconHeight })));
 };
 
-var imageRendererClassName = 'sendbird-avatar-img';
-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 })
-        : React.createElement(AvatarDefault, { width: width, height: height }); };
-    if (typeof src === 'string') {
-        return (React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src, height: height, width: width, alt: alt, defaultComponent: defaultComponent }));
-    }
-    if (src && src.length) {
-        if (src.length === 1) {
-            return (React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[0], height: height, width: width, alt: alt, defaultComponent: defaultComponent }));
-        }
-        if (src.length === 2) {
-            return (React.createElement("div", { className: "sendbird-avatar--inner__two-child" },
-                React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[0], height: height, width: width, alt: alt, defaultComponent: defaultComponent }),
-                React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[1], height: height, width: width, alt: alt, defaultComponent: defaultComponent })));
-        }
-        if (src.length === 3) {
-            return (React.createElement(React.Fragment, null,
-                React.createElement("div", { className: "sendbird-avatar--inner__three-child--upper" },
-                    React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[0], height: height, width: width, alt: alt, defaultComponent: defaultComponent })),
-                React.createElement("div", { className: "sendbird-avatar--inner__three-child--lower" },
-                    React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[1], height: height, width: width, alt: alt, defaultComponent: defaultComponent }),
-                    React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[2], height: height, width: width, alt: alt, defaultComponent: defaultComponent }))));
-        }
-        return (React.createElement("div", { className: "sendbird-avatar--inner__four-child" }, src.slice(0, 4)
-            .map(function (url, index) { return (React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: url, height: height, width: width, alt: alt, key: "".concat(url, "-").concat(index), defaultComponent: defaultComponent })); })));
-    }
-    // default img
-    return (React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: "", height: height, width: width, alt: alt, 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, _g = _a.zIndex, zIndex = _g === void 0 ? 0 : _g, _h = _a.left, left = _h === void 0 ? '' : _h, _j = _a.bottom, bottom = _j === void 0 ? '' : _j, onClick = _a.onClick, customDefaultComponent = _a.customDefaultComponent;
-    return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
-            'sendbird-avatar',
-        ], false).join(' '), role: "button", ref: ref, style: {
-            height: height,
-            width: width,
-            zIndex: zIndex,
-            left: left,
-            bottom: bottom,
-        }, onClick: onClick, onKeyDown: onClick, tabIndex: 0 },
-        React.createElement(AvatarInner, { src: src, width: width, height: height, alt: alt, customDefaultComponent: customDefaultComponent })));
-}
+var imageRendererClassName = 'sendbird-avatar-img';
+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 })
+        : React.createElement(AvatarDefault, { width: width, height: height }); };
+    if (typeof src === 'string') {
+        return (React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src, height: height, width: width, alt: alt, defaultComponent: defaultComponent }));
+    }
+    if (src && src.length) {
+        if (src.length === 1) {
+            return (React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[0], height: height, width: width, alt: alt, defaultComponent: defaultComponent }));
+        }
+        if (src.length === 2) {
+            return (React.createElement("div", { className: "sendbird-avatar--inner__two-child" },
+                React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[0], height: height, width: width, alt: alt, defaultComponent: defaultComponent }),
+                React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[1], height: height, width: width, alt: alt, defaultComponent: defaultComponent })));
+        }
+        if (src.length === 3) {
+            return (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: "sendbird-avatar--inner__three-child--upper" },
+                    React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[0], height: height, width: width, alt: alt, defaultComponent: defaultComponent })),
+                React.createElement("div", { className: "sendbird-avatar--inner__three-child--lower" },
+                    React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[1], height: height, width: width, alt: alt, defaultComponent: defaultComponent }),
+                    React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[2], height: height, width: width, alt: alt, defaultComponent: defaultComponent }))));
+        }
+        return (React.createElement("div", { className: "sendbird-avatar--inner__four-child" }, src.slice(0, 4)
+            .map(function (url, index) { return (React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: url, height: height, width: width, alt: alt, key: "".concat(url, "-").concat(index), defaultComponent: defaultComponent })); })));
+    }
+    // default img
+    return (React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: "", height: height, width: width, alt: alt, 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, _g = _a.zIndex, zIndex = _g === void 0 ? 0 : _g, _h = _a.left, left = _h === void 0 ? '' : _h, _j = _a.bottom, bottom = _j === void 0 ? '' : _j, onClick = _a.onClick, customDefaultComponent = _a.customDefaultComponent;
+    return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-avatar',
+        ], false).join(' '), role: "button", ref: ref, style: {
+            height: height,
+            width: width,
+            zIndex: zIndex,
+            left: left,
+            bottom: bottom,
+        }, onClick: onClick, onKeyDown: onClick, tabIndex: 0 },
+        React.createElement(AvatarInner, { src: src, width: width, height: height, alt: alt, customDefaultComponent: customDefaultComponent })));
+}
 var Avatar$1 = React.forwardRef(Avatar);
 
 exports.Avatar = Avatar$1;
 exports.AvatarDefault = AvatarDefault;
 exports.AvatarInner = AvatarInner;
-//# sourceMappingURL=bundle-oUs61pbv.js.map
+//# sourceMappingURL=bundle-DxSB9NRz.js.map

package/cjs/chunks/bundle-DxSB9NRz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-DxSB9NRz.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-CY1bUkfG.js → bundle-HGbi-rCv.js}

@@ -112,4 +112,4 @@ exports.__extends = __extends;
 exports.__generator = __generator;
 exports.__rest = __rest;
 exports.__spreadArray = __spreadArray;
-//# sourceMappingURL=bundle-CY1bUkfG.js.map
+//# sourceMappingURL=bundle-HGbi-rCv.js.map

package/cjs/chunks/bundle-HGbi-rCv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-HGbi-rCv.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-DYZo-ek9.js → bundle-JtgSY0zB.js}

@@ -5,65 +5,65 @@ var GroupChannelList_components_GroupChannelListHeader = require('../GroupChanne
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var EditUserProfile = require('../EditUserProfile.js');
 var ui_PlaceHolder = require('../ui/PlaceHolder.js');
-var index = require('./bundle-Dn17aH6v.js');
+var index = require('./bundle-C1XVsHlE.js');
 
-var GroupChannelListUIView = function (_a) {
-    var renderHeader = _a.renderHeader, renderPlaceHolderError = _a.renderPlaceHolderError, renderPlaceHolderLoading = _a.renderPlaceHolderLoading, renderPlaceHolderEmptyList = _a.renderPlaceHolderEmptyList, onChangeTheme = _a.onChangeTheme, onUserProfileUpdated = _a.onUserProfileUpdated, allowProfileEdit = _a.allowProfileEdit, channels = _a.channels, onLoadMore = _a.onLoadMore, initialized = _a.initialized, renderChannel = _a.renderChannel, renderAddChannel = _a.renderAddChannel;
-    var _b = React.useState(false), showProfileEdit = _b[0], setShowProfileEdit = _b[1];
-    var stores = useSendbirdStateContext.useSendbirdStateContext().stores;
-    var renderer = {
-        addChannel: renderAddChannel,
-        channel: renderChannel,
-        placeholder: {
-            loading: function () {
-                if (initialized)
-                    return null;
-                if (renderPlaceHolderLoading)
-                    return renderPlaceHolderLoading();
-                return React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.LOADING });
-            },
-            empty: function () {
-                if (!initialized)
-                    return null;
-                if (renderPlaceHolderEmptyList)
-                    return renderPlaceHolderEmptyList();
-                return React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS });
-            },
-            error: function () {
-                if (!initialized || !stores.sdkStore.error)
-                    return null;
-                if (renderPlaceHolderError)
-                    return renderPlaceHolderError();
-                return React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG });
-            },
-        },
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "sendbird-channel-list__header" }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || (React.createElement(GroupChannelList_components_GroupChannelListHeader.GroupChannelListHeader, { onEdit: function () { return allowProfileEdit && setShowProfileEdit(true); }, allowProfileEdit: allowProfileEdit, renderIconButton: function () { return renderer.addChannel(); } }))),
-        showProfileEdit && (React.createElement(EditUserProfile, { onThemeChange: onChangeTheme, onCancel: function () { return setShowProfileEdit(false); }, onEditProfile: function (user) {
-                setShowProfileEdit(false);
-                onUserProfileUpdated(user);
-            } })),
-        React.createElement(ChannelListComponent, { data: channels, renderItem: renderer.channel, onLoadMore: onLoadMore, placeholderLoading: renderer.placeholder.loading(), placeholderEmpty: renderer.placeholder.empty(), placeholderError: renderer.placeholder.error() })));
-};
-/**
- * To do: Implement windowing
- * Implement windowing if you are dealing with large number of messages/channels
- * https://github.com/bvaughn/react-window -> recommendation
- * We hesitate to bring one more dependency to our library,
- * we are planning to implement it inside the library
- * */
-var ChannelListComponent = function (props) {
-    var data = props.data, renderItem = props.renderItem, onLoadMore = props.onLoadMore, placeholderLoading = props.placeholderLoading, placeholderError = props.placeholderError, placeholderEmpty = props.placeholderEmpty;
-    var onScroll = index.useOnScrollPositionChangeDetector({
-        onReachedBottom: function () { return onLoadMore(); },
-    });
-    return (React.createElement("div", { className: 'sendbird-channel-list__body', onScroll: onScroll },
-        placeholderError,
-        React.createElement("div", null, data.map(function (item, index) { return renderItem({ item: item, index: index }); })),
-        placeholderLoading,
-        data.length === 0 && placeholderEmpty));
+var GroupChannelListUIView = function (_a) {
+    var renderHeader = _a.renderHeader, renderPlaceHolderError = _a.renderPlaceHolderError, renderPlaceHolderLoading = _a.renderPlaceHolderLoading, renderPlaceHolderEmptyList = _a.renderPlaceHolderEmptyList, onChangeTheme = _a.onChangeTheme, onUserProfileUpdated = _a.onUserProfileUpdated, allowProfileEdit = _a.allowProfileEdit, channels = _a.channels, onLoadMore = _a.onLoadMore, initialized = _a.initialized, renderChannel = _a.renderChannel, renderAddChannel = _a.renderAddChannel;
+    var _b = React.useState(false), showProfileEdit = _b[0], setShowProfileEdit = _b[1];
+    var stores = useSendbirdStateContext.useSendbirdStateContext().stores;
+    var renderer = {
+        addChannel: renderAddChannel,
+        channel: renderChannel,
+        placeholder: {
+            loading: function () {
+                if (initialized)
+                    return null;
+                if (renderPlaceHolderLoading)
+                    return renderPlaceHolderLoading();
+                return React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.LOADING });
+            },
+            empty: function () {
+                if (!initialized)
+                    return null;
+                if (renderPlaceHolderEmptyList)
+                    return renderPlaceHolderEmptyList();
+                return React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS });
+            },
+            error: function () {
+                if (!initialized || !stores.sdkStore.error)
+                    return null;
+                if (renderPlaceHolderError)
+                    return renderPlaceHolderError();
+                return React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG });
+            },
+        },
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "sendbird-channel-list__header" }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || (React.createElement(GroupChannelList_components_GroupChannelListHeader.GroupChannelListHeader, { onEdit: function () { return allowProfileEdit && setShowProfileEdit(true); }, allowProfileEdit: allowProfileEdit, renderIconButton: function () { return renderer.addChannel(); } }))),
+        showProfileEdit && (React.createElement(EditUserProfile, { onThemeChange: onChangeTheme, onCancel: function () { return setShowProfileEdit(false); }, onEditProfile: function (user) {
+                setShowProfileEdit(false);
+                onUserProfileUpdated(user);
+            } })),
+        React.createElement(ChannelListComponent, { data: channels, renderItem: renderer.channel, onLoadMore: onLoadMore, placeholderLoading: renderer.placeholder.loading(), placeholderEmpty: renderer.placeholder.empty(), placeholderError: renderer.placeholder.error() })));
+};
+/**
+ * To do: Implement windowing
+ * Implement windowing if you are dealing with large number of messages/channels
+ * https://github.com/bvaughn/react-window -> recommendation
+ * We hesitate to bring one more dependency to our library,
+ * we are planning to implement it inside the library
+ * */
+var ChannelListComponent = function (props) {
+    var data = props.data, renderItem = props.renderItem, onLoadMore = props.onLoadMore, placeholderLoading = props.placeholderLoading, placeholderError = props.placeholderError, placeholderEmpty = props.placeholderEmpty;
+    var onScroll = index.useOnScrollPositionChangeDetector({
+        onReachedBottom: function () { return onLoadMore(); },
+    });
+    return (React.createElement("div", { className: 'sendbird-channel-list__body', onScroll: onScroll },
+        placeholderError,
+        React.createElement("div", null, data.map(function (item, index) { return renderItem({ item: item, index: index }); })),
+        placeholderLoading,
+        data.length === 0 && placeholderEmpty));
 };
 
 exports.GroupChannelListUIView = GroupChannelListUIView;
-//# sourceMappingURL=bundle-DYZo-ek9.js.map
+//# sourceMappingURL=bundle-JtgSY0zB.js.map

package/cjs/chunks/bundle-JtgSY0zB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-JtgSY0zB.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}