@epam/ai-dial-conversation-panel 1.3.0-dev.171 → 1.3.0-dev.176
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/components/ConversationList/ConversationList.d.ts.map +1 -1
- package/components/ConversationListHeader/ConversationListHeader.d.ts.map +1 -1
- package/components/ConversationPanel/ConversationPanel.d.ts.map +1 -1
- package/index.css +2 -2
- package/index.js +251 -229
- package/models/conversation-list-header.d.ts +5 -1
- package/models/conversation-list-header.d.ts.map +1 -1
- package/models/conversation-list.d.ts +4 -2
- package/models/conversation-list.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConversationList.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationList/ConversationList.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,KAAK,EAAE,EAQR,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AA8B5E,wFAAwF;AACxF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,
|
|
1
|
+
{"version":3,"file":"ConversationList.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationList/ConversationList.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,KAAK,EAAE,EAQR,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AA8B5E,wFAAwF;AACxF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA8ZtD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConversationListHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationListHeader/ConversationListHeader.tsx"],"names":[],"mappings":"AAsBA,OAAO,EACL,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"ConversationListHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationListHeader/ConversationListHeader.tsx"],"names":[],"mappings":"AAsBA,OAAO,EACL,KAAK,EAAE,EAQR,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,uCAAuC,CAAC;AAoCzF,2HAA2H;AAC3H,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAgTlE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConversationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationPanel/ConversationPanel.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,KAAK,EAAE,EAMR,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAMlE,sEAAsE;AACtE,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,
|
|
1
|
+
{"version":3,"file":"ConversationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationPanel/ConversationPanel.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,KAAK,EAAE,EAMR,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAMlE,sEAAsE;AACtE,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAuMxD,CAAC"}
|
package/index.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
._item_gcqru_2{color:var(--cp-text,var(--text-primary,#161b2d));border-radius:var(--cp-row-radius,.75rem)}._item_gcqru_2:hover{background:var(--cp-item-hover,var(--bg-control-accent-alpha,#2764d90f))}._item_gcqru_2._itemActive_gcqru_15{background:var(--cp-item-active,var(--bg-control-accent-alpha,#2764d90f));color:var(--cp-text,var(--text-primary,#161b2d))}._itemIndicator_gcqru_24{border-radius:var(--cp-row-radius,9999px)}._indicatorDot_gcqru_28{border:1px solid var(--cp-indicator-dot,var(--stroke-secondary,#d1dbea))}._groupHeader_gcqru_32{color:var(--cp-text-secondary,var(--text-tertiary,#848e9c))}._dropZoneActive_gcqru_36{box-shadow:inset 0 0 0 1px var(--cp-drop-zone-ring,var(--stroke-accent,#1d4ed8))}._triggerActive_gcqru_40{background:var(--cp-trigger-bg,var(--bg-control-accent-alpha-active,#2764d933))}._triggerActive_gcqru_40 ._triggerIcon_gcqru_43{color:var(--cp-trigger-icon,var(--text-accent,#1d4ed8))}._triggerIcon_gcqru_43{color:var(--cp-trigger-icon-idle,var(--text-secondary,#57647a))}._unreadDot_gcqru_51{background:var(--cp-unread-dot,var(--text-accent,#1d4ed8))}._search_gcqru_59{border-radius:var(--cp-search-radius,9999px)}._list_gcqru_70{font-family:var(--cp-list-font-family,inherit)}.
|
|
1
|
+
._item_gcqru_2{color:var(--cp-text,var(--text-primary,#161b2d));border-radius:var(--cp-row-radius,.75rem)}._item_gcqru_2:hover{background:var(--cp-item-hover,var(--bg-control-accent-alpha,#2764d90f))}._item_gcqru_2._itemActive_gcqru_15{background:var(--cp-item-active,var(--bg-control-accent-alpha,#2764d90f));color:var(--cp-text,var(--text-primary,#161b2d))}._itemIndicator_gcqru_24{border-radius:var(--cp-row-radius,9999px)}._indicatorDot_gcqru_28{border:1px solid var(--cp-indicator-dot,var(--stroke-secondary,#d1dbea))}._groupHeader_gcqru_32{color:var(--cp-text-secondary,var(--text-tertiary,#848e9c))}._dropZoneActive_gcqru_36{box-shadow:inset 0 0 0 1px var(--cp-drop-zone-ring,var(--stroke-accent,#1d4ed8))}._triggerActive_gcqru_40{background:var(--cp-trigger-bg,var(--bg-control-accent-alpha-active,#2764d933))}._triggerActive_gcqru_40 ._triggerIcon_gcqru_43{color:var(--cp-trigger-icon,var(--text-accent,#1d4ed8))}._triggerIcon_gcqru_43{color:var(--cp-trigger-icon-idle,var(--text-secondary,#57647a))}._unreadDot_gcqru_51{background:var(--cp-unread-dot,var(--text-accent,#1d4ed8))}._search_gcqru_59{border-radius:var(--cp-search-radius,9999px)}._list_gcqru_70{font-family:var(--cp-list-font-family,inherit)}._title_r35fs_2,._title_r35fs_2:hover{color:var(--cp-list-header-title,var(--text-secondary,#57647a))}._title_r35fs_2:focus-visible{color:var(--cp-list-header-title-focus,var(--text-primary,#161b2d))}._filterIndicator_r35fs_13{background-color:var(--cp-list-header-filter-indicator,var(--text-accent,#1d4ed8))}._button_vjird_1{background:var(--cp-new-chat-bg,var(--bg-control-neutral,#fcfcfc));color:var(--cp-new-chat-text,var(--text-accent,#1d4ed8))}._button_vjird_1._button_vjird_1:focus-visible{outline:1px solid var(--cp-new-chat-focus-outline,var(--stroke-focus,#161b2d));outline-offset:0}
|
|
2
2
|
/*$vite$:1*//*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
3
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-y-0{inset-block:0}.end-1{inset-inline-end:.25rem}.end-2{inset-inline-end:.5rem}.contents{display:contents}.flex{display:flex}.hidden{display:none}.\!size-6{width:1.5rem!important;height:1.5rem!important}.size-2{width:.5rem;height:.5rem}.size-6{width:1.5rem;height:1.5rem}.size-\[7\.11px\]{width:7.11px;height:7.11px}.\!h-6{height:1.5rem!important}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[36px\]{height:36px}.h-\[64px\]{height:64px}.h-\[120px\]{height:120px}.\!min-h-0{min-height:0!important}.min-h-0{min-height:0}.min-h-6{min-height:1.5rem}.w-0{width:0}.w-\[200px\]{width:200px}.w-\[324px\]{width:324px}.w-full{width:100%}.max-w-full{max-width:100%}.\!min-w-0{min-width:0!important}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:4px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.\!p-1{padding:.25rem!important}.p-0{padding:0}.\!px-2{padding-inline:.5rem!important}.px-1{padding-inline:.25rem}.px-2{padding-inline:.5rem}.px-3{padding-inline:.75rem}.px-6{padding-inline:1.5rem}.\!py-1{padding-block:.25rem!important}.py-1{padding-block:.25rem}.py-2{padding-block:.5rem}.py-3{padding-block:.75rem}.py-4{padding-block:1rem}.ps-0{padding-inline-start:0}.ps-2{padding-inline-start:.5rem}.ps-3{padding-inline-start:.75rem}.\!pe-2{padding-inline-end:.5rem!important}.pe-2{padding-inline-end:.5rem}.pe-3{padding-inline-end:.75rem}.pe-9{padding-inline-end:2.25rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.pb-2{padding-bottom:.5rem}.text-start{text-align:start}.text-secondary{color:var(--text-secondary,#57647a)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow-chat-button{--tw-shadow:0 2px 12px 0 var(--tw-shadow-color,var(--shadow-xs-1,#2764d933)), 0 2px 6px 0 var(--tw-shadow-color,var(--shadow-xs-2,#161b2d08));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.duration-150{--tw-duration:.15s;transition-duration:.15s}.group-focus-within\/conversation\:pe-9:is(:where(.group\/conversation):focus-within *){padding-inline-end:2.25rem}.group-focus-within\/conversation\:opacity-0:is(:where(.group\/conversation):focus-within *){opacity:0}.group-focus-within\/conversation\:opacity-100:is(:where(.group\/conversation):focus-within *){opacity:1}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\/conversation\:pe-9:is(:where(.group\/conversation):hover *){padding-inline-end:2.25rem}.group-hover\/conversation\:opacity-0:is(:where(.group\/conversation):hover *){opacity:0}.group-hover\/conversation\:opacity-100:is(:where(.group\/conversation):hover *){opacity:1}}.group-focus-visible\:opacity-100:is(:where(.group):focus-visible *){opacity:1}.after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}@media (hover:hover){.hover\:shadow-xs:hover{--tw-shadow:0 1px 4px 0 var(--tw-shadow-color,var(--shadow-xs-1,#2764d933)), 0 1px 2px 0 var(--tw-shadow-color,var(--shadow-xs-2,#161b2d08));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus-visible\:shadow-xs:focus-visible,.active\:shadow-xs:active{--tw-shadow:0 1px 4px 0 var(--tw-shadow-color,var(--shadow-xs-1,#2764d933)), 0 1px 2px 0 var(--tw-shadow-color,var(--shadow-xs-2,#161b2d08));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rtl\:scale-x-\[-1\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-scale-x:-1;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (max-width:1279px){.mobile\:w-full{width:100%}}.\[\&_svg\]\:\!size-4 svg{width:1rem!important;height:1rem!important}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
|
|
3
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-y-0{inset-block:0}.-end-0\.5{inset-inline-end:-.125rem}.end-1{inset-inline-end:.25rem}.end-2{inset-inline-end:.5rem}.-top-0\.5{top:-.125rem}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.\!size-6{width:1.5rem!important;height:1.5rem!important}.size-1\.5{width:.375rem;height:.375rem}.size-2{width:.5rem;height:.5rem}.size-6{width:1.5rem;height:1.5rem}.size-\[7\.11px\]{width:7.11px;height:7.11px}.\!h-6{height:1.5rem!important}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[36px\]{height:36px}.h-\[64px\]{height:64px}.h-\[120px\]{height:120px}.\!min-h-0{min-height:0!important}.min-h-0{min-height:0}.min-h-6{min-height:1.5rem}.w-0{width:0}.w-\[200px\]{width:200px}.w-\[324px\]{width:324px}.w-full{width:100%}.max-w-full{max-width:100%}.\!min-w-0{min-width:0!important}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:4px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.\!p-1{padding:.25rem!important}.p-0{padding:0}.\!px-2{padding-inline:.5rem!important}.px-1{padding-inline:.25rem}.px-2{padding-inline:.5rem}.px-3{padding-inline:.75rem}.px-6{padding-inline:1.5rem}.\!py-1{padding-block:.25rem!important}.py-1{padding-block:.25rem}.py-2{padding-block:.5rem}.py-3{padding-block:.75rem}.py-4{padding-block:1rem}.ps-0{padding-inline-start:0}.ps-2{padding-inline-start:.5rem}.ps-3{padding-inline-start:.75rem}.\!pe-2{padding-inline-end:.5rem!important}.pe-2{padding-inline-end:.5rem}.pe-3{padding-inline-end:.75rem}.pe-9{padding-inline-end:2.25rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.pb-2{padding-bottom:.5rem}.text-start{text-align:start}.text-secondary{color:var(--text-secondary,#57647a)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow-chat-button{--tw-shadow:0 2px 12px 0 var(--tw-shadow-color,var(--shadow-xs-1,#2764d933)), 0 2px 6px 0 var(--tw-shadow-color,var(--shadow-xs-2,#161b2d08));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.duration-150{--tw-duration:.15s;transition-duration:.15s}.group-focus-within\/conversation\:pe-9:is(:where(.group\/conversation):focus-within *){padding-inline-end:2.25rem}.group-focus-within\/conversation\:opacity-0:is(:where(.group\/conversation):focus-within *){opacity:0}.group-focus-within\/conversation\:opacity-100:is(:where(.group\/conversation):focus-within *){opacity:1}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\/conversation\:pe-9:is(:where(.group\/conversation):hover *){padding-inline-end:2.25rem}.group-hover\/conversation\:opacity-0:is(:where(.group\/conversation):hover *){opacity:0}.group-hover\/conversation\:opacity-100:is(:where(.group\/conversation):hover *){opacity:1}}.group-focus-visible\:opacity-100:is(:where(.group):focus-visible *){opacity:1}.after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}@media (hover:hover){.hover\:shadow-xs:hover{--tw-shadow:0 1px 4px 0 var(--tw-shadow-color,var(--shadow-xs-1,#2764d933)), 0 1px 2px 0 var(--tw-shadow-color,var(--shadow-xs-2,#161b2d08));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus-visible\:shadow-xs:focus-visible,.active\:shadow-xs:active{--tw-shadow:0 1px 4px 0 var(--tw-shadow-color,var(--shadow-xs-1,#2764d933)), 0 1px 2px 0 var(--tw-shadow-color,var(--shadow-xs-2,#161b2d08));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rtl\:scale-x-\[-1\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-scale-x:-1;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (max-width:1279px){.mobile\:w-full{width:100%}}.\[\&_svg\]\:\!size-4 svg{width:1rem!important;height:1rem!important}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
|
package/index.js
CHANGED
|
@@ -2,8 +2,8 @@ import { ConversationKind as e, DeploymentIcon as t, FilterTab as n, buildCssVar
|
|
|
2
2
|
import { PanelEmpty as c, PanelNoResults as l, SidebarOrientation as u, SidebarPanel as d } from "@epam/ai-dial-sidebar";
|
|
3
3
|
import { Button as f, ButtonVariant as p, DIAL_ICON_SIZE as m, DIAL_KIT_ICON_STROKE as h, Dropdown as g, ElementSize as _, EllipsisTooltip as v, FilterChips as y, GhostIconButton as b, Highlight as x, Input as S, MenuItemMark as C, Popup as w, PopupSize as T, Search as E, Skeleton as D, SkeletonVariant as O, Spinner as k, mergeClasses as A } from "@epam/ai-dial-ui-kit";
|
|
4
4
|
import { createElement as j, memo as M, useCallback as N, useEffect as P, useId as F, useImperativeHandle as I, useLayoutEffect as L, useMemo as R, useRef as z, useState as B } from "react";
|
|
5
|
-
import { Fragment as
|
|
6
|
-
import { IconCaretDownFilled as
|
|
5
|
+
import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
|
|
6
|
+
import { IconCaretDownFilled as ee, IconCaretRightFilled as te, IconChevronDown as W, IconChevronRight as ne, IconDotsVertical as re, IconFilter2 as ie, IconPlus as ae, IconSearch as oe, IconSparkles as G, IconX as se } from "@tabler/icons-react";
|
|
7
7
|
//#region src/constants/public-class-names.ts
|
|
8
8
|
var ce = {
|
|
9
9
|
newChatButton: "dial-cp-new-chat-button",
|
|
@@ -18,7 +18,7 @@ function q(e) {
|
|
|
18
18
|
case "string": if (e.endsWith("px")) return parseFloat(e);
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
|
-
function
|
|
21
|
+
function J({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
|
|
22
22
|
let { styleHeight: s, styleWidth: c } = R(() => ({
|
|
23
23
|
styleHeight: q(o?.height),
|
|
24
24
|
styleWidth: q(o?.width)
|
|
@@ -55,7 +55,7 @@ function le({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
|
|
|
55
55
|
c
|
|
56
56
|
]);
|
|
57
57
|
}
|
|
58
|
-
function
|
|
58
|
+
function le(e) {
|
|
59
59
|
let t = z(() => {
|
|
60
60
|
throw Error("Cannot call during render.");
|
|
61
61
|
});
|
|
@@ -63,18 +63,18 @@ function ue(e) {
|
|
|
63
63
|
t.current = e;
|
|
64
64
|
}, [e]), N((e) => t.current?.(e), [t]);
|
|
65
65
|
}
|
|
66
|
-
var
|
|
67
|
-
function
|
|
68
|
-
if (
|
|
66
|
+
var ue = null;
|
|
67
|
+
function de(e = !1) {
|
|
68
|
+
if (ue === null || e) {
|
|
69
69
|
let e = document.createElement("div"), t = e.style;
|
|
70
70
|
t.width = "50px", t.height = "50px", t.overflow = "scroll", t.direction = "rtl";
|
|
71
71
|
let n = document.createElement("div"), r = n.style;
|
|
72
|
-
return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ?
|
|
72
|
+
return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? ue = "positive-descending" : (e.scrollLeft = 1, ue = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), ue;
|
|
73
73
|
}
|
|
74
|
-
return
|
|
74
|
+
return ue;
|
|
75
75
|
}
|
|
76
|
-
function
|
|
77
|
-
if (t === "horizontal" && n) switch (
|
|
76
|
+
function fe({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
|
|
77
|
+
if (t === "horizontal" && n) switch (de()) {
|
|
78
78
|
case "negative": return -r;
|
|
79
79
|
case "positive-descending": if (e) {
|
|
80
80
|
let { clientWidth: t, scrollLeft: n, scrollWidth: r } = e;
|
|
@@ -83,26 +83,26 @@ function pe({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
|
|
|
83
83
|
}
|
|
84
84
|
return r;
|
|
85
85
|
}
|
|
86
|
-
function
|
|
86
|
+
function Y(e, t = "Assertion error") {
|
|
87
87
|
if (!e) throw console.error(t), Error(t);
|
|
88
88
|
}
|
|
89
|
-
function
|
|
89
|
+
function pe(e, t) {
|
|
90
90
|
if (e === t) return !0;
|
|
91
|
-
if (!!e != !!t || (
|
|
91
|
+
if (!!e != !!t || (Y(e !== void 0), Y(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
|
|
92
92
|
for (let n in e) if (!Object.is(t[n], e[n])) return !1;
|
|
93
93
|
return !0;
|
|
94
94
|
}
|
|
95
|
-
function
|
|
95
|
+
function me({ cachedBounds: e, itemCount: t, itemSize: n }) {
|
|
96
96
|
if (t === 0) return 0;
|
|
97
97
|
if (typeof n == "number") return t * n;
|
|
98
98
|
{
|
|
99
99
|
let n = e.get(e.size === 0 ? 0 : e.size - 1);
|
|
100
|
-
return
|
|
100
|
+
return Y(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
|
|
101
101
|
}
|
|
102
102
|
}
|
|
103
|
-
function
|
|
103
|
+
function he({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
|
|
104
104
|
if (n < 0 || n >= r) throw RangeError(`Invalid index specified: ${n}`, { cause: `Index ${n} is not within the range of 0 - ${r - 1}` });
|
|
105
|
-
let s =
|
|
105
|
+
let s = me({
|
|
106
106
|
cachedBounds: t,
|
|
107
107
|
itemCount: r,
|
|
108
108
|
itemSize: i
|
|
@@ -114,7 +114,7 @@ function ge({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, co
|
|
|
114
114
|
default: return a >= u && a <= l ? a : a < u ? u : l;
|
|
115
115
|
}
|
|
116
116
|
}
|
|
117
|
-
function
|
|
117
|
+
function ge({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
|
|
118
118
|
let a = r - 1, o = 0, s = -1, c = 0, l = -1, u = 0;
|
|
119
119
|
for (; u < a;) {
|
|
120
120
|
let n = e.get(u);
|
|
@@ -133,11 +133,11 @@ function _e({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemC
|
|
|
133
133
|
stopIndexOverscan: l
|
|
134
134
|
};
|
|
135
135
|
}
|
|
136
|
-
function
|
|
136
|
+
function _e({ itemCount: e, itemProps: t, itemSize: n }) {
|
|
137
137
|
let r = /* @__PURE__ */ new Map();
|
|
138
138
|
return {
|
|
139
139
|
get(i) {
|
|
140
|
-
for (
|
|
140
|
+
for (Y(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
|
|
141
141
|
let e = r.size, a;
|
|
142
142
|
switch (typeof n) {
|
|
143
143
|
case "function":
|
|
@@ -151,14 +151,14 @@ function Y({ itemCount: e, itemProps: t, itemSize: n }) {
|
|
|
151
151
|
});
|
|
152
152
|
else {
|
|
153
153
|
let t = r.get(e - 1);
|
|
154
|
-
|
|
154
|
+
Y(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
|
|
155
155
|
scrollOffset: t.scrollOffset + t.size,
|
|
156
156
|
size: a
|
|
157
157
|
});
|
|
158
158
|
}
|
|
159
159
|
}
|
|
160
160
|
let a = r.get(i);
|
|
161
|
-
return
|
|
161
|
+
return Y(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
|
|
162
162
|
},
|
|
163
163
|
set(e, t) {
|
|
164
164
|
r.set(e, t);
|
|
@@ -168,8 +168,8 @@ function Y({ itemCount: e, itemProps: t, itemSize: n }) {
|
|
|
168
168
|
}
|
|
169
169
|
};
|
|
170
170
|
}
|
|
171
|
-
function
|
|
172
|
-
return R(() =>
|
|
171
|
+
function X({ itemCount: e, itemProps: t, itemSize: n }) {
|
|
172
|
+
return R(() => _e({
|
|
173
173
|
itemCount: e,
|
|
174
174
|
itemProps: t,
|
|
175
175
|
itemSize: n
|
|
@@ -179,18 +179,18 @@ function ve({ itemCount: e, itemProps: t, itemSize: n }) {
|
|
|
179
179
|
n
|
|
180
180
|
]);
|
|
181
181
|
}
|
|
182
|
-
function
|
|
182
|
+
function ve({ containerSize: e, itemSize: t }) {
|
|
183
183
|
let n;
|
|
184
184
|
switch (typeof t) {
|
|
185
185
|
case "string":
|
|
186
|
-
|
|
186
|
+
Y(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), Y(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
|
|
187
187
|
break;
|
|
188
188
|
default: n = t;
|
|
189
189
|
}
|
|
190
190
|
return n;
|
|
191
191
|
}
|
|
192
|
-
function
|
|
193
|
-
let { height: u = n, width: d = n } =
|
|
192
|
+
function ye({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0, direction: r, isRtl: i = !1, itemCount: a, itemProps: o, itemSize: s, onResize: c, overscanCount: l }) {
|
|
193
|
+
let { height: u = n, width: d = n } = J({
|
|
194
194
|
defaultHeight: r === "vertical" ? n : void 0,
|
|
195
195
|
defaultWidth: r === "horizontal" ? n : void 0,
|
|
196
196
|
element: e,
|
|
@@ -199,7 +199,7 @@ function be({ containerElement: e, containerStyle: t, defaultContainerSize: n =
|
|
|
199
199
|
}), f = z({
|
|
200
200
|
height: 0,
|
|
201
201
|
width: 0
|
|
202
|
-
}), p = r === "vertical" ? u : d, m =
|
|
202
|
+
}), p = r === "vertical" ? u : d, m = ve({
|
|
203
203
|
containerSize: p,
|
|
204
204
|
itemSize: s
|
|
205
205
|
});
|
|
@@ -216,11 +216,11 @@ function be({ containerElement: e, containerStyle: t, defaultContainerSize: n =
|
|
|
216
216
|
c,
|
|
217
217
|
d
|
|
218
218
|
]);
|
|
219
|
-
let h =
|
|
219
|
+
let h = X({
|
|
220
220
|
itemCount: a,
|
|
221
221
|
itemProps: o,
|
|
222
222
|
itemSize: m
|
|
223
|
-
}), g = N((e) => h.get(e), [h]), [_, v] = B(() =>
|
|
223
|
+
}), g = N((e) => h.get(e), [h]), [_, v] = B(() => ge({
|
|
224
224
|
cachedBounds: h,
|
|
225
225
|
containerScrollOffset: 0,
|
|
226
226
|
containerSize: p,
|
|
@@ -231,7 +231,7 @@ function be({ containerElement: e, containerStyle: t, defaultContainerSize: n =
|
|
|
231
231
|
startIndexOverscan: Math.min(a - 1, _.startIndexOverscan),
|
|
232
232
|
stopIndexVisible: Math.min(a - 1, _.stopIndexVisible),
|
|
233
233
|
stopIndexOverscan: Math.min(a - 1, _.stopIndexOverscan)
|
|
234
|
-
}, C = N(() =>
|
|
234
|
+
}, C = N(() => me({
|
|
235
235
|
cachedBounds: h,
|
|
236
236
|
itemCount: a,
|
|
237
237
|
itemSize: m
|
|
@@ -240,13 +240,13 @@ function be({ containerElement: e, containerStyle: t, defaultContainerSize: n =
|
|
|
240
240
|
a,
|
|
241
241
|
m
|
|
242
242
|
]), w = N((t) => {
|
|
243
|
-
let n =
|
|
243
|
+
let n = fe({
|
|
244
244
|
containerElement: e,
|
|
245
245
|
direction: r,
|
|
246
246
|
isRtl: i,
|
|
247
247
|
scrollOffset: t
|
|
248
248
|
});
|
|
249
|
-
return
|
|
249
|
+
return ge({
|
|
250
250
|
cachedBounds: h,
|
|
251
251
|
containerScrollOffset: n,
|
|
252
252
|
containerSize: p,
|
|
@@ -273,19 +273,19 @@ function be({ containerElement: e, containerStyle: t, defaultContainerSize: n =
|
|
|
273
273
|
if (!e) return;
|
|
274
274
|
let t = () => {
|
|
275
275
|
v((t) => {
|
|
276
|
-
let { scrollLeft: n, scrollTop: o } = e, s =
|
|
276
|
+
let { scrollLeft: n, scrollTop: o } = e, s = fe({
|
|
277
277
|
containerElement: e,
|
|
278
278
|
direction: r,
|
|
279
279
|
isRtl: i,
|
|
280
280
|
scrollOffset: r === "vertical" ? o : n
|
|
281
|
-
}), c =
|
|
281
|
+
}), c = ge({
|
|
282
282
|
cachedBounds: h,
|
|
283
283
|
containerScrollOffset: s,
|
|
284
284
|
containerSize: p,
|
|
285
285
|
itemCount: a,
|
|
286
286
|
overscanCount: l
|
|
287
287
|
});
|
|
288
|
-
return
|
|
288
|
+
return pe(c, t) ? t : c;
|
|
289
289
|
});
|
|
290
290
|
};
|
|
291
291
|
return e.addEventListener("scroll", t), () => {
|
|
@@ -301,8 +301,8 @@ function be({ containerElement: e, containerStyle: t, defaultContainerSize: n =
|
|
|
301
301
|
]), {
|
|
302
302
|
getCellBounds: g,
|
|
303
303
|
getEstimatedSize: C,
|
|
304
|
-
scrollToIndex:
|
|
305
|
-
let s =
|
|
304
|
+
scrollToIndex: le(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
|
|
305
|
+
let s = he({
|
|
306
306
|
align: t,
|
|
307
307
|
cachedBounds: h,
|
|
308
308
|
containerScrollOffset: n,
|
|
@@ -312,14 +312,14 @@ function be({ containerElement: e, containerStyle: t, defaultContainerSize: n =
|
|
|
312
312
|
itemSize: m
|
|
313
313
|
});
|
|
314
314
|
if (e) {
|
|
315
|
-
if (s =
|
|
315
|
+
if (s = fe({
|
|
316
316
|
containerElement: e,
|
|
317
317
|
direction: r,
|
|
318
318
|
isRtl: i,
|
|
319
319
|
scrollOffset: s
|
|
320
320
|
}), typeof e.scrollTo != "function") {
|
|
321
321
|
let e = w(s);
|
|
322
|
-
|
|
322
|
+
pe(_, e) || v(e);
|
|
323
323
|
}
|
|
324
324
|
return s;
|
|
325
325
|
}
|
|
@@ -330,19 +330,19 @@ function be({ containerElement: e, containerStyle: t, defaultContainerSize: n =
|
|
|
330
330
|
stopIndexVisible: x
|
|
331
331
|
};
|
|
332
332
|
}
|
|
333
|
-
function
|
|
333
|
+
function be(e) {
|
|
334
334
|
return R(() => e, Object.values(e));
|
|
335
335
|
}
|
|
336
|
-
function
|
|
336
|
+
function xe(e, t) {
|
|
337
337
|
let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
|
|
338
|
-
return
|
|
338
|
+
return pe(n, a) && pe(r, o) && pe(i, s);
|
|
339
339
|
}
|
|
340
|
-
function
|
|
340
|
+
function Se(e) {
|
|
341
341
|
return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
|
|
342
342
|
}
|
|
343
343
|
var Ce = "data-react-window-index";
|
|
344
344
|
function we({ children: e, className: t, defaultHeight: n = 0, listRef: r, onResize: i, onRowsRendered: a, overscanCount: o = 3, rowComponent: s, rowCount: c, rowHeight: l, rowProps: u, tagName: d = "div", style: f, ...p }) {
|
|
345
|
-
let m =
|
|
345
|
+
let m = be(u), h = R(() => M(s, xe), [s]), [g, _] = B(null), v = Se(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = ye({
|
|
346
346
|
containerElement: g,
|
|
347
347
|
containerStyle: f,
|
|
348
348
|
defaultContainerSize: n,
|
|
@@ -428,7 +428,7 @@ function we({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
|
|
|
428
428
|
m,
|
|
429
429
|
S,
|
|
430
430
|
w
|
|
431
|
-
]), D = /* @__PURE__ */
|
|
431
|
+
]), D = /* @__PURE__ */ H("div", {
|
|
432
432
|
"aria-hidden": !0,
|
|
433
433
|
style: {
|
|
434
434
|
height: b(),
|
|
@@ -508,7 +508,7 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
508
508
|
list: "_list_gcqru_70"
|
|
509
509
|
}, Re = ({ label: e, isExpanded: t, onToggle: n, listId: r, className: i = "dial-tiny-lead-text", variant: o = Q.Avatar, dropZoneGroupKey: s, isDragOver: c, onDragOver: l, onDragLeave: u, onDrop: d }) => {
|
|
510
510
|
let f = s != null, p = o === Q.Indicator;
|
|
511
|
-
return /* @__PURE__ */
|
|
511
|
+
return /* @__PURE__ */ U("button", {
|
|
512
512
|
type: "button",
|
|
513
513
|
"aria-expanded": t,
|
|
514
514
|
"aria-controls": r,
|
|
@@ -524,25 +524,25 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
524
524
|
} : void 0,
|
|
525
525
|
className: a("group flex h-6 w-full items-center gap-1 rounded text-start", p ? "px-2" : "py-1 pe-3", i, $.groupHeader, c && $.dropZoneActive),
|
|
526
526
|
children: [
|
|
527
|
-
!p && (t ? /* @__PURE__ */
|
|
527
|
+
!p && (t ? /* @__PURE__ */ H(ee, {
|
|
528
528
|
size: 12,
|
|
529
529
|
className: "shrink-0 opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100",
|
|
530
530
|
"aria-hidden": !0
|
|
531
|
-
}) : /* @__PURE__ */
|
|
531
|
+
}) : /* @__PURE__ */ H(te, {
|
|
532
532
|
size: 12,
|
|
533
533
|
className: "shrink-0 opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100 rtl:scale-x-[-1]",
|
|
534
534
|
"aria-hidden": !0
|
|
535
535
|
})),
|
|
536
|
-
p ? /* @__PURE__ */
|
|
536
|
+
p ? /* @__PURE__ */ H("span", {
|
|
537
537
|
className: "max-w-full min-w-0",
|
|
538
|
-
children: /* @__PURE__ */
|
|
539
|
-
}) : /* @__PURE__ */
|
|
540
|
-
p && (t ? /* @__PURE__ */
|
|
538
|
+
children: /* @__PURE__ */ H(v, { text: e })
|
|
539
|
+
}) : /* @__PURE__ */ H(v, { text: e }),
|
|
540
|
+
p && (t ? /* @__PURE__ */ H(W, {
|
|
541
541
|
size: m.SM,
|
|
542
542
|
stroke: h,
|
|
543
543
|
className: "shrink-0 opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100",
|
|
544
544
|
"aria-hidden": !0
|
|
545
|
-
}) : /* @__PURE__ */
|
|
545
|
+
}) : /* @__PURE__ */ H(ne, {
|
|
546
546
|
size: m.SM,
|
|
547
547
|
stroke: h,
|
|
548
548
|
className: "shrink-0 opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100 rtl:scale-x-[-1]",
|
|
@@ -553,36 +553,36 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
553
553
|
}, ze = M(({ item: e, isActive: n, onSelectConversation: r, searchQuery: i = "", getActions: o, onActionMenuOpen: s, actionsLabel: c = "More actions", itemTitleClassName: l = "dial-small-text", itemIconBadgeClassName: u, unreadIndicatorLabel: d = "Unread", variant: p = Q.Avatar, rowGroupKey: v, rows: y, draggingId: S, dragOverId: C, allowedDropGroups: w, onDragStart: T, onDragEnd: E, onDragOver: k, onDragLeave: A, onDrop: j }) => {
|
|
554
554
|
let [M, P] = B(!1), F = z(null), I = N((t) => {
|
|
555
555
|
P(t), t && F.current && s?.(e, F.current);
|
|
556
|
-
}, [e, s]), L = R(() => o?.(e) ?? [], [o, e]),
|
|
556
|
+
}, [e, s]), L = R(() => o?.(e) ?? [], [o, e]), V = L.length > 0, ee = R(() => ({ tooltip: e.iconTooltip }), [e.iconTooltip]), te = R(() => ({ badgeClassName: u }), [u]), W = p === Q.Indicator, ne = e.leadingIcon ? /* @__PURE__ */ H("span", {
|
|
557
557
|
className: "flex size-6 shrink-0 items-center justify-center",
|
|
558
558
|
children: e.leadingIcon
|
|
559
|
-
}) : e.isIconLoading ? /* @__PURE__ */
|
|
559
|
+
}) : e.isIconLoading ? /* @__PURE__ */ H(D, {
|
|
560
560
|
variant: O.Circular,
|
|
561
561
|
width: m.LG,
|
|
562
562
|
height: m.LG,
|
|
563
563
|
color: $.skeletonColor,
|
|
564
564
|
"aria-hidden": !0
|
|
565
|
-
}) : /* @__PURE__ */
|
|
565
|
+
}) : /* @__PURE__ */ H(t, {
|
|
566
566
|
src: e.iconUrl,
|
|
567
567
|
size: m.LG,
|
|
568
568
|
initialsName: e.iconTooltip ?? "",
|
|
569
|
-
labels:
|
|
570
|
-
styles:
|
|
571
|
-
}),
|
|
569
|
+
labels: ee,
|
|
570
|
+
styles: te
|
|
571
|
+
}), ie = Ae(V, M), ae = /* @__PURE__ */ U("span", {
|
|
572
572
|
className: "flex size-6 shrink-0 items-center justify-center",
|
|
573
|
-
children: [/* @__PURE__ */
|
|
573
|
+
children: [/* @__PURE__ */ H("span", {
|
|
574
574
|
className: a("size-2 rounded-full", e.isUnread ? a("size-[7.11px]", $.unreadDot) : $.indicatorDot),
|
|
575
575
|
"aria-hidden": !0
|
|
576
|
-
}), e.isUnread && /* @__PURE__ */
|
|
576
|
+
}), e.isUnread && /* @__PURE__ */ H("span", {
|
|
577
577
|
className: "sr-only",
|
|
578
578
|
children: d
|
|
579
579
|
})]
|
|
580
|
-
}), oe = e.isUnread && !
|
|
580
|
+
}), oe = e.isUnread && !W ? /* @__PURE__ */ U("span", {
|
|
581
581
|
className: "flex size-6 shrink-0 items-center justify-center",
|
|
582
|
-
children: [/* @__PURE__ */
|
|
583
|
-
className: a("size-[7.11px] rounded-full", $.unreadDot,
|
|
582
|
+
children: [/* @__PURE__ */ H("span", {
|
|
583
|
+
className: a("size-[7.11px] rounded-full", $.unreadDot, V && (M ? "opacity-0" : "group-focus-within/conversation:opacity-0 group-hover/conversation:opacity-0")),
|
|
584
584
|
"aria-hidden": !0
|
|
585
|
-
}), /* @__PURE__ */
|
|
585
|
+
}), /* @__PURE__ */ H("span", {
|
|
586
586
|
className: "sr-only",
|
|
587
587
|
children: d
|
|
588
588
|
})]
|
|
@@ -598,9 +598,9 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
598
598
|
y,
|
|
599
599
|
v,
|
|
600
600
|
j
|
|
601
|
-
]), K = e.id === S, q = e.id === C,
|
|
602
|
-
return /* @__PURE__ */
|
|
603
|
-
className: a("group/conversation relative", K && "cursor-grabbing opacity-50", q &&
|
|
601
|
+
]), K = e.id === S, q = e.id === C, J = v != null && (w?.has(v) ?? !1), le = S != null;
|
|
602
|
+
return /* @__PURE__ */ U("li", {
|
|
603
|
+
className: a("group/conversation relative", K && "cursor-grabbing opacity-50", q && J && "rounded", q && J && $.dropZoneActive, le && !K && !J && "cursor-not-allowed"),
|
|
604
604
|
draggable: G || void 0,
|
|
605
605
|
onDragStart: G ? () => T?.(e.id) : void 0,
|
|
606
606
|
onDragEnd: G ? E : void 0,
|
|
@@ -609,15 +609,15 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
609
609
|
} : void 0,
|
|
610
610
|
onDragLeave: G ? se : void 0,
|
|
611
611
|
onDrop: G ? ce : void 0,
|
|
612
|
-
children: [/* @__PURE__ */
|
|
612
|
+
children: [/* @__PURE__ */ H("a", {
|
|
613
613
|
href: e.href,
|
|
614
614
|
className: "contents",
|
|
615
615
|
onClick: (t) => {
|
|
616
616
|
e.href && (t.preventDefault(), r(e.id));
|
|
617
617
|
},
|
|
618
|
-
children: /* @__PURE__ */
|
|
619
|
-
iconBefore:
|
|
620
|
-
label: /* @__PURE__ */
|
|
618
|
+
children: /* @__PURE__ */ H(f, {
|
|
619
|
+
iconBefore: W ? ae : ne,
|
|
620
|
+
label: /* @__PURE__ */ H(x, {
|
|
621
621
|
text: e.title,
|
|
622
622
|
query: i,
|
|
623
623
|
className: e.isUnread ? "dial-small-semi-text" : l,
|
|
@@ -628,26 +628,26 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
628
628
|
"aria-current": n ? "page" : void 0,
|
|
629
629
|
onClick: e.href ? void 0 : () => r(e.id),
|
|
630
630
|
tabIndex: e.href ? -1 : void 0,
|
|
631
|
-
className: a("h-8 w-full justify-start py-2 after:pointer-events-none",
|
|
631
|
+
className: a("h-8 w-full justify-start py-2 after:pointer-events-none", W ? "gap-0.5 ps-0" : "gap-2 ps-3", ie, $.item, W && $.itemIndicator, n && $.itemActive, M && $.itemActive)
|
|
632
632
|
})
|
|
633
|
-
}),
|
|
634
|
-
className: a("absolute inset-y-0 flex items-center",
|
|
635
|
-
children: /* @__PURE__ */
|
|
633
|
+
}), V && /* @__PURE__ */ H("div", {
|
|
634
|
+
className: a("absolute inset-y-0 flex items-center", W ? "end-2" : "end-1", M ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
|
|
635
|
+
children: /* @__PURE__ */ H(g, {
|
|
636
636
|
items: L,
|
|
637
637
|
onOpenChange: I,
|
|
638
638
|
matchReferenceWidth: !1,
|
|
639
639
|
listClassName: "w-[200px]",
|
|
640
|
-
children: /* @__PURE__ */
|
|
640
|
+
children: /* @__PURE__ */ H(b, {
|
|
641
641
|
ref: F,
|
|
642
|
-
icon: /* @__PURE__ */
|
|
643
|
-
size:
|
|
642
|
+
icon: /* @__PURE__ */ H(re, {
|
|
643
|
+
size: W ? m.SM : m.MD,
|
|
644
644
|
className: $.triggerIcon,
|
|
645
645
|
"aria-hidden": !0,
|
|
646
646
|
stroke: h
|
|
647
647
|
}),
|
|
648
648
|
size: _.Small,
|
|
649
649
|
"aria-label": c,
|
|
650
|
-
className: a(
|
|
650
|
+
className: a(W && "!size-6 !min-h-0 !min-w-0 !p-1", M && $.triggerActive)
|
|
651
651
|
})
|
|
652
652
|
})
|
|
653
653
|
})]
|
|
@@ -656,11 +656,11 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
656
656
|
let w = r[e], T = h === Q.Indicator;
|
|
657
657
|
if (w.kind === Te.Header) {
|
|
658
658
|
let r = w.groupKey === n.Pinned;
|
|
659
|
-
return /* @__PURE__ */
|
|
659
|
+
return /* @__PURE__ */ H("div", {
|
|
660
660
|
role: "listitem",
|
|
661
661
|
style: t,
|
|
662
662
|
className: Be(e, T),
|
|
663
|
-
children: /* @__PURE__ */
|
|
663
|
+
children: /* @__PURE__ */ H(Re, {
|
|
664
664
|
variant: h,
|
|
665
665
|
label: w.label,
|
|
666
666
|
isExpanded: i.has(w.groupKey),
|
|
@@ -675,11 +675,11 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
675
675
|
})
|
|
676
676
|
});
|
|
677
677
|
}
|
|
678
|
-
return /* @__PURE__ */
|
|
678
|
+
return /* @__PURE__ */ H("div", {
|
|
679
679
|
role: "presentation",
|
|
680
680
|
style: t,
|
|
681
681
|
className: T ? "pt-0.5" : "pt-1",
|
|
682
|
-
children: /* @__PURE__ */
|
|
682
|
+
children: /* @__PURE__ */ H(ze, {
|
|
683
683
|
variant: h,
|
|
684
684
|
item: w.item,
|
|
685
685
|
isActive: w.item.id === s,
|
|
@@ -709,26 +709,26 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
709
709
|
n.Shared,
|
|
710
710
|
n.Organization
|
|
711
711
|
]), Ue = M(({ conversations: e, isLoading: t, onSelectConversation: i, activeConversationId: o, labels: s, searchQuery: u = "", activeFilter: d = n.All, activeTypeFilter: f = Z.All, hiddenSources: p, rowVariant: m, getActions: h, onActionMenuOpen: g, onMoveConversation: _, styles: v, id: y, className: b }) => {
|
|
712
|
-
let { colors: x, typography: S, itemIconBadgeClassName: C } = v ?? {}, { emptyLabel: w, emptyDescription: T, noResultsLabel: E, noResultsDescription: O,
|
|
713
|
-
|
|
712
|
+
let { colors: x, typography: S, itemIconBadgeClassName: C } = v ?? {}, { emptyLabel: w, emptyDescription: T, noResultsLabel: E, noResultsDescription: O, sharedEmptyDescription: k = O, loadingLabel: A = "Loading conversations", groupLabels: j, actionsLabel: M, unreadIndicatorLabel: I } = s, L = R(() => p?.length ? e.filter((e) => e.source == null || !p.includes(e.source)) : e, [e, p]), [V, ee] = B(() => He), [te, W] = B(5), ne = F(), re = z(null), ie = z(null), [ae, oe] = B(null), [G, se] = B(null), [K, q] = B(null), J = z(null), le = z(null), ue = N(({ height: e }) => {
|
|
713
|
+
W(Ne(e));
|
|
714
714
|
}, []), de = N((e) => {
|
|
715
715
|
ee((t) => {
|
|
716
716
|
let n = new Set(t);
|
|
717
717
|
return n.has(e) ? n.delete(e) : n.add(e), n;
|
|
718
718
|
});
|
|
719
719
|
}, []), fe = N(() => {
|
|
720
|
-
|
|
721
|
-
}, []),
|
|
722
|
-
let n = Ie(e, Fe(t, e),
|
|
723
|
-
|
|
724
|
-
}, [
|
|
720
|
+
J.current = null, le.current = null, oe(null), se(null), q(null);
|
|
721
|
+
}, []), Y = N((e, t) => {
|
|
722
|
+
let n = Ie(e, Fe(t, e), L);
|
|
723
|
+
J.current = e, le.current = n, oe(e), q(n);
|
|
724
|
+
}, [L]), pe = N(() => {
|
|
725
725
|
fe();
|
|
726
726
|
}, [fe]), me = N((e) => {
|
|
727
|
-
|
|
727
|
+
se(e);
|
|
728
728
|
}, []), he = N(() => {
|
|
729
|
-
|
|
729
|
+
se(null);
|
|
730
730
|
}, []), ge = N((e, t, n) => {
|
|
731
|
-
let r =
|
|
731
|
+
let r = J.current, i = le.current;
|
|
732
732
|
fe(), r != null && r !== e && i?.has(t) && _?.({
|
|
733
733
|
draggedId: r,
|
|
734
734
|
targetGroupKey: t,
|
|
@@ -747,54 +747,54 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
747
747
|
"--cp-unread-dot": x?.unreadDot,
|
|
748
748
|
"--cp-indicator-dot": x?.indicatorDot,
|
|
749
749
|
"--cp-list-font-family": S?.fontFamily
|
|
750
|
-
}),
|
|
751
|
-
|
|
750
|
+
}), X = R(() => L.filter((e) => Ee(e, d) && De(e, f) && Oe(e, u)), [
|
|
751
|
+
L,
|
|
752
752
|
d,
|
|
753
753
|
f,
|
|
754
754
|
u
|
|
755
|
-
]), ve = R(() =>
|
|
755
|
+
]), ve = R(() => X.filter((e) => e.isPinned), [X]), ye = R(() => X.filter((e) => !e.isPinned && e.source !== n.Shared && e.source !== n.Organization), [X]), be = R(() => X.filter((e) => !e.isPinned && e.source === n.Shared), [X]), xe = R(() => X.filter((e) => !e.isPinned && e.source === n.Organization), [X]), Se = R(() => [
|
|
756
756
|
{
|
|
757
757
|
key: n.Pinned,
|
|
758
|
-
label:
|
|
758
|
+
label: j?.pinned ?? "Pinned",
|
|
759
759
|
items: ve
|
|
760
760
|
},
|
|
761
761
|
{
|
|
762
762
|
key: n.MyChats,
|
|
763
|
-
label:
|
|
763
|
+
label: j?.myChats ?? "My chats",
|
|
764
764
|
items: ye
|
|
765
765
|
},
|
|
766
766
|
{
|
|
767
767
|
key: n.Shared,
|
|
768
|
-
label:
|
|
768
|
+
label: j?.shared ?? "Shared",
|
|
769
769
|
items: be
|
|
770
770
|
},
|
|
771
771
|
{
|
|
772
772
|
key: n.Organization,
|
|
773
|
-
label:
|
|
773
|
+
label: j?.organization ?? "Organization",
|
|
774
774
|
items: xe
|
|
775
775
|
}
|
|
776
776
|
], [
|
|
777
|
-
|
|
777
|
+
j,
|
|
778
778
|
ve,
|
|
779
779
|
ye,
|
|
780
780
|
be,
|
|
781
781
|
xe
|
|
782
|
-
]),
|
|
782
|
+
]), Ce = R(() => {
|
|
783
783
|
let e = [];
|
|
784
784
|
for (let t of Se) if (t.items.length !== 0 && (e.push({
|
|
785
785
|
kind: Te.Header,
|
|
786
786
|
groupKey: t.key,
|
|
787
787
|
label: t.label
|
|
788
|
-
}),
|
|
788
|
+
}), V.has(t.key))) for (let n of t.items) e.push({
|
|
789
789
|
kind: Te.Item,
|
|
790
790
|
item: n,
|
|
791
791
|
groupKey: t.key
|
|
792
792
|
});
|
|
793
793
|
return e;
|
|
794
|
-
}, [Se,
|
|
794
|
+
}, [Se, V]);
|
|
795
795
|
P(() => {
|
|
796
796
|
if (!o || ie.current === o) return;
|
|
797
|
-
let e =
|
|
797
|
+
let e = Ce.findIndex((e) => e.kind === Te.Item && e.item.id === o);
|
|
798
798
|
e >= 0 && (re.current?.scrollToRow({
|
|
799
799
|
index: e,
|
|
800
800
|
align: "smart",
|
|
@@ -803,25 +803,25 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
803
803
|
}, [
|
|
804
804
|
o,
|
|
805
805
|
Se,
|
|
806
|
-
|
|
807
|
-
|
|
806
|
+
V,
|
|
807
|
+
Ce
|
|
808
808
|
]);
|
|
809
|
-
let
|
|
809
|
+
let Ae = z(Ce);
|
|
810
810
|
P(() => {
|
|
811
|
-
|
|
812
|
-
}, [
|
|
813
|
-
let
|
|
814
|
-
rows:
|
|
815
|
-
expandedGroups:
|
|
811
|
+
Ae.current = Ce;
|
|
812
|
+
}, [Ce]);
|
|
813
|
+
let Me = N((e) => Y(e, Ae.current), [Y]), Pe = R(() => ({
|
|
814
|
+
rows: Ce,
|
|
815
|
+
expandedGroups: V,
|
|
816
816
|
onToggleGroup: de,
|
|
817
|
-
listId:
|
|
817
|
+
listId: ne,
|
|
818
818
|
activeConversationId: o,
|
|
819
819
|
searchQuery: u,
|
|
820
820
|
onSelectConversation: i,
|
|
821
821
|
getActions: h,
|
|
822
822
|
onActionMenuOpen: g,
|
|
823
|
-
actionsLabel:
|
|
824
|
-
unreadIndicatorLabel:
|
|
823
|
+
actionsLabel: M,
|
|
824
|
+
unreadIndicatorLabel: I,
|
|
825
825
|
rowVariant: m,
|
|
826
826
|
styles: {
|
|
827
827
|
groupHeaderClassName: S?.groupHeaderClassName,
|
|
@@ -829,76 +829,79 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
829
829
|
itemIconBadgeClassName: C
|
|
830
830
|
},
|
|
831
831
|
draggingId: ae,
|
|
832
|
-
dragOverId:
|
|
833
|
-
allowedDropGroups:
|
|
834
|
-
onDragStart:
|
|
835
|
-
onDragEnd:
|
|
832
|
+
dragOverId: G,
|
|
833
|
+
allowedDropGroups: K,
|
|
834
|
+
onDragStart: Me,
|
|
835
|
+
onDragEnd: pe,
|
|
836
836
|
onDragOver: me,
|
|
837
837
|
onDragLeave: he,
|
|
838
838
|
onDrop: ge
|
|
839
839
|
}), [
|
|
840
|
-
|
|
841
|
-
|
|
840
|
+
Ce,
|
|
841
|
+
V,
|
|
842
842
|
de,
|
|
843
|
-
|
|
843
|
+
ne,
|
|
844
844
|
o,
|
|
845
845
|
u,
|
|
846
846
|
i,
|
|
847
847
|
h,
|
|
848
848
|
g,
|
|
849
|
-
j,
|
|
850
849
|
M,
|
|
850
|
+
I,
|
|
851
851
|
m,
|
|
852
852
|
S?.groupHeaderClassName,
|
|
853
853
|
S?.itemTitleClassName,
|
|
854
854
|
C,
|
|
855
855
|
ae,
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
856
|
+
G,
|
|
857
|
+
K,
|
|
858
|
+
Me,
|
|
859
|
+
pe,
|
|
860
860
|
me,
|
|
861
861
|
he,
|
|
862
862
|
ge
|
|
863
|
-
]),
|
|
864
|
-
return /* @__PURE__ */
|
|
863
|
+
]), Le = u !== "" || d !== n.All || f !== Z.All, Re = X.length === 0, ze = Re && Le, Be = Re && !Le, Ue = d === n.Shared && u === "" ? k : O;
|
|
864
|
+
return /* @__PURE__ */ U("div", {
|
|
865
865
|
id: y,
|
|
866
866
|
style: _e,
|
|
867
867
|
className: a("flex-1 overflow-hidden px-3", $.list, S?.fontClassName, m !== Q.Indicator && "py-1", b, ce.list),
|
|
868
|
-
children: [/* @__PURE__ */
|
|
868
|
+
children: [/* @__PURE__ */ H("span", {
|
|
869
869
|
role: "status",
|
|
870
870
|
"aria-live": "polite",
|
|
871
871
|
className: "sr-only",
|
|
872
|
-
children: t ?
|
|
873
|
-
}), t ? /* @__PURE__ */
|
|
872
|
+
children: t ? A : Be ? w : ze ? E : ""
|
|
873
|
+
}), t ? /* @__PURE__ */ H("div", {
|
|
874
874
|
className: "flex flex-col gap-3 px-2 py-3",
|
|
875
|
-
children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */
|
|
875
|
+
children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ H(D, {
|
|
876
876
|
avatar: { size: 24 },
|
|
877
877
|
showTitle: { width: ke(t) },
|
|
878
878
|
paragraph: !1,
|
|
879
879
|
active: !0,
|
|
880
880
|
color: $.skeletonColor
|
|
881
881
|
}, t))
|
|
882
|
-
}) :
|
|
882
|
+
}) : Be ? /* @__PURE__ */ H(c, {
|
|
883
883
|
label: w,
|
|
884
884
|
description: T
|
|
885
|
-
}) :
|
|
885
|
+
}) : ze ? /* @__PURE__ */ H(l, {
|
|
886
886
|
label: E,
|
|
887
|
-
description:
|
|
888
|
-
}) : /* @__PURE__ */
|
|
887
|
+
description: Ue
|
|
888
|
+
}) : /* @__PURE__ */ H(we, {
|
|
889
889
|
listRef: re,
|
|
890
|
-
id:
|
|
890
|
+
id: ne,
|
|
891
891
|
role: "list",
|
|
892
892
|
style: { height: "100%" },
|
|
893
893
|
rowComponent: Ve,
|
|
894
|
-
rowCount:
|
|
894
|
+
rowCount: Ce.length,
|
|
895
895
|
rowHeight: je,
|
|
896
896
|
overscanCount: te,
|
|
897
897
|
onResize: ue,
|
|
898
|
-
rowProps:
|
|
898
|
+
rowProps: Pe
|
|
899
899
|
})]
|
|
900
900
|
});
|
|
901
|
-
}), We = {
|
|
901
|
+
}), We = {
|
|
902
|
+
title: "_title_r35fs_2",
|
|
903
|
+
filterIndicator: "_filterIndicator_r35fs_13"
|
|
904
|
+
}, Ge = "!size-6 !min-h-0 !min-w-0 !p-1", Ke = [
|
|
902
905
|
{
|
|
903
906
|
value: n.All,
|
|
904
907
|
getLabel: (e) => e.all
|
|
@@ -929,23 +932,23 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
929
932
|
getLabel: (e) => e.task ?? "Task"
|
|
930
933
|
}
|
|
931
934
|
], Je = M(({ labels: e, isExpanded: t = !0, onToggleExpanded: i, controlsId: o, searchQuery: s = "", isSearchOpen: c = !1, onSearchChange: l, onSearchOpenChange: u, activeFilter: d = n.All, onFilterChange: f, activeTypeFilter: p = Z.All, onTypeFilterChange: v, hiddenSources: y, actions: x, styles: S, className: w }) => {
|
|
932
|
-
let T = S?.typography?.titleClassName ?? "dial-tiny-lead-semi-text", D = S?.typography?.searchTextClassName ?? "dial-tiny-text", O = z(null), k = z(null), A = z(c), j = e.filterLabels.groupAriaLabel ?? "Filter chats", M = l != null && u != null;
|
|
935
|
+
let T = S?.typography?.titleClassName ?? "dial-tiny-lead-semi-text", D = S?.typography?.searchTextClassName ?? "dial-tiny-text", O = z(null), k = z(null), A = z(c), j = e.filterLabels.groupAriaLabel ?? "Filter chats", M = e.filterActiveLabel ?? "Filters applied", I = F(), L = d !== n.All || p !== Z.All, B = l != null && u != null;
|
|
933
936
|
P(() => {
|
|
934
937
|
c ? k.current?.focus() : A.current && O.current?.focus(), A.current = c;
|
|
935
938
|
}, [c]);
|
|
936
|
-
let
|
|
939
|
+
let ee = N(() => {
|
|
937
940
|
u?.(!0);
|
|
938
|
-
}, [u]),
|
|
941
|
+
}, [u]), te = N(() => {
|
|
939
942
|
l?.(""), u?.(!1);
|
|
940
|
-
}, [l, u]),
|
|
943
|
+
}, [l, u]), re = N((e) => {
|
|
941
944
|
l?.(e ?? "");
|
|
942
|
-
}, [l]),
|
|
943
|
-
e.key === "Escape" && (e.stopPropagation(),
|
|
944
|
-
}, [
|
|
945
|
-
let { filterLabels: t } = e, n = (e, t) => () => /* @__PURE__ */
|
|
945
|
+
}, [l]), ae = N((e) => {
|
|
946
|
+
e.key === "Escape" && (e.stopPropagation(), te());
|
|
947
|
+
}, [te]), G = R(() => {
|
|
948
|
+
let { filterLabels: t } = e, n = (e, t) => () => /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("span", {
|
|
946
949
|
className: "min-w-0 flex-1 truncate text-start",
|
|
947
950
|
children: e
|
|
948
|
-
}), /* @__PURE__ */
|
|
951
|
+
}), /* @__PURE__ */ H("span", {
|
|
949
952
|
className: "shrink-0 text-secondary",
|
|
950
953
|
children: t
|
|
951
954
|
})] }), r = [];
|
|
@@ -987,26 +990,31 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
987
990
|
p,
|
|
988
991
|
f,
|
|
989
992
|
v
|
|
990
|
-
]),
|
|
993
|
+
]), K = R(() => r({
|
|
991
994
|
"--cp-list-header-title": S?.colors?.title,
|
|
992
|
-
"--cp-list-header-title-focus": S?.colors?.titleFocus
|
|
993
|
-
|
|
994
|
-
|
|
995
|
+
"--cp-list-header-title-focus": S?.colors?.titleFocus,
|
|
996
|
+
"--cp-list-header-filter-indicator": S?.colors?.filterIndicator
|
|
997
|
+
}), [
|
|
998
|
+
S?.colors?.title,
|
|
999
|
+
S?.colors?.titleFocus,
|
|
1000
|
+
S?.colors?.filterIndicator
|
|
1001
|
+
]), q = (e) => a("flex min-h-6 items-center justify-between ps-2", e, w, ce.listHeader);
|
|
1002
|
+
if (B && c) return /* @__PURE__ */ U("div", {
|
|
995
1003
|
role: "search",
|
|
996
|
-
style:
|
|
997
|
-
className:
|
|
998
|
-
onKeyDown:
|
|
999
|
-
children: [/* @__PURE__ */
|
|
1004
|
+
style: K,
|
|
1005
|
+
className: q("gap-2"),
|
|
1006
|
+
onKeyDown: ae,
|
|
1007
|
+
children: [/* @__PURE__ */ H(E, {
|
|
1000
1008
|
containerClassName: "min-w-0 flex-1",
|
|
1001
1009
|
wrapperClassName: a("!h-6 !min-h-0 !py-1 !pe-2 [&_svg]:!size-4", D),
|
|
1002
1010
|
inputRef: k,
|
|
1003
1011
|
value: s,
|
|
1004
|
-
onChange:
|
|
1012
|
+
onChange: re,
|
|
1005
1013
|
placeholder: e.searchPlaceholder,
|
|
1006
1014
|
clearLabel: e.searchClearLabel,
|
|
1007
1015
|
"aria-label": e.searchPlaceholder
|
|
1008
|
-
}), /* @__PURE__ */
|
|
1009
|
-
icon: /* @__PURE__ */
|
|
1016
|
+
}), /* @__PURE__ */ H(b, {
|
|
1017
|
+
icon: /* @__PURE__ */ H(se, {
|
|
1010
1018
|
size: m.SM,
|
|
1011
1019
|
stroke: h,
|
|
1012
1020
|
"aria-hidden": !0
|
|
@@ -1014,42 +1022,42 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
1014
1022
|
size: _.Small,
|
|
1015
1023
|
className: Ge,
|
|
1016
1024
|
"aria-label": e.searchCloseLabel,
|
|
1017
|
-
onClick:
|
|
1025
|
+
onClick: te
|
|
1018
1026
|
})]
|
|
1019
1027
|
});
|
|
1020
|
-
let
|
|
1028
|
+
let J = /* @__PURE__ */ H("span", {
|
|
1021
1029
|
className: T,
|
|
1022
1030
|
children: e.title
|
|
1023
1031
|
});
|
|
1024
|
-
return /* @__PURE__ */
|
|
1025
|
-
style:
|
|
1026
|
-
className:
|
|
1027
|
-
children: [i ? /* @__PURE__ */
|
|
1032
|
+
return /* @__PURE__ */ U("div", {
|
|
1033
|
+
style: K,
|
|
1034
|
+
className: q(),
|
|
1035
|
+
children: [i ? /* @__PURE__ */ U("button", {
|
|
1028
1036
|
type: "button",
|
|
1029
1037
|
"aria-expanded": t,
|
|
1030
1038
|
"aria-controls": o,
|
|
1031
1039
|
onClick: i,
|
|
1032
1040
|
className: a("group flex items-center gap-1 rounded", We.title),
|
|
1033
|
-
children: [
|
|
1041
|
+
children: [J, t ? /* @__PURE__ */ H(W, {
|
|
1034
1042
|
size: m.SM,
|
|
1035
1043
|
stroke: h,
|
|
1036
1044
|
className: "opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100",
|
|
1037
1045
|
"aria-hidden": !0
|
|
1038
|
-
}) : /* @__PURE__ */
|
|
1046
|
+
}) : /* @__PURE__ */ H(ne, {
|
|
1039
1047
|
size: m.SM,
|
|
1040
1048
|
stroke: h,
|
|
1041
1049
|
className: "opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 rtl:scale-x-[-1]",
|
|
1042
1050
|
"aria-hidden": !0
|
|
1043
1051
|
})]
|
|
1044
|
-
}) : /* @__PURE__ */
|
|
1052
|
+
}) : /* @__PURE__ */ H("span", {
|
|
1045
1053
|
className: We.title,
|
|
1046
|
-
children:
|
|
1047
|
-
}), /* @__PURE__ */
|
|
1054
|
+
children: J
|
|
1055
|
+
}), /* @__PURE__ */ U("div", {
|
|
1048
1056
|
className: "flex items-center gap-2",
|
|
1049
1057
|
children: [
|
|
1050
|
-
|
|
1058
|
+
B && /* @__PURE__ */ H(b, {
|
|
1051
1059
|
ref: O,
|
|
1052
|
-
icon: /* @__PURE__ */
|
|
1060
|
+
icon: /* @__PURE__ */ H(oe, {
|
|
1053
1061
|
size: m.SM,
|
|
1054
1062
|
stroke: h,
|
|
1055
1063
|
"aria-hidden": !0
|
|
@@ -1057,23 +1065,35 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
1057
1065
|
size: _.Small,
|
|
1058
1066
|
className: Ge,
|
|
1059
1067
|
"aria-label": e.searchOpenLabel,
|
|
1060
|
-
onClick:
|
|
1068
|
+
onClick: ee
|
|
1061
1069
|
}),
|
|
1062
|
-
(f || v) && /* @__PURE__ */
|
|
1063
|
-
items:
|
|
1070
|
+
(f || v) && /* @__PURE__ */ H(g, {
|
|
1071
|
+
items: G,
|
|
1064
1072
|
placement: "bottom-end",
|
|
1065
1073
|
matchReferenceWidth: !1,
|
|
1066
|
-
children: /* @__PURE__ */
|
|
1067
|
-
icon: /* @__PURE__ */
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1074
|
+
children: /* @__PURE__ */ H(b, {
|
|
1075
|
+
icon: /* @__PURE__ */ U("span", {
|
|
1076
|
+
className: "relative inline-flex",
|
|
1077
|
+
children: [/* @__PURE__ */ H(ie, {
|
|
1078
|
+
size: m.SM,
|
|
1079
|
+
stroke: h,
|
|
1080
|
+
"aria-hidden": !0
|
|
1081
|
+
}), L && /* @__PURE__ */ H("span", {
|
|
1082
|
+
"aria-hidden": !0,
|
|
1083
|
+
className: a(We.filterIndicator, "absolute -end-0.5 -top-0.5 size-1.5 rounded-full")
|
|
1084
|
+
})]
|
|
1071
1085
|
}),
|
|
1072
1086
|
size: _.Small,
|
|
1073
1087
|
className: Ge,
|
|
1074
|
-
"aria-label": j
|
|
1088
|
+
"aria-label": j,
|
|
1089
|
+
"aria-describedby": L ? I : void 0
|
|
1075
1090
|
})
|
|
1076
1091
|
}),
|
|
1092
|
+
L && (f || v) && /* @__PURE__ */ H("span", {
|
|
1093
|
+
id: I,
|
|
1094
|
+
className: "sr-only",
|
|
1095
|
+
children: M
|
|
1096
|
+
}),
|
|
1077
1097
|
x
|
|
1078
1098
|
]
|
|
1079
1099
|
})]
|
|
@@ -1092,12 +1112,12 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
1092
1112
|
}, []), L = N((e) => {
|
|
1093
1113
|
A(e), d?.(e);
|
|
1094
1114
|
}, [d]), R = N(() => E((e) => !e), []);
|
|
1095
|
-
return /* @__PURE__ */
|
|
1115
|
+
return /* @__PURE__ */ U("section", {
|
|
1096
1116
|
"aria-label": o.title,
|
|
1097
1117
|
className: a("flex min-h-0 flex-1 flex-col px-1 pt-4", y, ce.listSection),
|
|
1098
|
-
children: [/* @__PURE__ */
|
|
1118
|
+
children: [/* @__PURE__ */ H("div", {
|
|
1099
1119
|
className: "px-3 pb-2",
|
|
1100
|
-
children: /* @__PURE__ */
|
|
1120
|
+
children: /* @__PURE__ */ H(Je, {
|
|
1101
1121
|
labels: o,
|
|
1102
1122
|
isExpanded: T,
|
|
1103
1123
|
onToggleExpanded: R,
|
|
@@ -1114,11 +1134,11 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
1114
1134
|
actions: p,
|
|
1115
1135
|
styles: _?.header
|
|
1116
1136
|
})
|
|
1117
|
-
}), /* @__PURE__ */
|
|
1137
|
+
}), /* @__PURE__ */ H("div", {
|
|
1118
1138
|
hidden: !T,
|
|
1119
1139
|
inert: !T,
|
|
1120
1140
|
className: T ? "flex min-h-0 flex-1 flex-col" : "hidden",
|
|
1121
|
-
children: /* @__PURE__ */
|
|
1141
|
+
children: /* @__PURE__ */ H(Ue, {
|
|
1122
1142
|
id: b,
|
|
1123
1143
|
conversations: e,
|
|
1124
1144
|
isLoading: t,
|
|
@@ -1160,7 +1180,7 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
1160
1180
|
value: e,
|
|
1161
1181
|
label: t[n]
|
|
1162
1182
|
})), [t, i]);
|
|
1163
|
-
return /* @__PURE__ */
|
|
1183
|
+
return /* @__PURE__ */ H(y, {
|
|
1164
1184
|
items: a,
|
|
1165
1185
|
value: e,
|
|
1166
1186
|
onChange: n,
|
|
@@ -1175,13 +1195,13 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
1175
1195
|
"--cp-new-chat-text": i?.text,
|
|
1176
1196
|
"--cp-new-chat-focus-outline": i?.focusOutline
|
|
1177
1197
|
});
|
|
1178
|
-
return /* @__PURE__ */
|
|
1198
|
+
return /* @__PURE__ */ H("div", {
|
|
1179
1199
|
className: "px-3 py-2",
|
|
1180
1200
|
style: s,
|
|
1181
|
-
children: /* @__PURE__ */
|
|
1201
|
+
children: /* @__PURE__ */ H(f, {
|
|
1182
1202
|
label: e,
|
|
1183
1203
|
textClassName: n,
|
|
1184
|
-
iconBefore: /* @__PURE__ */
|
|
1204
|
+
iconBefore: /* @__PURE__ */ H(ae, {
|
|
1185
1205
|
size: 18,
|
|
1186
1206
|
stroke: h,
|
|
1187
1207
|
className: "shrink-0",
|
|
@@ -1192,12 +1212,12 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
1192
1212
|
})
|
|
1193
1213
|
});
|
|
1194
1214
|
}), et = M(({ conversations: e, isLoading: t, isOpen: i, onSelectConversation: o, activeConversationId: s, labels: c, onNewChat: l, styles: f, className: p, isOverlay: m = !1, getActions: h, onActionMenuOpen: g, onToggle: _, headerActions: v, onMoveConversation: y, activeFilter: b, onActiveFilterChange: x, isFilterTabsHidden: S = !1, hiddenSources: C }) => {
|
|
1195
|
-
let { colors: w, typography: T, newChatButton: D, searchWrapperClassName: O, headerClassName: k, headerActionsClassName: A, newChatButtonClassName: j } = f ?? {}, { title: M, emptyLabel: F, emptyDescription: I, noResultsLabel: L, noResultsDescription: z, loadingLabel: ee, newChatLabel: te, searchPlaceholder:
|
|
1215
|
+
let { colors: w, typography: T, newChatButton: D, searchWrapperClassName: O, headerClassName: k, headerActionsClassName: A, newChatButtonClassName: j } = f ?? {}, { title: M, emptyLabel: F, emptyDescription: I, noResultsLabel: L, noResultsDescription: z, sharedEmptyDescription: V, loadingLabel: ee, newChatLabel: te, searchPlaceholder: W, searchClearLabel: ne, filterLabels: re, groupLabels: ie, actionsLabel: ae, unreadIndicatorLabel: oe, closeAriaLabel: G } = c, [se, K] = B(""), [q, J] = B(n.All);
|
|
1196
1216
|
P(() => {
|
|
1197
|
-
b != null &&
|
|
1217
|
+
b != null && J(b);
|
|
1198
1218
|
}, [b]);
|
|
1199
1219
|
let le = N((e) => {
|
|
1200
|
-
|
|
1220
|
+
K(e ?? "");
|
|
1201
1221
|
}, []), ue = r({
|
|
1202
1222
|
"--cp-text": w?.text,
|
|
1203
1223
|
"--cp-new-chat-bg": D?.background,
|
|
@@ -1208,19 +1228,21 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
1208
1228
|
emptyDescription: I,
|
|
1209
1229
|
noResultsLabel: L,
|
|
1210
1230
|
noResultsDescription: z,
|
|
1231
|
+
sharedEmptyDescription: V,
|
|
1211
1232
|
loadingLabel: ee,
|
|
1212
1233
|
groupLabels: ie,
|
|
1213
1234
|
actionsLabel: ae,
|
|
1214
|
-
unreadIndicatorLabel:
|
|
1235
|
+
unreadIndicatorLabel: oe
|
|
1215
1236
|
}), [
|
|
1216
1237
|
F,
|
|
1217
1238
|
I,
|
|
1218
1239
|
L,
|
|
1219
1240
|
z,
|
|
1241
|
+
V,
|
|
1220
1242
|
ee,
|
|
1221
1243
|
ie,
|
|
1222
1244
|
ae,
|
|
1223
|
-
|
|
1245
|
+
oe
|
|
1224
1246
|
]), fe = R(() => ({
|
|
1225
1247
|
colors: w,
|
|
1226
1248
|
typography: {
|
|
@@ -1236,14 +1258,14 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
1236
1258
|
T?.itemTitleClassName,
|
|
1237
1259
|
f?.itemIconBadgeClassName
|
|
1238
1260
|
]);
|
|
1239
|
-
return /* @__PURE__ */
|
|
1261
|
+
return /* @__PURE__ */ U(d, {
|
|
1240
1262
|
isOpen: i,
|
|
1241
1263
|
isOverlay: m,
|
|
1242
1264
|
orientation: u.Left,
|
|
1243
1265
|
title: M,
|
|
1244
1266
|
labels: {
|
|
1245
1267
|
ariaLabel: M,
|
|
1246
|
-
closeLabel:
|
|
1268
|
+
closeLabel: G
|
|
1247
1269
|
},
|
|
1248
1270
|
onClose: _,
|
|
1249
1271
|
styles: {
|
|
@@ -1261,42 +1283,42 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
1261
1283
|
},
|
|
1262
1284
|
rightActions: v,
|
|
1263
1285
|
children: [
|
|
1264
|
-
/* @__PURE__ */
|
|
1286
|
+
/* @__PURE__ */ H($e, {
|
|
1265
1287
|
label: te,
|
|
1266
1288
|
onClick: l,
|
|
1267
1289
|
labelClassName: T?.newChatLabelClassName,
|
|
1268
1290
|
colors: D,
|
|
1269
1291
|
className: j
|
|
1270
1292
|
}),
|
|
1271
|
-
/* @__PURE__ */
|
|
1293
|
+
/* @__PURE__ */ H("div", {
|
|
1272
1294
|
role: "search",
|
|
1273
1295
|
className: a("px-3 py-2", ce.search),
|
|
1274
|
-
children: /* @__PURE__ */
|
|
1296
|
+
children: /* @__PURE__ */ H(E, {
|
|
1275
1297
|
wrapperClassName: a($.search, O),
|
|
1276
|
-
value:
|
|
1298
|
+
value: se,
|
|
1277
1299
|
onChange: le,
|
|
1278
|
-
placeholder:
|
|
1279
|
-
clearLabel:
|
|
1280
|
-
"aria-label":
|
|
1300
|
+
placeholder: W,
|
|
1301
|
+
clearLabel: ne,
|
|
1302
|
+
"aria-label": W
|
|
1281
1303
|
})
|
|
1282
1304
|
}),
|
|
1283
|
-
!S && /* @__PURE__ */
|
|
1284
|
-
activeTab:
|
|
1305
|
+
!S && /* @__PURE__ */ H(Ze, {
|
|
1306
|
+
activeTab: q,
|
|
1285
1307
|
labels: re,
|
|
1286
1308
|
onChange: (e) => {
|
|
1287
|
-
|
|
1309
|
+
J(e), x?.(e);
|
|
1288
1310
|
},
|
|
1289
1311
|
tabClassName: T?.tabClassName,
|
|
1290
1312
|
hiddenSources: C
|
|
1291
1313
|
}),
|
|
1292
|
-
/* @__PURE__ */
|
|
1314
|
+
/* @__PURE__ */ H(Ue, {
|
|
1293
1315
|
conversations: e,
|
|
1294
1316
|
isLoading: t,
|
|
1295
1317
|
onSelectConversation: o,
|
|
1296
1318
|
activeConversationId: s,
|
|
1297
1319
|
labels: de,
|
|
1298
|
-
searchQuery:
|
|
1299
|
-
activeFilter:
|
|
1320
|
+
searchQuery: se,
|
|
1321
|
+
activeFilter: q,
|
|
1300
1322
|
hiddenSources: C,
|
|
1301
1323
|
getActions: h,
|
|
1302
1324
|
onActionMenuOpen: g,
|
|
@@ -1347,7 +1369,7 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
1347
1369
|
l,
|
|
1348
1370
|
u.renameWithAiError
|
|
1349
1371
|
]), L = y ?? r ?? void 0, R;
|
|
1350
|
-
return R = A ? u.nameTooLongError : L, /* @__PURE__ */
|
|
1372
|
+
return R = A ? u.nameTooLongError : L, /* @__PURE__ */ H(w, {
|
|
1351
1373
|
open: e,
|
|
1352
1374
|
header: u.popupTitle,
|
|
1353
1375
|
size: T.Sm,
|
|
@@ -1361,23 +1383,23 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
1361
1383
|
disabled: j,
|
|
1362
1384
|
onClick: M
|
|
1363
1385
|
}],
|
|
1364
|
-
children: /* @__PURE__ */
|
|
1386
|
+
children: /* @__PURE__ */ H("div", {
|
|
1365
1387
|
className: d?.bodyClassName,
|
|
1366
1388
|
style: d?.cssVars,
|
|
1367
|
-
children: n ? /* @__PURE__ */
|
|
1389
|
+
children: n ? /* @__PURE__ */ H("div", {
|
|
1368
1390
|
className: "h-[120px] px-6 py-4",
|
|
1369
|
-
children: /* @__PURE__ */
|
|
1370
|
-
}) : /* @__PURE__ */
|
|
1391
|
+
children: /* @__PURE__ */ H(k, { size: 50 })
|
|
1392
|
+
}) : /* @__PURE__ */ U("div", {
|
|
1371
1393
|
className: "flex items-start gap-2 px-6 py-3",
|
|
1372
1394
|
children: [
|
|
1373
|
-
/* @__PURE__ */
|
|
1395
|
+
/* @__PURE__ */ H("span", {
|
|
1374
1396
|
role: "alert",
|
|
1375
1397
|
className: "sr-only",
|
|
1376
1398
|
children: A ? "" : L ?? ""
|
|
1377
1399
|
}),
|
|
1378
|
-
/* @__PURE__ */
|
|
1400
|
+
/* @__PURE__ */ H("div", {
|
|
1379
1401
|
className: "min-w-0 flex-1",
|
|
1380
|
-
children: /* @__PURE__ */
|
|
1402
|
+
children: /* @__PURE__ */ H(S, {
|
|
1381
1403
|
inputRef: C,
|
|
1382
1404
|
value: f,
|
|
1383
1405
|
placeholder: u.inputPlaceholder,
|
|
@@ -1386,17 +1408,17 @@ var Z = /* @__PURE__ */ function(e) {
|
|
|
1386
1408
|
onKeyDown: F
|
|
1387
1409
|
})
|
|
1388
1410
|
}),
|
|
1389
|
-
/* @__PURE__ */
|
|
1411
|
+
/* @__PURE__ */ H(b, {
|
|
1390
1412
|
"aria-label": u.renameWithAiLabel,
|
|
1391
1413
|
tooltipProps: { tooltip: u.renameWithAiLabel },
|
|
1392
1414
|
disabled: _ || n,
|
|
1393
1415
|
"aria-busy": _,
|
|
1394
1416
|
onClick: I,
|
|
1395
|
-
icon: _ ? /* @__PURE__ */
|
|
1417
|
+
icon: _ ? /* @__PURE__ */ H("span", {
|
|
1396
1418
|
className: "flex",
|
|
1397
1419
|
"aria-hidden": !0,
|
|
1398
|
-
children: /* @__PURE__ */
|
|
1399
|
-
}) : /* @__PURE__ */
|
|
1420
|
+
children: /* @__PURE__ */ H(k, { size: m.MD })
|
|
1421
|
+
}) : /* @__PURE__ */ H(G, {
|
|
1400
1422
|
size: m.MD,
|
|
1401
1423
|
stroke: h,
|
|
1402
1424
|
"aria-hidden": !0
|
|
@@ -16,6 +16,8 @@ export interface ConversationListHeaderLabels {
|
|
|
16
16
|
searchClearLabel: string;
|
|
17
17
|
/** Labels of the filter options; `groupAriaLabel` names the filter trigger. */
|
|
18
18
|
filterLabels: FilterLabels;
|
|
19
|
+
/** Description announced on the filter trigger while a filter is applied. Defaults to `'Filters applied'`. */
|
|
20
|
+
filterActiveLabel?: string;
|
|
19
21
|
}
|
|
20
22
|
/** Color overrides for `ConversationListHeader`, applied as CSS custom properties on its root. */
|
|
21
23
|
export interface ConversationListHeaderColors {
|
|
@@ -23,6 +25,8 @@ export interface ConversationListHeaderColors {
|
|
|
23
25
|
title?: string;
|
|
24
26
|
/** Title color while the title button has keyboard focus. Defaults to `--text-primary`. */
|
|
25
27
|
titleFocus?: string;
|
|
28
|
+
/** Color of the dot on the filter trigger while a filter is applied. Defaults to `--text-accent`. */
|
|
29
|
+
filterIndicator?: string;
|
|
26
30
|
}
|
|
27
31
|
/** Typography overrides for `ConversationListHeader`. */
|
|
28
32
|
export interface ConversationListHeaderTypography {
|
|
@@ -33,7 +37,7 @@ export interface ConversationListHeaderTypography {
|
|
|
33
37
|
}
|
|
34
38
|
/** Style overrides for `ConversationListHeader`. */
|
|
35
39
|
export interface ConversationListHeaderStyles {
|
|
36
|
-
/** Color overrides for the title. */
|
|
40
|
+
/** Color overrides for the title and the filter indicator. */
|
|
37
41
|
colors?: ConversationListHeaderColors;
|
|
38
42
|
/** Typography overrides for the title and the search field. */
|
|
39
43
|
typography?: ConversationListHeaderTypography;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conversation-list-header.d.ts","sourceRoot":"","sources":["../../src/models/conversation-list-header.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,qDAAqD;AACrD,MAAM,WAAW,4BAA4B;IAC3C,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,eAAe,EAAE,MAAM,CAAC;IACxB,kEAAkE;IAClE,gBAAgB,EAAE,MAAM,CAAC;IACzB,2DAA2D;IAC3D,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0DAA0D;IAC1D,gBAAgB,EAAE,MAAM,CAAC;IACzB,+EAA+E;IAC/E,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,kGAAkG;AAClG,MAAM,WAAW,4BAA4B;IAC3C,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"conversation-list-header.d.ts","sourceRoot":"","sources":["../../src/models/conversation-list-header.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,qDAAqD;AACrD,MAAM,WAAW,4BAA4B;IAC3C,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,eAAe,EAAE,MAAM,CAAC;IACxB,kEAAkE;IAClE,gBAAgB,EAAE,MAAM,CAAC;IACzB,2DAA2D;IAC3D,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0DAA0D;IAC1D,gBAAgB,EAAE,MAAM,CAAC;IACzB,+EAA+E;IAC/E,YAAY,EAAE,YAAY,CAAC;IAC3B,8GAA8G;IAC9G,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,kGAAkG;AAClG,MAAM,WAAW,4BAA4B;IAC3C,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qGAAqG;IACrG,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,yDAAyD;AACzD,MAAM,WAAW,gCAAgC;IAC/C,uFAAuF;IACvF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yFAAyF;IACzF,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,oDAAoD;AACpD,MAAM,WAAW,4BAA4B;IAC3C,8DAA8D;IAC9D,MAAM,CAAC,EAAE,4BAA4B,CAAC;IACtC,+DAA+D;IAC/D,UAAU,CAAC,EAAE,gCAAgC,CAAC;CAC/C;AAED,kDAAkD;AAClD,MAAM,WAAW,2BAA2B;IAC1C,uCAAuC;IACvC,MAAM,EAAE,4BAA4B,CAAC;IACrC,6GAA6G;IAC7G,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6FAA6F;IAC7F,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,kFAAkF;IAClF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4KAA4K;IAC5K,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,mFAAmF;IACnF,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,iKAAiK;IACjK,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;IAC1C,6FAA6F;IAC7F,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,2FAA2F;IAC3F,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC5D,wFAAwF;IACxF,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC;IAC5B,+EAA+E;IAC/E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sCAAsC;IACtC,MAAM,CAAC,EAAE,4BAA4B,CAAC;IACtC,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -50,14 +50,16 @@ export interface ConversationListStyles {
|
|
|
50
50
|
}
|
|
51
51
|
/** Localised labels for `ConversationList`. */
|
|
52
52
|
export interface ConversationListLabels {
|
|
53
|
-
/** Message shown when
|
|
53
|
+
/** Message shown when the list is empty with no search or filter applied. */
|
|
54
54
|
emptyLabel: string;
|
|
55
55
|
/** Secondary line under `emptyLabel`, e.g. what will fill the list. Omitted when not set. */
|
|
56
56
|
emptyDescription?: string;
|
|
57
|
-
/** Message shown when
|
|
57
|
+
/** Message shown when a search or a filter matches no conversation. */
|
|
58
58
|
noResultsLabel: string;
|
|
59
59
|
/** Secondary line under `noResultsLabel`, e.g. how to widen the search. Omitted when not set. */
|
|
60
60
|
noResultsDescription?: string;
|
|
61
|
+
/** Secondary line under `noResultsLabel` when the `Shared` filter matches nothing and no search is typed. Defaults to `noResultsDescription`. */
|
|
62
|
+
sharedEmptyDescription?: string;
|
|
61
63
|
/** Status message announced to assistive tech while conversations are loading. Defaults to `'Loading conversations'`. */
|
|
62
64
|
loadingLabel?: string;
|
|
63
65
|
/** Labels for collapsible group section headings. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conversation-list.d.ts","sourceRoot":"","sources":["../../src/models/conversation-list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAExE,4EAA4E;AAC5E,MAAM,WAAW,sBAAsB;IACrC,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gKAAgK;IAChK,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,sDAAsD;AACtD,MAAM,WAAW,0BAA0B;IACzC,iHAAiH;IACjH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yGAAyG;IACzG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wGAAwG;IACxG,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,8CAA8C;AAC9C,MAAM,WAAW,sBAAsB;IACrC,yEAAyE;IACzE,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,0BAA0B,CAAC;IACxC,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,+CAA+C;AAC/C,MAAM,WAAW,sBAAsB;IACrC,
|
|
1
|
+
{"version":3,"file":"conversation-list.d.ts","sourceRoot":"","sources":["../../src/models/conversation-list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAExE,4EAA4E;AAC5E,MAAM,WAAW,sBAAsB;IACrC,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gKAAgK;IAChK,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,sDAAsD;AACtD,MAAM,WAAW,0BAA0B;IACzC,iHAAiH;IACjH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yGAAyG;IACzG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wGAAwG;IACxG,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,8CAA8C;AAC9C,MAAM,WAAW,sBAAsB;IACrC,yEAAyE;IACzE,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,0BAA0B,CAAC;IACxC,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,+CAA+C;AAC/C,MAAM,WAAW,sBAAsB;IACrC,6EAA6E;IAC7E,UAAU,EAAE,MAAM,CAAC;IACnB,6FAA6F;IAC7F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uEAAuE;IACvE,cAAc,EAAE,MAAM,CAAC;IACvB,iGAAiG;IACjG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iJAAiJ;IACjJ,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,yHAAyH;IACzH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qDAAqD;IACrD,WAAW,CAAC,EAAE;QACZ,8DAA8D;QAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,kEAAkE;QAClE,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,8DAA8D;QAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,0EAA0E;QAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,yFAAyF;IACzF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yGAAyG;IACzG,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,4CAA4C;AAC5C,MAAM,WAAW,qBAAqB;IACpC,gDAAgD;IAChD,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,yEAAyE;IACzE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+DAA+D;IAC/D,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,sFAAsF;IACtF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qCAAqC;IACrC,MAAM,EAAE,sBAAsB,CAAC;IAC/B,2HAA2H;IAC3H,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,qFAAqF;IACrF,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,kEAAkE;IAClE,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC;IAC5B,2FAA2F;IAC3F,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,8FAA8F;IAC9F,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,YAAY,EAAE,CAAC;IACxD,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,CACjB,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,iBAAiB,KACvB,IAAI,CAAC;IACV,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACtD,qEAAqE;IACrE,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,0EAA0E;IAC1E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@epam/ai-dial-conversation-panel",
|
|
3
3
|
"description": "Virtualized sidebar panel for browsing conversation history with grouping, tabs, and search",
|
|
4
|
-
"version": "1.3.0-dev.
|
|
4
|
+
"version": "1.3.0-dev.176",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./index.js",
|
|
@@ -19,11 +19,11 @@
|
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"react-window": "^2.2.7",
|
|
21
21
|
"@tabler/icons-react": "^3.44.0",
|
|
22
|
-
"@epam/ai-dial-sidebar": "1.3.0-dev.
|
|
22
|
+
"@epam/ai-dial-sidebar": "1.3.0-dev.176"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"react": "^19.2.8",
|
|
26
|
-
"@epam/ai-dial-chat-shared": "1.3.0-dev.
|
|
26
|
+
"@epam/ai-dial-chat-shared": "1.3.0-dev.176",
|
|
27
27
|
"@epam/ai-dial-ui-kit": "^0.16.0-dev.35"
|
|
28
28
|
},
|
|
29
29
|
"repository": {
|