@magicx-eng/ai-autocomplete-react 0.18.1 → 0.19.0
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/README.md +95 -23
- package/dist/index.d.mts +53 -25
- package/dist/index.d.ts +53 -25
- package/dist/index.js +25 -13
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +25 -13
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{buildSubmitResult as Bi,cellDay as
|
|
1
|
+
import{buildSubmitResult as Bi,cellDay as Hi,cellIso as Ki,DATE_RANGE_META_END as Wi,DATE_RANGE_META_START as qi,dateCellMarks as Ui,formatDate as ji,formatDateRange as $i,isoDate as Vi,monthLabel as Qi,optionLabel as Yi,PRODUCT_PATH_PREFIX as Xi,parseDate as Zi,parseLooseDate as Ji,parseLooseDateRange as en,productFromMatchedItem as tn,productsFromCustomFields as an,sanitizeOptionIconSvg as on,selectedRangeFor as nn,visibleDateRange as rn,WEEKDAY_LABELS as sn,withSkippedParams as ln}from"@magicx-eng/ai-autocomplete-vanilla";import{forwardRef as qa,useCallback as Je,useEffect as Ot,useImperativeHandle as Ua,useLayoutEffect as ja,useRef as Ae}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-67791514")){let e=document.createElement("style");e.id="ac-style-67791514",e.textContent=`.AIAutocomplete-module_container_KKjFU {
|
|
2
2
|
position: relative;
|
|
3
3
|
/* Inherits the host page's font by default. Consumers can pin a specific
|
|
4
4
|
font on the library via \`--aia-font-family: 'Custom Font'\` without
|
|
@@ -116,6 +116,12 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
|
|
|
116
116
|
vertical-align: -0.125em;
|
|
117
117
|
pointer-events: none;
|
|
118
118
|
user-select: none;
|
|
119
|
+
/* Own compositing layer. The row (entrance) and the chip (promotion fade)
|
|
120
|
+
animate on a layer WebKit drops when the animation ends; content drawn at
|
|
121
|
+
a fractional x then re-rasterizes on a different sub-pixel, which crisp
|
|
122
|
+
SVG strokes show as a nudge to the right. A permanent layer keeps the
|
|
123
|
+
glyph's rasterization stable across that hand-off. */
|
|
124
|
+
will-change: transform;
|
|
119
125
|
}
|
|
120
126
|
|
|
121
127
|
:where(.AIAutocomplete-module_input_IW-P-) span[class~="magicx-aia-segment-icon"] svg {
|
|
@@ -214,7 +220,7 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
|
|
|
214
220
|
opacity: 0;
|
|
215
221
|
}
|
|
216
222
|
}
|
|
217
|
-
`,document.head.appendChild(e)}var
|
|
223
|
+
`,document.head.appendChild(e)}var fe={container:"AIAutocomplete-module_container_KKjFU",inputWrapper:"AIAutocomplete-module_inputWrapper_FLq1b",editorArea:"AIAutocomplete-module_editorArea_7rBWq",input:"AIAutocomplete-module_input_IW-P-",pillListContainer:"AIAutocomplete-module_pillListContainer_h92IA",submitSlot:"AIAutocomplete-module_submitSlot_GhuCM",aiaPillReveal:"AIAutocomplete-module_aiaPillReveal_wf05b"};import{attachScrollArrow as Da,isCalendarFormat as Ca,SCROLL_ARROW_LABEL as Ea}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as $e,useRef as ze,useState as Ta}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-0ae03977")){let e=document.createElement("style");e.id="ac-style-0ae03977",e.textContent=`/*
|
|
218
224
|
* Built-in appearance defaults \u2014 zero specificity via :where().
|
|
219
225
|
* Consumer CSS always wins without !important.
|
|
220
226
|
*
|
|
@@ -807,7 +813,7 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
|
|
|
807
813
|
opacity: 0.25;
|
|
808
814
|
}
|
|
809
815
|
}
|
|
810
|
-
`,document.head.appendChild(e)}var
|
|
816
|
+
`,document.head.appendChild(e)}var oe={dropdown:"AIAutocompleteDropdown-module_dropdown_yz2KC",visible:"AIAutocompleteDropdown-module_visible_QCoXj",scrollArrow:"AIAutocompleteDropdown-module_scrollArrow_uUzV0",pillBar:"AIAutocompleteDropdown-module_pillBar_pwTXe",pillScroll:"AIAutocompleteDropdown-module_pillScroll_Tpzus",skip:"AIAutocompleteDropdown-module_skip_7-olS",skeletonBars:"AIAutocompleteDropdown-module_skeletonBars_HVr9C",skeletonBar:"AIAutocompleteDropdown-module_skeletonBar_O3xIx",aiaSkeletonPulse:"AIAutocompleteDropdown-module_aiaSkeletonPulse_G8W7q"};import{cellDay as qt,cellIso as we,dateCellMarks as Ut,isoDate as jt,monthLabel as $t,visibleDateRange as Vt,WEEKDAY_LABELS as Qt}from"@magicx-eng/ai-autocomplete-vanilla";import{useState as Yt}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-f687bd03")){let e=document.createElement("style");e.id="ac-style-f687bd03",e.textContent=`/* --- Datepicker (replaces the options grid for date suggestions) ---
|
|
811
817
|
|
|
812
818
|
One of three hand-maintained copies (vanilla styles.css, this file, Angular's
|
|
813
819
|
date-grid.component.css). Only the class-naming layer differs \u2014 the
|
|
@@ -970,7 +976,7 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
|
|
|
970
976
|
opacity: 0.8;
|
|
971
977
|
background: rgba(var(--aia-streak-rgb, 255, 255, 255), 0.06);
|
|
972
978
|
}
|
|
973
|
-
`,document.head.appendChild(e)}var
|
|
979
|
+
`,document.head.appendChild(e)}var I={datepicker:"DateGrid-module_datepicker_6RrTs",header:"DateGrid-module_header_z4LRk",month:"DateGrid-module_month_urB2T",nav:"DateGrid-module_nav_ap4AN",weekdays:"DateGrid-module_weekdays_3EA3q",grid:"DateGrid-module_grid_mQCgw",weekday:"DateGrid-module_weekday_3lF4B",cell:"DateGrid-module_cell_59k0y",number:"DateGrid-module_number_aoT01",day:"DateGrid-module_day_cB3u9",blank:"DateGrid-module_blank_ivgRC",past:"DateGrid-module_past_CEZsj",highlighted:"DateGrid-module_highlighted_YIdtK",today:"DateGrid-module_today_iI3ME",inRange:"DateGrid-module_inRange_r9S2q",selected:"DateGrid-module_selected_28KDn",pressed:"DateGrid-module_pressed_bEyyN"};import{jsx as Y,jsxs as rt}from"react/jsx-runtime";var Xt=["sunday","monday","tuesday","wednesday","thursday","friday","saturday"];function st({options:e,activeIndex:r,listboxId:o,view:n,selection:s,onSelect:a,onHighlight:i,onPreviousMonth:g,onNextMonth:v}){let f=jt(new Date),w=Vt({pendingStart:s.rangeStart,highlightedIso:we(e[r]),selected:s.selectedRange});return rt("div",{className:I.datepicker,"data-aia-datepicker":"",children:[rt("div",{className:I.header,children:[Y("button",{type:"button",tabIndex:-1,className:I.nav,"data-aia-date-prev":"","aria-label":"Previous month",onMouseDown:h=>h.preventDefault(),onClick:g,children:"\u2039"}),Y("span",{className:I.month,"data-aia-date-month":"","aria-live":"polite",children:$t(n)}),Y("button",{type:"button",tabIndex:-1,className:I.nav,"data-aia-date-next":"","aria-label":"Next month",onMouseDown:h=>h.preventDefault(),onClick:v,children:"\u203A"})]}),Y("div",{className:I.weekdays,"aria-hidden":"true",children:Qt.map((h,x)=>Y("span",{className:I.weekday,children:h},Xt[x]))}),Y("div",{className:I.grid,"data-aia-date-grid":"",children:e.map((h,x)=>Y(Zt,{option:h,id:`${o}-option-${x}`,index:x,isHighlighted:x===r&&h.is_tappable,isToday:we(h)===f,isPast:we(h)!=null&&we(h)<f,marks:Ut(we(h),{selectedIso:s.selectedIso,range:w}),onSelect:a,onHighlight:i},we(h)??`pad-${x}`))})]})}function Zt({option:e,id:r,index:o,isHighlighted:n,isToday:s,isPast:a,marks:i,onSelect:g,onHighlight:v}){let[f,w]=Yt(!1),h=qt(e);if(h==null)return Y("div",{id:r,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-hidden":"true","aria-selected":!1,tabIndex:-1,className:`${I.cell} ${I.blank}`});let x=()=>{w(!0),g(e),setTimeout(()=>w(!1),170)},_=[I.cell,I.day,a?I.past:"",n?I.highlighted:"",s?I.today:"",i.inRange?I.inRange:"",i.selected?I.selected:"",f?I.pressed:""].filter(Boolean).join(" ");return Y("div",{id:r,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-selected":n,"aria-label":e.text,tabIndex:0,className:_,onClick:x,onKeyDown:b=>{(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),x())},onMouseEnter:()=>v(o),children:Y("span",{className:I.number,children:h})})}import{ATTRIBUTION_URL as Jt,buildAttributionUrl as ea,getFooterHint as ta}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as aa,useState as oa}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-5259a217")){let e=document.createElement("style");e.id="ac-style-5259a217",e.textContent=`@layer layout {
|
|
974
980
|
.aia-cluster {
|
|
975
981
|
display: flex;
|
|
976
982
|
flex-wrap: wrap;
|
|
@@ -1012,7 +1018,7 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
|
|
|
1012
1018
|
justify-content: space-around;
|
|
1013
1019
|
}
|
|
1014
1020
|
}
|
|
1015
|
-
`,document.head.appendChild(e)}import{jsx as
|
|
1021
|
+
`,document.head.appendChild(e)}import{jsx as lt}from"react/jsx-runtime";function Pe({gap:e,align:r="center",justify:o="start",noWrap:n=!1,inline:s=!1,className:a,children:i,...g}){let v=e?{"--aia-cluster-gap":e}:void 0,f={className:a?`aia-cluster ${a}`:"aia-cluster","data-align":r,"data-justify":o,"data-nowrap":n||void 0,"data-inline":s||void 0,style:v,...g};return s?lt("span",{...f,children:i}):lt("div",{...f,children:i})}if(typeof document<"u"&&!document.getElementById("ac-style-56b0c577")){let e=document.createElement("style");e.id="ac-style-56b0c577",e.textContent=`/* The footer adds its own 8px horizontal inset so it stays clear of the
|
|
1016
1022
|
dropdown's rounded edges. The top inset (--aia-footer-gap) adds breathing
|
|
1017
1023
|
room above the hint/branding row so the footer doesn't butt against the last
|
|
1018
1024
|
option row \u2014 additive to the dropdown's 8px section gap. */
|
|
@@ -1146,7 +1152,7 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
|
|
|
1146
1152
|
justify-content: flex-end;
|
|
1147
1153
|
}
|
|
1148
1154
|
}
|
|
1149
|
-
`,document.head.appendChild(e)}var
|
|
1155
|
+
`,document.head.appendChild(e)}var ie={footer:"DropdownFooter-module_footer_qQQ7x",hintGroup:"DropdownFooter-module_hintGroup_ZzbPf",brandLink:"DropdownFooter-module_brandLink_r4f3R",key:"DropdownFooter-module_key_Bz1H-",hint:"DropdownFooter-module_hint_GKEOH",brand:"DropdownFooter-module_brand_Al-lR",badge:"DropdownFooter-module_badge_Fk9vg",row:"DropdownFooter-module_row_BgZ6Q"};import{jsx as Ie,jsxs as Ke}from"react/jsx-runtime";function dt({isOptionHighlighted:e=!1,isInputEmpty:r=!1}){let{key:o,hint:n}=ta(e,r),[s,a]=oa(Jt);return aa(()=>{a(ea())},[]),Ie("footer",{className:ie.footer,"data-aia-footer":"",children:Ke(Pe,{justify:"between",noWrap:!0,className:ie.row,children:[Ke(Pe,{gap:"5px",className:ie.hintGroup,children:[Ie("kbd",{className:ie.key,children:o}),Ie("span",{className:ie.hint,children:n})]}),Ke("a",{className:ie.brandLink,href:s,target:"_blank",rel:"noopener noreferrer",children:[Ie("span",{className:ie.brand,children:"AI"}),Ie("span",{className:ie.badge,children:"Autocomplete"})]})]})})}if(typeof document<"u"&&!document.getElementById("ac-style-199d0432")){let e=document.createElement("style");e.id="ac-style-199d0432",e.textContent=`/* ParamPill (Figma "ParamPill") \u2014 unfilled suggestion pill: transparent fill,
|
|
1150
1156
|
no outline. ~28px via 6px padding + 14px text + the 1px border (border-box).
|
|
1151
1157
|
The border is kept as a 1px transparent line so the box stays the same size
|
|
1152
1158
|
as it was when the outline was dashed. */
|
|
@@ -1203,7 +1209,7 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
|
|
|
1203
1209
|
opacity: 0;
|
|
1204
1210
|
}
|
|
1205
1211
|
}
|
|
1206
|
-
`,document.head.appendChild(e)}var
|
|
1212
|
+
`,document.head.appendChild(e)}var me={pill:"ParamPill-module_pill_6Ga7S",fadeIn:"ParamPill-module_fadeIn_Ux4eQ",rounded:"ParamPill-module_rounded_y7xA9",skeleton:"ParamPill-module_skeleton_57P0T",skeletonPulse:"ParamPill-module_skeletonPulse_xGcUy"};import{jsx as ia}from"react/jsx-runtime";var We={selected:1,first:.7,next:.4,last:.2};function ct({label:e,state:r,rounded:o,loading:n,onClick:s}){let a=[me.pill,o?me.rounded:"",n?me.skeleton:""].filter(Boolean).join(" ");return ia("button",{type:"button","data-aia-pill":"","data-aia-loading":n?"":void 0,tabIndex:-1,contentEditable:!1,suppressContentEditableWarning:!0,className:a,style:{opacity:We[r]},onMouseDown:i=>i.preventDefault(),onClick:n?void 0:s,disabled:n,children:e})}if(typeof document<"u"&&!document.getElementById("ac-style-0fcb7940")){let e=document.createElement("style");e.id="ac-style-0fcb7940",e.textContent=`.PillList-module_list_qvLqO {
|
|
1207
1213
|
position: relative;
|
|
1208
1214
|
z-index: 1;
|
|
1209
1215
|
pointer-events: auto;
|
|
@@ -1213,7 +1219,7 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
|
|
|
1213
1219
|
align-items: center;
|
|
1214
1220
|
vertical-align: middle;
|
|
1215
1221
|
}
|
|
1216
|
-
`,document.head.appendChild(e)}var
|
|
1222
|
+
`,document.head.appendChild(e)}var qe={list:"PillList-module_list_qvLqO"};import{jsx as Oe}from"react/jsx-runtime";var na=[125,69];function pt(e){return e===0?"first":e===1?"next":"last"}function Le({pills:e,activePillIndex:r,onSelectPill:o,activeSelected:n,rounded:s,loading:a}){return a&&e.length===0?Oe("span",{className:qe.list,"data-aia-pill-list-loading":"",children:na.map((i,g)=>Oe("span",{"data-aia-pill-skeleton":"",className:`${me.pill} ${s?me.rounded:""} ${me.skeleton}`,style:{width:i,opacity:We[pt(g)]}},`skel-${i}`))}):Oe("span",{className:qe.list,"data-aia-pill-list-loading":a?"":void 0,children:e.map((i,g)=>{let v=!!n&&g===r;return Oe(ct,{label:i.text,state:v?"selected":pt(g),selected:v,rounded:s,loading:a,onClick:()=>o(g)},`${i.type}-${i.text}`)})})}if(typeof document<"u"&&!document.getElementById("ac-style-fef1688d")){let e=document.createElement("style");e.id="ac-style-fef1688d",e.textContent=`/* Product strip \u2014 the React counterpart of the vanilla core's strip rules
|
|
1217
1223
|
(packages/vanilla/src/styles.css). Same tokens, same defaults, so a consumer
|
|
1218
1224
|
theming one package sees the same result in the other.
|
|
1219
1225
|
|
|
@@ -1380,7 +1386,7 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
|
|
|
1380
1386
|
var(--aia-option-color-selected, var(--aia-color-text-default, #fff))
|
|
1381
1387
|
);
|
|
1382
1388
|
}
|
|
1383
|
-
`,document.head.appendChild(e)}var
|
|
1389
|
+
`,document.head.appendChild(e)}var W={section:"ProductStrip-module_section_Hugfg",label:"ProductStrip-module_label_nuc93",row:"ProductStrip-module_row_WDVBX",card:"ProductStrip-module_card_JBGYT",media:"ProductStrip-module_media_RrbGe",image:"ProductStrip-module_image_5pNL7",body:"ProductStrip-module_body_ly032",vendor:"ProductStrip-module_vendor_Gvu7G",title:"ProductStrip-module_title_gCNmq",price:"ProductStrip-module_price_gULcE"};import{jsx as ge,jsxs as Ue}from"react/jsx-runtime";function ut({products:e,listboxId:r,onSelect:o,onFocusChange:n,focusable:s=!0}){if(e.length===0)return null;let a=`${r}-products-label`;return Ue("section",{className:W.section,"data-aia-products":"",role:"group","aria-labelledby":a,children:[ge("div",{className:W.label,id:a,children:"Products"}),ge("div",{className:W.row,"data-aia-products-row":"",children:e.map((i,g)=>ge(ra,{product:i,id:`${r}-product-${g}`,onSelect:o,onFocusChange:n,focusable:s},i.id))})]})}function ra({product:e,id:r,onSelect:o,onFocusChange:n,focusable:s}){let a=i=>{i.metaKey||i.ctrlKey||i.shiftKey||i.altKey||i.button!==0||(i.preventDefault(),o(e))};return Ue("a",{id:r,className:W.card,"data-aia-product":"",role:"option","aria-selected":!1,href:e.url,tabIndex:s?0:-1,onClick:a,onKeyDown:i=>{i.key!=="Enter"&&i.key!==" "||(i.preventDefault(),o(e))},onFocus:()=>n?.(!0),onBlur:i=>{i.relatedTarget?.closest("[data-aia-dropdown]")||n?.(!1)},children:[ge("span",{className:W.media,"data-aia-product-placeholder":e.imageUrl?void 0:"",children:e.imageUrl?ge("img",{className:W.image,src:e.imageUrl,alt:"",loading:"lazy",decoding:"async"}):null}),Ue("span",{className:W.body,children:[e.vendor?ge("span",{className:W.vendor,children:e.vendor}):null,ge("span",{className:W.title,children:e.title}),e.price?ge("span",{className:W.price,children:e.price}):null]})]})}import{isOptionsGridMobileViewport as va,measureOptionsGrid as wa,needsOptionsGridMeasurement as xa,OPTIONS_GRID_MOBILE_QUERY as ya,optionEnterDelayMs as _a,planOptionsGrid as ft}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as ka,useLayoutEffect as Pa,useRef as Ia,useState as vt}from"react";import{optionsGridTemplateColumns as sa}from"@magicx-eng/ai-autocomplete-vanilla";import{useLayoutEffect as la,useRef as da}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-948e58da")){let e=document.createElement("style");e.id="ac-style-948e58da",e.textContent=`@layer layout {
|
|
1384
1390
|
.aia-grid {
|
|
1385
1391
|
display: grid;
|
|
1386
1392
|
grid-template-columns: repeat(
|
|
@@ -1415,7 +1421,7 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
|
|
|
1415
1421
|
border-radius: 3px;
|
|
1416
1422
|
}
|
|
1417
1423
|
}
|
|
1418
|
-
`,document.head.appendChild(e)}import{jsx as
|
|
1424
|
+
`,document.head.appendChild(e)}import{jsx as ca}from"react/jsx-runtime";function ht({min:e="16rem",max:r,gap:o,scroll:n=!1,maxHeight:s,scrollResetKey:a,cols:i,template:g,innerRef:v,className:f,children:w,...h}){let x=da(null);la(()=>{if(a===void 0)return;let b=x.current;b&&(b.scrollTop=0)},[a]);let _={"--aia-grid-min":e};return r&&(_["--aia-grid-max"]=r),o&&(_["--aia-grid-gap"]=o),s&&(_["--aia-grid-max-height"]=s),i&&(_.gridTemplateColumns=sa(i)),g&&(_.gridTemplateColumns=g),ca("div",{ref:b=>{x.current=b,v?.(b)},className:f?`aia-grid ${f}`:"aia-grid","data-scroll":n||void 0,style:_,...h,children:w})}import{OPTION_ENTER_DELAY_VAR as pa,optionLabel as ua,sanitizeOptionIconSvg as ha}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as ma,useMemo as ga,useRef as fa,useState as mt}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-82820da7")){let e=document.createElement("style");e.id="ac-style-82820da7",e.textContent=`.SuggestionItem-module_item_d4vpD {
|
|
1419
1425
|
position: relative;
|
|
1420
1426
|
overflow: visible;
|
|
1421
1427
|
display: flex;
|
|
@@ -1564,6 +1570,12 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
|
|
|
1564
1570
|
height: 21px; /* = the option's line-height */
|
|
1565
1571
|
margin-right: 8px;
|
|
1566
1572
|
vertical-align: top;
|
|
1573
|
+
/* Own compositing layer. The row (entrance) and the chip (promotion fade)
|
|
1574
|
+
animate on a layer WebKit drops when the animation ends; content drawn at
|
|
1575
|
+
a fractional x then re-rasterizes on a different sub-pixel, which crisp
|
|
1576
|
+
SVG strokes show as a nudge to the right. A permanent layer keeps the
|
|
1577
|
+
glyph's rasterization stable across that hand-off. */
|
|
1578
|
+
will-change: transform;
|
|
1567
1579
|
}
|
|
1568
1580
|
|
|
1569
1581
|
.SuggestionItem-module_icon_Qw938 svg {
|
|
@@ -1600,7 +1612,7 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
|
|
|
1600
1612
|
filter: brightness(0.55);
|
|
1601
1613
|
}
|
|
1602
1614
|
}
|
|
1603
|
-
`,document.head.appendChild(e)}var
|
|
1615
|
+
`,document.head.appendChild(e)}var q={item:"SuggestionItem-module_item_d4vpD",fadeIn:"SuggestionItem-module_fadeIn_I8u35",riseIn:"SuggestionItem-module_riseIn_etXZT",content:"SuggestionItem-module_content_T-Qba",tappable:"SuggestionItem-module_tappable_70KcX",nonTappable:"SuggestionItem-module_nonTappable_xSZM-",highlighted:"SuggestionItem-module_highlighted_Hb0SU",tag:"SuggestionItem-module_tag_e3Fwe",pressed:"SuggestionItem-module_pressed_98o-r",pressCompress:"SuggestionItem-module_pressCompress_ICV3q",scrollHint:"SuggestionItem-module_scrollHint_xKXPt",skeletonPulse:"SuggestionItem-module_skeletonPulse_plvdD",text:"SuggestionItem-module_text_yqoh9",icon:"SuggestionItem-module_icon_Qw938"};import{jsx as Me,jsxs as ba}from"react/jsx-runtime";function gt({option:e,isHighlighted:r,onSelect:o,onHighlight:n,id:s,loading:a,showIcon:i=!0,scrollHint:g,enterDelayMs:v=0}){let[f]=mt(v),[w,h]=mt(!1),x=ga(()=>i&&e.icon_svg?ha(e.icon_svg):null,[i,e.icon_svg]),_=fa(void 0);ma(()=>()=>clearTimeout(_.current),[]);let b=()=>{a||!e.is_tappable||w||(h(!0),o(e),clearTimeout(_.current),_.current=setTimeout(()=>h(!1),170))},S=[q.item,r&&!a?q.highlighted:"",e.is_tappable?q.tappable:q.nonTappable,w?q.pressed:"",g?q.scrollHint:""].filter(Boolean).join(" ");return Me("div",{id:s,role:"option","data-aia-option":"","data-aia-loading":a?"":void 0,"data-aia-icon":x&&e.icon?e.icon:void 0,"aria-selected":r,className:S,style:{[pa]:`${f}ms`},tabIndex:a||!e.is_tappable?-1:0,onClick:b,onKeyDown:D=>{!a&&e.is_tappable&&(D.key==="Enter"||D.key===" ")&&(D.preventDefault(),b())},onMouseEnter:!a&&e.is_tappable?n:void 0,children:ba("span",{className:q.content,children:[x&&Me("span",{className:`${q.icon} magicx-aia-option-icon`,"aria-hidden":"true",dangerouslySetInnerHTML:{__html:x}}),Me("span",{className:q.text,children:ua(e)}),e.tag&&Me("span",{className:q.tag,children:e.tag})]})})}import{jsx as bt}from"react/jsx-runtime";function Sa(){let[e,r]=vt(va);return ka(()=>{if(typeof window>"u"||!window.matchMedia)return;let o=window.matchMedia(ya),n=()=>r(o.matches);return n(),o.addEventListener("change",n),()=>o.removeEventListener("change",n)},[]),e}function wt({options:e,activeIndex:r,onSelect:o,onHighlight:n,listboxId:s,loading:a,groupKey:i="",optionsPosition:g="below",showIcons:v=!0}){let f=Sa(),w=Ia(null),[h,x]=vt(null);Pa(()=>{let b=w.current,D=b&&!a&&xa(e.length,f)?wa(b):null;x(D?ft(e.length,f,D.rowWidths,D.gridWidth):null)},[e,f,a]);let _=h??ft(e.length,f,null,null);return bt(ht,{min:"250px",max:"1fr",gap:"0",scroll:!0,scrollResetKey:i,template:_.template,maxHeight:_.maxHeight,innerRef:b=>{w.current=b},"data-aia-group":i,children:e.map((b,S)=>bt(gt,{option:b,isHighlighted:S===r,onSelect:o,onHighlight:()=>n(S),id:`${s}-option-${S}`,loading:a,showIcon:v,scrollHint:!a&&_.scrollHintIndices.includes(S),enterDelayMs:a?0:_a(S,_.cols,e.length,g)},`${i}\0${b.text}`))})}if(typeof document<"u"&&!document.getElementById("ac-style-8414cd5f")){let e=document.createElement("style");e.id="ac-style-8414cd5f",e.textContent=`@layer layout {
|
|
1604
1616
|
.aia-stack {
|
|
1605
1617
|
display: flex;
|
|
1606
1618
|
flex-direction: column;
|
|
@@ -1617,7 +1629,7 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
|
|
|
1617
1629
|
}
|
|
1618
1630
|
/* data-align="stretch" is the flex default \u2014 no rule needed. */
|
|
1619
1631
|
}
|
|
1620
|
-
`,document.head.appendChild(e)}import{jsx as
|
|
1632
|
+
`,document.head.appendChild(e)}import{jsx as Aa}from"react/jsx-runtime";function xt({space:e,align:r="stretch",className:o,children:n,...s}){let a=e?{"--aia-stack-space":e}:void 0;return Aa("div",{className:o?`aia-stack ${o}`:"aia-stack","data-align":r,style:a,...s,children:n})}import{jsx as B,jsxs as je}from"react/jsx-runtime";var Ra=[159,119,164],Oa=()=>{},yt=()=>{};function La(e){let r=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-color-scheme: dark)").matches,[o,n]=Ta(r);if($e(()=>{if(e!=="auto"||typeof window>"u"||typeof window.matchMedia!="function")return;let s=window.matchMedia("(prefers-color-scheme: dark)"),a=()=>n(s.matches);return s.addEventListener("change",a),()=>s.removeEventListener("change",a)},[e]),e!==void 0)return e==="auto"?o?"dark":"light":e}function Ma(e,r){let o=ze(null);$e(()=>{let n=e.current,s=r.current;if(!n||!s)return;let a=n.querySelector(".aia-grid[data-scroll]");if(o.current&&o.current.grid!==a&&(o.current.controller.destroy(),o.current=null),a&&!o.current){o.current={grid:a,controller:Da({dropdown:n,grid:a,button:s})};return}o.current?.controller.update()}),$e(()=>()=>{o.current?.controller.destroy(),o.current=null},[])}function Ve({suggestions:e,activeIndex:r,onSelect:o,onHighlight:n,isOpen:s,id:a,className:i,pills:g,onPillClick:v,showPills:f=!0,onSkip:w,showSkipButton:h=!0,showOptionIcons:x=!0,skipDisabled:_=!1,activeSelected:b=!1,isLoading:S=!1,isInputEmpty:D=!1,products:E,onProductSelect:L,onProductFocusChange:X,formatType:M="options",dateView:P=null,selectedDateIso:j=null,selectedDateRange:ne=null,dateRangeStart:Z=null,onPreviousMonth:p,onNextMonth:re,optionsPosition:T="below",mode:se}){let J=La(se),$=J!==void 0,ee=ze(null),V=ze(null);Ma(ee,V);let te=e[0]?.options??[],ae=!!(g&&g.length>0&&v),z=!!(E&&E.length>0),N=s&&(te.length>0||f&&ae||S||z),K={suggestions:e,activeIndex:r,pills:g,showPills:f,showSkipButton:h,showOptionIcons:x,skipDisabled:_,activeSelected:b,isLoading:S,isInputEmpty:D,products:E,formatType:M,dateView:P,selectedDateIso:j,selectedDateRange:ne,dateRangeStart:Z},F=ze(K);N&&(F.current=K);let t=N?K:F.current,c=t.suggestions[0],u=c?.options??[],y=t.activeIndex>=0&&!!u[t.activeIndex]?.is_tappable,l=!!(t.pills&&t.pills.length>0&&v),C=t.showPills&&l,Q=t.showPills&&!l&&t.isLoading,R=C||Q,d=l&&t.showSkipButton&&!t.isInputEmpty&&!!w,le=t.pills?.[0]?.text,be=Ca(t.formatType)&&t.dateView!=null,de=u.length>0&&!be,ve=u.length>0&&be&&!t.isLoading,ce=t.isLoading&&!de&&!ve,pe=t.products??[];return je("div",{ref:ee,id:a,role:"listbox","data-aia-dropdown":"","data-options-position":T,"data-mode":J,"data-aia-loading":t.isLoading?"":void 0,"data-aia-has-products":pe.length>0?"":void 0,className:`${$?"magicx-aia ":""}${oe.dropdown} ${N?oe.visible:""} ${i??""}`,onMouseDown:O=>O.preventDefault(),children:[je(xt,{space:"8px",children:[(R||d)&&je(Pe,{noWrap:!0,className:oe.pillBar,"data-aia-pillbar":"",children:[R&&B("span",{className:oe.pillScroll,"data-aia-pill-scroll":"",children:B(Le,{pills:t.pills??[],activePillIndex:0,activeSelected:t.activeSelected,onSelectPill:v??(()=>{}),rounded:!0,loading:t.isLoading})}),d&&B("button",{type:"button",tabIndex:-1,className:oe.skip,"data-aia-skip":"",disabled:t.isLoading||t.skipDisabled,"aria-label":le?`Skip ${le}`:"Skip",onClick:w,children:"skip"})]}),de&&B(wt,{options:u,activeIndex:t.activeIndex,onSelect:o,onHighlight:n,listboxId:a,loading:t.isLoading,groupKey:c?`${c.type} ${c.text}`:"",optionsPosition:T,showIcons:t.showOptionIcons}),ve&&t.dateView&&B(st,{options:u,activeIndex:t.activeIndex,listboxId:a,view:t.dateView,selection:{selectedIso:t.selectedDateIso??null,selectedRange:t.selectedDateRange??null,rangeStart:t.dateRangeStart??null},onSelect:o,onHighlight:n,onPreviousMonth:p??yt,onNextMonth:re??yt}),ce&&B("div",{className:oe.skeletonBars,"data-aia-skeleton-bars":"",children:Ra.map(O=>B("span",{className:oe.skeletonBar,style:{width:O}},`bar-${O}`))}),B(ut,{products:pe,listboxId:a,onSelect:L??Oa,onFocusChange:X,focusable:N}),B(dt,{isOptionHighlighted:y,isInputEmpty:t.isInputEmpty})]}),B("button",{ref:V,type:"button",tabIndex:-1,className:oe.scrollArrow,"data-aia-scroll-arrow":"","aria-label":Ea,"aria-hidden":"true",children:B("svg",{viewBox:"0 0 16 16",width:"14",height:"14",fill:"none",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:B("path",{d:"M4 6.5 8 10.5l4-4"})})})]})}import{buildSubmitResult as $a,ModeController as Va,setCursorOffset as Qa}from"@magicx-eng/ai-autocomplete-vanilla";if(typeof document<"u"&&!document.getElementById("ac-style-fdee06e6")){let e=document.createElement("style");e.id="ac-style-fdee06e6",e.textContent=`.SubmitButton-module_submitButton_otz7H {
|
|
1621
1633
|
flex-shrink: 0;
|
|
1622
1634
|
width: 32px;
|
|
1623
1635
|
height: 32px;
|
|
@@ -1652,5 +1664,5 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
|
|
|
1652
1664
|
);
|
|
1653
1665
|
cursor: default;
|
|
1654
1666
|
}
|
|
1655
|
-
`,document.head.appendChild(e)}var yt={submitButton:"SubmitButton-module_submitButton_otz7H"};import{jsx as Ve}from"react/jsx-runtime";function _t({disabled:e,onClick:r}){return Ve("button",{type:"button","data-aia-submit":"",className:yt.submitButton,disabled:e,onClick:a=>{a.stopPropagation(),r()},"aria-label":"Submit",children:Ve("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",role:"img","aria-label":"Submit",children:Ve("path",{d:"M9 14V4M9 4L4 9M9 4L14 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}import{AIAutocomplete as Mo,dateSelectionFor as No,identifiedParamLabel as zo}from"@magicx-eng/ai-autocomplete-vanilla";import{useCallback as At,useEffect as Ie,useRef as H,useState as Bo}from"react";import{useRef as kt}from"react";function Pt(e){let r=kt(e);r.current=e;let a=Object.keys(e??{}).sort().join("\0"),n=kt({key:"",overrides:void 0});if(n.current.key!==a){let s={};for(let o of Object.keys(e??{})){let i=(g,v,f)=>{let x=r.current?.[o];return x?x(g,v,f):[]};s[o]=i}n.current={key:a,overrides:e?s:void 0}}return{overrides:n.current.overrides,key:a}}import{useRef as It}from"react";function St(e){let r=It(e);r.current=e;let a=It(null);a.current===null&&(a.current={fetch:(s,o)=>{let i=r.current;return i?i.fetch(s,o):Promise.reject(new Error("products config removed"))},transform:s=>r.current?.transform(s)??[],get limit(){return r.current?.limit}});let n=e!==void 0;return{config:n?a.current:void 0,enabled:n}}var Go={text:"",completedParams:[],identifiedParams:[],skippedParams:[],pendingSpan:null,suggestions:[],products:[],optionSearch:null,activeDropdownIndex:-1,newParamId:null,isLoading:!0,isReady:!1,error:null,segments:[],actionableSuggestions:[],filteredOptions:[],activeFormatType:"options",dateView:null,dateRangeStart:null,placeholderText:"",optionQuery:"",isSearchingOptions:!1,isDropdownOpen:!1,isActivePillSelected:!1,filterBase:0,filterInProgress:!1,pillTapped:!1,skipNextFetch:!1,lastRawQuery:"",isFocused:!1,editingParam:null,editingIdentified:null,editingAnchor:null,editingTail:null,caretOffset:null,inSelectionAnimation:!1,dateViewMonth:null,pendingRangeStart:null};function Qe({onSubmit:e,onResult:r,onError:a,optionOverrides:n,maskCompletedText:s,apiConfig:o,additionalContext:i,columns:g=2,dropdownTrigger:v,optionsPosition:f,closeDropdownOnBlur:x,showNonTappableOptions:h,showOptionIcons:y,showSkipButton:_,onFocus:b,onBlur:A,value:k,completedParams:E,onChange:Y,onParamsChange:X,products:M,onProductSelect:P,source:Z,setCursor:J}){let u=H(null),[se,ee]=Bo(null),T=H(e);T.current=e;let le=H(r);le.current=r;let K=H(a);K.current=a;let de=H(Y);de.current=Y;let $=H(X);$.current=X;let V=H(b);V.current=b;let te=H(A);te.current=A;let R=H(J);R.current=J;let oe=H(P);oe.current=P;let N=St(M),O=Pt(n);Ie(()=>{if(typeof document>"u")return;let m=new Mo(document.createElement("div"),{renderMode:"headless",apiConfig:o,additionalContext:i,optionOverrides:O.overrides,maskCompletedText:s,columns:g,dropdownTrigger:v,optionsPosition:f,closeDropdownOnBlur:x,showNonTappableOptions:h,source:Z,value:k,completedParams:E,onSubmit:(...C)=>T.current?.(...C),onResult:(...C)=>le.current?.(...C),onError:(...C)=>K.current?.(...C),onChange:(...C)=>de.current?.(...C),onParamsChange:(...C)=>$.current?.(...C),onFocus:()=>V.current?.(),onBlur:()=>te.current?.(),onProductSelect:C=>oe.current?.(C),setCursor:C=>R.current?.(C),products:N.config});u.current=m,ee(m.getState());let G=m.subscribe(C=>ee(C));return()=>{G(),m.destroy(),u.current===m&&(u.current=null)}},[]),Ie(()=>{k!==void 0&&u.current?.setValue(k)},[k]),Ie(()=>{E!==void 0&&u.current?.setCompletedParams(E)},[E]);let ae=JSON.stringify(o??null),t;try{t=JSON.stringify(i??null)}catch{t="[unstringifiable]"}Ie(()=>{u.current?.update({apiConfig:o,additionalContext:i,optionOverrides:O.overrides,dropdownTrigger:v,optionsPosition:f,closeDropdownOnBlur:x,showNonTappableOptions:h})},[ae,t,O.key,v,f,x,h]);let c=H(!1);Ie(()=>{if(!c.current){c.current=!0;return}u.current?.update({products:N.config})},[N.enabled]);let p=H(null);p.current===null&&(p.current={handleTextChange:m=>u.current?.handleTextChange(m),handleKeyDown:m=>{let G="nativeEvent"in m?m.nativeEvent:m;u.current?.handleKeyDown(G)},setFocused:m=>u.current?.setFocused(m),startEditingParam:m=>u.current?.startEditingParam(m),exitEditMode:()=>u.current?.exitEditMode(),handleCaretAfterInput:m=>u.current?.handleCaretAfterInput(m),handleCaretMove:m=>u.current?.handleCaretMove(m),replaceEditingRange:m=>u.current?.replaceEditingRange(m)??!1,setActivePill:m=>u.current?.setActivePill(m),skipActivePill:()=>u.current?.skipActivePill(),removeLastParam:()=>u.current?.removeLastParam(),clearNewParamId:()=>u.current?.clearNewParamId(),reset:()=>u.current?.reset(),selectOption:m=>u.current?.selectOption(m),selectProduct:m=>u.current?.selectProduct(m),setActiveDropdownIndex:m=>u.current?.setActiveDropdownIndex(m),showPreviousMonth:()=>u.current?.showPreviousMonth(),showNextMonth:()=>u.current?.showNextMonth(),handleFocus:()=>u.current?.setFocused(!0),handleBlur:()=>u.current?.setFocused(!1)});let l=p.current,w=At(m=>{let G=m.target.value,Be=G.length>0&&!m.nativeEvent?.isComposing&&G[0]!==G[0].toUpperCase()?G[0].toUpperCase()+G.slice(1):G;u.current?.handleTextChange(Be)},[]),D=At(m=>{u.current?.handleKeyDown(m.nativeEvent)},[]),L=u.current,d=se??Go,ie=k!==void 0?k:d.text,ge=E!==void 0?E:d.completedParams,ce=d.actionableSuggestions,fe=ce[0],W=L?.listboxId??"",be=d.activeDropdownIndex>=0&&L?`${W}-option-${d.activeDropdownIndex}`:void 0,z=d.editingParam,B=d.editingIdentified,ye=z?{type:z.suggestionType,text:z.suggestionPlaceholder,required:!0,options:z.options}:B?{type:B.type,text:zo(B.type),required:!0,options:[]}:null,Ae=ye??fe,ze=ye?[ye]:ce,_e=No(d),De=!L||d.isLoading&&!d.editingParam&&!d.inSelectionAnimation||d.isSearchingOptions;return{completedParams:ge,skippedParams:d.skippedParams,identifiedParams:d.identifiedParams,suggestionPills:ce,setActivePill:l.setActivePill,skipActivePill:l.skipActivePill,removeLastParam:l.removeLastParam,segments:d.segments,newParamId:d.newParamId,clearNewParamId:l.clearNewParamId,suggestions:d.suggestions,activeIndex:d.activeDropdownIndex,isReady:d.isReady,isLoading:De,isFocused:d.isFocused,isDropdownOpen:d.isDropdownOpen,isActivePillSelected:d.isActivePillSelected,placeholderText:d.placeholderText,listboxId:W,error:d.error,products:d.products,selectProduct:l.selectProduct,handleTextChange:l.handleTextChange,handleKeyDown:l.handleKeyDown,setFocused:l.setFocused,editingParam:z,editingIdentified:B,editingAnchor:d.editingAnchor,caretOffset:d.caretOffset,startEditingParam:l.startEditingParam,exitEditMode:l.exitEditMode,handleCaretAfterInput:l.handleCaretAfterInput,handleCaretMove:l.handleCaretMove,replaceEditingRange:l.replaceEditingRange,inputProps:{value:ie,placeholder:d.placeholderText||void 0,onChange:w,onKeyDown:D,onFocus:l.handleFocus,onBlur:l.handleBlur,role:"combobox","aria-expanded":d.isDropdownOpen,"aria-activedescendant":be,"aria-autocomplete":"list","aria-controls":W},reset:l.reset,dropdownProps:{suggestions:Ae?[{...Ae,options:d.filteredOptions}]:[],activeIndex:d.activeDropdownIndex,onSelect:l.selectOption,onHighlight:l.setActiveDropdownIndex,isOpen:d.isDropdownOpen,id:W,pills:ze,activeSelected:d.isActivePillSelected,onPillClick:l.setActivePill,onSkip:l.skipActivePill,showSkipButton:(_??!0)&&!z&&!B,showOptionIcons:y??!0,skipDisabled:d.inSelectionAnimation,isLoading:De,isInputEmpty:ie.trim().length===0,products:d.products,onProductSelect:l.selectProduct,onProductFocusChange:l.setFocused,formatType:d.activeFormatType,dateView:d.dateView,selectedDateIso:_e.selectedIso,selectedDateRange:_e.selectedRange,dateRangeStart:_e.rangeStart,onPreviousMonth:l.showPreviousMonth,onNextMonth:l.showNextMonth,optionsPosition:f??"below"}}}import{extractPlainText as Dt,getCursorOffset as Ct,plainTextLength as Fo,renderEditableContent as Ho,setCursorOffset as Et}from"@magicx-eng/ai-autocomplete-vanilla";import{useCallback as j,useEffect as Ye,useLayoutEffect as Xe,useRef as we}from"react";var Ne;function Ko(){if(Ne!==void 0)return Ne;if(typeof document>"u")return!1;let e=document.createElement("div");return e.setAttribute("contenteditable","plaintext-only"),Ne=e.contentEditable==="plaintext-only",Ne}function Tt(e){let{segments:r,showChipIcons:a=!0,newParamId:n,editingParam:s,editingIdentified:o,editingAnchor:i,caretOffset:g,placeholderText:v,isFocused:f,isDropdownOpen:x,listboxId:h,activeDescendantId:y,autoFocus:_,handleTextChange:b,handleKeyDown:A,handleCaretAfterInput:k,handleCaretMove:E,startEditingParam:Y,replaceEditingRange:X,setFocused:M}=e,P=we(null),Z=we(!1),J=we(""),u=we(""),se=we(null),ee=we(0);se.current=g,Ye(()=>{if(!_)return;let t=P.current;if(!t)return;document.activeElement===t?M(!0):t.focus();let c=t.ownerDocument??document,p=c.getSelection(),l=p&&p.rangeCount>0&&t.contains(p.anchorNode);if(p&&!l){let w=c.createRange();w.selectNodeContents(t),w.collapse(!0),p.removeAllRanges(),p.addRange(w)}},[_,M]),Ye(()=>{let t=P.current;if(!t)return;let c=t.ownerDocument??document,p=()=>{let l=c.getSelection();if(!l||l.rangeCount===0||!l.anchorNode||!t.contains(l.anchorNode))return;let w=l.anchorNode,D=w.nodeType===Node.ELEMENT_NODE?w:w.parentElement,d=(l.isCollapsed?D?.closest("strong[data-param-id]"):null)?.dataset.paramId??null,ie=s?.id??o?.id??null;if(d&&d!==ie){Y(d);return}performance.now()-ee.current<50||E(Ct(t))};return c.addEventListener("selectionchange",p),()=>c.removeEventListener("selectionchange",p)},[s,o,Y,E]),Xe(()=>{let t=P.current;t&&Ho({input:t,segments:r,newParamId:n,editingParamId:s?.id??null,placeholderText:v??"",isFocused:f,showChipIcons:a})},[r,n,s,v,f,a]),Xe(()=>{let t=J.current,c=n??"";if(J.current=c,!c||c===t)return;let p=P.current;if(!p)return;p.focus();let l=se.current??Fo(p);Et(p,l)},[n]),Xe(()=>{let t=u.current,c=s?.id??"";if(u.current=c,!c||c===t||i==null)return;let p=P.current;p&&Et(p,i)},[s,i]);let T=j(()=>{if(Z.current)return;let t=P.current;if(!t)return;let c=Dt(t),l=c.length>0&&c[0]!==c[0].toUpperCase()?c[0].toUpperCase()+c.slice(1):c;b(l)},[b]),le=j(()=>{ee.current=performance.now(),T();let t=P.current;t&&k(Ct(t))},[T,k]);Ye(()=>{let t=P.current;if(!t)return;let c=p=>{let l=p,w=l.inputType;if(w==="insertParagraph"||w==="insertLineBreak"||w==="insertFromDrop"){p.preventDefault();return}if(w.startsWith("insert")||w.startsWith("delete")){let D=w.startsWith("delete")?"":l.data??"";X(D)&&p.preventDefault()}};return t.addEventListener("beforeinput",c),()=>t.removeEventListener("beforeinput",c)},[X]);let K=j(()=>{Z.current=!0},[]),de=j(()=>{Z.current=!1,T()},[T]),$=j(t=>{t.preventDefault();let c=P.current;if(!c)return;let p=(t.clipboardData.getData("text/plain")??"").replace(/\r?\n/g," ");if(!p)return;let l=c.ownerDocument??document,w=l.getSelection();if(!w||w.rangeCount===0)return;let D=w.getRangeAt(0);if(!c.contains(D.startContainer))return;D.deleteContents();let L=l.createTextNode(p);D.insertNode(L),D.setStartAfter(L),D.collapse(!0),w.removeAllRanges(),w.addRange(D),T()},[T]),V=j(t=>A(t),[A]),te=j(()=>M(!0),[M]),R=j(()=>M(!1),[M]),oe=j(()=>P.current?.focus(),[]),N=j(()=>P.current?.blur(),[]),O=j(()=>{let t=P.current;return t?Dt(t):""},[]),ae=Ko()?"plaintext-only":"true";return{inputRef:P,editorProps:{ref:P,contentEditable:ae,suppressContentEditableWarning:!0,tabIndex:0,role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":h,"aria-expanded":x,"aria-activedescendant":y,spellCheck:!0,enterKeyHint:"send",onInput:le,onKeyDown:V,onCompositionStart:K,onCompositionEnd:de,onPaste:$,onFocus:te,onBlur:R},getPlainText:O,focus:oe,blur:N}}import{jsx as xe,jsxs as Je}from"react/jsx-runtime";function Qo(e){return e!=="auto"?e:typeof window>"u"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var Yo=Wo(function({onSubmit:r,onResult:a,onError:n,optionOverrides:s,maskCompletedText:o,className:i,apiConfig:g,additionalContext:v,columns:f,pillPlacement:x="dropdown",mode:h="auto",optionsPosition:y="below",animations:_=!0,dropdownTrigger:b,closeDropdownOnBlur:A,showNonTappableOptions:k,showOptionIcons:E=!0,showChipIcons:Y=!0,showSkipButton:X,autoFocus:M=!0,onFocus:P,onBlur:Z,value:J,completedParams:u,onChange:se,onParamsChange:ee,products:T,onProductSelect:le,submitButton:K},de){let $=Se(null),V=Se(null),te=Se(()=>{}),R=Se(null),oe=Se(null);Rt(()=>{let I=$.current;if(I)return R.current?R.current.setMode(h):R.current=new $o(I,h),()=>{R.current?.destroy(),R.current=null}},[h]);let N=Ze(I=>{let pe=oe.current?.current;pe&&(pe.focus(),Vo(pe,I))},[]),{completedParams:O,skippedParams:ae,identifiedParams:t,isReady:c,suggestionPills:p,setActivePill:l,skipActivePill:w,segments:D,newParamId:L,clearNewParamId:d,placeholderText:ie,isFocused:ge,isDropdownOpen:ce,isActivePillSelected:fe,isLoading:W,activeIndex:be,listboxId:z,handleTextChange:B,handleKeyDown:ye,setFocused:Ae,editingParam:ze,editingIdentified:_e,editingAnchor:De,caretOffset:m,startEditingParam:G,handleCaretAfterInput:C,handleCaretMove:Be,replaceEditingRange:Ot,dropdownProps:Lt,reset:Ce}=Qe({onSubmit:I=>te.current(I),onResult:a,onError:n,optionOverrides:s,maskCompletedText:o,apiConfig:g,additionalContext:v,columns:f,dropdownTrigger:b,optionsPosition:y,closeDropdownOnBlur:A,showNonTappableOptions:k,showOptionIcons:E,showSkipButton:X,onFocus:P,onBlur:Z,value:J,completedParams:u,onChange:se,onParamsChange:ee,products:T,onProductSelect:le,source:"full-sdk",setCursor:N});Rt(()=>{if(!L)return;let I=window.setTimeout(()=>d(),650);return()=>window.clearTimeout(I)},[L,d]);let Mt=be>=0?`${z}-option-${be}`:void 0,{inputRef:Ge,editorProps:Nt,focus:Ee,blur:et,getPlainText:tt}=Tt({segments:D,newParamId:L,editingParam:ze,editingIdentified:_e,editingAnchor:De,caretOffset:m,placeholderText:ie,isFocused:ge,showChipIcons:Y,isDropdownOpen:ce,listboxId:z,activeDescendantId:Mt,autoFocus:M,handleTextChange:B,handleKeyDown:ye,handleCaretAfterInput:C,handleCaretMove:Be,startEditingParam:G,replaceEditingRange:Ot,setFocused:Ae});oe.current=Ge,Uo(()=>{let I=V.current,pe=Ge.current;if(!I||!pe)return;let ot=()=>{let it=I.firstElementChild;if(!it)return;let Ft=it.getBoundingClientRect(),Ht=pe.getBoundingClientRect();Ft.top>=Ht.bottom-2?I.setAttribute("data-aia-pill-wrapped",""):I.removeAttribute("data-aia-pill-wrapped")};ot();let at=new ResizeObserver(ot);return at.observe(pe),()=>at.disconnect()},[D,p.length,W,Ge]),qo(de,()=>({focus:Ee,blur:et,reset:Ce,setMode:I=>R.current?.setMode(I),skipActivePill:w}),[Ee,et,Ce,w]);let Te=!!D.length||O.length>0,Fe=Ze(()=>{if(!Te)return;let I=tt();r(jo(I,O,ae,{identifiedParams:t,isReady:c})),Ce()},[Te,O,ae,t,c,r,Ce,tt]);te.current=Fe;let zt=Ze(I=>{I.target?.closest("[data-aia-pill]")||Ee()},[Ee]),Bt=x==="inline",Gt=x==="dropdown";return Je("div",{ref:$,className:`magicx-aia ${me.container} ${i??""}`,"data-pill-placement":x,"data-options-position":y,"data-animations":_?"on":"off","data-mode":Qo(h),children:[xe($e,{...Lt,showPills:Gt}),Je("div",{className:me.inputWrapper,onClick:zt,children:[Je("div",{className:me.editorArea,"data-aia-editor":"",children:[xe("div",{...Nt,className:me.input,"data-aia-input":""}),Bt&&(W||p.length>0)&&xe("span",{ref:V,className:me.pillListContainer,"data-aia-pill-list-container":"",children:xe(Oe,{pills:p,activePillIndex:0,activeSelected:fe,onSelectPill:l,loading:W})})]}),K===null?null:K===void 0?xe(_t,{disabled:!Te,onClick:Fe}):xe("span",{"data-aia-submit":"",className:me.submitSlot,onClick:I=>{Te&&(I.stopPropagation(),Fe())},children:K})]})]})});export{Yo as AIAutocomplete,$e as AIAutocompleteDropdown,Hi as DATE_RANGE_META_END,Ki as DATE_RANGE_META_START,tn as WEEKDAY_LABELS,Bi as buildSubmitResult,Gi as cellDay,Fi as cellIso,Wi as dateCellMarks,qi as formatDate,Ui as formatDateRange,ji as isoDate,$i as monthLabel,Vi as optionLabel,Qi as parseDate,Yi as parseLooseDate,Xi as parseLooseDateRange,Zi as sanitizeOptionIconSvg,Ji as selectedRangeFor,Qe as useAIAutocomplete,en as visibleDateRange,on as withSkippedParams};
|
|
1667
|
+
`,document.head.appendChild(e)}var _t={submitButton:"SubmitButton-module_submitButton_otz7H"};import{jsx as Qe}from"react/jsx-runtime";function kt({disabled:e,onClick:r}){return Qe("button",{type:"button","data-aia-submit":"",className:_t.submitButton,disabled:e,onClick:o=>{o.stopPropagation(),r()},"aria-label":"Submit",children:Qe("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",role:"img","aria-label":"Submit",children:Qe("path",{d:"M9 14V4M9 4L4 9M9 4L14 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}import{AIAutocomplete as za,dateSelectionFor as Na,identifiedParamLabel as Fa}from"@magicx-eng/ai-autocomplete-vanilla";import{useCallback as Dt,useEffect as Se,useRef as H,useState as Ga}from"react";import{useRef as Pt}from"react";function It(e){let r=Pt(e);r.current=e;let o=Object.keys(e??{}).sort().join("\0"),n=Pt({key:"",overrides:void 0});if(n.current.key!==o){let s={};for(let a of Object.keys(e??{})){let i=(g,v,f)=>{let w=r.current?.[a];return w?w(g,v,f):[]};s[a]=i}n.current={key:o,overrides:e?s:void 0}}return{overrides:n.current.overrides,key:o}}import{useRef as St}from"react";function At(e){let r=St(e);r.current=e;let o=St(null);o.current===null&&(o.current={fetch:(s,a)=>{let i=r.current;return i?i.fetch(s,a):Promise.reject(new Error("products config removed"))},transform:s=>r.current?.transform(s)??[],get limit(){return r.current?.limit}});let n=e!==void 0;return{config:n?o.current:void 0,enabled:n}}var Ba={text:"",completedParams:[],identifiedParams:[],skippedParams:[],pendingSpan:null,suggestions:[],products:[],customFields:null,optionSearch:null,activeDropdownIndex:-1,newParamId:null,isLoading:!0,isReady:!1,error:null,segments:[],actionableSuggestions:[],filteredOptions:[],activeFormatType:"options",dateView:null,dateRangeStart:null,placeholderText:"",optionQuery:"",isSearchingOptions:!1,isDropdownOpen:!1,isActivePillSelected:!1,filterBase:0,filterInProgress:!1,pillTapped:!1,skipNextFetch:!1,lastRawQuery:"",isFocused:!1,editingParam:null,editingIdentified:null,editingAnchor:null,editingTail:null,caretOffset:null,inSelectionAnimation:!1,dateViewMonth:null,pendingRangeStart:null};function Ye({onSubmit:e,onResult:r,onError:o,optionOverrides:n,maskCompletedText:s,apiConfig:a,additionalContext:i,columns:g=2,dropdownTrigger:v,optionsPosition:f,closeDropdownOnBlur:w,showNonTappableOptions:h,showOptionIcons:x,showSkipButton:_,showProducts:b,onFocus:S,onBlur:D,value:E,completedParams:L,onChange:X,onParamsChange:M,products:P,onProductSelect:j,source:ne,setCursor:Z}){let p=H(null),[re,T]=Ga(null),se=H(e);se.current=e;let J=H(r);J.current=r;let $=H(o);$.current=o;let ee=H(X);ee.current=X;let V=H(M);V.current=M;let te=H(S);te.current=S;let ae=H(D);ae.current=D;let z=H(Z);z.current=Z;let N=H(j);N.current=j;let K=At(P),F=It(n);Se(()=>{if(typeof document>"u")return;let m=new za(document.createElement("div"),{renderMode:"headless",apiConfig:a,additionalContext:i,optionOverrides:F.overrides,maskCompletedText:s,columns:g,dropdownTrigger:v,optionsPosition:f,closeDropdownOnBlur:w,showNonTappableOptions:h,showProducts:b,source:ne,value:E,completedParams:L,onSubmit:(...A)=>se.current?.(...A),onResult:(...A)=>J.current?.(...A),onError:(...A)=>$.current?.(...A),onChange:(...A)=>ee.current?.(...A),onParamsChange:(...A)=>V.current?.(...A),onFocus:()=>te.current?.(),onBlur:()=>ae.current?.(),onProductSelect:A=>N.current?.(A),setCursor:A=>z.current?.(A),products:K.config});p.current=m,T(m.getState());let G=m.subscribe(A=>T(A));return()=>{G(),m.destroy(),p.current===m&&(p.current=null)}},[]),Se(()=>{E!==void 0&&p.current?.setValue(E)},[E]),Se(()=>{L!==void 0&&p.current?.setCompletedParams(L)},[L]);let t=JSON.stringify(a??null),c;try{c=JSON.stringify(i??null)}catch{c="[unstringifiable]"}Se(()=>{p.current?.update({apiConfig:a,additionalContext:i,optionOverrides:F.overrides,dropdownTrigger:v,optionsPosition:f,closeDropdownOnBlur:w,showNonTappableOptions:h,showProducts:b})},[t,c,F.key,v,f,w,h,b]);let u=H(!1);Se(()=>{if(!u.current){u.current=!0;return}p.current?.update({products:K.config})},[K.enabled]);let y=H(null);y.current===null&&(y.current={handleTextChange:m=>p.current?.handleTextChange(m),handleKeyDown:m=>{let G="nativeEvent"in m?m.nativeEvent:m;p.current?.handleKeyDown(G)},setFocused:m=>p.current?.setFocused(m),startEditingParam:m=>p.current?.startEditingParam(m),exitEditMode:()=>p.current?.exitEditMode(),handleCaretAfterInput:m=>p.current?.handleCaretAfterInput(m),handleCaretMove:m=>p.current?.handleCaretMove(m),replaceEditingRange:m=>p.current?.replaceEditingRange(m)??!1,setActivePill:m=>p.current?.setActivePill(m),skipActivePill:()=>p.current?.skipActivePill(),removeLastParam:()=>p.current?.removeLastParam(),clearNewParamId:()=>p.current?.clearNewParamId(),reset:()=>p.current?.reset(),selectOption:m=>p.current?.selectOption(m),selectProduct:m=>p.current?.selectProduct(m),setActiveDropdownIndex:m=>p.current?.setActiveDropdownIndex(m),showPreviousMonth:()=>p.current?.showPreviousMonth(),showNextMonth:()=>p.current?.showNextMonth(),handleFocus:()=>p.current?.setFocused(!0),handleBlur:()=>p.current?.setFocused(!1)});let l=y.current,C=Dt(m=>{let G=m.target.value,Ge=G.length>0&&!m.nativeEvent?.isComposing&&G[0]!==G[0].toUpperCase()?G[0].toUpperCase()+G.slice(1):G;p.current?.handleTextChange(Ge)},[]),Q=Dt(m=>{p.current?.handleKeyDown(m.nativeEvent)},[]),R=p.current,d=re??Ba,le=E!==void 0?E:d.text,be=L!==void 0?L:d.completedParams,de=d.actionableSuggestions,ve=de[0],ce=R?.listboxId??"",pe=d.activeDropdownIndex>=0&&R?`${ce}-option-${d.activeDropdownIndex}`:void 0,O=d.editingParam,ue=d.editingIdentified,_e=O?{type:O.suggestionType,text:O.suggestionPlaceholder,required:!0,options:O.options}:ue?{type:ue.type,text:Fa(ue.type),required:!0,options:[]}:null,De=_e??ve,Fe=_e?[_e]:de,ke=Na(d),Ce=!R||d.isLoading&&!d.editingParam&&!d.inSelectionAnimation||d.isSearchingOptions;return{completedParams:be,skippedParams:d.skippedParams,identifiedParams:d.identifiedParams,suggestionPills:de,setActivePill:l.setActivePill,skipActivePill:l.skipActivePill,removeLastParam:l.removeLastParam,segments:d.segments,newParamId:d.newParamId,clearNewParamId:l.clearNewParamId,suggestions:d.suggestions,activeIndex:d.activeDropdownIndex,isReady:d.isReady,isLoading:Ce,isFocused:d.isFocused,isDropdownOpen:d.isDropdownOpen,isActivePillSelected:d.isActivePillSelected,placeholderText:d.placeholderText,listboxId:ce,error:d.error,products:d.products,customFields:d.customFields,selectProduct:l.selectProduct,handleTextChange:l.handleTextChange,handleKeyDown:l.handleKeyDown,setFocused:l.setFocused,editingParam:O,editingIdentified:ue,editingAnchor:d.editingAnchor,caretOffset:d.caretOffset,startEditingParam:l.startEditingParam,exitEditMode:l.exitEditMode,handleCaretAfterInput:l.handleCaretAfterInput,handleCaretMove:l.handleCaretMove,replaceEditingRange:l.replaceEditingRange,inputProps:{value:le,placeholder:d.placeholderText||void 0,onChange:C,onKeyDown:Q,onFocus:l.handleFocus,onBlur:l.handleBlur,role:"combobox","aria-expanded":d.isDropdownOpen,"aria-activedescendant":pe,"aria-autocomplete":"list","aria-controls":ce},reset:l.reset,dropdownProps:{suggestions:De?[{...De,options:d.filteredOptions}]:[],activeIndex:d.activeDropdownIndex,onSelect:l.selectOption,onHighlight:l.setActiveDropdownIndex,isOpen:d.isDropdownOpen,id:ce,pills:Fe,activeSelected:d.isActivePillSelected,onPillClick:l.setActivePill,onSkip:l.skipActivePill,showSkipButton:(_??!0)&&!O&&!ue,showOptionIcons:x??!0,skipDisabled:d.inSelectionAnimation,isLoading:Ce,isInputEmpty:le.trim().length===0,products:d.products,onProductSelect:l.selectProduct,onProductFocusChange:l.setFocused,formatType:d.activeFormatType,dateView:d.dateView,selectedDateIso:ke.selectedIso,selectedDateRange:ke.selectedRange,dateRangeStart:ke.rangeStart,onPreviousMonth:l.showPreviousMonth,onNextMonth:l.showNextMonth,optionsPosition:f??"below"}}}import{extractPlainText as Ct,getCursorOffset as Et,plainTextLength as Ha,renderEditableContent as Ka,setCursorOffset as Tt}from"@magicx-eng/ai-autocomplete-vanilla";import{useCallback as U,useEffect as Xe,useLayoutEffect as Ze,useRef as xe}from"react";var Ne;function Wa(){if(Ne!==void 0)return Ne;if(typeof document>"u")return!1;let e=document.createElement("div");return e.setAttribute("contenteditable","plaintext-only"),Ne=e.contentEditable==="plaintext-only",Ne}function Rt(e){let{segments:r,showChipIcons:o=!0,newParamId:n,editingParam:s,editingIdentified:a,editingAnchor:i,caretOffset:g,placeholderText:v,isFocused:f,isDropdownOpen:w,listboxId:h,activeDescendantId:x,autoFocus:_,handleTextChange:b,handleKeyDown:S,handleCaretAfterInput:D,handleCaretMove:E,startEditingParam:L,replaceEditingRange:X,setFocused:M}=e,P=xe(null),j=xe(!1),ne=xe(""),Z=xe(""),p=xe(null),re=xe(0);p.current=g,Xe(()=>{if(!_)return;let t=P.current;if(!t)return;document.activeElement===t?M(!0):t.focus();let c=t.ownerDocument??document,u=c.getSelection(),y=u&&u.rangeCount>0&&t.contains(u.anchorNode);if(u&&!y){let l=c.createRange();l.selectNodeContents(t),l.collapse(!0),u.removeAllRanges(),u.addRange(l)}},[_,M]),Xe(()=>{let t=P.current;if(!t)return;let c=t.ownerDocument??document,u=()=>{let y=c.getSelection();if(!y||y.rangeCount===0||!y.anchorNode||!t.contains(y.anchorNode))return;let l=y.anchorNode,C=l.nodeType===Node.ELEMENT_NODE?l:l.parentElement,R=(y.isCollapsed?C?.closest("strong[data-param-id]"):null)?.dataset.paramId??null,d=s?.id??a?.id??null;if(R&&R!==d){L(R);return}performance.now()-re.current<50||E(Et(t))};return c.addEventListener("selectionchange",u),()=>c.removeEventListener("selectionchange",u)},[s,a,L,E]),Ze(()=>{let t=P.current;t&&Ka({input:t,segments:r,newParamId:n,editingParamId:s?.id??null,placeholderText:v??"",isFocused:f,showChipIcons:o})},[r,n,s,v,f,o]),Ze(()=>{let t=ne.current,c=n??"";if(ne.current=c,!c||c===t)return;let u=P.current;if(!u)return;u.focus();let y=p.current??Ha(u);Tt(u,y)},[n]),Ze(()=>{let t=Z.current,c=s?.id??"";if(Z.current=c,!c||c===t||i==null)return;let u=P.current;u&&Tt(u,i)},[s,i]);let T=U(()=>{if(j.current)return;let t=P.current;if(!t)return;let c=Ct(t),y=c.length>0&&c[0]!==c[0].toUpperCase()?c[0].toUpperCase()+c.slice(1):c;b(y)},[b]),se=U(()=>{re.current=performance.now(),T();let t=P.current;t&&D(Et(t))},[T,D]);Xe(()=>{let t=P.current;if(!t)return;let c=u=>{let y=u,l=y.inputType;if(l==="insertParagraph"||l==="insertLineBreak"||l==="insertFromDrop"){u.preventDefault();return}if(l.startsWith("insert")||l.startsWith("delete")){let C=l.startsWith("delete")?"":y.data??"";X(C)&&u.preventDefault()}};return t.addEventListener("beforeinput",c),()=>t.removeEventListener("beforeinput",c)},[X]);let J=U(()=>{j.current=!0},[]),$=U(()=>{j.current=!1,T()},[T]),ee=U(t=>{t.preventDefault();let c=P.current;if(!c)return;let u=(t.clipboardData.getData("text/plain")??"").replace(/\r?\n/g," ");if(!u)return;let y=c.ownerDocument??document,l=y.getSelection();if(!l||l.rangeCount===0)return;let C=l.getRangeAt(0);if(!c.contains(C.startContainer))return;C.deleteContents();let Q=y.createTextNode(u);C.insertNode(Q),C.setStartAfter(Q),C.collapse(!0),l.removeAllRanges(),l.addRange(C),T()},[T]),V=U(t=>S(t),[S]),te=U(()=>M(!0),[M]),ae=U(()=>M(!1),[M]),z=U(()=>P.current?.focus(),[]),N=U(()=>P.current?.blur(),[]),K=U(()=>{let t=P.current;return t?Ct(t):""},[]),F=Wa()?"plaintext-only":"true";return{inputRef:P,editorProps:{ref:P,contentEditable:F,suppressContentEditableWarning:!0,tabIndex:0,role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":h,"aria-expanded":w,"aria-activedescendant":x,spellCheck:!0,enterKeyHint:"send",onInput:se,onKeyDown:V,onCompositionStart:J,onCompositionEnd:$,onPaste:ee,onFocus:te,onBlur:ae},getPlainText:K,focus:z,blur:N}}import{jsx as ye,jsxs as et}from"react/jsx-runtime";function Ya(e){return e!=="auto"?e:typeof window>"u"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var Xa=qa(function({onSubmit:r,onResult:o,onError:n,optionOverrides:s,maskCompletedText:a,className:i,apiConfig:g,additionalContext:v,columns:f,pillPlacement:w="dropdown",mode:h="auto",optionsPosition:x="below",animations:_=!0,dropdownTrigger:b,closeDropdownOnBlur:S,showNonTappableOptions:D,showOptionIcons:E=!0,showChipIcons:L=!0,showSkipButton:X,showProducts:M,autoFocus:P=!0,onFocus:j,onBlur:ne,value:Z,completedParams:p,onChange:re,onParamsChange:T,products:se,onProductSelect:J,submitButton:$},ee){let V=Ae(null),te=Ae(null),ae=Ae(()=>{}),z=Ae(null),N=Ae(null);Ot(()=>{let k=V.current;if(k)return z.current?z.current.setMode(h):z.current=new Va(k,h),()=>{z.current?.destroy(),z.current=null}},[h]);let K=Je(k=>{let he=N.current?.current;he&&(he.focus(),Qa(he,k))},[]),{completedParams:F,skippedParams:t,identifiedParams:c,isReady:u,customFields:y,suggestionPills:l,setActivePill:C,skipActivePill:Q,segments:R,newParamId:d,clearNewParamId:le,placeholderText:be,isFocused:de,isDropdownOpen:ve,isActivePillSelected:ce,isLoading:pe,activeIndex:O,listboxId:ue,handleTextChange:_e,handleKeyDown:De,setFocused:Fe,editingParam:ke,editingIdentified:Ce,editingAnchor:m,caretOffset:G,startEditingParam:A,handleCaretAfterInput:Ge,handleCaretMove:Lt,replaceEditingRange:Mt,dropdownProps:zt,reset:Ee}=Ye({onSubmit:k=>ae.current(k),onResult:o,onError:n,optionOverrides:s,maskCompletedText:a,apiConfig:g,additionalContext:v,columns:f,dropdownTrigger:b,optionsPosition:x,closeDropdownOnBlur:S,showNonTappableOptions:D,showOptionIcons:E,showSkipButton:X,showProducts:M,onFocus:j,onBlur:ne,value:Z,completedParams:p,onChange:re,onParamsChange:T,products:se,onProductSelect:J,source:"full-sdk",setCursor:K});Ot(()=>{if(!d)return;let k=window.setTimeout(()=>le(),650);return()=>window.clearTimeout(k)},[d,le]);let Nt=O>=0?`${ue}-option-${O}`:void 0,{inputRef:Be,editorProps:Ft,focus:Te,blur:tt,getPlainText:at}=Rt({segments:R,newParamId:d,editingParam:ke,editingIdentified:Ce,editingAnchor:m,caretOffset:G,placeholderText:be,isFocused:de,showChipIcons:L,isDropdownOpen:ve,listboxId:ue,activeDescendantId:Nt,autoFocus:P,handleTextChange:_e,handleKeyDown:De,handleCaretAfterInput:Ge,handleCaretMove:Lt,startEditingParam:A,replaceEditingRange:Mt,setFocused:Fe});N.current=Be,ja(()=>{let k=te.current,he=Be.current;if(!k||!he)return;let ot=()=>{let nt=k.firstElementChild;if(!nt)return;let Kt=nt.getBoundingClientRect(),Wt=he.getBoundingClientRect();Kt.top>=Wt.bottom-2?k.setAttribute("data-aia-pill-wrapped",""):k.removeAttribute("data-aia-pill-wrapped")};ot();let it=new ResizeObserver(ot);return it.observe(he),()=>it.disconnect()},[R,l.length,pe,Be]),Ua(ee,()=>({focus:Te,blur:tt,reset:Ee,setMode:k=>z.current?.setMode(k),skipActivePill:Q}),[Te,tt,Ee,Q]);let Re=!!R.length||F.length>0,He=Je(()=>{if(!Re)return;let k=at();r($a(k,F,t,{identifiedParams:c,isReady:u,customFields:y})),Ee()},[Re,F,t,c,u,y,r,Ee,at]);ae.current=He;let Gt=Je(k=>{k.target?.closest("[data-aia-pill]")||Te()},[Te]),Bt=w==="inline",Ht=w==="dropdown";return et("div",{ref:V,className:`magicx-aia ${fe.container} ${i??""}`,"data-pill-placement":w,"data-options-position":x,"data-animations":_?"on":"off","data-mode":Ya(h),children:[ye(Ve,{...zt,showPills:Ht}),et("div",{className:fe.inputWrapper,onClick:Gt,children:[et("div",{className:fe.editorArea,"data-aia-editor":"",children:[ye("div",{...Ft,className:fe.input,"data-aia-input":""}),Bt&&(pe||l.length>0)&&ye("span",{ref:te,className:fe.pillListContainer,"data-aia-pill-list-container":"",children:ye(Le,{pills:l,activePillIndex:0,activeSelected:ce,onSelectPill:C,loading:pe})})]}),$===null?null:$===void 0?ye(kt,{disabled:!Re,onClick:He}):ye("span",{"data-aia-submit":"",className:fe.submitSlot,onClick:k=>{Re&&(k.stopPropagation(),He())},children:$})]})]})});export{Xa as AIAutocomplete,Ve as AIAutocompleteDropdown,Wi as DATE_RANGE_META_END,qi as DATE_RANGE_META_START,Xi as PRODUCT_PATH_PREFIX,sn as WEEKDAY_LABELS,Bi as buildSubmitResult,Hi as cellDay,Ki as cellIso,Ui as dateCellMarks,ji as formatDate,$i as formatDateRange,Vi as isoDate,Qi as monthLabel,Yi as optionLabel,Zi as parseDate,Ji as parseLooseDate,en as parseLooseDateRange,tn as productFromMatchedItem,an as productsFromCustomFields,on as sanitizeOptionIconSvg,nn as selectedRangeFor,Ye as useAIAutocomplete,rn as visibleDateRange,ln as withSkippedParams};
|
|
1656
1668
|
//# sourceMappingURL=index.mjs.map
|