@sendbird/uikit-react 3.0.0-beta → 3.0.0-beta.2

package/const-3f63e129.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const-3f63e129.js","sources":["../src/smart-components/Channel/context/const.ts"],"sourcesContent":["export const PREV_RESULT_SIZE = 30;\nexport const NEXT_RESULT_SIZE = 15;\n\nexport const MAX_USER_MENTION_COUNT = 10;\nexport const MAX_USER_SUGGESTION_COUNT = 15;\nexport const USER_MENTION_TEMP_CHAR = '@';\n"],"names":["PREV_RESULT_SIZE","NEXT_RESULT_SIZE","MAX_USER_MENTION_COUNT","MAX_USER_SUGGESTION_COUNT","USER_MENTION_TEMP_CHAR"],"mappings":"IAAaA,gBAAgB,GAAG;IACnBC,gBAAgB,GAAG;IAEnBC,sBAAsB,GAAG;IACzBC,yBAAyB,GAAG;IAC5BC,sBAAsB,GAAG;;;;"}

package/{context-98ce535c.js → context-7877e5bb.js}

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { n as noop } from './utils-c393e880.js';
+import { n as noop } from './utils-9ef11656.js';
 
 var Context = /*#__PURE__*/React__default.createContext({
   opened: '',
@@ -9,4 +9,4 @@ var Consumer = Context.Consumer;
 var Provider = Context.Provider;
 
 export { Consumer as C, Provider as P };
-//# sourceMappingURL=context-98ce535c.js.map
+//# sourceMappingURL=context-7877e5bb.js.map

package/{context-98ce535c.js.map → context-7877e5bb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"context-98ce535c.js","sources":["../src/ui/Accordion/context.ts"],"sourcesContent":["import React from 'react';\n\nimport { noop } from '../../utils/utils';\n\ninterface ContextValue {\n  setOpened(accordion: string): void;\n  opened: string;\n}\n\nconst Context = React.createContext<ContextValue>({\n  opened: '', // mock default value\n  setOpened: noop,\n});\n\nexport const Consumer = Context.Consumer;\nexport const Provider = Context.Provider;\n"],"names":["Context","React","createContext","opened","setOpened","noop","Consumer","Provider"],"mappings":";;;AASA,IAAMA,OAAO,gBAAGC,cAAK,CAACC,aAAN,CAAkC;AAChDC,EAAAA,MAAM,EAAE,EADwC;AAEhDC,EAAAA,SAAS,EAAEC;AAFqC,CAAlC,CAAhB;IAKaC,QAAQ,GAAGN,OAAO,CAACM;IACnBC,QAAQ,GAAGP,OAAO,CAACO;;;;"}
+{"version":3,"file":"context-7877e5bb.js","sources":["../src/ui/Accordion/context.ts"],"sourcesContent":["import React from 'react';\n\nimport { noop } from '../../utils/utils';\n\ninterface ContextValue {\n  setOpened(accordion: string): void;\n  opened: string;\n}\n\nconst Context = React.createContext<ContextValue>({\n  opened: '', // mock default value\n  setOpened: noop,\n});\n\nexport const Consumer = Context.Consumer;\nexport const Provider = Context.Provider;\n"],"names":["Context","React","createContext","opened","setOpened","noop","Consumer","Provider"],"mappings":";;;AASA,IAAMA,OAAO,gBAAGC,cAAK,CAACC,aAAN,CAAkC;AAChDC,EAAAA,MAAM,EAAE,EADwC;AAEhDC,EAAAA,SAAS,EAAEC;AAFqC,CAAlC,CAAhB;IAKaC,QAAQ,GAAGN,OAAO,CAACM;IACnBC,QAAQ,GAAGP,OAAO,CAACO;;;;"}

package/dist/index.css

@@ -1338,6 +1338,8 @@
         overflow: hidden;
         text-overflow: ellipsis; }
       .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count {
+        display: flex;
+        align-items: center;
         margin-left: 8px;
         margin-bottom: 12px; }
   .sendbird-channel-preview .sendbird-channel-preview__action {
@@ -1397,6 +1399,38 @@
   .sendbird-badge .sendbird-badge__text {
     margin: 0px 6px; }
 
+.sendbird-mention-user-label {
+  display: inline-block;
+  font-family: var(--sendbird-font-family-default);
+  font-size: 14px;
+  font-weight: bold;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.43;
+  letter-spacing: normal; }
+  .sendbird-mention-user-label:hover {
+    cursor: pointer; }
+  .sendbird-theme--light .sendbird-mention-user-label {
+    color: var(--sendbird-light-onlight-01); }
+  .sendbird-theme--dark .sendbird-mention-user-label {
+    color: var(--sendbird-dark-ondark-01); }
+  .sendbird-theme--light .sendbird-mention-user-label.reverse {
+    color: var(--sendbird-light-ondark-01); }
+  .sendbird-theme--dark .sendbird-mention-user-label.reverse {
+    color: var(--sendbird-dark-onlight-01); }
+  .sendbird-mention-user-label.purple {
+    font-family: Roboto;
+    font-size: 18px;
+    font-weight: bold;
+    font-stretch: normal;
+    font-style: normal;
+    line-height: normal;
+    letter-spacing: normal; }
+    .sendbird-theme--light .sendbird-mention-user-label.purple {
+      color: var(--sendbird-light-primary-300); }
+    .sendbird-theme--dark .sendbird-mention-user-label.purple {
+      color: var(--sendbird-dark-primary-200); }
+
 .sendbird-edit-user-profile section {
   margin-top: 16px; }
   .sendbird-edit-user-profile section .sendbird-input-label {
@@ -1938,6 +1972,61 @@
   .sendbird-conversation__scroll-bottom-button:focus {
     outline: none; }
 
+.sendbird-mention-suggest-list {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: calc(100% - 56px);
+  max-height: 260px;
+  overflow: scroll;
+  margin-left: 28px;
+  margin-right: 28px; }
+  .sendbird-theme--light .sendbird-mention-suggest-list {
+    border: 1px solid var(--sendbird-light-background-100); }
+  .sendbird-theme--dark .sendbird-mention-suggest-list {
+    border: 1px solid var(--sendbird-dark-background-500); }
+  .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item {
+    position: relative;
+    display: flex;
+    align-items: center;
+    padding: 16px 8px; }
+    .sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item {
+      background-color: var(--sendbird-light-background-50); }
+    .sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item {
+      background-color: var(--sendbird-dark-background-600); }
+    .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item:hover {
+      cursor: pointer; }
+      .sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item:hover {
+        background-color: var(--sendbird-light-background-100); }
+      .sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item:hover {
+        background-color: var(--sendbird-dark-background-500); }
+    .sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item.focused {
+      background-color: var(--sendbird-light-background-100); }
+    .sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item.focused {
+      background-color: var(--sendbird-dark-background-500); }
+    .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__avatar {
+      position: relative;
+      display: inline-block; }
+    .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname {
+      position: relative;
+      display: inline-block;
+      margin-left: 16px; }
+    .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id {
+      position: absolute;
+      display: inline-block;
+      right: 16px; }
+  .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item {
+    position: relative;
+    display: flex;
+    align-items: center;
+    padding: 16px 8px; }
+    .sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item {
+      background-color: var(--sendbird-light-background-50); }
+    .sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item {
+      background-color: var(--sendbird-dark-background-600); }
+    .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item .sendbird-mention-suggest-list__notice-item__icon {
+      margin-right: 4px; }
+
 .sendbird-separator {
   width: 100%;
   display: flex;
@@ -1976,7 +2065,8 @@
     box-sizing: border-box;
     resize: none;
     font-family: var(--sendbird-font-family-default);
-    background-color: inherit; }
+    background-color: inherit;
+    white-space: pre-wrap; }
     .sendbird-theme--light .sendbird-message-input .sendbird-message-input--textarea {
       color: var(--sendbird-light-onlight-01);
       caret-color: var(--sendbird-light-primary-300);
@@ -2446,10 +2536,84 @@
     background-color: var(--sendbird-light-primary-400); }
   .sendbird-theme--dark .sendbird-text-message-item-body.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-text-message-item-body:hover.outgoing {
     background-color: var(--sendbird-dark-primary-300); }
+  .sendbird-text-message-item-body .sendbird-text-message-item-body__text-bubble__message {
+    display: inline;
+    margin: 0px 2px; }
 
 p.sendbird-text-message-item-body {
   margin: 0px; }
 
+.sendbird-word {
+  display: inline-block;
+  margin-right: 4px;
+  height: -webkit-fit-content;
+  height: -moz-fit-content;
+  height: fit-content; }
+  .sendbird-word .sendbird-word__mention:hover {
+    cursor: pointer; }
+  .sendbird-word .sendbird-word__mention,
+  .sendbird-word .sendbird-word__url,
+  .sendbird-word .sendbird-word__normal {
+    display: inline-block; }
+
+.sendbird-link-label {
+  text-decoration: unset; }
+  .sendbird-link-label:hover {
+    cursor: pointer;
+    text-decoration: underline; }
+  .sendbird-link-label:focus {
+    outline: none; }
+  .sendbird-link-label__label {
+    display: inline; }
+
+.sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-1 {
+  color: var(--sendbird-light-onlight-01); }
+
+.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-1 {
+  color: var(--sendbird-dark-ondark-01); }
+
+.sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-2 {
+  color: var(--sendbird-light-onlight-02); }
+
+.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-2 {
+  color: var(--sendbird-dark-ondark-02); }
+
+.sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-3 {
+  color: var(--sendbird-light-onlight-03); }
+
+.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-3 {
+  color: var(--sendbird-dark-ondark-03); }
+
+.sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-1 {
+  color: var(--sendbird-light-ondark-01); }
+
+.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-1 {
+  color: var(--sendbird-dark-onlight-01); }
+
+.sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-2 {
+  color: var(--sendbird-light-ondark-02); }
+
+.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-2 {
+  color: var(--sendbird-dark-onlight-02); }
+
+.sendbird-theme--light .sendbird-link-label .sendbird-label--color-primary {
+  color: var(--sendbird-light-primary-300); }
+
+.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-primary {
+  color: var(--sendbird-dark-primary-200); }
+
+.sendbird-theme--light .sendbird-link-label .sendbird-label--color-error {
+  color: var(--sendbird-light-error-300); }
+
+.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-error {
+  color: var(--sendbird-dark-error-200); }
+
+.sendbird-theme--light .sendbird-link-label .sendbird-label--color-secondary-3 {
+  color: var(--sendbird-light-secondary-300); }
+
+.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-secondary-3 {
+  color: var(--sendbird-dark-secondary-200); }
+
 .sendbird-file-message-item-body {
   position: relative;
   display: inline-block;
@@ -2653,64 +2817,6 @@ p.sendbird-text-message-item-body {
 p.sendbird-og-message-item-body__text-bubble {
   margin: 0px; }
 
-.sendbird-link-label {
-  text-decoration: unset; }
-  .sendbird-link-label:hover {
-    cursor: pointer;
-    text-decoration: underline; }
-  .sendbird-link-label:focus {
-    outline: none; }
-  .sendbird-link-label__label {
-    display: inline; }
-
-.sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-1 {
-  color: var(--sendbird-light-onlight-01); }
-
-.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-1 {
-  color: var(--sendbird-dark-ondark-01); }
-
-.sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-2 {
-  color: var(--sendbird-light-onlight-02); }
-
-.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-2 {
-  color: var(--sendbird-dark-ondark-02); }
-
-.sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-3 {
-  color: var(--sendbird-light-onlight-03); }
-
-.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-3 {
-  color: var(--sendbird-dark-ondark-03); }
-
-.sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-1 {
-  color: var(--sendbird-light-ondark-01); }
-
-.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-1 {
-  color: var(--sendbird-dark-onlight-01); }
-
-.sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-2 {
-  color: var(--sendbird-light-ondark-02); }
-
-.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-2 {
-  color: var(--sendbird-dark-onlight-02); }
-
-.sendbird-theme--light .sendbird-link-label .sendbird-label--color-primary {
-  color: var(--sendbird-light-primary-300); }
-
-.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-primary {
-  color: var(--sendbird-dark-primary-200); }
-
-.sendbird-theme--light .sendbird-link-label .sendbird-label--color-error {
-  color: var(--sendbird-light-error-300); }
-
-.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-error {
-  color: var(--sendbird-dark-error-200); }
-
-.sendbird-theme--light .sendbird-link-label .sendbird-label--color-secondary-3 {
-  color: var(--sendbird-light-secondary-300); }
-
-.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-secondary-3 {
-  color: var(--sendbird-dark-secondary-200); }
-
 .sendbird-unknown-message-item-body {
   position: relative;
   display: inline-block;