@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
|
@@ -26603,7 +26603,7 @@ var ChatRevamp = function ChatRevamp(_ref) {
|
|
|
26603
26603
|
}, React__default.createElement(RecentChatTabContainer, {
|
|
26604
26604
|
isPrivate: isPrivate,
|
|
26605
26605
|
isOpen: showRecentChats
|
|
26606
|
-
}, renderRecentChatTopBar(), renderRecentChatList()), renderChatContent()));
|
|
26606
|
+
}, renderRecentChatTopBar(), renderRecentChatList()), React__default.createElement(ChatWrapper, null, renderChatContent())));
|
|
26607
26607
|
};
|
|
26608
26608
|
var TabContainer = /*#__PURE__*/styled__default.div.withConfig({
|
|
26609
26609
|
displayName: "ChatRevamp__TabContainer",
|
|
@@ -26622,7 +26622,7 @@ var Tab = /*#__PURE__*/styled__default.button.withConfig({
|
|
|
26622
26622
|
var PrivateChatContainer = /*#__PURE__*/styled__default.div.withConfig({
|
|
26623
26623
|
displayName: "ChatRevamp__PrivateChatContainer",
|
|
26624
26624
|
componentId: "sc-1sdiknw-2"
|
|
26625
|
-
})(["width:", ";
|
|
26625
|
+
})(["width:", ";height:", ";padding:10px;background-color:rgba(0,0,0,0.2);display:flex;gap:10px;"], function (_ref2) {
|
|
26626
26626
|
var width = _ref2.width;
|
|
26627
26627
|
return width;
|
|
26628
26628
|
}, function (_ref3) {
|
|
@@ -26632,7 +26632,7 @@ var PrivateChatContainer = /*#__PURE__*/styled__default.div.withConfig({
|
|
|
26632
26632
|
var RecentChatTabContainer = /*#__PURE__*/styled__default.div.withConfig({
|
|
26633
26633
|
displayName: "ChatRevamp__RecentChatTabContainer",
|
|
26634
26634
|
componentId: "sc-1sdiknw-3"
|
|
26635
|
-
})(["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
|
|
26635
|
+
})(["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) {
|
|
26636
26636
|
return props.isPrivate ? 'flex' : 'none';
|
|
26637
26637
|
}, uiColors.gray, function (props) {
|
|
26638
26638
|
return props.isOpen ? '25%' : '30px';
|
|
@@ -26646,7 +26646,7 @@ var RecentChatTabContainer = /*#__PURE__*/styled__default.div.withConfig({
|
|
|
26646
26646
|
var RecentChatTopBar = /*#__PURE__*/styled__default.div.withConfig({
|
|
26647
26647
|
displayName: "ChatRevamp__RecentChatTopBar",
|
|
26648
26648
|
componentId: "sc-1sdiknw-4"
|
|
26649
|
-
})(["display:flex;align-items:center;justify-content:space-between;height:30px;"]);
|
|
26649
|
+
})(["display:flex;align-items:center;justify-content:space-between;height:30px;flex-shrink:0;"]);
|
|
26650
26650
|
var SearchButton$1 = /*#__PURE__*/styled__default.button.withConfig({
|
|
26651
26651
|
displayName: "ChatRevamp__SearchButton",
|
|
26652
26652
|
componentId: "sc-1sdiknw-5"
|
|
@@ -26664,7 +26664,9 @@ var BurgerLineIcon = /*#__PURE__*/styled__default.span.withConfig({
|
|
|
26664
26664
|
var RecentChatLogContainer = /*#__PURE__*/styled__default.div.withConfig({
|
|
26665
26665
|
displayName: "ChatRevamp__RecentChatLogContainer",
|
|
26666
26666
|
componentId: "sc-1sdiknw-8"
|
|
26667
|
-
})(["
|
|
26667
|
+
})(["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) {
|
|
26668
|
+
return props.isOpen ? 'flex' : 'none';
|
|
26669
|
+
}, function (props) {
|
|
26668
26670
|
return props.isOpen ? 1 : 0;
|
|
26669
26671
|
});
|
|
26670
26672
|
var ListElementContainer = /*#__PURE__*/styled__default.div.withConfig({
|
|
@@ -26686,7 +26688,11 @@ var StatusDot = /*#__PURE__*/styled__default.span.withConfig({
|
|
|
26686
26688
|
var CloseButton$2 = /*#__PURE__*/styled__default.button.withConfig({
|
|
26687
26689
|
displayName: "ChatRevamp__CloseButton",
|
|
26688
26690
|
componentId: "sc-1sdiknw-12"
|
|
26689
|
-
})(["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);
|
|
26691
|
+
})(["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);
|
|
26692
|
+
var ChatWrapper = /*#__PURE__*/styled__default.div.withConfig({
|
|
26693
|
+
displayName: "ChatRevamp__ChatWrapper",
|
|
26694
|
+
componentId: "sc-1sdiknw-13"
|
|
26695
|
+
})(["flex-grow:1;overflow:hidden;display:flex;flex-direction:column;"]);
|
|
26690
26696
|
|
|
26691
26697
|
var CheckButton = function CheckButton(_ref) {
|
|
26692
26698
|
var items = _ref.items,
|