@rpg-engine/long-bow 0.7.9 → 0.7.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/long-bow.cjs.development.js +12 -6
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +12 -6
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ChatRevamp/ChatRevamp.tsx +48 -8
- package/src/stories/ChatRevamp.stories.tsx +8 -0
package/dist/long-bow.esm.js
CHANGED
|
@@ -26597,7 +26597,7 @@ var ChatRevamp = function ChatRevamp(_ref) {
|
|
|
26597
26597
|
}, React.createElement(RecentChatTabContainer, {
|
|
26598
26598
|
isPrivate: isPrivate,
|
|
26599
26599
|
isOpen: showRecentChats
|
|
26600
|
-
}, renderRecentChatTopBar(), renderRecentChatList()), renderChatContent()));
|
|
26600
|
+
}, renderRecentChatTopBar(), renderRecentChatList()), React.createElement(ChatWrapper, null, renderChatContent())));
|
|
26601
26601
|
};
|
|
26602
26602
|
var TabContainer = /*#__PURE__*/styled.div.withConfig({
|
|
26603
26603
|
displayName: "ChatRevamp__TabContainer",
|
|
@@ -26616,7 +26616,7 @@ var Tab = /*#__PURE__*/styled.button.withConfig({
|
|
|
26616
26616
|
var PrivateChatContainer = /*#__PURE__*/styled.div.withConfig({
|
|
26617
26617
|
displayName: "ChatRevamp__PrivateChatContainer",
|
|
26618
26618
|
componentId: "sc-1sdiknw-2"
|
|
26619
|
-
})(["width:", ";
|
|
26619
|
+
})(["width:", ";height:", ";padding:10px;background-color:rgba(0,0,0,0.2);display:flex;gap:10px;"], function (_ref2) {
|
|
26620
26620
|
var width = _ref2.width;
|
|
26621
26621
|
return width;
|
|
26622
26622
|
}, function (_ref3) {
|
|
@@ -26626,7 +26626,7 @@ var PrivateChatContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
26626
26626
|
var RecentChatTabContainer = /*#__PURE__*/styled.div.withConfig({
|
|
26627
26627
|
displayName: "ChatRevamp__RecentChatTabContainer",
|
|
26628
26628
|
componentId: "sc-1sdiknw-3"
|
|
26629
|
-
})(["display:", ";flex-direction:column;border-right:1px solid ", ";outline:none;width:", ";max-width:200px;min-width:", ";transition:all 0.3s ease-in-out;overflow:hidden
|
|
26629
|
+
})(["display:", ";flex-direction:column;border-right:1px solid ", ";outline:none;width:", ";max-width:200px;min-width:", ";transition:all 0.3s ease-in-out;overflow:hidden;height:100%;@media (max-width:768px){width:", ";min-width:", ";}"], function (props) {
|
|
26630
26630
|
return props.isPrivate ? 'flex' : 'none';
|
|
26631
26631
|
}, uiColors.gray, function (props) {
|
|
26632
26632
|
return props.isOpen ? '25%' : '30px';
|
|
@@ -26640,7 +26640,7 @@ var RecentChatTabContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
26640
26640
|
var RecentChatTopBar = /*#__PURE__*/styled.div.withConfig({
|
|
26641
26641
|
displayName: "ChatRevamp__RecentChatTopBar",
|
|
26642
26642
|
componentId: "sc-1sdiknw-4"
|
|
26643
|
-
})(["display:flex;align-items:center;justify-content:space-between;height:30px;"]);
|
|
26643
|
+
})(["display:flex;align-items:center;justify-content:space-between;height:30px;flex-shrink:0;"]);
|
|
26644
26644
|
var SearchButton$1 = /*#__PURE__*/styled.button.withConfig({
|
|
26645
26645
|
displayName: "ChatRevamp__SearchButton",
|
|
26646
26646
|
componentId: "sc-1sdiknw-5"
|
|
@@ -26658,7 +26658,9 @@ var BurgerLineIcon = /*#__PURE__*/styled.span.withConfig({
|
|
|
26658
26658
|
var RecentChatLogContainer = /*#__PURE__*/styled.div.withConfig({
|
|
26659
26659
|
displayName: "ChatRevamp__RecentChatLogContainer",
|
|
26660
26660
|
componentId: "sc-1sdiknw-8"
|
|
26661
|
-
})(["
|
|
26661
|
+
})(["display:", ";opacity:", ";flex-direction:column;gap:0.5rem;transition:opacity 0.3s ease-in-out;padding:0;margin:0;overflow-y:auto;flex-grow:1;height:0;scrollbar-width:thin;scrollbar-color:rgba(51,51,51,0.4) rgba(30,30,30,0.4);&::-webkit-scrollbar{width:8px;height:8px;}&::-webkit-scrollbar-track{background:rgba(30,30,30,0.2);border-radius:4px;}&::-webkit-scrollbar-thumb{background-color:rgba(255,102,0,0.5);border-radius:4px;border:2px solid rgba(30,30,30,0.2);}&::-webkit-scrollbar-thumb:hover{background-color:rgba(255,102,0,0.7);}"], function (props) {
|
|
26662
|
+
return props.isOpen ? 'flex' : 'none';
|
|
26663
|
+
}, function (props) {
|
|
26662
26664
|
return props.isOpen ? 1 : 0;
|
|
26663
26665
|
});
|
|
26664
26666
|
var ListElementContainer = /*#__PURE__*/styled.div.withConfig({
|
|
@@ -26680,7 +26682,11 @@ var StatusDot = /*#__PURE__*/styled.span.withConfig({
|
|
|
26680
26682
|
var CloseButton$2 = /*#__PURE__*/styled.button.withConfig({
|
|
26681
26683
|
displayName: "ChatRevamp__CloseButton",
|
|
26682
26684
|
componentId: "sc-1sdiknw-12"
|
|
26683
|
-
})(["all:unset;font-size:", ";margin:0 0.5rem;transition:all 0.2s ease-in-out;background-color:", ";color:", ";&:hover{background-color:", ";color:", ";}"], uiFonts.size.xxsmall, uiColors.red, uiColors.white, uiColors.white, uiColors.red);
|
|
26685
|
+
})(["all:unset;font-size:", ";margin:0 0.5rem;transition:all 0.2s ease-in-out;background-color:", ";color:", ";width:16px;height:16px;border-radius:50%;display:flex;justify-content:center;align-items:center;&:hover{background-color:", ";color:", ";}"], uiFonts.size.xxsmall, uiColors.red, uiColors.white, uiColors.white, uiColors.red);
|
|
26686
|
+
var ChatWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
26687
|
+
displayName: "ChatRevamp__ChatWrapper",
|
|
26688
|
+
componentId: "sc-1sdiknw-13"
|
|
26689
|
+
})(["flex-grow:1;overflow:hidden;display:flex;flex-direction:column;"]);
|
|
26684
26690
|
|
|
26685
26691
|
var CheckButton = function CheckButton(_ref) {
|
|
26686
26692
|
var items = _ref.items,
|