@hh.ru/magritte-ui-chat-input 1.1.19 → 1.2.1

package/index.css

@@ -1,146 +1,161 @@
 :root{
-  --magritte-color-background-primary-v25-1-0:#ffffff;
-  --magritte-color-stroke-neutral-v25-1-0:#DCE3EB;
-  --magritte-color-stroke-state-focused-accessible-v25-1-0:#0070ff7a;
-  --magritte-color-stroke-state-neutral-hovered-v25-1-0:#DCE3EB;
-  --magritte-color-text-primary-v25-1-0:#000000;
-  --magritte-color-text-secondary-v25-1-0:#768694;
-  --magritte-color-text-tertiary-v25-1-0:#AABBCA;
-  --magritte-color-icon-tertiary-v25-1-0:#AABBCA;
-  --magritte-gradient-component-chat-input-background-fade-v25-1-0:#ffffff00 0%, #ffffff 100%;
-  --magritte-shadow-level-1-color-v25-1-0:#7090b029;
-  --magritte-shadow-level-1-x-v25-1-0:0px;
-  --magritte-shadow-level-1-y-v25-1-0:4px;
-  --magritte-shadow-level-1-blur-v25-1-0:12px;
-  --magritte-shadow-level-1-spread-v25-1-0:0px;
+  --magritte-color-background-primary-v25-1-1:#ffffff;
+  --magritte-color-background-secondary-v25-1-1:#F1F4F9;
+  --magritte-color-stroke-neutral-v25-1-1:#DCE3EB;
+  --magritte-color-stroke-phantom-v25-1-1:#DCE3EB;
+  --magritte-color-stroke-state-focused-accessible-v25-1-1:#0070ff7a;
+  --magritte-color-stroke-state-neutral-hovered-v25-1-1:#DCE3EB;
+  --magritte-color-text-primary-v25-1-1:#000000;
+  --magritte-color-text-secondary-v25-1-1:#768694;
+  --magritte-color-text-tertiary-v25-1-1:#AABBCA;
+  --magritte-color-icon-tertiary-v25-1-1:#AABBCA;
+  --magritte-gradient-component-chat-input-background-fade-v25-1-1:#ffffff00 0%, #ffffff 100%;
+  --magritte-shadow-level-1-color-v25-1-1:#7090b029;
+  --magritte-shadow-level-1-x-v25-1-1:0px;
+  --magritte-shadow-level-1-y-v25-1-1:4px;
+  --magritte-shadow-level-1-blur-v25-1-1:12px;
+  --magritte-shadow-level-1-spread-v25-1-1:0px;
 }
 
 :root{
-  --magritte-semantic-animation-time-s-duration-v25-1-0:200ms;
-  --magritte-semantic-animation-ease-base-timing-function-v25-1-0:cubic-bezier(0.4, 0.24, 0, 1);
+  --magritte-semantic-animation-time-s-duration-v25-1-1:200ms;
+  --magritte-semantic-animation-ease-base-timing-function-v25-1-1:cubic-bezier(0.4, 0.24, 0, 1);
 }
 
 .magritte-night-theme{
-  --magritte-color-background-primary-v25-1-0:#1B1B1B;
-  --magritte-color-stroke-neutral-v25-1-0:#303030;
-  --magritte-color-stroke-state-neutral-hovered-v25-1-0:#303030;
-  --magritte-color-text-primary-v25-1-0:#ffffff;
-  --magritte-color-text-secondary-v25-1-0:#ABABAB;
-  --magritte-color-text-tertiary-v25-1-0:#767676;
-  --magritte-color-icon-tertiary-v25-1-0:#767676;
-  --magritte-gradient-component-chat-input-background-fade-v25-1-0:#1b1b1b00 0%, #1b1b1b 100%;
-  --magritte-shadow-level-1-color-v25-1-0:#00000029;
-}
-.magritte-chat-input___P69oN_1-1-19{
-  --chat-input-stroke-color:var(--magritte-color-stroke-neutral-v25-1-0);
+  --magritte-color-background-primary-v25-1-1:#1B1B1B;
+  --magritte-color-background-secondary-v25-1-1:#303030;
+  --magritte-color-stroke-neutral-v25-1-1:#303030;
+  --magritte-color-stroke-phantom-v25-1-1:#30303000;
+  --magritte-color-stroke-state-neutral-hovered-v25-1-1:#303030;
+  --magritte-color-text-primary-v25-1-1:#ffffff;
+  --magritte-color-text-secondary-v25-1-1:#ABABAB;
+  --magritte-color-text-tertiary-v25-1-1:#767676;
+  --magritte-color-icon-tertiary-v25-1-1:#767676;
+  --magritte-gradient-component-chat-input-background-fade-v25-1-1:#1b1b1b00 0%, #1b1b1b 100%;
+  --magritte-shadow-level-1-color-v25-1-1:#00000029;
+}
+.magritte-chat-input___P69oN_1-2-1{
+  --chat-input-stroke-color:var(--magritte-color-stroke-neutral-v25-1-1);
   --chat-input-focus-shadow:0 0 0 transparent;
-  box-shadow:inset 0 0 0 1px var(--chat-input-stroke-color), var(--chat-input-focus-shadow);
+  position:relative;
+  isolation:isolate;
+  box-shadow:var(--chat-input-focus-shadow);
   border-radius:24px;
   padding:12px;
   overflow:hidden;
-  background-color:var(--magritte-color-background-primary-v25-1-0);
+  background-color:var(--magritte-color-background-primary-v25-1-1);
   --magritte-ui-scrollbar-offset-right:-12px;
 }
-.magritte-chat-input___P69oN_1-1-19.magritte-no-background___eiIY1_1-1-19{
+.magritte-chat-input___P69oN_1-2-1::after{
+  content:'';
+  position:absolute;
+  z-index:1;
+  inset:0;
+  border-radius:inherit;
+  box-shadow:inset 0 0 0 1px var(--chat-input-stroke-color);
+  pointer-events:none;
+}
+.magritte-chat-input___P69oN_1-2-1.magritte-no-background___eiIY1_1-2-1{
   background:none;
   --chat-input-stroke-color:transparent !important;
 }
-.magritte-chat-input___P69oN_1-1-19:has(*:focus){
-  --chat-input-focus-shadow:var(--magritte-shadow-level-1-x-v25-1-0) var(--magritte-shadow-level-1-y-v25-1-0) var(--magritte-shadow-level-1-blur-v25-1-0) var(--magritte-shadow-level-1-spread-v25-1-0) var(--magritte-shadow-level-1-color-v25-1-0);
+.magritte-chat-input___P69oN_1-2-1:has(*:focus){
+  --chat-input-focus-shadow:var(--magritte-shadow-level-1-x-v25-1-1) var(--magritte-shadow-level-1-y-v25-1-1) var(--magritte-shadow-level-1-blur-v25-1-1) var(--magritte-shadow-level-1-spread-v25-1-1) var(--magritte-shadow-level-1-color-v25-1-1);
 }
-.magritte-chat-input___P69oN_1-1-19:has(.magritte-text-input-focused___TfyLu_1-1-19){
-  outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v25-1-0);
+.magritte-chat-input___P69oN_1-2-1:has(.magritte-text-input-focused___TfyLu_1-2-1){
+  outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v25-1-1);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-chat-input___P69oN_1-1-19:hover{
-    --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v25-1-0);
+  body.magritte-old-layout .magritte-chat-input___P69oN_1-2-1:hover{
+    --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v25-1-1);
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-chat-input___P69oN_1-1-19:hover{
-    --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v25-1-0);
+  body:not(.magritte-old-layout) .magritte-chat-input___P69oN_1-2-1:hover{
+    --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v25-1-1);
   }
 }
-.magritte-content-grid___g03sT_1-1-19{
+.magritte-content-grid___g03sT_1-2-1{
   display:grid;
   grid-template-columns:auto minmax(0, 1fr) auto;
 }
-.magritte-content-grid___g03sT_1-1-19 .magritte-preview___baXKi_1-1-19{
+.magritte-content-grid___g03sT_1-2-1 .magritte-preview___baXKi_1-2-1{
   grid-area:1 / 1 / 2 / -1;
 }
-.magritte-content-grid___g03sT_1-1-19 .magritte-left___7JZYp_1-1-19{
+.magritte-content-grid___g03sT_1-2-1 .magritte-left___7JZYp_1-2-1{
   grid-area:3 / 1;
   align-self:end;
 }
-.magritte-content-grid___g03sT_1-1-19 .magritte-central___zkguj_1-1-19{
+.magritte-content-grid___g03sT_1-2-1 .magritte-central___zkguj_1-2-1{
   grid-area:3 / 2;
   align-self:center;
 }
-.magritte-content-grid___g03sT_1-1-19 .magritte-right___-tGcO_1-1-19{
+.magritte-content-grid___g03sT_1-2-1 .magritte-right___-tGcO_1-2-1{
   grid-area:3 / 3;
   align-self:end;
 }
-.magritte-content-grid___g03sT_1-1-19 .magritte-scrollbar-cell___--M2x_1-1-19{
+.magritte-content-grid___g03sT_1-2-1 .magritte-scrollbar-cell___--M2x_1-2-1{
   grid-area:2 / 1 / 3 / -1;
   position:relative;
   pointer-events:none;
 }
-.magritte-content-grid___g03sT_1-1-19 .magritte-scrollbar-cell___--M2x_1-1-19 > div{
+.magritte-content-grid___g03sT_1-2-1 .magritte-scrollbar-cell___--M2x_1-2-1 > div{
   pointer-events:auto;
 }
-.magritte-content-grid___g03sT_1-1-19 .magritte-text-input___3AFO4_1-1-19{
+.magritte-content-grid___g03sT_1-2-1 .magritte-text-input___3AFO4_1-2-1{
   grid-area:3 / 2;
 }
-.magritte-content-grid___g03sT_1-1-19 .magritte-text-input___3AFO4_1-1-19.magritte-layout-vertical___mVTr-_1-1-19,
-.magritte-content-grid___g03sT_1-1-19.magritte-has-central___VRZik_1-1-19 .magritte-text-input___3AFO4_1-1-19{
+.magritte-content-grid___g03sT_1-2-1 .magritte-text-input___3AFO4_1-2-1.magritte-layout-vertical___mVTr-_1-2-1,
+.magritte-content-grid___g03sT_1-2-1.magritte-has-central___VRZik_1-2-1 .magritte-text-input___3AFO4_1-2-1{
   grid-area:2 / 1 / 3 / -1;
 }
-.magritte-content-grid___g03sT_1-1-19.magritte-no-left-controls___7r6yy_1-1-19:not(.magritte-has-central___VRZik_1-1-19) .magritte-text-input___3AFO4_1-1-19{
+.magritte-content-grid___g03sT_1-2-1.magritte-no-left-controls___7r6yy_1-2-1:not(.magritte-has-central___VRZik_1-2-1) .magritte-text-input___3AFO4_1-2-1{
   grid-area:2 / 1 / 4 / 3;
 }
-.magritte-content-grid___g03sT_1-1-19.magritte-no-right-controls___HBSag_1-1-19:not(.magritte-has-central___VRZik_1-1-19) .magritte-text-input___3AFO4_1-1-19{
+.magritte-content-grid___g03sT_1-2-1.magritte-no-right-controls___HBSag_1-2-1:not(.magritte-has-central___VRZik_1-2-1) .magritte-text-input___3AFO4_1-2-1{
   grid-area:2 / 2 / 4 / -1;
 }
-.magritte-content-grid___g03sT_1-1-19.magritte-no-left-controls___7r6yy_1-1-19:not(.magritte-has-central___VRZik_1-1-19){
+.magritte-content-grid___g03sT_1-2-1.magritte-no-left-controls___7r6yy_1-2-1:not(.magritte-has-central___VRZik_1-2-1){
   grid-template-rows:auto minmax(0, 1fr) auto;
 }
-.magritte-right___-tGcO_1-1-19,
-.magritte-left___7JZYp_1-1-19{
+.magritte-right___-tGcO_1-2-1,
+.magritte-left___7JZYp_1-2-1{
   display:flex;
   gap:8px;
 }
-.magritte-chips___gLao5_1-1-19{
+.magritte-chips___gLao5_1-2-1{
   display:flex;
   flex-wrap:nowrap;
   width:max-content;
   gap:8px;
 }
-.magritte-chips-container___-bS5O_1-1-19{
+.magritte-chips-container___-bS5O_1-2-1{
   padding:0 12px;
 }
-.magritte-no-left-controls___7r6yy_1-1-19 .magritte-chips-container___-bS5O_1-1-19{
+.magritte-no-left-controls___7r6yy_1-2-1 .magritte-chips-container___-bS5O_1-2-1{
   padding-left:0;
 }
-.magritte-no-right-controls___HBSag_1-1-19 .magritte-chips-container___-bS5O_1-1-19{
+.magritte-no-right-controls___HBSag_1-2-1 .magritte-chips-container___-bS5O_1-2-1{
   padding-right:0;
 }
-.magritte-preview-block___iiPdS_1-1-19{
+.magritte-preview-block___iiPdS_1-2-1{
   display:flex;
   align-items:center;
   gap:12px;
   padding-bottom:8px;
 }
-.magritte-preview-side___ymR-u_1-1-19{
+.magritte-preview-side___ymR-u_1-2-1{
   display:flex;
   flex-shrink:0;
 }
-.magritte-preview-content___ZgyBD_1-1-19{
+.magritte-preview-content___ZgyBD_1-2-1{
   display:flex;
   flex:1;
   flex-direction:column;
   min-width:0;
 }
-.magritte-preview-title___SkFeZ_1-1-19{
+.magritte-preview-title___SkFeZ_1-2-1{
   font-family:"hh sans";
   font-weight:500;
   line-height:18px;
@@ -149,9 +164,9 @@
   text-indent:0px;
   text-transform:none;
   text-decoration:none;
-  color:var(--magritte-color-text-primary-v25-1-0);
+  color:var(--magritte-color-text-primary-v25-1-1);
 }
-.magritte-preview-subtitle___58qfR_1-1-19{
+.magritte-preview-subtitle___58qfR_1-2-1{
   font-family:"hh sans";
   font-weight:400;
   line-height:20px;
@@ -161,14 +176,91 @@
   text-transform:none;
   text-decoration:none;
   overflow:hidden;
-  color:var(--magritte-color-text-secondary-v25-1-0);
+  color:var(--magritte-color-text-secondary-v25-1-1);
+  white-space:nowrap;
+  text-overflow:ellipsis;
+}
+.magritte-files-container___zOkRK_1-2-1{
+  padding-bottom:8px;
+}
+.magritte-files___j2q5K_1-2-1{
+  display:flex;
+  flex-wrap:nowrap;
+  align-items:flex-start;
+  width:max-content;
+  gap:8px;
+}
+.magritte-file___lz9Ll_1-2-1{
+  position:relative;
+}
+.magritte-file-card___hn5C9_1-2-1::after,
+.magritte-file-tile___OVlh3_1-2-1::after{
+  content:'';
+  position:absolute;
+  inset:0;
+  border:1px solid;
+  border-radius:inherit;
+  pointer-events:none;
+}
+.magritte-file-card___hn5C9_1-2-1{
+  position:relative;
+  box-sizing:border-box;
+  width:280px;
+  padding:8px;
+  border-radius:12px;
+  background-color:var(--magritte-color-background-primary-v25-1-1);
+}
+.magritte-file-card___hn5C9_1-2-1::after{
+  border-color:var(--magritte-color-stroke-neutral-v25-1-1);
+}
+.magritte-file-card-removable___GkxUe_1-2-1{
+  padding-right:32px;
+}
+.magritte-file-tile___OVlh3_1-2-1{
+  position:relative;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  width:64px;
+  height:64px;
+  overflow:hidden;
+  border-radius:12px;
+}
+.magritte-file-tile___OVlh3_1-2-1::after{
+  border-color:var(--magritte-color-stroke-phantom-v25-1-1);
+}
+.magritte-file-tile-placeholder___yxLuR_1-2-1{
+  background-color:var(--magritte-color-background-secondary-v25-1-1);
+}
+.magritte-file-tile-image___cZFgL_1-2-1{
+  display:block;
+  width:100%;
+  height:100%;
+  object-fit:cover;
+}
+.magritte-file-remove___S0WB9_1-2-1{
+  position:absolute;
+  top:4px;
+  right:4px;
+  display:flex;
+}
+.magritte-file-name___L03-O_1-2-1{
+  display:flex;
+  min-width:0;
+}
+.magritte-file-name-base___ojdp6_1-2-1{
+  overflow:hidden;
   white-space:nowrap;
   text-overflow:ellipsis;
 }
-.magritte-text-input-wrapper___TPbwC_1-1-19{
+.magritte-file-name-extension___3QZtS_1-2-1{
+  flex-shrink:0;
+  white-space:nowrap;
+}
+.magritte-text-input-wrapper___TPbwC_1-2-1{
   display:contents;
 }
-.magritte-text-input___3AFO4_1-1-19{
+.magritte-text-input___3AFO4_1-2-1{
   box-sizing:content-box;
   padding:0 12px;
   border:none;
@@ -190,34 +282,34 @@
   text-indent:0px;
   text-transform:none;
   text-decoration:none;
-  color:var(--magritte-color-text-primary-v25-1-0);
+  color:var(--magritte-color-text-primary-v25-1-1);
 }
-.magritte-text-input___3AFO4_1-1-19::placeholder{
-  color:var(--magritte-color-text-tertiary-v25-1-0);
+.magritte-text-input___3AFO4_1-2-1::placeholder{
+  color:var(--magritte-color-text-tertiary-v25-1-1);
   opacity:1;
 }
-.magritte-text-input___3AFO4_1-1-19:focus,
-.magritte-text-input___3AFO4_1-1-19:focus-visible{
+.magritte-text-input___3AFO4_1-2-1:focus,
+.magritte-text-input___3AFO4_1-2-1:focus-visible{
   border:none;
   outline:none;
 }
-.magritte-text-input___3AFO4_1-1-19.magritte-with-top-fade___okgqo_1-1-19,
-.magritte-text-input___3AFO4_1-1-19.magritte-with-bottom-fade___82gr8_1-1-19{
+.magritte-text-input___3AFO4_1-2-1.magritte-with-top-fade___okgqo_1-2-1,
+.magritte-text-input___3AFO4_1-2-1.magritte-with-bottom-fade___82gr8_1-2-1{
   -webkit-mask:var(--fade-top) top / 100% 16px no-repeat, linear-gradient(#000, #000) center / 100% calc(100% - 32px) no-repeat, var(--fade-bottom) bottom / 100% 16px no-repeat;
   mask:var(--fade-top) top / 100% 16px no-repeat, linear-gradient(#000, #000) center / 100% calc(100% - 32px) no-repeat, var(--fade-bottom) bottom / 100% 16px no-repeat;
 }
-.magritte-text-input___3AFO4_1-1-19.magritte-with-top-fade___okgqo_1-1-19{
-  --fade-top:linear-gradient(180deg, var(--magritte-gradient-component-chat-input-background-fade-v25-1-0));
+.magritte-text-input___3AFO4_1-2-1.magritte-with-top-fade___okgqo_1-2-1{
+  --fade-top:linear-gradient(180deg, var(--magritte-gradient-component-chat-input-background-fade-v25-1-1));
 }
-.magritte-text-input___3AFO4_1-1-19.magritte-with-bottom-fade___82gr8_1-1-19{
-  --fade-bottom:linear-gradient(0deg, var(--magritte-gradient-component-chat-input-background-fade-v25-1-0));
+.magritte-text-input___3AFO4_1-2-1.magritte-with-bottom-fade___82gr8_1-2-1{
+  --fade-bottom:linear-gradient(0deg, var(--magritte-gradient-component-chat-input-background-fade-v25-1-1));
 }
-.magritte-text-input___3AFO4_1-1-19.magritte-measure___xNKc0_1-1-19{
+.magritte-text-input___3AFO4_1-2-1.magritte-measure___xNKc0_1-2-1{
   height:20px !important;
   padding:0 !important;
   margin:0 !important;
 }
-.magritte-voice-record___p64PV_1-1-19{
+.magritte-voice-record___p64PV_1-2-1{
   display:flex;
   align-items:center;
   justify-content:space-between;
@@ -227,45 +319,45 @@
   min-height:40px;
   gap:8px;
 }
-.magritte-voice-record-left___njEt-_1-1-19{
+.magritte-voice-record-left___njEt-_1-2-1{
   display:flex;
   align-items:center;
   gap:8px;
   min-width:0;
 }
-.magritte-voice-record-right___UTv-U_1-1-19{
+.magritte-voice-record-right___UTv-U_1-2-1{
   display:flex;
   align-items:center;
   gap:8px;
 }
-.magritte-voice-record-right___UTv-U_1-1-19.magritte-voice-processing___C0xnX_1-1-19{
+.magritte-voice-record-right___UTv-U_1-2-1.magritte-voice-processing___C0xnX_1-2-1{
   padding:8px;
 }
-.magritte-voice-record-indicator___V8ybb_1-1-19{
+.magritte-voice-record-indicator___V8ybb_1-2-1{
   display:flex;
   flex-shrink:0;
   align-items:center;
   gap:2px;
 }
-.magritte-voice-record-indicator-bar___jgyqz_1-1-19{
+.magritte-voice-record-indicator-bar___jgyqz_1-2-1{
   width:2px;
   min-height:2px;
   max-height:2px;
   border-radius:1000px;
-  background-color:var(--magritte-color-icon-tertiary-v25-1-0);
-  transition:max-height var(--magritte-semantic-animation-time-s-duration-v25-1-0) var(--magritte-semantic-animation-ease-base-timing-function-v25-1-0);
-  animation:magritte-voice-record-indicator-wave___4VsyE_1-1-19 400ms linear infinite alternate paused;
+  background-color:var(--magritte-color-icon-tertiary-v25-1-1);
+  transition:max-height var(--magritte-semantic-animation-time-s-duration-v25-1-1) var(--magritte-semantic-animation-ease-base-timing-function-v25-1-1);
+  animation:magritte-voice-record-indicator-wave___4VsyE_1-2-1 400ms linear infinite alternate paused;
 }
-.magritte-voice-record-indicator-has-sound___67t5g_1-1-19 .magritte-voice-record-indicator-bar___jgyqz_1-1-19{
+.magritte-voice-record-indicator-has-sound___67t5g_1-2-1 .magritte-voice-record-indicator-bar___jgyqz_1-2-1{
   max-height:27px;
   animation-play-state:running;
 }
 @media (prefers-reduced-motion: reduce){
-  .magritte-voice-record-indicator-has-sound___67t5g_1-1-19 .magritte-voice-record-indicator-bar___jgyqz_1-1-19{
+  .magritte-voice-record-indicator-has-sound___67t5g_1-2-1 .magritte-voice-record-indicator-bar___jgyqz_1-2-1{
     animation-play-state:paused;
   }
 }
-@keyframes magritte-voice-record-indicator-wave___4VsyE_1-1-19{
+@keyframes magritte-voice-record-indicator-wave___4VsyE_1-2-1{
   from{
     height:calc(var(--target-height) * 0.62px);
   }
@@ -273,12 +365,12 @@
     height:calc(var(--target-height) * 1.22px);
   }
 }
-.magritte-mode-container___nATVD_1-1-19{
+.magritte-mode-container___nATVD_1-2-1{
   position:relative;
   display:grid;
   align-content:end;
 }
-.magritte-voice-overlay___LbxAI_1-1-19{
+.magritte-voice-overlay___LbxAI_1-2-1{
   position:absolute;
   right:0;
   bottom:0;

package/index.d.ts

@@ -2,6 +2,9 @@ export { ChatInput } from '@hh.ru/magritte-ui-chat-input/public/ChatInput';
 export { type ChatInputProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInput';
 export { type ChatInputVoiceRecordConfig } from '@hh.ru/magritte-ui-chat-input/types';
 export { type ChatInputChipsProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputChips';
+export { type ChatInputFileProps, type ChatInputFileState, type ChatInputFileType, } from '@hh.ru/magritte-ui-chat-input/public/ChatInputFile';
+export { getChatInputFileType } from '@hh.ru/magritte-ui-chat-input/public/getChatInputFileType';
+export { type ChatInputFilesProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputFiles';
 export { type ChatInputPreviewProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputPreview';
 export { type ChatInputSendButtonProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputSendButton';
 export { type ChatInputVoiceButtonProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputVoiceButton';

package/index.js

@@ -1,5 +1,6 @@
 import './index.css';
 export { ChatInput } from './public/ChatInput.js';
+export { getChatInputFileType } from './public/getChatInputFileType.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
@@ -9,7 +10,7 @@ import './internal/ChatInputContext.js';
 import './internal/ModeTransition.js';
 import 'motion/react';
 import '@hh.ru/magritte-design-tokens/core-tokens';
-import './styles-CXscNVWO.js';
+import './styles-B3o1JdaK.js';
 import './internal/TextInput.js';
 import './internal/useSendOnEnter.js';
 import '@hh.ru/magritte-common-keyboard';
@@ -28,8 +29,14 @@ import './internal/useVoiceRecordSession.js';
 import './internal/voiceSlotRegistry.js';
 import '@hh.ru/magritte-internal-slot-registry';
 import './public/ChatInputChips.js';
+import './internal/flattenFragments.js';
 import '@hh.ru/magritte-ui-chips';
 import '@hh.ru/magritte-ui-scrollable-container';
+import './public/ChatInputFile.js';
+import '@hh.ru/magritte-ui-cell';
+import './internal/useObjectUrl.js';
+import '@hh.ru/magritte-ui-link';
+import './public/ChatInputFiles.js';
 import './public/ChatInputPreview.js';
 import '@hh.ru/magritte-ui-icon';
 import './public/ChatInputSendButton.js';

package/index.js.map

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

package/index.mock.d.ts

@@ -1,6 +1,9 @@
 export { type ChatInputProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInput';
 export { type ChatInputVoiceRecordConfig } from '@hh.ru/magritte-ui-chat-input/types';
 export { type ChatInputChipsProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputChips';
+export { type ChatInputFileProps, type ChatInputFileState, type ChatInputFileType, } from '@hh.ru/magritte-ui-chat-input/public/ChatInputFile';
+export { getChatInputFileType } from '@hh.ru/magritte-ui-chat-input/public/getChatInputFileType';
+export { type ChatInputFilesProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputFiles';
 export { type ChatInputPreviewProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputPreview';
 export { type ChatInputSendButtonProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputSendButton';
 export { type ChatInputVoiceButtonProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputVoiceButton';

package/index.mock.js

@@ -1,4 +1,5 @@
 import './index.css';
+export { getChatInputFileType } from './public/getChatInputFileType.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 
@@ -35,6 +36,10 @@ const staticProps = {
     Chips: mockComponent('Chips', undefined, {
         withChildren: true,
     }),
+    File: mockComponent('File'),
+    Files: mockComponent('Files', undefined, {
+        withChildren: true,
+    }),
     Preview: mockComponent('Preview'),
     SendButton: mockComponent('SendButton'),
     VoiceButton: mockComponent('VoiceButton'),

package/index.mock.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.mock.js","sources":["../mock-component/lib/setupMockComponent.js","src/index.mock.ts"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\n\nfunction enhance(mockComponent, staticProps) {\n    // удаляем внутренний свойства реакта, чтобы не перезаписать ими mockComponent\n    delete staticProps.type;\n    delete staticProps.$$typeof;\n    delete staticProps.render;\n    for (const prop in staticProps) {\n        mockComponent[prop] = staticProps[prop];\n    }\n}\nconst MockComponent = ({ style, ...props }) => (\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// eslint-disable-next-line react/jsx-no-undef\njsx(\"magritte-component-mock\", { \"style-data\": style, ...props }));\nconst MockComponentRenderProp = ({ style, ...props }) => (\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// eslint-disable-next-line react/jsx-no-undef\njsx(\"magritte-component-mock-render-prop\", { \"style-data\": style, ...props }));\n/**\n * Возвращает mock React компонента\n */\nconst mockComponent = (componentName, staticProps = {}, { withChildren, innerDependence, WrapperComponent } = {}) => {\n    const mockWrapper = forwardRef(({ children, ...props }, ref) => {\n        const mock = (\n        // eslint-disable-next-line react/jsx-no-undef\n        jsxs(MockComponent, { ...props, _component: componentName, children: [innerDependence ? innerDependence(props, ref) : null, withChildren ? children : null] }));\n        return WrapperComponent ? jsx(WrapperComponent, { ...props, children: mock }) : mock;\n    });\n    staticProps && enhance(mockWrapper, staticProps);\n    mockWrapper.displayName = 'magritte-ref';\n    return mockWrapper;\n};\n/**\n * Возвращает mock React компонента, который рендерит переданный в него пропс render\n *\n * @param {String}              componentName               наименование компонента\n * @param {Object}              [staticProps]               объект со свойствами, которыми необходимо усилить mock\n * @param {Object}              [options]                   параметры мока\n * @param {boolean}             [options.withChildren]      флаг отвечает за рендеринг children компонента\n * @param {React.Component}     [options.innerDependence]   Реакт компонент, который рендерится внутри мока.\n *                                                          Необходим, когда mock компоненту требуется иметь\n *                                                           дополнительные элементы\n */\nconst mockComponentRenderProp = (componentName, staticProps, { withChildren, innerDependence, renderArguments } = { renderArguments: [] }) => {\n    const mockWrapper = ({ render, children, ...props }) => (jsxs(MockComponentRenderProp, { ...props, _component: componentName, children: [innerDependence ? innerDependence(props) : null, withChildren ? children : null, render?.(...(renderArguments || []))] }));\n    staticProps && enhance(mockWrapper, staticProps);\n    mockWrapper.displayName = 'magritte-component-mock-render-prop';\n    return mockWrapper;\n};\n\nexport { mockComponent, mockComponentRenderProp };\n//# sourceMappingURL=setupMockComponent.js.map\n","import { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport { type ChatInputProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInput';\nexport { type ChatInputVoiceRecordConfig } from '@hh.ru/magritte-ui-chat-input/types';\nexport { type ChatInputChipsProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputChips';\nexport { type ChatInputPreviewProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputPreview';\nexport { type ChatInputSendButtonProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputSendButton';\nexport { type ChatInputVoiceButtonProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputVoiceButton';\n\nconst staticProps = {\n    Chips: mockComponent('Chips', undefined, {\n        withChildren: true,\n    }),\n    Preview: mockComponent('Preview'),\n    SendButton: mockComponent('SendButton'),\n    VoiceButton: mockComponent('VoiceButton'),\n};\n\nexport const ChatInput = mockComponent('ChatInput', staticProps, {\n    withChildren: true,\n});\n"],"names":[],"mappings":";;;AAGA,SAAS,OAAO,CAAC,aAAa,EAAE,WAAW,EAAE;AAC7C;AACA,IAAI,OAAO,WAAW,CAAC,IAAI,CAAC;AAC5B,IAAI,OAAO,WAAW,CAAC,QAAQ,CAAC;AAChC,IAAI,OAAO,WAAW,CAAC,MAAM,CAAC;AAC9B,IAAI,KAAK,MAAM,IAAI,IAAI,WAAW,EAAE;AACpC,QAAQ,aAAa,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;AAChD,KAAK;AACL,CAAC;AACD,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE;AAC1C;AACA;AACA;AACA,GAAG,CAAC,yBAAyB,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC;AAMnE;AACA;AACA;AACA,MAAM,aAAa,GAAG,CAAC,aAAa,EAAE,WAAW,GAAG,EAAE,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,GAAG,EAAE,KAAK;AACrH,IAAI,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAK;AACpE,QAAQ,MAAM,IAAI;AAClB;AACA,QAAQ,IAAI,CAAC,aAAa,EAAE,EAAE,GAAG,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,eAAe,GAAG,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,IAAI,EAAE,YAAY,GAAG,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;AACxK,QAAQ,OAAO,gBAAgB,GAAG,GAAG,CAAC,gBAAgB,EAAE,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;AAC7F,KAAK,CAAC,CAAC;AACP,IAAI,WAAW,IAAI,OAAO,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AACrD,IAAI,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AAC7C,IAAI,OAAO,WAAW,CAAC;AACvB,CAAC;;AC1BD,MAAM,WAAW,GAAG;AAChB,IAAA,KAAK,EAAE,aAAa,CAAC,OAAO,EAAE,SAAS,EAAE;AACrC,QAAA,YAAY,EAAE,IAAI;KACrB,CAAC;AACF,IAAA,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC;AACjC,IAAA,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC;AACvC,IAAA,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC;CAC5C,CAAC;MAEW,SAAS,GAAG,aAAa,CAAC,WAAW,EAAE,WAAW,EAAE;AAC7D,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA;;;;"}
+{"version":3,"file":"index.mock.js","sources":["../mock-component/lib/setupMockComponent.js","src/index.mock.ts"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\n\nfunction enhance(mockComponent, staticProps) {\n    // удаляем внутренний свойства реакта, чтобы не перезаписать ими mockComponent\n    delete staticProps.type;\n    delete staticProps.$$typeof;\n    delete staticProps.render;\n    for (const prop in staticProps) {\n        mockComponent[prop] = staticProps[prop];\n    }\n}\nconst MockComponent = ({ style, ...props }) => (\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// eslint-disable-next-line react/jsx-no-undef\njsx(\"magritte-component-mock\", { \"style-data\": style, ...props }));\nconst MockComponentRenderProp = ({ style, ...props }) => (\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// eslint-disable-next-line react/jsx-no-undef\njsx(\"magritte-component-mock-render-prop\", { \"style-data\": style, ...props }));\n/**\n * Возвращает mock React компонента\n */\nconst mockComponent = (componentName, staticProps = {}, { withChildren, innerDependence, WrapperComponent } = {}) => {\n    const mockWrapper = forwardRef(({ children, ...props }, ref) => {\n        const mock = (\n        // eslint-disable-next-line react/jsx-no-undef\n        jsxs(MockComponent, { ...props, _component: componentName, children: [innerDependence ? innerDependence(props, ref) : null, withChildren ? children : null] }));\n        return WrapperComponent ? jsx(WrapperComponent, { ...props, children: mock }) : mock;\n    });\n    staticProps && enhance(mockWrapper, staticProps);\n    mockWrapper.displayName = 'magritte-ref';\n    return mockWrapper;\n};\n/**\n * Возвращает mock React компонента, который рендерит переданный в него пропс render\n *\n * @param {String}              componentName               наименование компонента\n * @param {Object}              [staticProps]               объект со свойствами, которыми необходимо усилить mock\n * @param {Object}              [options]                   параметры мока\n * @param {boolean}             [options.withChildren]      флаг отвечает за рендеринг children компонента\n * @param {React.Component}     [options.innerDependence]   Реакт компонент, который рендерится внутри мока.\n *                                                          Необходим, когда mock компоненту требуется иметь\n *                                                           дополнительные элементы\n */\nconst mockComponentRenderProp = (componentName, staticProps, { withChildren, innerDependence, renderArguments } = { renderArguments: [] }) => {\n    const mockWrapper = ({ render, children, ...props }) => (jsxs(MockComponentRenderProp, { ...props, _component: componentName, children: [innerDependence ? innerDependence(props) : null, withChildren ? children : null, render?.(...(renderArguments || []))] }));\n    staticProps && enhance(mockWrapper, staticProps);\n    mockWrapper.displayName = 'magritte-component-mock-render-prop';\n    return mockWrapper;\n};\n\nexport { mockComponent, mockComponentRenderProp };\n//# sourceMappingURL=setupMockComponent.js.map\n","import { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport { type ChatInputProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInput';\nexport { type ChatInputVoiceRecordConfig } from '@hh.ru/magritte-ui-chat-input/types';\nexport { type ChatInputChipsProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputChips';\nexport {\n    type ChatInputFileProps,\n    type ChatInputFileState,\n    type ChatInputFileType,\n} from '@hh.ru/magritte-ui-chat-input/public/ChatInputFile';\nexport { getChatInputFileType } from '@hh.ru/magritte-ui-chat-input/public/getChatInputFileType';\nexport { type ChatInputFilesProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputFiles';\nexport { type ChatInputPreviewProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputPreview';\nexport { type ChatInputSendButtonProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputSendButton';\nexport { type ChatInputVoiceButtonProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputVoiceButton';\n\nconst staticProps = {\n    Chips: mockComponent('Chips', undefined, {\n        withChildren: true,\n    }),\n    File: mockComponent('File'),\n    Files: mockComponent('Files', undefined, {\n        withChildren: true,\n    }),\n    Preview: mockComponent('Preview'),\n    SendButton: mockComponent('SendButton'),\n    VoiceButton: mockComponent('VoiceButton'),\n};\n\nexport const ChatInput = mockComponent('ChatInput', staticProps, {\n    withChildren: true,\n});\n"],"names":[],"mappings":";;;;AAGA,SAAS,OAAO,CAAC,aAAa,EAAE,WAAW,EAAE;AAC7C;AACA,IAAI,OAAO,WAAW,CAAC,IAAI,CAAC;AAC5B,IAAI,OAAO,WAAW,CAAC,QAAQ,CAAC;AAChC,IAAI,OAAO,WAAW,CAAC,MAAM,CAAC;AAC9B,IAAI,KAAK,MAAM,IAAI,IAAI,WAAW,EAAE;AACpC,QAAQ,aAAa,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;AAChD,KAAK;AACL,CAAC;AACD,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE;AAC1C;AACA;AACA;AACA,GAAG,CAAC,yBAAyB,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC;AAMnE;AACA;AACA;AACA,MAAM,aAAa,GAAG,CAAC,aAAa,EAAE,WAAW,GAAG,EAAE,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,GAAG,EAAE,KAAK;AACrH,IAAI,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAK;AACpE,QAAQ,MAAM,IAAI;AAClB;AACA,QAAQ,IAAI,CAAC,aAAa,EAAE,EAAE,GAAG,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,eAAe,GAAG,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,IAAI,EAAE,YAAY,GAAG,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;AACxK,QAAQ,OAAO,gBAAgB,GAAG,GAAG,CAAC,gBAAgB,EAAE,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;AAC7F,KAAK,CAAC,CAAC;AACP,IAAI,WAAW,IAAI,OAAO,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AACrD,IAAI,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AAC7C,IAAI,OAAO,WAAW,CAAC;AACvB,CAAC;;ACnBD,MAAM,WAAW,GAAG;AAChB,IAAA,KAAK,EAAE,aAAa,CAAC,OAAO,EAAE,SAAS,EAAE;AACrC,QAAA,YAAY,EAAE,IAAI;KACrB,CAAC;AACF,IAAA,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC;AAC3B,IAAA,KAAK,EAAE,aAAa,CAAC,OAAO,EAAE,SAAS,EAAE;AACrC,QAAA,YAAY,EAAE,IAAI;KACrB,CAAC;AACF,IAAA,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC;AACjC,IAAA,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC;AACvC,IAAA,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC;CAC5C,CAAC;MAEW,SAAS,GAAG,aAAa,CAAC,WAAW,EAAE,WAAW,EAAE;AAC7D,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA;;;;"}

package/internal/ModeTransition.js

@@ -2,7 +2,7 @@ import './../index.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useReducedMotion, motion } from 'motion/react';
 import CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
-import { s as styles } from '../styles-CXscNVWO.js';
+import { s as styles } from '../styles-B3o1JdaK.js';
 
 const EASE_BASE = [
     CoreTokens['magritte-semantic-animation-ease-base'].x1,

package/internal/TextInput.js

@@ -5,7 +5,7 @@ import classNames from 'classnames';
 import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
 import { useSendOnEnter } from './useSendOnEnter.js';
 import { useScrollbar, Scrollbar } from '@hh.ru/magritte-ui-scrollbar';
-import { s as styles } from '../styles-CXscNVWO.js';
+import { s as styles } from '../styles-B3o1JdaK.js';
 import '@hh.ru/magritte-common-keyboard';
 
 const MIN_HEIGHT = 20;
@@ -70,7 +70,7 @@ const useTextInputHeight = ({ inputRef, layout, maxHeight, containerWidth, value
             setCurrentState(newState);
         }
         // currentState не должно быть в зависимостях, иначе зациклится обновление
-        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [layout, maxHeight, value, inputRef, containerWidth]);
     return currentState;
 };