@uniformdev/mesh-sdk-react 17.6.0 → 17.6.1-alpha.106
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +11 -3
- package/dist/index.esm.js +150 -146
- package/dist/index.js +142 -138
- package/dist/index.mjs +150 -146
- package/package.json +5 -5
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var Wo=Object.create;var at=Object.defineProperty;var Ko=Object.getOwnPropertyDescriptor;var Qo=Object.getOwnPropertyNames;var Yo=Object.getPrototypeOf,Zo=Object.prototype.hasOwnProperty;var Ra=(e,t)=>{for(var o in t)at(e,o,{get:t[o],enumerable:!0})},rt=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Qo(t))!Zo.call(e,r)&&r!==o&&at(e,r,{get:()=>t[r],enumerable:!(a=Ko(t,r))||a.enumerable});return e},X=(e,t,o)=>(rt(e,t,"default"),o&&rt(o,t,"default")),se=(e,t,o)=>(o=e!=null?Wo(Yo(e)):{},rt(t||!e||!e.__esModule?at(o,"default",{value:e,enumerable:!0}):o,e)),Xo=e=>rt(at({},"__esModule",{value:!0}),e);var Y={};Ra(Y,{AddListButton:()=>h.AddListButton,Button:()=>h.Button,Callout:()=>h.Callout,DamSelectedItem:()=>hn,DefaultSearchRow:()=>sr,DefaultSelectedItem:()=>hr,EntrySearch:()=>_r,Heading:()=>h.Heading,Icons:()=>dt,Input:()=>h.Input,InputComboBox:()=>h.InputComboBox,InputSelect:()=>h.InputSelect,InputToggle:()=>h.InputToggle,InputVariables:()=>ma,KeywordSearchInput:()=>h.InputKeywordSearch,Label:()=>h.Label,LoadingIndicator:()=>h.LoadingIndicator,LoadingOverlay:()=>h.LoadingOverlay,Menu:()=>h.Menu,MenuItem:()=>h.MenuItem,MeshApp:()=>xn,ProductPreviewList:()=>Jt,ProductQuery:()=>un,ProductQueryContext:()=>Zt,ProductSearch:()=>vn,ProductSearchContext:()=>Wr,ProductSearchRow:()=>Ar,ProductSelectedItem:()=>Fr,RequestBody:()=>Cn,RequestHeaders:()=>Rn,RequestMethodSelect:()=>Pn,RequestParameters:()=>Tn,RequestProvider:()=>wn,RequestTypeContainer:()=>ca,RequestUrlInput:()=>In,ResolvableLoadingValue:()=>Qt,ScrollableList:()=>h.ScrollableList,ScrollableListItem:()=>h.ScrollableListItem,SelectionField:()=>Yt,Switch:()=>h.Switch,Textarea:()=>h.Textarea,Theme:()=>h.Theme,UniformMeshLocationContext:()=>sa,UniformMeshLocationContextProvider:()=>Je,UniformMeshSdkContext:()=>Xe,UniformMeshSdkContextProvider:()=>yn,VariableEditor:()=>ua,VariablesList:()=>_n,VariablesProvider:()=>kn,badgeIcon:()=>yt,damSelectItemImage:()=>Tt,damSelectedItemContainer:()=>Kr,damSelectedItemCopy:()=>Zr,damSelectedItemDetails:()=>Yr,damSelectedItemIcon:()=>Jr,damSelectedItemInfoBtn:()=>ra,damSelectedItemInner:()=>Qr,damSelectedItemLinkBtn:()=>Pt,damSelectedItemLinkContainer:()=>ea,damSelectedItemMediaContainer:()=>ta,damSelectedItemPopover:()=>jr,damSelectedItemPopoverLabel:()=>Ye,damSelectedItemSmallText:()=>ke,damSelectedItemTitle:()=>Xr,draggableContainer:()=>Tr,draggableIcon:()=>bt,draggableIconOffset:()=>Lr,draggableIconWrapper:()=>kr,entrySearchBtn:()=>yr,entrySearchConfig:()=>wr,entrySearchConfigHidden:()=>Sr,entrySearchLoadMoreBtn:()=>xr,entrySearchResultList:()=>Cr,entrySearchSelectIcon:()=>Rr,entrySearchSelectImg:()=>Pr,entrySearchSelectInput:()=>gn,entrySearchSelectOption:()=>mn,entrySearchWrapper:()=>br,productSearchRowActiveIcon:()=>Br,productSearchRowCategory:()=>Mr,productSearchRowContainer:()=>Ir,productSearchRowContent:()=>Dr,productSearchRowContentActive:()=>Vr,productSearchRowDetails:()=>Ur,productSearchRowTitle:()=>Er,productSelectedItemContainer:()=>Gr,productSelectedItemContent:()=>qr,productSelectedItemDetails:()=>Or,productSelectedItemIcon:()=>Nr,productSelectedItemImage:()=>xt,productSelectedItemLinkContainer:()=>$r,productedSelectedItemLinkBtn:()=>wt,productedSelectedItemSmallText:()=>St,searchRowBtn:()=>nr,searchRowContainer:()=>tr,searchRowContainerActive:()=>ar,searchRowContainerWithPopover:()=>rr,searchRowPopover:()=>or,searchRowText:()=>mt,searchRowTextSmall:()=>gt,selectItemLinkBtn:()=>vt,selectItemLinkContainer:()=>fr,selectItemPopover:()=>mr,selectItemPopoverLabel:()=>ze,selectItemSmallText:()=>ve,selectedItemContainer:()=>lr,selectedItemCopy:()=>pr,selectedItemDetails:()=>cr,selectedItemIcon:()=>gr,selectedItemInner:()=>dr,selectedItemTitle:()=>ur,urlEncodeRequestParameter:()=>Vn,urlEncodeRequestUrl:()=>Dn,useInitializeUniformMeshSdk:()=>oa,useMeshLocation:()=>En,useProductQueryContext:()=>Xt,useProductSearchContext:()=>Qe,useRequest:()=>te,useUniformMeshLocation:()=>Mn,useUniformMeshLocationContext:()=>je,useUniformMeshSdk:()=>ia,useUniformMeshSdkContext:()=>na,useVariables:()=>Ve,variablesToList:()=>fa});module.exports=Xo(Y);var l=require("@emotion/react"),S=se(require("react"));var dt={};Ra(dt,{Caution:()=>Pa,Checkmark:()=>ot,ChevronDown:()=>nt,Close:()=>Ta,Danger:()=>ka,ExclamationPoint:()=>La,Info:()=>it,Lightbulb:()=>_a,MagnifyingGlass:()=>Ia,MaximizeAlt:()=>Da,Minus:()=>st,MoreVerticalAlt:()=>Ke,Plus:()=>lt});var zt=require("@emotion/react/jsx-runtime"),Jo=e=>(0,zt.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",...e,children:(0,zt.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})}),Pa=Jo;var At=require("@emotion/react/jsx-runtime"),jo=e=>(0,At.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,At.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"})}),ot=jo;var Ht=require("@emotion/react/jsx-runtime"),en=e=>(0,Ht.jsx)("svg",{viewBox:"0 0 24 24",width:"1em",height:"1em",...e,children:(0,Ht.jsx)("path",{d:"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z"})}),nt=en;var Ue=require("@emotion/react/jsx-runtime"),tn=e=>(0,Ue.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 19 19",fill:"currentColor",...e,children:(0,Ue.jsxs)("g",{fillRule:"evenodd",children:[(0,Ue.jsx)("path",{d:"M16.578 1.636a1.174 1.174 0 0 1 0 1.66L3.296 16.578a1.174 1.174 0 1 1-1.66-1.66L14.918 1.636a1.174 1.174 0 0 1 1.66 0Z"}),(0,Ue.jsx)("path",{d:"M1.636 1.636a1.174 1.174 0 0 1 1.66 0l13.282 13.282a1.174 1.174 0 1 1-1.66 1.66L1.636 3.296a1.174 1.174 0 0 1 0-1.66Z"})]})}),Ta=tn;var Gt=require("@emotion/react/jsx-runtime"),rn=e=>(0,Gt.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...e,children:(0,Gt.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})}),ka=rn;var Ot=require("@emotion/react/jsx-runtime"),an=e=>(0,Ot.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",...e,children:(0,Ot.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})}),La=an;var We=require("@emotion/react/jsx-runtime"),on=e=>(0,We.jsxs)("svg",{width:"1em",height:"1em",fill:"currentColor",...e,children:[(0,We.jsx)("path",{xmlns:"http://www.w3.org/2000/svg",d:"M11 10.98a1 1 0 1 1 2 0v6a1 1 0 1 1-2 0v-6zm1-4.929a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"}),(0,We.jsx)("path",{xmlns:"http://www.w3.org/2000/svg",fillRule:"evenodd",clipRule:"evenodd",d:"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zM4 12a8 8 0 1 0 16 0 8 8 0 0 0-16 0z"})]}),it=on;var qt=require("@emotion/react/jsx-runtime"),nn=e=>(0,qt.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...e,children:(0,qt.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})}),_a=nn;var le=require("@emotion/react/jsx-runtime"),sn=e=>(0,le.jsxs)("svg",{width:"1em",height:"1em",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[(0,le.jsxs)("g",{clipPath:"url(#magnifying-glass_svg__a)",children:[(0,le.jsx)("path",{d:"M11.539 0C5.484 0 .559 4.741.559 10.57c0 5.827 4.925 10.568 10.98 10.568 6.055 0 10.98-4.74 10.98-10.569C22.52 4.741 17.595 0 11.54 0Zm0 19.187c-4.937 0-8.954-3.866-8.954-8.618 0-4.752 4.017-8.618 8.954-8.618s8.954 3.866 8.954 8.618c0 4.752-4.017 8.618-8.954 8.618Z"}),(0,le.jsx)("path",{d:"m25.196 22.334-5.811-5.593a1.041 1.041 0 0 0-1.434 0 .95.95 0 0 0 0 1.38l5.812 5.593c.198.19.457.286.716.286.26 0 .519-.096.717-.286a.95.95 0 0 0 0-1.38Z"})]}),(0,le.jsx)("defs",{children:(0,le.jsx)("clipPath",{id:"magnifying-glass_svg__a",children:(0,le.jsx)("path",{fill:"#fff",transform:"translate(.558)",d:"M0 0h24.935v24H0z"})})})]}),Ia=sn;var Nt=require("@emotion/react/jsx-runtime"),ln=e=>(0,Nt.jsx)("svg",{width:"1em",height:"1em",fill:"currentColor",...e,children:(0,Nt.jsx)("path",{xmlns:"http://www.w3.org/2000/svg",d:"M3 3h6v2H6.462l4.843 4.843-1.415 1.414L5 6.367V9H3V3zm0 18h6v-2H6.376l4.929-4.928-1.415-1.414L5 17.548V15H3v6zm12 0h6v-6h-2v2.524l-4.867-4.866-1.414 1.414L17.647 19H15v2zm6-18h-6v2h2.562l-4.843 4.843 1.414 1.414L19 6.39V9h2V3z"})}),Da=ln;var $t=require("@emotion/react/jsx-runtime"),dn=e=>(0,$t.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,$t.jsx)("path",{d:"M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z",fill:"currentColor"})}),st=dn;var Ft=require("@emotion/react/jsx-runtime"),cn=e=>(0,Ft.jsx)("svg",{width:"1em",height:"1em",fill:"currentColor",...e,children:(0,Ft.jsx)("path",{xmlns:"http://www.w3.org/2000/svg",d:"M14 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"})}),Ke=cn;var Wt=require("@emotion/react/jsx-runtime"),pn=e=>(0,Wt.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 46 46",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,Wt.jsx)("path",{d:"M44.203 21.203H24.797V1.797a1.797 1.797 0 1 0-3.594 0v19.406H1.797a1.797 1.797 0 1 0 0 3.594h19.406v19.406a1.797 1.797 0 0 0 3.594 0V24.797h19.406a1.797 1.797 0 0 0 0-3.594Z"})}),lt=pn;var er=require("@emotion/react"),Ya=require("@uniformdev/design-system");var Kt=require("@emotion/react/jsx-runtime");function ae({src:e,alt:t,className:o}){let a=e&&typeof e!="string"?e:null;return a?(0,Kt.jsx)(a,{className:o}):(0,Kt.jsx)("img",{src:e,alt:t,className:o})}var z=require("@emotion/react"),F=require("@uniformdev/design-system"),ce=se(require("react")),ut=require("react-use");var Ua=require("@emotion/react"),pt=require("@uniformdev/design-system"),Ba=require("react-icons/cg");var Be=require("@emotion/react/jsx-runtime"),Qt=({value:e,text:t,loading:o})=>(0,Be.jsxs)(Be.Fragment,{children:[!!t&&t,!t&&(0,Be.jsxs)(Be.Fragment,{children:[o&&`${e} (Loading...)`,!o&&`${e} (Unresolvable)`]})]});var ct=require("@emotion/react"),Va=ct.css`
|
|
1
|
+
"use strict";var Xo=Object.create;var ot=Object.defineProperty;var Jo=Object.getOwnPropertyDescriptor;var jo=Object.getOwnPropertyNames;var en=Object.getPrototypeOf,tn=Object.prototype.hasOwnProperty;var Ta=(e,t)=>{for(var a in t)ot(e,a,{get:t[a],enumerable:!0})},at=(e,t,a,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of jo(t))!tn.call(e,r)&&r!==a&&ot(e,r,{get:()=>t[r],enumerable:!(o=Jo(t,r))||o.enumerable});return e},J=(e,t,a)=>(at(e,t,"default"),a&&at(a,t,"default")),se=(e,t,a)=>(a=e!=null?Xo(en(e)):{},at(t||!e||!e.__esModule?ot(a,"default",{value:e,enumerable:!0}):a,e)),rn=e=>at(ot({},"__esModule",{value:!0}),e);var Z={};Ta(Z,{AddListButton:()=>h.AddListButton,Button:()=>h.Button,Callout:()=>h.Callout,DamSelectedItem:()=>Sn,DefaultSearchRow:()=>lr,DefaultSelectedItem:()=>br,EntrySearch:()=>Ir,Heading:()=>h.Heading,Icons:()=>ct,Input:()=>h.Input,InputComboBox:()=>h.InputComboBox,InputKeywordSearch:()=>h.InputKeywordSearch,InputSelect:()=>h.InputSelect,InputToggle:()=>h.InputToggle,InputVariables:()=>fa,KeywordSearchInput:()=>h.InputKeywordSearch,Label:()=>h.Label,LoadingIndicator:()=>h.LoadingIndicator,LoadingOverlay:()=>h.LoadingOverlay,Menu:()=>h.Menu,MenuItem:()=>h.MenuItem,MeshApp:()=>Pn,ProductPreviewList:()=>jt,ProductQuery:()=>hn,ProductQueryContext:()=>Xt,ProductSearch:()=>wn,ProductSearchContext:()=>Kr,ProductSearchRow:()=>qr,ProductSelectedItem:()=>Wr,RequestBody:()=>Ln,RequestHeaders:()=>_n,RequestMethodSelect:()=>In,RequestParameters:()=>Dn,RequestProvider:()=>kn,RequestTypeContainer:()=>pa,RequestUrl:()=>Un,RequestUrlInput:()=>Bn,ResolvableLoadingValue:()=>Yt,ScrollableList:()=>h.ScrollableList,ScrollableListItem:()=>h.ScrollableListItem,SelectionField:()=>Zt,Switch:()=>h.Switch,Textarea:()=>h.Textarea,Theme:()=>h.Theme,UniformMeshLocationContext:()=>la,UniformMeshLocationContextProvider:()=>je,UniformMeshSdkContext:()=>Je,UniformMeshSdkContextProvider:()=>Rn,VariableEditor:()=>ga,VariablesList:()=>Mn,VariablesProvider:()=>Vn,badgeIcon:()=>xt,damSelectItemImage:()=>Tt,damSelectedItemContainer:()=>Qr,damSelectedItemCopy:()=>Xr,damSelectedItemDetails:()=>Zr,damSelectedItemIcon:()=>jr,damSelectedItemInfoBtn:()=>aa,damSelectedItemInner:()=>Yr,damSelectedItemLinkBtn:()=>kt,damSelectedItemLinkContainer:()=>ta,damSelectedItemMediaContainer:()=>ra,damSelectedItemPopover:()=>ea,damSelectedItemPopoverLabel:()=>Ze,damSelectedItemSmallText:()=>_e,damSelectedItemTitle:()=>Jr,draggableContainer:()=>Tr,draggableIcon:()=>yt,draggableIconOffset:()=>_r,draggableIconWrapper:()=>Lr,entrySearchBtn:()=>xr,entrySearchConfig:()=>Sr,entrySearchConfigHidden:()=>Cr,entrySearchLoadMoreBtn:()=>wr,entrySearchResultList:()=>Rr,entrySearchSelectIcon:()=>Pr,entrySearchSelectImg:()=>kr,entrySearchSelectInput:()=>bn,entrySearchSelectOption:()=>yn,entrySearchWrapper:()=>yr,productSearchRowActiveIcon:()=>Ar,productSearchRowCategory:()=>Ur,productSearchRowContainer:()=>Dr,productSearchRowContent:()=>Vr,productSearchRowContentActive:()=>Er,productSearchRowDetails:()=>Br,productSearchRowTitle:()=>Mr,productSelectedItemContainer:()=>Gr,productSelectedItemContent:()=>Nr,productSelectedItemDetails:()=>Or,productSelectedItemIcon:()=>$r,productSelectedItemImage:()=>wt,productSelectedItemLinkContainer:()=>Fr,productedSelectedItemLinkBtn:()=>St,productedSelectedItemSmallText:()=>Ct,searchRowBtn:()=>ir,searchRowContainer:()=>rr,searchRowContainerActive:()=>or,searchRowContainerWithPopover:()=>ar,searchRowPopover:()=>nr,searchRowText:()=>ft,searchRowTextSmall:()=>mt,selectItemLinkBtn:()=>ht,selectItemLinkContainer:()=>vr,selectItemPopover:()=>fr,selectItemPopoverLabel:()=>ze,selectItemSmallText:()=>be,selectedItemContainer:()=>dr,selectedItemCopy:()=>ur,selectedItemDetails:()=>pr,selectedItemIcon:()=>mr,selectedItemInner:()=>cr,selectedItemTitle:()=>gr,urlEncodeRequestParameter:()=>ya,urlEncodeRequestUrl:()=>ba,useInitializeUniformMeshSdk:()=>na,useMeshLocation:()=>An,useProductQueryContext:()=>Jt,useProductSearchContext:()=>Ye,useRequest:()=>K,useUniformMeshLocation:()=>zn,useUniformMeshLocationContext:()=>et,useUniformMeshSdk:()=>sa,useUniformMeshSdkContext:()=>ia,useVariables:()=>ge,variablesToList:()=>va});module.exports=rn(Z);var c=require("@emotion/react"),S=se(require("react"));var ct={};Ta(ct,{Caution:()=>La,Checkmark:()=>nt,ChevronDown:()=>it,Close:()=>_a,Danger:()=>Ia,ExclamationPoint:()=>Da,Info:()=>st,Lightbulb:()=>Va,MagnifyingGlass:()=>Ea,MaximizeAlt:()=>Ma,Minus:()=>lt,MoreVerticalAlt:()=>Qe,Plus:()=>dt});var zt=require("@emotion/react/jsx-runtime"),an=e=>(0,zt.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",...e,children:(0,zt.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})}),La=an;var qt=require("@emotion/react/jsx-runtime"),on=e=>(0,qt.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,qt.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"})}),nt=on;var Ht=require("@emotion/react/jsx-runtime"),nn=e=>(0,Ht.jsx)("svg",{viewBox:"0 0 24 24",width:"1em",height:"1em",...e,children:(0,Ht.jsx)("path",{d:"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z"})}),it=nn;var Be=require("@emotion/react/jsx-runtime"),sn=e=>(0,Be.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 19 19",fill:"currentColor",...e,children:(0,Be.jsxs)("g",{fillRule:"evenodd",children:[(0,Be.jsx)("path",{d:"M16.578 1.636a1.174 1.174 0 0 1 0 1.66L3.296 16.578a1.174 1.174 0 1 1-1.66-1.66L14.918 1.636a1.174 1.174 0 0 1 1.66 0Z"}),(0,Be.jsx)("path",{d:"M1.636 1.636a1.174 1.174 0 0 1 1.66 0l13.282 13.282a1.174 1.174 0 1 1-1.66 1.66L1.636 3.296a1.174 1.174 0 0 1 0-1.66Z"})]})}),_a=sn;var Gt=require("@emotion/react/jsx-runtime"),ln=e=>(0,Gt.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...e,children:(0,Gt.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})}),Ia=ln;var Ot=require("@emotion/react/jsx-runtime"),dn=e=>(0,Ot.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",...e,children:(0,Ot.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})}),Da=dn;var Ke=require("@emotion/react/jsx-runtime"),cn=e=>(0,Ke.jsxs)("svg",{width:"1em",height:"1em",fill:"currentColor",...e,children:[(0,Ke.jsx)("path",{xmlns:"http://www.w3.org/2000/svg",d:"M11 10.98a1 1 0 1 1 2 0v6a1 1 0 1 1-2 0v-6zm1-4.929a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"}),(0,Ke.jsx)("path",{xmlns:"http://www.w3.org/2000/svg",fillRule:"evenodd",clipRule:"evenodd",d:"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zM4 12a8 8 0 1 0 16 0 8 8 0 0 0-16 0z"})]}),st=cn;var Nt=require("@emotion/react/jsx-runtime"),pn=e=>(0,Nt.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...e,children:(0,Nt.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})}),Va=pn;var le=require("@emotion/react/jsx-runtime"),un=e=>(0,le.jsxs)("svg",{width:"1em",height:"1em",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[(0,le.jsxs)("g",{clipPath:"url(#magnifying-glass_svg__a)",children:[(0,le.jsx)("path",{d:"M11.539 0C5.484 0 .559 4.741.559 10.57c0 5.827 4.925 10.568 10.98 10.568 6.055 0 10.98-4.74 10.98-10.569C22.52 4.741 17.595 0 11.54 0Zm0 19.187c-4.937 0-8.954-3.866-8.954-8.618 0-4.752 4.017-8.618 8.954-8.618s8.954 3.866 8.954 8.618c0 4.752-4.017 8.618-8.954 8.618Z"}),(0,le.jsx)("path",{d:"m25.196 22.334-5.811-5.593a1.041 1.041 0 0 0-1.434 0 .95.95 0 0 0 0 1.38l5.812 5.593c.198.19.457.286.716.286.26 0 .519-.096.717-.286a.95.95 0 0 0 0-1.38Z"})]}),(0,le.jsx)("defs",{children:(0,le.jsx)("clipPath",{id:"magnifying-glass_svg__a",children:(0,le.jsx)("path",{fill:"#fff",transform:"translate(.558)",d:"M0 0h24.935v24H0z"})})})]}),Ea=un;var $t=require("@emotion/react/jsx-runtime"),gn=e=>(0,$t.jsx)("svg",{width:"1em",height:"1em",fill:"currentColor",...e,children:(0,$t.jsx)("path",{xmlns:"http://www.w3.org/2000/svg",d:"M3 3h6v2H6.462l4.843 4.843-1.415 1.414L5 6.367V9H3V3zm0 18h6v-2H6.376l4.929-4.928-1.415-1.414L5 17.548V15H3v6zm12 0h6v-6h-2v2.524l-4.867-4.866-1.414 1.414L17.647 19H15v2zm6-18h-6v2h2.562l-4.843 4.843 1.414 1.414L19 6.39V9h2V3z"})}),Ma=gn;var Ft=require("@emotion/react/jsx-runtime"),mn=e=>(0,Ft.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,Ft.jsx)("path",{d:"M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z",fill:"currentColor"})}),lt=mn;var Wt=require("@emotion/react/jsx-runtime"),fn=e=>(0,Wt.jsx)("svg",{width:"1em",height:"1em",fill:"currentColor",...e,children:(0,Wt.jsx)("path",{xmlns:"http://www.w3.org/2000/svg",d:"M14 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"})}),Qe=fn;var Kt=require("@emotion/react/jsx-runtime"),vn=e=>(0,Kt.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 46 46",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,Kt.jsx)("path",{d:"M44.203 21.203H24.797V1.797a1.797 1.797 0 1 0-3.594 0v19.406H1.797a1.797 1.797 0 1 0 0 3.594h19.406v19.406a1.797 1.797 0 0 0 3.594 0V24.797h19.406a1.797 1.797 0 0 0 0-3.594Z"})}),dt=vn;var tr=require("@emotion/react"),Ja=require("@uniformdev/design-system");var Qt=require("@emotion/react/jsx-runtime");function ae({src:e,alt:t,className:a}){let o=e&&typeof e!="string"?e:null;return o?(0,Qt.jsx)(o,{className:a}):(0,Qt.jsx)("img",{src:e,alt:t,className:a})}var q=require("@emotion/react"),F=require("@uniformdev/design-system"),ce=se(require("react")),gt=require("react-use");var za=require("@emotion/react"),ut=require("@uniformdev/design-system"),qa=require("react-icons/cg");var Ae=require("@emotion/react/jsx-runtime"),Yt=({value:e,text:t,loading:a})=>(0,Ae.jsxs)(Ae.Fragment,{children:[!!t&&t,!t&&(0,Ae.jsxs)(Ae.Fragment,{children:[a&&`${e} (Loading...)`,!a&&`${e} (Unresolvable)`]})]});var pt=require("@emotion/react"),Ua=pt.css`
|
|
2
2
|
align-items: center;
|
|
3
3
|
background: var(--gray-100);
|
|
4
4
|
border: 1px solid var(--gray-300);
|
|
@@ -7,21 +7,21 @@
|
|
|
7
7
|
justify-content: space-between;
|
|
8
8
|
margin-bottom: var(--spacing-sm);
|
|
9
9
|
margin-right: var(--spacing-sm);
|
|
10
|
-
`,
|
|
10
|
+
`,Ba=pt.css`
|
|
11
11
|
color: var(--gray-800);
|
|
12
12
|
padding: var(--spacing-3);
|
|
13
|
-
`,
|
|
13
|
+
`,Aa=pt.css`
|
|
14
14
|
border: none;
|
|
15
15
|
border-left: 1px solid var(--gray-300);
|
|
16
16
|
background: var(--gray-100);
|
|
17
17
|
padding: var(--spacing-3);
|
|
18
|
-
`;var de=require("@emotion/react/jsx-runtime"),
|
|
18
|
+
`;var de=require("@emotion/react/jsx-runtime"),Zt=({id:e,label:t,loading:a,selectedValues:o,values:r,onAdd:n,onRemove:i})=>{var u;let l=(u=r==null?void 0:r.filter(s=>!(o!=null&&o.includes(s.id.toString()))))!=null?u:[],d=(s,p)=>{s.preventDefault(),i(p)};return(0,de.jsxs)("div",{children:[(0,de.jsx)(ut.InputSelect,{id:e,name:e,label:t,onChange:s=>n(s.target.value),disabled:a,options:[{value:"",label:"Add..."},...l.map(s=>({value:s.id,label:s.name||s.id}))],value:"",css:Array.isArray(o)&&o.length>0?za.css`
|
|
19
19
|
margin-bottom: var(--spacing-base);
|
|
20
|
-
`:""}),
|
|
20
|
+
`:""}),o==null?void 0:o.map(s=>{var p;return(0,de.jsxs)("div",{css:Ua,children:[(0,de.jsx)("span",{css:Ba,children:(0,de.jsx)(Yt,{value:s,loading:a,text:(p=r.find(y=>y.id===s))==null?void 0:p.name})}),(0,de.jsx)("button",{css:Aa,title:"remove",onClick:y=>d(y,s),children:(0,de.jsx)(ut.Icon,{icon:qa.CgClose,iconColor:"currentColor",size:20})})]},s)})]})};var C=require("@emotion/react/jsx-runtime"),Ha={count:1,categories:[],brand:"",keyword:"",sort:"date_modified",sortOrder:"desc"},hn=({value:e,setValue:t,brands:a,categories:o,loading:r,categoriesLoading:n,brandsLoading:i,logoIcon:l,onGetProducts:d,sortOptions:u,sortOrderOptions:s,categoryLabel:p="Product Category",brandLabel:y="Brand",disableBrands:v,restrictToSingleCategory:M=!1})=>{var N,b,Q;let x=async g=>{t({...Ha,...e||{},...g})},P=(0,ce.useMemo)(()=>({...Ha,...e||{}}),[e]),[Ue,Fe]=(0,gt.useAsyncFn)(async g=>await d(g),[d]);(0,gt.useDebounce)(async()=>{await Fe({brand:P.brand,categories:P.categories,keyword:P.keyword,sort:P.sort,sortOrder:P.sortOrder,count:P.count})},250,[P]);let re=(0,ce.useMemo)(()=>{let g=[];return o==null||o.forEach(X=>{let A=Oa(X,void 0);g.push(...A)}),g},[o]),fe=(0,ce.useMemo)(()=>[{value:"",label:"All categories"},...re.map(g=>({label:g.name,value:g.id}))],[re]),ie=(0,ce.useMemo)(()=>(a==null?void 0:a.map(g=>({id:g.id.toString(),name:g.name})))||[],[a]),We=g=>{if(!g)return;let X=(e==null?void 0:e.categories)||[];x({categories:[...X,g]})},rt=g=>{var X;x({categories:(X=e==null?void 0:e.categories)==null?void 0:X.filter(A=>A!==g)})},Ce=g=>{x({brand:g.target.value})},O=g=>{x({count:g||1})};return r?(0,C.jsx)("div",{children:"Loading..."}):(0,C.jsx)(Xt.Provider,{value:{categories:o,logoIcon:l},children:(0,C.jsxs)("div",{css:q.css`
|
|
21
21
|
> :not(:last-child) {
|
|
22
22
|
margin-bottom: var(--spacing-md);
|
|
23
23
|
}
|
|
24
|
-
`,children:[
|
|
24
|
+
`,children:[M?(0,C.jsx)(F.InputSelect,{id:"selection-field-product-category",label:p,disabled:r,value:(b=(N=P.categories)==null?void 0:N[0])!=null?b:"",options:fe,onChange:g=>{x({categories:g.target.value===""?[]:[g.target.value]})}}):(0,C.jsx)(Zt,{loading:n||!1,id:"selection-field-product-category",label:p,onAdd:We,onRemove:rt,selectedValues:P.categories,values:re}),(0,C.jsxs)("div",{css:q.css`
|
|
25
25
|
display: flex;
|
|
26
26
|
flex-wrap: wrap;
|
|
27
27
|
column-gap: var(--spacing-lg);
|
|
@@ -29,12 +29,12 @@
|
|
|
29
29
|
${(0,F.mq)("md")} {
|
|
30
30
|
flex-wrap: nowrap;
|
|
31
31
|
}
|
|
32
|
-
`,children:[v?null:(0,C.jsx)("div",{css:
|
|
32
|
+
`,children:[v?null:(0,C.jsx)("div",{css:q.css`
|
|
33
33
|
width: 50%;
|
|
34
|
-
`,children:(0,C.jsx)(F.InputSelect,{id:"brand",name:"brand",label:y,disabled:i,value:P.brand,onChange:
|
|
34
|
+
`,children:(0,C.jsx)(F.InputSelect,{id:"brand",name:"brand",label:y,disabled:i,value:P.brand,onChange:Ce,options:[{value:"",label:"Choose..."},...ie.map(g=>({value:g.id,label:g.name}))]})}),(0,C.jsx)("div",{css:q.css`
|
|
35
35
|
flex-grow: 1;
|
|
36
36
|
position: relative;
|
|
37
|
-
`,children:(0,C.jsx)(F.Input,{id:"keyword-search",name:"keyword-search",label:"Keyword",value:P.keyword,placeholder:"Enter keyword",onChange:
|
|
37
|
+
`,children:(0,C.jsx)(F.Input,{id:"keyword-search",name:"keyword-search",label:"Keyword",value:P.keyword,placeholder:"Enter keyword",onChange:g=>x({keyword:g.target.value})})})]}),(0,C.jsxs)("div",{css:q.css`
|
|
38
38
|
display: flex;
|
|
39
39
|
flex-wrap: wrap;
|
|
40
40
|
column-gap: var(--spacing-lg);
|
|
@@ -42,31 +42,31 @@
|
|
|
42
42
|
${(0,F.mq)("md")} {
|
|
43
43
|
flex-wrap: nowrap;
|
|
44
44
|
}
|
|
45
|
-
`,children:[(0,C.jsxs)("div",{css:
|
|
45
|
+
`,children:[(0,C.jsxs)("div",{css:q.css`
|
|
46
46
|
width: 100%;
|
|
47
47
|
${(0,F.mq)("md")} {
|
|
48
48
|
width: 33.333333%;
|
|
49
49
|
}
|
|
50
50
|
position: relative;
|
|
51
|
-
`,children:[(0,C.jsx)(F.Input,{id:"count",name:"count",type:"number",min:1,step:1,value:P.count,onChange:
|
|
51
|
+
`,children:[(0,C.jsx)(F.Input,{id:"count",name:"count",type:"number",min:1,step:1,value:P.count,onChange:g=>O(g.target.valueAsNumber),label:"Count"}),(0,C.jsxs)("div",{css:q.css`
|
|
52
52
|
position: absolute;
|
|
53
53
|
bottom: var(--spacing-sm);
|
|
54
54
|
right: var(--spacing-sm);
|
|
55
55
|
display: flex;
|
|
56
56
|
gap: var(--spacing-sm);
|
|
57
|
-
`,children:[(0,C.jsx)(
|
|
57
|
+
`,children:[(0,C.jsx)(Ga,{onCountChange:()=>O(P.count-1),countIcon:"decrement",disabled:P.count===1}),(0,C.jsx)(Ga,{onCountChange:()=>O(P.count+1),countIcon:"increment"})]})]}),Array.isArray(u)&&u.length>0?(0,C.jsx)("div",{css:q.css`
|
|
58
58
|
flex-grow: 1;
|
|
59
59
|
${(0,F.mq)("md")} {
|
|
60
60
|
width: 33.333333%;
|
|
61
61
|
}
|
|
62
|
-
`,children:(0,C.jsx)(F.InputSelect,{id:"sort",name:"sort",label:"Sort",value:P.sort,onChange:
|
|
62
|
+
`,children:(0,C.jsx)(F.InputSelect,{id:"sort",name:"sort",label:"Sort",value:P.sort,onChange:g=>x({sort:g.target.value}),options:[{value:"",label:"Select a sort"},...u.map(g=>({value:g.sortKey,label:g.name}))]})}):null,Array.isArray(s)&&s.length>0?(0,C.jsx)("div",{css:q.css`
|
|
63
63
|
flex-grow: 1;
|
|
64
|
-
`,children:(0,C.jsx)(F.InputSelect,{id:"sort-order",name:"sort-order",label:"Sort Order",value:P.sortOrder,onChange:
|
|
64
|
+
`,children:(0,C.jsx)(F.InputSelect,{id:"sort-order",name:"sort-order",label:"Sort Order",value:P.sortOrder,onChange:g=>x({sortOrder:g.target.value}),options:s.map(g=>({value:g.sortOrderKey,label:g.name}))})}):null]}),(0,C.jsxs)("div",{children:[(0,C.jsx)("h3",{css:q.css`
|
|
65
65
|
font-size: var(--fs-md);
|
|
66
66
|
line-height: var(--spacing-md);
|
|
67
67
|
font-weight: var(--fw-bold);
|
|
68
68
|
margin-bottom: var(--spacing-xs);
|
|
69
|
-
`,children:"Result Preview"}),(0,C.jsx)(
|
|
69
|
+
`,children:"Result Preview"}),(0,C.jsx)(jt,{products:(Q=Ue.value)==null?void 0:Q.products})]})]})})};function Oa(e,t){var n;let a=[],o=t?`${t.name} > `:"",r={id:e.id.toString(),name:`${o}${e.name}`};return a.push(r),(n=e.children)==null||n.forEach(i=>{let l=Oa(i,r);a.push(...l)}),a}function Ga({onCountChange:e,countIcon:t,disabled:a}){return(0,C.jsx)("button",{css:q.css`
|
|
70
70
|
width: 2.25rem;
|
|
71
71
|
height: 2.25rem;
|
|
72
72
|
border: 1px solid var(--gray-300);
|
|
@@ -78,17 +78,17 @@
|
|
|
78
78
|
&:hover {
|
|
79
79
|
background-color: var(--gray-200);
|
|
80
80
|
}
|
|
81
|
-
${
|
|
81
|
+
${a?q.css`
|
|
82
82
|
cursor: not-allowed;
|
|
83
83
|
opacity: 0.3;
|
|
84
84
|
`:""}
|
|
85
|
-
`,onClick:e,disabled:
|
|
85
|
+
`,onClick:e,disabled:a,children:t==="increment"?(0,C.jsx)(dt,{css:q.css`
|
|
86
86
|
width: 1rem;
|
|
87
87
|
height: 1rem;
|
|
88
|
-
`}):(0,C.jsx)(
|
|
88
|
+
`}):(0,C.jsx)(lt,{css:q.css`
|
|
89
89
|
width: 1rem;
|
|
90
90
|
height: 1rem;
|
|
91
|
-
`})})}var
|
|
91
|
+
`})})}var Xt=ce.default.createContext(void 0),Jt=()=>{let e=(0,ce.useContext)(Xt);if(!e)throw new Error("useProductQueryContext must be used within a <ProductQueryContext> provider");return e};var j=require("@emotion/react"),Na=j.css`
|
|
92
92
|
align-items: center;
|
|
93
93
|
background: var(--white);
|
|
94
94
|
border-radius: var(--rounded-base);
|
|
@@ -103,65 +103,65 @@
|
|
|
103
103
|
&:hover {
|
|
104
104
|
background: var(--gray-50);
|
|
105
105
|
}
|
|
106
|
-
|
|
106
|
+
`,$a=j.css`
|
|
107
107
|
font-size: var(--fs-sm);
|
|
108
|
-
`,
|
|
108
|
+
`,Fa=j.css`
|
|
109
109
|
width: 1rem;
|
|
110
110
|
height: 1rem;
|
|
111
|
-
`,
|
|
111
|
+
`,er=j.css`
|
|
112
112
|
margin-right: var(--spacing-lg);
|
|
113
113
|
font-size: var(--fs-sm);
|
|
114
|
-
`,
|
|
114
|
+
`,Wa=j.css`
|
|
115
115
|
border: 1px solid var(--gray-200);
|
|
116
116
|
border-radius: var(--rounded-md);
|
|
117
117
|
background: var(--gray-50);
|
|
118
118
|
margin: var(--spacing-base) 0;
|
|
119
|
-
|
|
119
|
+
`,Ka=j.css`
|
|
120
120
|
align-items: center;
|
|
121
121
|
display: flex;
|
|
122
122
|
flex-grow: 1;
|
|
123
123
|
gap: var(--spacing-base);
|
|
124
124
|
padding: var(--spacing-sm);
|
|
125
125
|
margin-right: var(--spacing-sm);
|
|
126
|
-
`,
|
|
126
|
+
`,Qa=j.css`
|
|
127
127
|
background: var(--gray-200);
|
|
128
128
|
width: 3.5rem;
|
|
129
129
|
height: 3.5rem;
|
|
130
130
|
object-fit: cover;
|
|
131
|
-
`,
|
|
131
|
+
`,Ya=j.css`
|
|
132
132
|
background: var(--gray-100);
|
|
133
133
|
height: 3.5rem;
|
|
134
134
|
width: 3.5rem;
|
|
135
|
-
`,
|
|
135
|
+
`,Za=j.css`
|
|
136
136
|
margin-top: 0;
|
|
137
137
|
font-weight: var(--fw-bold);
|
|
138
138
|
font-size: var(--fs-sm);
|
|
139
139
|
width: calc(100% / 3);
|
|
140
|
-
`,
|
|
140
|
+
`,Xa=j.css`
|
|
141
141
|
display: block;
|
|
142
142
|
font-weight: var(--fw-regular);
|
|
143
|
-
`;var
|
|
143
|
+
`;var U=require("@emotion/react/jsx-runtime"),jt=({products:e})=>{let{categories:t,logoIcon:a}=Jt();return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)("p",{css:tr.css`
|
|
144
144
|
margin-bottom: var(--spacing-base);
|
|
145
|
-
`,children:["Matching ",(e==null?void 0:e.length)||0," products"]}),(0,
|
|
145
|
+
`,children:["Matching ",(e==null?void 0:e.length)||0," products"]}),(0,U.jsx)("ul",{css:[tr.css`
|
|
146
146
|
max-height: 24rem;
|
|
147
147
|
overflow-x: auto;
|
|
148
|
-
`,
|
|
148
|
+
`,Ja.scrollbarStyles],children:e==null?void 0:e.map((o,r)=>{var l,d;let[n]=(o==null?void 0:o.categories)||[],i=typeof n=="undefined"||!t||(l=t.find(u=>u.id===n.id))==null?void 0:l.name;return(0,U.jsx)("li",{css:Wa,children:(0,U.jsxs)("div",{css:Ka,"data-test-id":`product-item-${o.sku||o.id}`,children:[o.thumbnailUrl?(0,U.jsx)("img",{src:o.thumbnailUrl,alt:typeof o.title=="string"?o.title:o.name||`Product ${r}`,css:Qa,"data-test-id":"product-image"}):(0,U.jsx)("div",{css:Ya}),(0,U.jsxs)("h4",{css:Za,"data-test-id":"product-name",children:[o.title||o.name,i&&(0,U.jsx)("span",{css:Xa,children:i})]}),o&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)("p",{css:er,"data-test-id":"product-sku",children:["SKU: ",o.sku||o.id,(0,U.jsx)("br",{})]}),o.price!==void 0?(0,U.jsxs)("p",{css:er,"data-test-id":"product-price",children:["Price: ",o.price]}):null,o.editLink||o.url?(0,U.jsxs)("a",{css:Na,href:(d=o.editLink)!=null?d:o.url,title:`Go to ${o.title||o.name}`,target:"_blank",rel:"noopener noreferrer","data-test-id":"edit-product-button",children:[(0,U.jsx)("span",{css:$a,children:"Edit"}),a?(0,U.jsx)(ae,{src:a,alt:"Logo",css:Fa}):null]}):null]})]})},`product-${o.id}`)})})]})};var no=require("@uniformdev/design-system"),xe=se(require("react")),Pt=require("react-use");var sr=require("@emotion/react"),Pe=require("react");var he=require("@emotion/react"),rr=he.css`
|
|
149
149
|
cursor: pointer;
|
|
150
150
|
padding: var(--spacing-sm);
|
|
151
151
|
position: relative;
|
|
152
152
|
transition: background-color var(--duration-fast) var(--timing-ease-out),
|
|
153
153
|
color var(--duration-fast) var(--timing-ease-out);
|
|
154
|
-
`,
|
|
154
|
+
`,ar=he.css`
|
|
155
155
|
padding-right: var(--spacing-lg);
|
|
156
|
-
`,
|
|
156
|
+
`,or=he.css`
|
|
157
157
|
background: var(--brand-secondary-3);
|
|
158
158
|
color: var(--white);
|
|
159
|
-
`,
|
|
159
|
+
`,mt=he.css`
|
|
160
160
|
font-size: var(--fs-xs);
|
|
161
|
-
`,
|
|
161
|
+
`,ft=he.css`
|
|
162
162
|
font-weight: var(--fw-bold);
|
|
163
163
|
margin-right: var(--spacing-sm);
|
|
164
|
-
`,
|
|
164
|
+
`,nr=he.css`
|
|
165
165
|
background: var(--white);
|
|
166
166
|
border-left: 4px solid var(--brand-secondary-3);
|
|
167
167
|
border-radius: var(--rounded-base);
|
|
@@ -173,20 +173,20 @@
|
|
|
173
173
|
right: var(--spacing-xl);
|
|
174
174
|
z-index: var(--z-10);
|
|
175
175
|
width: max-content;
|
|
176
|
-
`,
|
|
176
|
+
`,ir=he.css`
|
|
177
177
|
position: absolute;
|
|
178
178
|
inset: 0 var(--spacing-sm) 0 auto;
|
|
179
|
-
`;var W=require("@emotion/react/jsx-runtime"),
|
|
179
|
+
`;var W=require("@emotion/react/jsx-runtime"),lr=({result:e,isSelected:t,triggerSelection:a})=>{let o=(0,Pe.useRef)(null),r=(0,Pe.useRef)(null),[n,i]=(0,Pe.useState)(!1);(0,Pe.useEffect)(()=>{function d(u){o.current&&!o.current.contains(u.target)&&r.current&&!r.current.contains(u.target)&&i(!1)}return document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}},[r]);let l=d=>{d.stopPropagation(),i(!n)};return(0,W.jsxs)("div",{css:[rr,t?or:void 0,e.popoverData?ar:void 0],"data-value":e.id,role:"option",tabIndex:-1,onClick:()=>a(),children:[e.title,e.popoverData&&t?(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)("button",{type:"button",ref:o,css:ir,"aria-controls":"path-details",onClick:d=>l(d),"aria-expanded":n,children:(0,W.jsx)(st,{width:24,height:24})}),(0,W.jsxs)("div",{id:"path-details","aria-hidden":!n,ref:r,css:[nr,n?sr.css`
|
|
180
180
|
visibility: visible;
|
|
181
|
-
`:
|
|
181
|
+
`:sr.css`
|
|
182
182
|
visibility: hidden;
|
|
183
|
-
`],children:[e.metadata&&Object.entries(e.metadata).map(([d,
|
|
183
|
+
`],children:[e.metadata&&Object.entries(e.metadata).map(([d,u],s)=>(0,W.jsxs)("div",{css:mt,children:[(0,W.jsxs)("span",{css:ft,children:[d,":"]}),u]},s)),Object.entries(e.popoverData).map(([d,u],s)=>(0,W.jsxs)("div",{css:mt,children:[(0,W.jsxs)("span",{css:ft,children:[d,":"]}),u]},s))]})]}):null]},e.id)};var pe=require("@emotion/react"),hr=require("@uniformdev/design-system"),ke=require("react"),bt=require("react-icons/cg"),eo=require("timeago.js");function vt(e,t){let a=window.open(e,"_blank"),o=setInterval(()=>{a!=null&&a.closed&&(clearInterval(o),t())},500)}var Y=require("@emotion/react"),ja=require("@uniformdev/design-system"),dr=Y.css`
|
|
184
184
|
border: 1px solid var(--gray-200);
|
|
185
185
|
background: var(--gray-50);
|
|
186
186
|
border-radius: var(--rounded-base);
|
|
187
187
|
display: flex;
|
|
188
188
|
width: 100%;
|
|
189
|
-
`,
|
|
189
|
+
`,cr=Y.css`
|
|
190
190
|
align-items: center;
|
|
191
191
|
display: flex;
|
|
192
192
|
flex-grow: 1;
|
|
@@ -194,22 +194,22 @@
|
|
|
194
194
|
margin-inline: 0 var(--spacing-sm);
|
|
195
195
|
padding: var(--spacing-base) var(--spacing-base) var(--spacing-base) var(--spacing-lg);
|
|
196
196
|
position: relative;
|
|
197
|
-
`,
|
|
197
|
+
`,pr=Y.css`
|
|
198
198
|
flex-grow: 1;
|
|
199
|
-
`,
|
|
199
|
+
`,ur=Y.css`
|
|
200
200
|
align-items: start;
|
|
201
201
|
display: inline-flex;
|
|
202
202
|
position: relative;
|
|
203
|
-
`,
|
|
203
|
+
`,gr=Y.css`
|
|
204
204
|
color: var(--brand-secondary-1);
|
|
205
205
|
font-size: var(--fs-base);
|
|
206
206
|
font-weight: var(--fw-bold);
|
|
207
207
|
line-height: 1;
|
|
208
208
|
margin: 0;
|
|
209
|
-
`,
|
|
209
|
+
`,mr=Y.css`
|
|
210
210
|
width: 1.5rem;
|
|
211
211
|
height: 1.5rem;
|
|
212
|
-
`,
|
|
212
|
+
`,fr=Y.css`
|
|
213
213
|
background: var(--white);
|
|
214
214
|
border-radius: var(--rounded-base);
|
|
215
215
|
border-left: 4px solid var(--brand-secondary-3);
|
|
@@ -218,22 +218,22 @@
|
|
|
218
218
|
padding: var(--spacing-base);
|
|
219
219
|
z-index: var(--z-10);
|
|
220
220
|
width: max-content;
|
|
221
|
-
`,
|
|
221
|
+
`,be=Y.css`
|
|
222
222
|
font-size: var(--fs-sm);
|
|
223
|
-
`,ze=
|
|
223
|
+
`,ze=Y.css`
|
|
224
224
|
font-weight: var(--fw-bold);
|
|
225
225
|
margin-right: var(--spacing-sm);
|
|
226
|
-
`,
|
|
226
|
+
`,vr=Y.css`
|
|
227
227
|
display: flex;
|
|
228
228
|
flex-direction: column;
|
|
229
229
|
gap: var(--spacing-sm);
|
|
230
230
|
|
|
231
|
-
${(0,
|
|
231
|
+
${(0,ja.mq)("md")} {
|
|
232
232
|
flex-direction: row;
|
|
233
233
|
min-width: 200px;
|
|
234
234
|
justify-content: end;
|
|
235
235
|
}
|
|
236
|
-
`,
|
|
236
|
+
`,ht=Y.css`
|
|
237
237
|
align-items: center;
|
|
238
238
|
background: var(--white);
|
|
239
239
|
border-radius: var(--rounded-base);
|
|
@@ -248,29 +248,29 @@
|
|
|
248
248
|
&:hover {
|
|
249
249
|
background: var(--gray-50);
|
|
250
250
|
}
|
|
251
|
-
`;var R=require("@emotion/react/jsx-runtime"),
|
|
251
|
+
`;var R=require("@emotion/react/jsx-runtime"),br=({selectedItem:e,logoIcon:t,onDeselect:a,onEditClosed:o})=>{var u;let r=(0,ke.useRef)(null),n=(0,ke.useRef)(null),[i,l]=(0,ke.useState)(!1);(0,ke.useEffect)(()=>{let s=y=>{r.current&&!r.current.contains(y.target)&&n.current&&!n.current.contains(y.target)&&l(!1)},p=()=>{l(!1)};return window.addEventListener("resize",p,!0),document.addEventListener("scroll",s,!0),document.addEventListener("mousedown",s),()=>{window.removeEventListener("resize",p,!0),document.removeEventListener("scroll",s,!0),document.removeEventListener("mousedown",s)}},[n]);let d=()=>{var s;if(l(!i),n.current&&r.current){let p=(s=r==null?void 0:r.current)==null?void 0:s.getBoundingClientRect(),y=n.current.offsetWidth;n.current.style.top=`${p.top+30}px`,n.current.style.left=`${p.left-y+30}px`}};return(0,R.jsx)("div",{css:dr,children:(0,R.jsxs)("div",{css:cr,children:[(0,R.jsxs)("div",{css:pr,children:[(0,R.jsxs)("div",{css:ur,children:[(0,R.jsx)("h4",{css:[gr,e.popoverData?pe.css`
|
|
252
252
|
margin-bottom: var(--spacing-sm);
|
|
253
253
|
`:""],title:`ID: ${e.id}`,"data-test-id":"entry-id",children:e.title||e.id||""}),e.popoverData?(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)("button",{type:"button",ref:r,css:pe.css`
|
|
254
254
|
margin: calc(var(--spacing-xs) * -1) 0 calc(var(--spacing-xs) * -1) var(--spacing-sm);
|
|
255
|
-
`,"aria-controls":"path-details","aria-expanded":i,onClick:d,children:(0,R.jsx)(
|
|
255
|
+
`,"aria-controls":"path-details","aria-expanded":i,onClick:d,children:(0,R.jsx)(hr.Icon,{icon:bt.CgInfo,iconColor:"gray",size:24,css:pe.css`
|
|
256
256
|
opacity: var(--opacity-75);
|
|
257
|
-
`})}),(0,R.jsx)("div",{id:"path-details","aria-hidden":!i,ref:n,css:[
|
|
257
|
+
`})}),(0,R.jsx)("div",{id:"path-details","aria-hidden":!i,ref:n,css:[fr,i?pe.css`
|
|
258
258
|
visibility: visible;
|
|
259
259
|
`:pe.css`
|
|
260
260
|
visibility: hidden;
|
|
261
|
-
`],children:Object.entries(e.popoverData).map(([s,p],y)=>(0,R.jsxs)("div",{css:
|
|
261
|
+
`],children:Object.entries(e.popoverData).map(([s,p],y)=>(0,R.jsxs)("div",{css:be,children:[(0,R.jsxs)("span",{css:ze,children:[s,":"]}),p]},y))})]}):null]}),e.createdDate&&(0,R.jsxs)("div",{css:be,children:[(0,R.jsx)("span",{css:ze,children:"Created:"}),(0,eo.format)((u=e.createdDate)!=null?u:0)]}),e.metadata?Object.entries(e.metadata).filter(([s])=>["type","status"].includes(s.toLocaleLowerCase())).map(([s,p])=>(0,R.jsxs)("div",{css:[be,pe.css`
|
|
262
262
|
order: 1;
|
|
263
|
-
`],children:[(0,R.jsxs)("span",{css:ze,children:[s,":"]}),p]},s)):null,e.metadata?Object.entries(e.metadata).filter(([s])=>!["type","status"].includes(s.toLocaleLowerCase())).map(([s,p])=>(0,R.jsxs)("div",{css:[
|
|
263
|
+
`],children:[(0,R.jsxs)("span",{css:ze,children:[s,":"]}),p]},s)):null,e.metadata?Object.entries(e.metadata).filter(([s])=>!["type","status"].includes(s.toLocaleLowerCase())).map(([s,p])=>(0,R.jsxs)("div",{css:[be,pe.css`
|
|
264
264
|
order: 1;
|
|
265
265
|
`],children:[(0,R.jsxs)("span",{css:[ze,pe.css`
|
|
266
266
|
order: 1;
|
|
267
|
-
`],children:[s,":"]}),p]},s)):null]}),(0,R.jsxs)("div",{css:
|
|
267
|
+
`],children:[s,":"]}),p]},s)):null]}),(0,R.jsxs)("div",{css:vr,children:[e.editLink?(0,R.jsxs)("a",{href:e.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",onClick:s=>{o&&(vt(s.currentTarget.href,()=>o(e)),s.preventDefault())},css:ht,children:[(0,R.jsx)("span",{css:be,children:"Edit"}),(0,R.jsx)(ae,{src:t,css:mr,alt:"Logo"})]}):null,(0,R.jsxs)("button",{type:"button",onClick:()=>{a(e)},css:ht,children:[(0,R.jsx)("span",{css:be,children:"Unlink"}),(0,R.jsx)(hr.Icon,{icon:bt.CgClose,iconColor:"red",size:16})]})]})]})},e.id)};var ee=require("@emotion/react"),B=require("@uniformdev/design-system"),oe=se(require("react")),qe=require("react-beautiful-dnd"),ro=require("react-use"),ao=require("uuid");var Te=require("react");function to(e,{delay:t=500,minDuration:a=200}={delay:500,minDuration:200}){let[o,r]=(0,Te.useState)("IDLE"),n=(0,Te.useRef)(void 0);return(0,Te.useEffect)(()=>{e&&o==="IDLE"&&(clearTimeout(n.current),n.current=setTimeout(()=>{if(!e)return r("IDLE");n.current=setTimeout(()=>{r("EXPIRE")},a),r("DISPLAY")},t),r("DELAY")),!e&&o!=="DISPLAY"&&(clearTimeout(n.current),r("IDLE"))},[e,o,t,a]),(0,Te.useEffect)(()=>()=>clearTimeout(n.current),[]),o==="DISPLAY"||o==="EXPIRE"}var z=require("@emotion/react"),yr=z.css`
|
|
268
268
|
background: var(--white);
|
|
269
269
|
border: 1px solid var(--gray-300);
|
|
270
270
|
border-radius: var(--rounded-base);
|
|
271
271
|
padding: calc(var(--spacing-base) - 0.25rem) var(--spacing-sm);
|
|
272
272
|
margin-bottom: var(--spacing-base);
|
|
273
|
-
`,
|
|
273
|
+
`,xr=z.css`
|
|
274
274
|
align-items: center;
|
|
275
275
|
display: flex;
|
|
276
276
|
position: relative;
|
|
@@ -278,7 +278,7 @@
|
|
|
278
278
|
width: 100%;
|
|
279
279
|
background-color: transparent;
|
|
280
280
|
border: 0;
|
|
281
|
-
`,
|
|
281
|
+
`,wr=z.css`
|
|
282
282
|
color: var(--brand-secondary-1);
|
|
283
283
|
display: block;
|
|
284
284
|
font-weight: var(--fw-bold);
|
|
@@ -294,15 +294,15 @@
|
|
|
294
294
|
background: var(--gray-100);
|
|
295
295
|
outline: none;
|
|
296
296
|
}
|
|
297
|
-
`,
|
|
297
|
+
`,Sr=z.css`
|
|
298
298
|
background: var(--white);
|
|
299
299
|
border: 1px solid var(--gray-300);
|
|
300
300
|
border-radius: var(--rounded-base);
|
|
301
301
|
padding: calc(var(--spacing-base) - 0.25rem) var(--spacing-base);
|
|
302
302
|
display: block;
|
|
303
|
-
`,
|
|
303
|
+
`,Cr=z.css`
|
|
304
304
|
display: none;
|
|
305
|
-
`,
|
|
305
|
+
`,Rr=z.css`
|
|
306
306
|
overflow-y: auto;
|
|
307
307
|
height: 16rem;
|
|
308
308
|
margin-bottom: var(--spacing-base);
|
|
@@ -311,26 +311,26 @@
|
|
|
311
311
|
& > :not(:last-child) {
|
|
312
312
|
border-bottom: 1px solid var(--gray-200);
|
|
313
313
|
}
|
|
314
|
-
`,
|
|
314
|
+
`,bn=z.css`
|
|
315
315
|
background-color: var(--gray-50);
|
|
316
316
|
max-width: 33.33%;
|
|
317
|
-
`,
|
|
317
|
+
`,Pr=z.css`
|
|
318
318
|
align-items: center;
|
|
319
319
|
display: flex;
|
|
320
320
|
position: absolute;
|
|
321
321
|
inset: 0 0 0 auto;
|
|
322
322
|
pointer-events: none;
|
|
323
323
|
padding-right: var(--spacing-sm);
|
|
324
|
-
`,
|
|
324
|
+
`,kr=z.css`
|
|
325
325
|
color: var(--brand-secondary-1);
|
|
326
326
|
width: 1.25rem;
|
|
327
327
|
height: 1.25rem;
|
|
328
328
|
transition: transform var(--duration-fast) var(--timing-ease-out);
|
|
329
329
|
transform: rotate(0);
|
|
330
|
-
`,
|
|
330
|
+
`,yn=z.css`
|
|
331
331
|
background: var(--white);
|
|
332
332
|
color: var(--brand-secondary-1);
|
|
333
|
-
`,Tr=
|
|
333
|
+
`,Tr=z.css`
|
|
334
334
|
position: relative;
|
|
335
335
|
margin-block: var(--spacing-sm) 0;
|
|
336
336
|
|
|
@@ -342,90 +342,90 @@
|
|
|
342
342
|
left: auto !important;
|
|
343
343
|
top: auto !important;
|
|
344
344
|
}
|
|
345
|
-
`,
|
|
345
|
+
`,Lr=z.css`
|
|
346
346
|
align-items: center;
|
|
347
347
|
display: flex;
|
|
348
348
|
position: absolute;
|
|
349
349
|
inset: 0 auto 0 0;
|
|
350
350
|
margin-block: auto;
|
|
351
351
|
opacity: 0;
|
|
352
|
-
`,
|
|
352
|
+
`,yt=z.css`
|
|
353
353
|
color: var(--brand-secondary-1);
|
|
354
|
-
`,
|
|
354
|
+
`,_r=z.css`
|
|
355
355
|
position: absolute;
|
|
356
356
|
left: 0.375rem;
|
|
357
|
-
`,
|
|
357
|
+
`,xt=z.css`
|
|
358
358
|
width: calc(var(--spacing-lg) + var(--spacing-xs));
|
|
359
359
|
height: calc(var(--spacing-lg) + var(--spacing-xs));
|
|
360
|
-
`;var f=require("@emotion/react/jsx-runtime"),
|
|
360
|
+
`;var f=require("@emotion/react/jsx-runtime"),xn=({searchText:e,selectedContentType:t})=>{let a="No content found";return t&&t!=="any"&&(a=`No ${t} content was found`),e&&(a=`${a} for keyword '${e}'.`),(0,f.jsx)(B.Callout,{type:"info",children:a})},Ir=({search:e,results:t,contentTypes:a,selectedItems:o,logoIcon:r,select:n,multiSelect:i,multiSelectId:l,rowComponent:d,selectedItemComponent:u,totalResults:s,cursor:p,resultsLoading:y,requireContentType:v,onAddNew:M,onEditClosed:x,onCancel:P,noResultsComponent:Ue,helpComponent:Fe,onSort:re,typeSelectorLabel:fe="Content Type Select",typeSelectorAllTypesOptionText:ie="All content types",loadingIndicatorDelay:We=1e3})=>{var Ra,Pa,ka;let Ce=()=>v?Array.isArray(a)&&a.length>0?a[0].id:"":"any",[O,N]=oe.useState(""),[b,Q]=oe.useState(Ce),[g,X]=oe.useState(!1),[A,Re]=oe.useState([]),[Ao,xa]=oe.useState(!1),Ut=oe.useRef(`x${(0,ao.v4)()}`);(0,ro.useDebounce)(()=>{e(O,{count:5,offset:0,contentType:b==="any"?void 0:b})},300,[O,b]);let zo=to(y,{delay:We}),qo=m=>{A.some(k=>k.id===m.id)?Re(k=>k.filter(ve=>ve.id!==m.id)):Re(i?k=>[...k,m]:[m])},Ho=o==null?void 0:o.map(m=>m.id+m.title).join(",");oe.useEffect(()=>{Array.isArray(o)&&Re(o)},[Ho]);let Go=()=>{Q(Ce()),N(""),Re(o!=null&&o.length?o:[])},Oo=()=>{X(m=>!m),g||Go()},wa=m=>{let k=(A==null?void 0:A.filter(ve=>ve.id!==m.id))||[];Re(k),n(k,"")},No=m=>{m.preventDefault(),n(A,b),X(!1)},$o=m=>{m.preventDefault(),X(!1),P&&P()},Fo=()=>{e(O,{count:5,offset:(t==null?void 0:t.length)||0,contentType:b==="any"?void 0:b,cursor:p}),xa(!0);let m=setTimeout(()=>{xa(!1)},750);return()=>clearTimeout(m)},Wo=!(o==null?void 0:o.length)||i,Ko=d||lr,Sa=u||br,Qo=Ue||xn,Ca=r&&typeof r!="string"?r:null,Yo=Ca?(0,f.jsx)(Ca,{css:xt}):(0,f.jsx)("img",{src:r,alt:"Logo",css:xt}),Zo=m=>{var k,ve;if(m.destination&&m.source.droppableId===((k=m.destination)==null?void 0:k.droppableId)){let $=[...o||[]],[Bt]=(ve=$==null?void 0:$.splice(m.source.index,1))!=null?ve:[];return $==null||$.splice(m.destination.index,0,Bt),re&&(Re($),re==null||re($)),$}};return(0,f.jsx)("div",{css:ee.css`
|
|
361
361
|
width: 100%;
|
|
362
|
-
`,children:(0,f.jsxs)("div",{css:
|
|
362
|
+
`,children:(0,f.jsxs)("div",{css:ee.css`
|
|
363
363
|
position: relative;
|
|
364
364
|
margin-block: var(--spacing-base);
|
|
365
|
-
`,children:[
|
|
365
|
+
`,children:[Wo?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{css:yr,"data-test-id":"component-search",children:(0,f.jsxs)("button",{css:xr,onClick:Oo,type:"button","aria-haspopup":!0,"aria-expanded":g,"aria-controls":`entry-search-config-${Ut.current}`,children:[Yo,(0,f.jsx)("span",{css:ee.css`
|
|
366
366
|
margin-left: var(--spacing-base);
|
|
367
|
-
`,children:"Select"}),(0,f.jsx)("span",{css:
|
|
367
|
+
`,children:"Select"}),(0,f.jsx)("span",{css:Pr,children:(0,f.jsx)(it,{css:[kr,g?ee.css`
|
|
368
368
|
transform: rotate(180deg);
|
|
369
|
-
`:void 0]})})]})}),(0,f.jsxs)("div",{id:`entry-search-config-${
|
|
369
|
+
`:void 0]})})]})}),(0,f.jsxs)("div",{id:`entry-search-config-${Ut.current}`,"aria-hidden":!g,css:[Sr,g?void 0:Cr],children:[Fe||null,(0,f.jsxs)("div",{css:ee.css`
|
|
370
370
|
display: flex;
|
|
371
371
|
gap: calc(var(--spacing-base) - 0.25rem);
|
|
372
372
|
margin-bottom: var(--spacing-base);
|
|
373
|
-
`,children:[(0,f.jsx)(
|
|
373
|
+
`,children:[(0,f.jsx)(B.InputSelect,{onChange:m=>Q(m.target.value),value:b,label:fe,showLabel:!1,options:[...v?[]:[{value:"any",label:ie}],...a?a.map(m=>({value:m.id,label:m.name})):[]]}),(0,f.jsx)("div",{css:ee.css`
|
|
374
374
|
flex-grow: 1;
|
|
375
|
-
`,children:(0,f.jsx)(
|
|
375
|
+
`,children:(0,f.jsx)(B.InputKeywordSearch,{inputFieldName:"searchText",placeholder:"Enter keyword to narrow your results",onSearchTextChanged:N,disabledFieldSubmission:!0,value:O})})]}),(0,f.jsxs)("div",{css:[Rr,B.scrollbarStyles],id:Ut.current,role:"listbox",tabIndex:0,"data-test-id":"entry-list",children:[(0,f.jsx)(B.LoadingOverlay,{isActive:zo}),Array.isArray(t)&&t.length>0?t.map(m=>(0,f.jsx)(Ko,{isSelected:A.some(k=>k.id===m.id),result:m,triggerSelection:()=>qo(m)},m.id)):y?null:(0,f.jsx)(Qo,{searchText:O||O,selectedContentType:(Pa=(Ra=a==null?void 0:a.find(m=>m.id===b))==null?void 0:Ra.name)!=null?Pa:b}),!y&&typeof s!="undefined"&&t&&(t==null?void 0:t.length)<s&&(0,f.jsx)("button",{type:"button",css:wr,onClick:Fo,children:Ao?(0,f.jsx)(B.LoadingIndicator,{}):"Load More"})]}),(0,f.jsxs)("div",{css:ee.css`
|
|
376
376
|
display: flex;
|
|
377
377
|
justify-content: space-between;
|
|
378
|
-
`,children:[(0,f.jsx)("div",{children:
|
|
378
|
+
`,children:[(0,f.jsx)("div",{children:M&&((ka=a==null?void 0:a.length)!=null?ka:0)>0?(0,f.jsx)(B.Menu,{menuLabel:"Add new menu",menuTrigger:(0,f.jsx)(B.Button,{buttonType:"secondary",children:"Add New"}),children:a==null?void 0:a.map(m=>(0,f.jsx)(B.MenuItem,{css:ee.css`
|
|
379
379
|
background: var(--white);
|
|
380
380
|
color: var(--brand-secondary-1);
|
|
381
|
-
`,onClick:()=>
|
|
381
|
+
`,onClick:()=>M(m),children:m.name},m.id))}):null}),(0,f.jsxs)("div",{css:ee.css`
|
|
382
382
|
display: flex;
|
|
383
383
|
gap: var(--spacing-base);
|
|
384
|
-
`,children:[(0,f.jsx)(
|
|
384
|
+
`,children:[(0,f.jsx)(B.Button,{buttonType:"unimportant",onClick:$o,children:"Cancel"}),(0,f.jsx)(B.Button,{disabled:!A.length,onClick:No,"data-test-id":"entry-accept-button",children:"Accept"})]})]})]})]}):null,g?null:i&&A.length>1?(0,f.jsx)(qe.DragDropContext,{onDragEnd:m=>Zo(m),children:(0,f.jsx)(qe.Droppable,{droppableId:l||"canvas-multi-select",children:m=>(0,f.jsxs)("div",{...m.droppableProps,ref:m.innerRef,css:ee.css`
|
|
385
385
|
margin-block: var(--spacing-sm) 0;
|
|
386
|
-
`,children:[
|
|
386
|
+
`,children:[A==null?void 0:A.map((k,ve)=>{if(k!=null&&k.id)return(0,f.jsx)(qe.Draggable,{draggableId:k.id,index:ve,children:($,Bt)=>(0,f.jsxs)("div",{css:Tr,ref:$.innerRef,"data-dragging":Bt.isDragging,...$.draggableProps,...$.dragHandleProps,children:[(0,f.jsxs)("span",{css:Lr,children:[(0,f.jsx)(Qe,{css:[yt,_r],width:24,height:24}),(0,f.jsx)(Qe,{css:yt,width:24,height:24})]}),(0,f.jsx)(Sa,{logoIcon:r,selectedItem:k,onDeselect:At=>wa(At),onEditClosed:x?At=>x(At):void 0},`selected-item-${k.id}`)]})},k.id)}),m.placeholder]})})}):A==null?void 0:A.map(m=>(0,f.jsx)(Sa,{logoIcon:r,selectedItem:m,onDeselect:k=>wa(k),onEditClosed:x?k=>x(k):void 0},`selected-item-${m.id}`))]})})};var zr=require("@emotion/react");var ye=require("@emotion/react"),Dr=ye.css`
|
|
387
387
|
cursor: pointer;
|
|
388
388
|
padding: var(--spacing-sm) 0;
|
|
389
389
|
margin-right: var(--spacing-sm);
|
|
390
390
|
position: relative;
|
|
391
391
|
transition: background-color var(--duration-fast) var(--timing-ease-out),
|
|
392
392
|
color var(--duration-fast) var(--timing-ease-out);
|
|
393
|
-
`,
|
|
393
|
+
`,Vr=ye.css`
|
|
394
394
|
border: 2px solid transparent;
|
|
395
395
|
border-radius: var(--rounded-base);
|
|
396
396
|
display: flex;
|
|
397
397
|
align-items: center;
|
|
398
398
|
gap: var(--spacing-base);
|
|
399
399
|
padding: var(--spacing-sm) var(--spacing-xs);
|
|
400
|
-
`,
|
|
400
|
+
`,Er=ye.css`
|
|
401
401
|
background-color: var(--green-50);
|
|
402
|
-
`,
|
|
402
|
+
`,Mr=ye.css`
|
|
403
403
|
font-size: var(--fs-sm);
|
|
404
404
|
font-weight: var(--fw-bold);
|
|
405
405
|
width: 50%;
|
|
406
|
-
`,
|
|
406
|
+
`,Ur=ye.css`
|
|
407
407
|
font-weight: var(--fw-normal);
|
|
408
408
|
display: block;
|
|
409
|
-
`,
|
|
409
|
+
`,Br=ye.css`
|
|
410
410
|
font-size: var(--fs-sm);
|
|
411
411
|
> * {
|
|
412
412
|
display: block;
|
|
413
413
|
}
|
|
414
|
-
`,
|
|
414
|
+
`,Ar=ye.css`
|
|
415
415
|
display: block;
|
|
416
416
|
height: 1.5rem;
|
|
417
417
|
width: 1.5rem;
|
|
418
418
|
color: var(--brand-secondary-3);
|
|
419
419
|
margin-left: auto;
|
|
420
|
-
`;var
|
|
420
|
+
`;var te=require("@emotion/react/jsx-runtime");function qr({result:e,isSelected:t,triggerSelection:a}){var l;let{categories:o,logoIcon:r}=Ye(),[n]=e.categories||[{id:"",name:""}],i=typeof n=="undefined"||!o||(l=o.find(d=>d.id===n.id))==null?void 0:l.name;return(0,te.jsx)("div",{"data-value":e.id,role:"option",tabIndex:-1,onClick:()=>a(),css:[Dr],children:(0,te.jsxs)("div",{css:[Vr,t?Er:void 0],children:[e.thumbnailUrl?(0,te.jsx)("img",{src:e.thumbnailUrl,alt:`Thumbnail for ${e.title}`,css:zr.css`
|
|
421
421
|
background-color: var(--gray-200);
|
|
422
422
|
width: 3rem;
|
|
423
423
|
height: 3rem;
|
|
424
424
|
object-fit: cover;
|
|
425
|
-
`}):(0,
|
|
425
|
+
`}):(0,te.jsx)(ae,{src:r,alt:"Logo",css:zr.css`
|
|
426
426
|
height: 2.25rem;
|
|
427
427
|
width: 2.25rem;
|
|
428
|
-
`}),(0,
|
|
428
|
+
`}),(0,te.jsxs)("h4",{css:[Mr],children:[e.title,i?(0,te.jsx)("span",{css:[Ur],children:i}):null]}),(0,te.jsxs)("p",{css:[Br],children:["SKU: ",e.sku||e.id,e.price!==void 0?(0,te.jsx)("span",{children:e.price}):null]}),t?(0,te.jsx)(nt,{css:[Ar]}):null]})},e.id)}var Le=require("@emotion/react"),Rt=require("@uniformdev/design-system"),oo=require("react-icons/cg");var ue=require("@emotion/react"),Hr=require("@uniformdev/design-system"),Gr=ue.css`
|
|
429
429
|
border: 1px solid var(--gray-200);
|
|
430
430
|
border-radius: var(--rounded-base);
|
|
431
431
|
background: var(--gray-50);
|
|
@@ -439,7 +439,7 @@
|
|
|
439
439
|
flex-grow: 1;
|
|
440
440
|
gap: var(--spacing-sm);
|
|
441
441
|
margin-inline: 0 var(--spacing-sm);
|
|
442
|
-
`,
|
|
442
|
+
`,Nr=ue.css`
|
|
443
443
|
display: flex;
|
|
444
444
|
align-items: center;
|
|
445
445
|
gap: var(--spacing-sm);
|
|
@@ -449,12 +449,12 @@
|
|
|
449
449
|
width: 50%;
|
|
450
450
|
margin-bottom: 0;
|
|
451
451
|
}
|
|
452
|
-
`,
|
|
452
|
+
`,wt=ue.css`
|
|
453
453
|
background-color: var(--gray-200);
|
|
454
454
|
width: 3.5rem;
|
|
455
455
|
height: 3.5rem;
|
|
456
456
|
object-fit: cover;
|
|
457
|
-
`,
|
|
457
|
+
`,St=ue.css`
|
|
458
458
|
align-items: center;
|
|
459
459
|
background: var(--white);
|
|
460
460
|
border-radius: var(--rounded-base);
|
|
@@ -469,13 +469,13 @@
|
|
|
469
469
|
&:hover {
|
|
470
470
|
background: var(--gray-50);
|
|
471
471
|
}
|
|
472
|
-
`,
|
|
472
|
+
`,Ct=ue.css`
|
|
473
473
|
font-size: var(--fs-sm);
|
|
474
|
-
|
|
474
|
+
`,$r=ue.css`
|
|
475
475
|
display: block;
|
|
476
476
|
width: 1rem;
|
|
477
477
|
height: 1rem;
|
|
478
|
-
|
|
478
|
+
`,Fr=ue.css`
|
|
479
479
|
display: flex;
|
|
480
480
|
flex-direction: column;
|
|
481
481
|
gap: var(--spacing-sm);
|
|
@@ -485,34 +485,34 @@
|
|
|
485
485
|
min-width: 200px;
|
|
486
486
|
justify-content: end;
|
|
487
487
|
}
|
|
488
|
-
`;var L=require("@emotion/react/jsx-runtime");function
|
|
488
|
+
`;var L=require("@emotion/react/jsx-runtime");function Wr({selectedItem:e,onDeselect:t}){var i;let{categories:a,logoIcon:o}=Ye(),[r]=e.categories||[{id:"",name:""}],n=typeof r=="undefined"||!a||(i=a.find(l=>l.id===r.id))==null?void 0:i.name;return(0,L.jsx)("div",{css:[Gr],children:(0,L.jsxs)("article",{css:[Or],children:[(0,L.jsxs)("div",{css:[Nr],children:[e.thumbnailUrl?(0,L.jsx)("img",{src:e.thumbnailUrl,alt:n,css:[wt],loading:"lazy"}):(0,L.jsx)("div",{css:[wt]}),(0,L.jsxs)("div",{css:Le.css`
|
|
489
489
|
> :not(:last-child) {
|
|
490
490
|
margin-bottom: var(--spacing-xs);
|
|
491
491
|
}
|
|
492
|
-
`,children:[(0,L.jsxs)("h4",{css:
|
|
492
|
+
`,children:[(0,L.jsxs)("h4",{css:Le.css`
|
|
493
493
|
margin-top: 0px;
|
|
494
494
|
font-weight: var(--fw-bold);
|
|
495
|
-
`,children:[e.title||e.id||"",n&&(0,L.jsx)("span",{css:
|
|
495
|
+
`,children:[e.title||e.id||"",n&&(0,L.jsx)("span",{css:Le.css`
|
|
496
496
|
display: block;
|
|
497
497
|
font-weight: var(--fw-regular);
|
|
498
|
-
`,children:n})]}),(0,L.jsxs)("ul",{css:
|
|
498
|
+
`,children:n})]}),(0,L.jsxs)("ul",{css:Le.css`
|
|
499
499
|
font-size: var(--fs-sm);
|
|
500
500
|
|
|
501
|
-
${(0,
|
|
501
|
+
${(0,Rt.mq)("sm")} {
|
|
502
502
|
display: flex;
|
|
503
503
|
gap: var(--spacing-base);
|
|
504
504
|
}
|
|
505
|
-
`,children:[(0,L.jsxs)("li",{children:[(0,L.jsx)("span",{css:
|
|
505
|
+
`,children:[(0,L.jsxs)("li",{children:[(0,L.jsx)("span",{css:Le.css`
|
|
506
506
|
margin-right: var(--spacing-xs);
|
|
507
|
-
`,children:"SKU:"}),e.sku||e.id]}),e.price!==void 0?(0,L.jsxs)("li",{children:[(0,L.jsx)("span",{css:
|
|
507
|
+
`,children:"SKU:"}),e.sku||e.id]}),e.price!==void 0?(0,L.jsxs)("li",{children:[(0,L.jsx)("span",{css:Le.css`
|
|
508
508
|
margin-right: var(--spacing-xs);
|
|
509
|
-
`,children:"Price:"}),(0,L.jsx)("span",{children:e.price})]}):null]})]})]}),(0,L.jsxs)("div",{css
|
|
509
|
+
`,children:"Price:"}),(0,L.jsx)("span",{children:e.price})]}):null]})]})]}),(0,L.jsxs)("div",{css:Fr,children:[e.editLink?(0,L.jsxs)("a",{href:e.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",css:St,children:[(0,L.jsx)("span",{css:Ct,children:"Edit"}),(0,L.jsx)(ae,{src:o,alt:"Logo",css:$r})]}):null,(0,L.jsxs)("button",{type:"button",onClick:()=>{t==null||t(e)},css:St,children:[(0,L.jsx)("span",{css:Ct,children:"Unlink"}),(0,L.jsx)(Rt.Icon,{icon:oo.CgClose,iconColor:"red",size:16})]})]})]})},e.id)}var He=require("@emotion/react/jsx-runtime");function wn({selectedProducts:e,setSelectedProducts:t,onGetCategories:a,onSearchProducts:o,logoIcon:r,multiSelect:n,multiSelectId:i,selectedItemComponent:l,rowComponent:d,errorComponent:u,helpComponent:s,noResultsComponent:p,onSort:y,typeSelectorAllTypesOptionText:v="All categories",typeSelectorLabel:M="Select Category"}){var Ce,O;let{value:x,loading:P,error:Ue}=(0,Pt.useAsync)(async()=>await a(),[a]),Fe=x==null?void 0:x.map(N=>N.id).join(","),re=(0,xe.useMemo)(()=>x?x.map(b=>({id:b.id,name:b.name})):void 0,[Fe]),fe=(0,xe.useRef)(),[ie,We]=(0,Pt.useAsyncFn)(async(N,b)=>{let Q=await o({text:N,options:{limit:b==null?void 0:b.count,offset:b==null?void 0:b.offset,categoryId:b==null?void 0:b.contentType,cursor:b==null?void 0:b.cursor}});return(b==null?void 0:b.offset)===0&&(fe.current=[]),(fe.current=fe.current||[]).push(...Q.products),Q},[o]),rt=async N=>{await t(N)};return Ue||ie.error?(0,He.jsx)(u||(({categoriesError:b,searchError:Q})=>(0,He.jsxs)(no.Callout,{type:"error",children:["There was an error: ",(b==null?void 0:b.message)||(Q==null?void 0:Q.message)]})),{categoriesError:Ue,searchError:ie.error}):(0,He.jsx)(Kr.Provider,{value:{categories:x,logoIcon:r},children:(0,He.jsx)(Ir,{search:We,results:fe.current,logoIcon:r,selectedItems:e,select:rt,multiSelectId:i||"product-search-multi-select",multiSelect:n,contentTypes:re,selectedItemComponent:l||Wr,rowComponent:d||qr,totalResults:(Ce=ie.value)==null?void 0:Ce.total,cursor:(O=ie.value)==null?void 0:O.cursor,resultsLoading:ie.loading||P,helpComponent:s,noResultsComponent:p,onSort:y,typeSelectorAllTypesOptionText:v,typeSelectorLabel:M})})}var Kr=xe.default.createContext(void 0),Ye=()=>{let e=(0,xe.useContext)(Kr);if(!e)throw new Error("useProductSearchContext must be used within a <ProductSearchContext> provider");return e};var Ie=require("@emotion/react"),oa=require("@uniformdev/design-system"),De=require("react"),Lt=require("react-icons/cg"),so=require("timeago.js");var H=require("@emotion/react"),io=require("@uniformdev/design-system"),Qr=H.css`
|
|
510
510
|
border: 1px solid var(--gray-200);
|
|
511
511
|
background: var(--gray-50);
|
|
512
512
|
border-radius: var(--rounded-base);
|
|
513
513
|
display: flex;
|
|
514
514
|
width: 100%;
|
|
515
|
-
`,
|
|
515
|
+
`,Yr=H.css`
|
|
516
516
|
align-items: center;
|
|
517
517
|
display: flex;
|
|
518
518
|
flex-grow: 1;
|
|
@@ -520,23 +520,23 @@
|
|
|
520
520
|
margin-inline: 0 var(--spacing-sm);
|
|
521
521
|
padding: var(--spacing-base) var(--spacing-base) var(--spacing-base) var(--spacing-lg);
|
|
522
522
|
position: relative;
|
|
523
|
-
`,
|
|
523
|
+
`,Zr=H.css`
|
|
524
524
|
flex-grow: 1;
|
|
525
|
-
`,
|
|
525
|
+
`,Xr=H.css`
|
|
526
526
|
align-items: center;
|
|
527
527
|
display: flex;
|
|
528
528
|
position: relative;
|
|
529
|
-
`,
|
|
529
|
+
`,Jr=H.css`
|
|
530
530
|
color: var(--brand-secondary-1);
|
|
531
531
|
font-size: var(--fs-base);
|
|
532
532
|
font-weight: var(--fw-bold);
|
|
533
533
|
line-height: 1;
|
|
534
534
|
margin: 0;
|
|
535
535
|
word-break: break-word;
|
|
536
|
-
`,
|
|
536
|
+
`,jr=H.css`
|
|
537
537
|
width: 1.5rem;
|
|
538
538
|
height: 1.5rem;
|
|
539
|
-
`,
|
|
539
|
+
`,ea=H.css`
|
|
540
540
|
background: var(--white);
|
|
541
541
|
border-radius: var(--rounded-base);
|
|
542
542
|
border-left: 4px solid var(--brand-secondary-3);
|
|
@@ -545,22 +545,22 @@
|
|
|
545
545
|
padding: var(--spacing-base);
|
|
546
546
|
z-index: var(--z-10);
|
|
547
547
|
width: max-content;
|
|
548
|
-
`,
|
|
548
|
+
`,_e=H.css`
|
|
549
549
|
font-size: var(--fs-sm);
|
|
550
|
-
`,
|
|
550
|
+
`,Ze=H.css`
|
|
551
551
|
font-weight: var(--fw-bold);
|
|
552
552
|
margin-right: var(--spacing-sm);
|
|
553
|
-
`,
|
|
553
|
+
`,ta=H.css`
|
|
554
554
|
display: flex;
|
|
555
555
|
flex-direction: column;
|
|
556
556
|
gap: var(--spacing-sm);
|
|
557
557
|
|
|
558
|
-
${(0,
|
|
558
|
+
${(0,io.mq)("md")} {
|
|
559
559
|
flex-direction: row;
|
|
560
560
|
justify-content: end;
|
|
561
561
|
min-width: 200px;
|
|
562
562
|
}
|
|
563
|
-
`,
|
|
563
|
+
`,kt=H.css`
|
|
564
564
|
align-items: center;
|
|
565
565
|
background: var(--white);
|
|
566
566
|
border-radius: var(--rounded-base);
|
|
@@ -575,52 +575,52 @@
|
|
|
575
575
|
&:hover {
|
|
576
576
|
background: var(--gray-50);
|
|
577
577
|
}
|
|
578
|
-
`,
|
|
578
|
+
`,ra=H.css`
|
|
579
579
|
display: flex;
|
|
580
580
|
margin-top: var(--spacing-sm);
|
|
581
581
|
gap: var(--spacing-sm);
|
|
582
|
-
`,
|
|
582
|
+
`,aa=H.css`
|
|
583
583
|
background: none;
|
|
584
584
|
outline: none;
|
|
585
585
|
border: none;
|
|
586
586
|
margin: calc(var(--spacing-xs) * -1) 0 calc(var(--spacing-xs) * -1) var(--spacing-sm);
|
|
587
|
-
`,Tt=
|
|
587
|
+
`,Tt=H.css`
|
|
588
588
|
display: block;
|
|
589
589
|
max-width: 100%;
|
|
590
590
|
min-width: 100px;
|
|
591
591
|
height: auto;
|
|
592
|
-
`;var w=require("@emotion/react/jsx-runtime");function
|
|
592
|
+
`;var w=require("@emotion/react/jsx-runtime");function Sn({selectedItem:e,onDeselect:t,onEditClosed:a,logoIcon:o,itemDetailsRendererComponent:r}){let n=(0,De.useRef)(null),i=(0,De.useRef)(null),[l,d]=(0,De.useState)(!1);(0,De.useEffect)(()=>{let p=v=>{n.current&&!n.current.contains(v.target)&&i.current&&!i.current.contains(v.target)&&d(!1)},y=()=>{d(!1)};return window.addEventListener("resize",y,!0),document.addEventListener("scroll",p,!0),document.addEventListener("mousedown",p),()=>{window.removeEventListener("resize",y,!0),document.removeEventListener("scroll",p,!0),document.removeEventListener("mousedown",p)}},[i]);let u=()=>{var p;if(d(!l),i.current&&n.current){let y=(p=n==null?void 0:n.current)==null?void 0:p.getBoundingClientRect();i.current.style.top=`${y.top+30}px`}},s=r!=null?r:Cn;return(0,w.jsx)("div",{css:[Qr,Ie.css`
|
|
593
593
|
margin: 0 0 1rem 0;
|
|
594
|
-
`],children:(0,w.jsxs)("div",{css:
|
|
594
|
+
`],children:(0,w.jsxs)("div",{css:Yr,children:[(0,w.jsxs)("div",{css:Zr,children:[(0,w.jsxs)("div",{css:Xr,children:[(0,w.jsx)("h4",{css:[Jr],title:`ID: ${e.id}`,"data-test-id":"dam-selected-item",children:e.title||e.id||""}),e.popoverData?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("button",{type:"button",ref:n,css:aa,"aria-controls":"path-details","aria-expanded":l,onClick:u,children:(0,w.jsx)(oa.Icon,{icon:Lt.CgInfo,iconColor:"gray",size:24,css:Ie.css`
|
|
595
595
|
opacity: var(--opacity-75);
|
|
596
|
-
`})}),(0,w.jsx)("div",{id:"path-details","aria-hidden":!
|
|
596
|
+
`})}),(0,w.jsx)("div",{id:"path-details","aria-hidden":!l,ref:i,css:[ea,l?Ie.css`
|
|
597
597
|
visibility: visible;
|
|
598
|
-
`:
|
|
598
|
+
`:Ie.css`
|
|
599
599
|
visibility: hidden;
|
|
600
|
-
`],children:Object.entries(e.popoverData).map(([p,y],v)=>(0,w.jsxs)("div",{css:
|
|
600
|
+
`],children:Object.entries(e.popoverData).map(([p,y],v)=>(0,w.jsxs)("div",{css:_e,children:[(0,w.jsxs)("span",{css:Ze,children:[p,":"]}),y]},v))})]}):null]}),(0,w.jsx)(s,{item:e})]}),(0,w.jsxs)("div",{css:ta,children:[e.editLink?typeof e.editLink=="string"?(0,w.jsxs)("a",{href:e.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",onClick:p=>{a&&(vt(p.currentTarget.href,()=>a(e)),p.preventDefault())},css:kt,children:[(0,w.jsx)("span",{css:_e,children:"Edit"}),o?(0,w.jsx)(ae,{src:o,css:jr,alt:"Logo"}):null]}):e.editLink:null,(0,w.jsxs)("button",{type:"button",onClick:()=>{t(e)},css:kt,children:[(0,w.jsx)("span",{css:_e,children:"Unlink"}),(0,w.jsx)(oa.Icon,{icon:Lt.CgClose,iconColor:"red",size:16})]})]})]})},e.id)}function Cn({item:e}){let t=null;return e.previewUrl&&typeof e.previewUrl=="string"?e.type==="image"?t=(0,w.jsx)("img",{src:e.previewUrl,alt:e.id,width:"200",css:Tt}):e.type==="video"&&(t=(0,w.jsx)("video",{src:e.previewUrl,title:e.id,width:"200",controls:!0,css:Tt})):e.previewUrl&&typeof e.previewUrl!="string"&&(t=e.previewUrl),t||e.metadata?(0,w.jsxs)("div",{css:ra,children:[t?(0,w.jsx)("div",{children:t}):null,(0,w.jsxs)("ul",{children:[e.metadata?Object.entries(e.metadata).map(([a,o])=>(0,w.jsxs)("li",{css:[_e,Ie.css`
|
|
601
601
|
order: 1;
|
|
602
|
-
`],children:[(0,w.jsxs)("span",{css:[
|
|
602
|
+
`],children:[(0,w.jsxs)("span",{css:[Ze,Ie.css`
|
|
603
603
|
order: 1;
|
|
604
|
-
`],children:[
|
|
604
|
+
`],children:[a,":"]}),o]},a)):null,e.createdDate?(0,w.jsxs)("li",{css:_e,children:[(0,w.jsx)("span",{css:Ze,children:"Date:"}),(0,so.format)(e.createdDate)]}):null]})]}):null}var It=require("@uniformdev/design-system");var lo=require("@uniformdev/mesh-sdk"),Ve=require("react"),na=({autoResizingDisabled:e}={})=>{let[t,a]=(0,Ve.useState)(),[o,r]=(0,Ve.useState)(),n=(0,Ve.useRef)(!1);return(0,Ve.useEffect)(()=>{typeof window=="undefined"||o||(typeof window.UniformMeshSDK=="undefined"&&!n.current?(n.current=!0,(0,lo.initializeUniformMeshSDK)({autoResizingDisabled:e}).then(i=>{r(i)}).catch(i=>{a(i)}).finally(()=>{n.current=!1})):r(window.UniformMeshSDK))},[e]),{initializing:!o&&!t,error:t,sdk:o}};var we=require("react");var co=require("@uniformdev/design-system"),_t=require("react");var Xe=require("@emotion/react/jsx-runtime"),Je=(0,_t.createContext)(void 0),Rn=({children:e})=>{let t;return typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"&&(t={sdk:window.UniformMeshSDK}),(0,Xe.jsxs)(Je.Provider,{value:t,children:[(0,Xe.jsx)(co.Theme,{}),(0,Xe.jsx)(je,{children:e})]})},ia=()=>{let e=(0,_t.useContext)(Je);if(!e)throw new Error("useUniformMeshSdkContext must be used within <MeshApp /> or <UniformMeshSdkContext />");return e};function sa(){let{sdk:e}=ia();return e}var po=require("@emotion/react/jsx-runtime"),la=(0,we.createContext)(void 0),je=({children:e})=>{let t=sa(),[a,o]=(0,we.useState)(t.getCurrentLocation()),r=n=>{o(i=>({...i,value:n.newValue}))};return(0,we.useEffect)(()=>(t.events.on("onValueChanged",r),()=>{t.events.off("onValueChanged",r)}),[t]),(0,po.jsx)(la.Provider,{value:{location:a},children:e})},et=()=>{let e=(0,we.useContext)(la);if(!e)throw new Error("useUniformMeshLocationContext must be used within a UniformMeshLocationContextProvider");return e};var Se=require("@emotion/react/jsx-runtime"),Pn=({children:e,loadingComponent:t,errorComponent:a})=>{let{initializing:o,error:r,sdk:n}=na();if(o||!n){let i=t;return i?(0,Se.jsx)(i,{}):(0,Se.jsx)(It.LoadingIndicator,{})}if(r){let i=a;if(i)return(0,Se.jsx)(i,{error:r});throw r}return(0,Se.jsxs)(Je.Provider,{value:{sdk:n},children:[(0,Se.jsx)(It.Theme,{}),(0,Se.jsx)(je,{children:e})]})};var ua=require("@emotion/react"),ho=se(require("@monaco-editor/react")),bo=require("@uniformdev/design-system"),yo=require("react");var Ge=se(require("react")),go=require("@emotion/react/jsx-runtime"),uo=Ge.createContext(null);function kn({value:e,onChange:t,children:a}){let o=Ge.useMemo(()=>({dispatch:r=>{if(r.type==="setRelativeUrl")t(n=>({...n,relativeUrl:r.relativeUrl}));else if(r.type==="updateParameter")t(n=>{let i=[...n.parameters];return typeof r.index=="number"?i[r.index]=r.parameter:i.push(r.parameter),{...n,parameters:i}});else if(r.type==="removeParameter")t(n=>{let i=[...n.parameters];return i.splice(r.index,1),{...n,parameters:i}});else if(r.type==="updateHeader")t(n=>{let i=[...n.headers];return typeof r.index!="undefined"?i[r.index]=r.header:i.push(r.header),{...n,headers:i}});else if(r.type==="removeHeader")t(n=>{let i=[...n.headers];return i.splice(r.index,1),{...n,headers:i}});else if(r.type==="setMethod")t(n=>({...n,method:r.method}));else if(r.type==="setBody")t(n=>{let i=[...n.headers],l=i.findIndex(({key:d})=>d.trim().toLocaleLowerCase()==="content-type");return l>-1?i[l].value=r.contentType:i.push({key:"Content-Type",value:r.contentType}),{...n,body:r.body,headers:i}});else throw new Error(`Unknown event ${JSON.stringify(r)}`)},request:e}),[t,e]);return(0,go.jsx)(uo.Provider,{value:o,children:a})}function K(){let e=Ge.useContext(uo);if(!e)throw new Error("No RequestProvider present");return e}var da=require("@emotion/react"),Dt=da.css`
|
|
605
605
|
background: var(--white);
|
|
606
|
-
`,
|
|
606
|
+
`,mo=e=>da.css`
|
|
607
607
|
align-items: start;
|
|
608
608
|
background: ${e};
|
|
609
609
|
display: grid;
|
|
610
610
|
grid-template-columns: 12ch 1fr;
|
|
611
611
|
gap: var(--spacing-sm);
|
|
612
|
-
`;var
|
|
612
|
+
`;var fo=require("@emotion/react/jsx-runtime"),pa=({bgColor:e="transparent",children:t,...a})=>(0,fo.jsx)("div",{css:mo(e),...a,children:t});var Oe=require("@emotion/react/jsx-runtime"),Tn=[{label:"Text",value:"plaintext"},{label:"JSON",value:"json"},{label:"YAML",value:"yaml"},{label:"JavaScript",value:"javascript"},{label:"XML",value:"xml"},{label:"HTML",value:"html"}],vo={plaintext:"text/plain",json:"application/json",yaml:"application/x-yaml",javascript:"application/javascript",xml:"application/xml",html:"text/html"};function Ln(){let{request:e,dispatch:t}=K(),[a,o]=(0,yo.useState)("json");return(0,Oe.jsxs)("div",{css:ua.css`
|
|
613
613
|
background: var(--white);
|
|
614
|
-
`,children:[(0,Oe.jsx)(
|
|
614
|
+
`,children:[(0,Oe.jsx)(pa,{bgColor:"var(--gray-100)",css:ua.css`
|
|
615
615
|
padding: var(--spacing-sm) var(--spacing-base);
|
|
616
|
-
`,children:(0,Oe.jsx)(
|
|
616
|
+
`,children:(0,Oe.jsx)(bo.InputSelect,{label:"Language",showLabel:!1,options:Tn,value:a,onChange:r=>{let n=r.currentTarget.value;o(n),e.body&&t({type:"setBody",body:e.body,contentType:vo[n]})}})}),(0,Oe.jsx)(ho.default,{height:200,value:e.body,language:a,options:{language:a,minimap:{enabled:!1},folding:!1},onChange:r=>{r&&t({type:"setBody",body:r,contentType:vo[a]})}})]})}var _=require("@uniformdev/design-system");var V=require("@emotion/react/jsx-runtime");function _n({disableVariables:e}){var r,n;let{dispatch:t,request:a}=K(),o=[...a.headers,{key:"",value:""}];return(0,V.jsx)("div",{css:Dt,children:(0,V.jsxs)(_.Table,{children:[(0,V.jsx)(_.TableHead,{children:(0,V.jsxs)(_.TableRow,{children:[(0,V.jsx)(_.TableCellHead,{children:"Name"}),(0,V.jsx)(_.TableCellHead,{children:"Value"})]})}),(0,V.jsxs)(_.TableBody,{children:[(n=(r=a.baseRequest)==null?void 0:r.headers)==null?void 0:n.map(i=>(0,V.jsxs)(_.TableRow,{children:[(0,V.jsxs)(_.TableCellData,{width:"50%",children:[i.key,(0,V.jsx)("br",{}),(0,V.jsx)("i",{css:{color:"var(--gray-500)"},children:(0,V.jsx)("small",{children:"from data source"})})]}),(0,V.jsxs)(_.TableCellData,{width:"50%",children:[(0,V.jsx)("i",{css:{color:"var(--gray-500)"},children:i.value}),a.headers.find(l=>l.key===i.key)?(0,V.jsx)(_.WarningMessage,{message:"overridden below"}):null]})]},i.key)),o.map((i,l)=>(0,V.jsxs)(_.TableRow,{children:[(0,V.jsx)(_.TableCellData,{width:"50%",children:(0,V.jsx)(_.Input,{label:i.key,value:i.key,showLabel:!1,onChange:d=>{d.currentTarget.value?t({type:"updateHeader",header:{key:d.currentTarget.value,value:i.value},index:l}):t({type:"removeHeader",index:l})}})}),(0,V.jsx)(_.TableCellData,{width:"50%",children:i.key?(0,V.jsx)(_.Input,{showLabel:!1,label:i.value,value:i.value,onChange:d=>t({type:"updateHeader",header:{key:i.key,value:d.currentTarget.value},index:l})}):null})]},l))]})]})})}var xo=require("@uniformdev/design-system");var wo=require("@emotion/react/jsx-runtime");function In(e){var o;let{request:t,dispatch:a}=K();return(0,wo.jsx)(xo.InputSelect,{...e,options:[{label:"GET",value:"GET"},{label:"POST",value:"POST"},{label:"HEAD",value:"HEAD"}],value:(o=t.method)!=null?o:"GET",onChange:r=>a({type:"setMethod",method:r.currentTarget.value})})}var I=require("@uniformdev/design-system");var E=require("@emotion/react/jsx-runtime");function Dn({disableVariables:e}){var r,n;let{dispatch:t,request:a}=K(),o=[...a.parameters,{key:"",value:""}];return(0,E.jsx)("div",{css:Dt,children:(0,E.jsxs)(I.Table,{children:[(0,E.jsx)(I.TableHead,{children:(0,E.jsxs)(I.TableRow,{children:[(0,E.jsx)(I.TableCellHead,{children:"Name"}),(0,E.jsx)(I.TableCellHead,{children:"Value"})]})}),(0,E.jsxs)(I.TableBody,{children:[(n=(r=a.baseRequest)==null?void 0:r.parameters)==null?void 0:n.map(i=>(0,E.jsxs)(I.TableRow,{children:[(0,E.jsxs)(I.TableCellData,{width:"50%",children:[i.key,(0,E.jsx)("br",{}),(0,E.jsx)("i",{css:{color:"var(--gray-500)"},children:(0,E.jsx)("small",{children:"from data source"})})]}),(0,E.jsxs)(I.TableCellData,{width:"50%",children:[(0,E.jsx)("i",{css:{color:"var(--gray-500)"},children:i.value}),a.parameters.find(l=>l.key===i.key)?(0,E.jsx)(I.WarningMessage,{message:"overridden below"}):null]})]},i.key)),o.map((i,l)=>(0,E.jsxs)(I.TableRow,{children:[(0,E.jsx)(I.TableCellData,{width:"50%",children:(0,E.jsx)(I.Input,{label:i.key,value:i.key,showLabel:!1,onChange:d=>{d.currentTarget.value?t({type:"updateParameter",parameter:{key:d.currentTarget.value,value:i.value},index:l}):t({type:"removeParameter",index:l})}})}),(0,E.jsx)(I.TableCellData,{width:"50%",children:i.key?(0,E.jsx)(I.Input,{showLabel:!1,label:i.value,value:i.value,onChange:d=>t({type:"updateParameter",parameter:{key:i.key,value:d.currentTarget.value},index:l})}):null})]},l))]})]})})}var Mo=require("@emotion/react"),Uo=require("react");var To=require("@emotion/react"),Lo=se(require("@yaireo/tagify/dist/react.tagify")),G=se(require("react"));var Vt=require("@emotion/react"),So=Vt.css`
|
|
617
617
|
> * {
|
|
618
618
|
margin: var(--spacing-base) 0 0;
|
|
619
619
|
}
|
|
620
|
-
`,
|
|
620
|
+
`,Co=Vt.css`
|
|
621
621
|
display: flex;
|
|
622
622
|
gap: var(--spacing-sm);
|
|
623
|
-
`,
|
|
623
|
+
`,Ro=Vt.css`
|
|
624
624
|
:root {
|
|
625
625
|
--tagify-dd-color-primary: rgb(53, 149, 246);
|
|
626
626
|
--tagify-dd-bg-color: var(--white);
|
|
@@ -1117,14 +1117,14 @@
|
|
|
1117
1117
|
opacity: 0;
|
|
1118
1118
|
transition: inherit;
|
|
1119
1119
|
}
|
|
1120
|
-
`;var
|
|
1120
|
+
`;var Ne=se(require("react"));var Ee=require("@uniformdev/design-system"),Et=require("formik");var ne=require("@emotion/react/jsx-runtime");function ga({variable:e,onSubmit:t,onCancel:a}){var r,n,i,l,d,u,s,p,y;let{variables:o}=ge();return(0,ne.jsx)(Et.Formik,{initialValues:{name:e,default:(n=(r=o[e])==null?void 0:r.default)!=null?n:"",displayName:(l=(i=o[e])==null?void 0:i.displayName)!=null?l:"",helpText:(u=(d=o[e])==null?void 0:d.helpText)!=null?u:"",order:(s=o[e])==null?void 0:s.order,type:(y=(p=o[e])==null?void 0:p.type)!=null?y:""},onSubmit:v=>{let M={...v,helpText:v.helpText||void 0,type:v.type||void 0,displayName:v.displayName||void 0};return t(M)},children:({getFieldProps:v,initialValues:M})=>(0,ne.jsxs)(Et.Form,{css:So,children:[(0,ne.jsx)(Ee.Input,{...v("name"),label:"Name",disabled:M.name!=="",caption:"This cannot change once created."}),(0,ne.jsx)(Ee.Input,{...v("helpText"),label:"Help Text",caption:"Appears in the composition data resource when entering a value for this variable.",autoComplete:"off"}),(0,ne.jsx)(Ee.Input,{...v("default"),label:"Default Value",autoComplete:"off"}),(0,ne.jsxs)("div",{css:Co,children:[(0,ne.jsx)(Ee.Button,{type:"submit",children:"Save"}),(0,ne.jsx)(Ee.Button,{type:"button",buttonType:"ghost",onClick:a,children:"cancel"})]})]})})}var Mt=require("@emotion/react/jsx-runtime"),ko=Ne.createContext(null);function Vn({value:e,onChange:t,editVariableComponent:a,children:o}){let[r,n]=Ne.useState(),i=a!=null?a:ga,l={dispatch:d=>{if(d.type==="set"){let{name:u,...s}=d.variable;t({...l.variables,[d.variable.name]:s}),d.openEditor&&n(d.variable.name)}else if(d.type==="edit")n(d.variable);else if(d.type==="remove"){let u={...e};delete u[d.variable],t(u)}else if(d.type==="reorder")t(d.result);else throw new Error(`Unknown event ${JSON.stringify(d)}`)},variables:e};return(0,Mt.jsxs)(ko.Provider,{value:l,children:[o,typeof r!="undefined"?(0,Mt.jsx)(i,{onSubmit:d=>{n(void 0);let{name:u,...s}=d;t({...e,[u]:s})},onCancel:()=>n(void 0),variable:r}):null]})}function ge(){let e=Ne.useContext(ko);if(!e)throw new Error("No VariablesProvider present");return e}var Me=require("@emotion/react/jsx-runtime");function ma(e){return e.replace(/\${{.*?"value":"([^"]+)".*?}}/g,"${$1}").replace(/[\r\n]+/g,"")}function fa({label:e,value:t,disableVariables:a,onChange:o,onPaste:r}){let{variables:n,dispatch:i}=ge(),l=G.useRef(n),d=G.useRef(i),u=G.useRef(o),s=G.useRef();G.useEffect(()=>{l.current=n},[n]),G.useEffect(()=>{d.current=i},[i]),G.useEffect(()=>{u.current=o},[o]),G.useEffect(()=>{var v;((v=s==null?void 0:s.current)==null?void 0:v.DOM)&&r&&(s.current.DOM.input.onpaste=()=>{var M,x;return r(ma((x=(M=s.current)==null?void 0:M.getInputValue())!=null?x:""))})}),G.useEffect(()=>{var M,x,P;let v=ma((x=(M=s.current)==null?void 0:M.getInputValue())!=null?x:"");t!==v&&((P=s.current)==null||P.loadOriginalValues(t))},[t]);let p=G.useCallback(v=>{u.current(ma(v))},[]),y=G.useCallback(v=>{l.current[v]||d.current({type:"set",variable:{name:v,default:""},openEditor:!0})},[]);return(0,Me.jsxs)(Me.Fragment,{children:[(0,Me.jsx)(To.Global,{styles:Ro}),(0,Me.jsx)(Lo.default,{tagifyRef:s,"aria-label":e,defaultValue:t,autoFocus:!1,whitelist:Object.entries(n).map(([v,M])=>{var x;return{name:(x=M.displayName)!=null?x:v,value:v}}),settings:{pattern:a?null:/\$/,enforceWhitelist:a,mixTagsInterpolator:["${","}"],duplicates:!0,tagTextProp:"name",dropdown:{position:"text",enabled:0,mapValueTo:v=>v.name,includeSelectedTags:!0,searchKeys:["name","value"],highlightFirst:!0}},InputMode:"textarea",onAdd:v=>{var x;let M=(x=v.detail.data)==null?void 0:x.value;M&&y(M)},onRemove:v=>{p(v.detail.tagify.getInputValue())},onChange:v=>{p(v.detail.value)},onInput:v=>{p(v.detail.tagify.getInputValue())}})]})}var Eo=require("@emotion/react"),D=require("@uniformdev/design-system"),$e=require("react-beautiful-dnd");var tt=require("@emotion/react"),_o=e=>tt.css`
|
|
1121
1121
|
position: relative;
|
|
1122
1122
|
${e?`
|
|
1123
1123
|
display: table;
|
|
1124
1124
|
left: auto !important;
|
|
1125
1125
|
top: auto !important;
|
|
1126
1126
|
`:void 0}
|
|
1127
|
-
`,
|
|
1127
|
+
`,Io=tt.css`
|
|
1128
1128
|
&::after {
|
|
1129
1129
|
content: '';
|
|
1130
1130
|
display: block;
|
|
@@ -1141,7 +1141,7 @@
|
|
|
1141
1141
|
&:hover::after {
|
|
1142
1142
|
opacity: 1;
|
|
1143
1143
|
}
|
|
1144
|
-
`,
|
|
1144
|
+
`,Do=tt.css`
|
|
1145
1145
|
border: none;
|
|
1146
1146
|
color: var(--brand-secondary-5);
|
|
1147
1147
|
font-weight: var(--fw-medium);
|
|
@@ -1151,11 +1151,15 @@
|
|
|
1151
1151
|
text-overflow: ellipsis;
|
|
1152
1152
|
white-space: nowrap;
|
|
1153
1153
|
max-width: 20ch;
|
|
1154
|
-
`,
|
|
1154
|
+
`,Vo=tt.css`
|
|
1155
1155
|
overflow: hidden;
|
|
1156
1156
|
text-overflow: ellipsis;
|
|
1157
1157
|
white-space: nowrap;
|
|
1158
1158
|
max-width: 20ch;
|
|
1159
|
-
`;function
|
|
1159
|
+
`;function va(e){return Object.entries(e||{}).sort(([t,a],[o,r])=>{var n,i;return a.order&&r.order?a.order-r.order:a.order?1:r.order?-1:((n=a.displayName)!=null?n:t).localeCompare((i=r.displayName)!=null?i:o)}).map(([t,a])=>({name:t,...a}))}var T=require("@emotion/react/jsx-runtime");function Mn(){let{variables:e,dispatch:t}=ge(),a=va(e),o=r=>{var n,i;if(r.destination&&r.source.droppableId===((n=r.destination)==null?void 0:n.droppableId)){let l=[...a||[]],[d]=(i=l==null?void 0:l.splice(r.source.index,1))!=null?i:[];l==null||l.splice(r.destination.index,0,d);let u=l.reduce((s,p,y)=>({...s,[p.name]:{type:p.type,default:p.default,order:y}}),{});return t({type:"reorder",result:u}),l}};return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)($e.DragDropContext,{onDragEnd:r=>o(r),children:(0,T.jsx)($e.Droppable,{droppableId:"variables-table",children:r=>(0,T.jsxs)(D.Table,{...r.droppableProps,ref:r.innerRef,children:[(0,T.jsx)(D.TableHead,{children:(0,T.jsxs)(D.TableRow,{children:[(0,T.jsx)(D.TableCellHead,{children:"Name"}),(0,T.jsx)(D.TableCellHead,{children:"Default Value"}),(0,T.jsx)(D.TableCellHead,{})]})}),(0,T.jsxs)(D.TableBody,{children:[a.map(({name:n,displayName:i,default:l},d)=>{let u=i!=null?i:n;return(0,T.jsx)($e.Draggable,{draggableId:n,index:d,isDragDisabled:a.length===1,children:(s,p)=>(0,T.jsxs)(D.TableRow,{ref:s.innerRef,...s.dragHandleProps,...s.draggableProps,id:u,css:_o(p.isDragging),"data-dragging":p.isDragging,children:[(0,T.jsx)(D.TableCellData,{css:a.length>1?Io:void 0,children:(0,T.jsx)("button",{css:Do,type:"button",onClick:y=>{y.preventDefault(),t({type:"edit",variable:n})},title:u,children:u})}),(0,T.jsx)(D.TableCellData,{children:(0,T.jsx)("span",{css:Vo,title:l,children:l})}),(0,T.jsx)(D.TableCellData,{align:"right",children:(0,T.jsx)("button",{type:"button",title:`delete ${u}`,css:[D.button,Eo.css`
|
|
1160
1160
|
background: transparent;
|
|
1161
|
-
`],"aria-controls":
|
|
1161
|
+
`],"aria-controls":u,onClick:()=>t({type:"remove",variable:n}),children:(0,T.jsx)(D.Icon,{icon:"trash",iconColor:"red"})})})]})},n)}),r.placeholder]})]})})}),(0,T.jsx)(D.AddListButton,{onButtonClick:()=>t({type:"edit",variable:""}),"aria-label":"Add variable",buttonText:"add variable",icon:"math-plus",css:{marginLeft:"var(--spacing-md)"}})]})}function ba(e,t){return ha(encodeURI(e),t)}function ya(e,t){return{key:ha(encodeURIComponent(e.key),t),value:ha(encodeURIComponent(e.value),t)}}function ha(e,t){return e.replace(/(\$|%24)%7B(.*?)%7D/g,(a,o,r)=>{var i;let n=decodeURIComponent(r);return(i=t==null?void 0:t[n])!=null&&i.default?t[n].default:`\${${n}}`})}var me=require("@emotion/react/jsx-runtime");function Un(){var o,r;let{variables:e}=ge(),{request:t}=K(),a=(0,Uo.useMemo)(()=>{var n;return(n=t.baseRequest)!=null&&n.parameters?t.baseRequest.parameters.filter(i=>!t.parameters.find(l=>l.key===i.key)).concat(t.parameters):t.parameters},[(o=t.baseRequest)==null?void 0:o.parameters,t.parameters]);return(0,me.jsxs)("small",{css:Mo.css`
|
|
1162
|
+
display: inline-block;
|
|
1163
|
+
margin-bottom: var(--spacing-xs);
|
|
1164
|
+
word-break: break-word;
|
|
1165
|
+
`,children:[t.baseRequest?(0,me.jsx)("span",{children:(r=t.baseRequest)==null?void 0:r.baseUrl}):null,(0,me.jsxs)("span",{css:{fontWeight:t.baseRequest?"bold":"inherit"},children:[ba(t.relativeUrl,e),a.length>0?(0,me.jsxs)(me.Fragment,{children:["?",a.map((n,i)=>{let l=ya(n,e);return(0,me.jsxs)("span",{children:[i>0?"&":null,l.key,"=",l.value]},i)})]}):null]})]})}var Bo=require("@emotion/react/jsx-runtime");function Bn(e){let{request:t,dispatch:a}=K();return(0,Bo.jsx)(fa,{...e,value:t.relativeUrl,onPaste:o=>{var n,i,l;let r=o.indexOf("?");if(r>=0){let d=o.substring(0,r);((n=t.baseRequest)==null?void 0:n.baseUrl)&&d.startsWith((i=t.baseRequest)==null?void 0:i.baseUrl)&&(d=d.substring((l=t.baseRequest)==null?void 0:l.baseUrl.length)),a({type:"setRelativeUrl",relativeUrl:d});for(let u=t.parameters.length-1;u>=0;u--)a({type:"removeParameter",index:u});try{new URLSearchParams(o.substring(r)).forEach((s,p)=>{a({type:"updateParameter",parameter:{key:p,value:s}})})}catch(u){}}},onChange:o=>{a({type:"setRelativeUrl",relativeUrl:o})}})}function An(e){let{location:t}=et();if(e&&t.type!==e)throw new Error(`Expected location type ${e} but got ${t.type}`);return t}function zn(){let{location:e}=et();return e}var h=require("@uniformdev/design-system");J(Z,require("@uniformdev/mesh-sdk"),module.exports);0&&(module.exports={AddListButton,Button,Callout,DamSelectedItem,DefaultSearchRow,DefaultSelectedItem,EntrySearch,Heading,Icons,Input,InputComboBox,InputKeywordSearch,InputSelect,InputToggle,InputVariables,KeywordSearchInput,Label,LoadingIndicator,LoadingOverlay,Menu,MenuItem,MeshApp,ProductPreviewList,ProductQuery,ProductQueryContext,ProductSearch,ProductSearchContext,ProductSearchRow,ProductSelectedItem,RequestBody,RequestHeaders,RequestMethodSelect,RequestParameters,RequestProvider,RequestTypeContainer,RequestUrl,RequestUrlInput,ResolvableLoadingValue,ScrollableList,ScrollableListItem,SelectionField,Switch,Textarea,Theme,UniformMeshLocationContext,UniformMeshLocationContextProvider,UniformMeshSdkContext,UniformMeshSdkContextProvider,VariableEditor,VariablesList,VariablesProvider,badgeIcon,damSelectItemImage,damSelectedItemContainer,damSelectedItemCopy,damSelectedItemDetails,damSelectedItemIcon,damSelectedItemInfoBtn,damSelectedItemInner,damSelectedItemLinkBtn,damSelectedItemLinkContainer,damSelectedItemMediaContainer,damSelectedItemPopover,damSelectedItemPopoverLabel,damSelectedItemSmallText,damSelectedItemTitle,draggableContainer,draggableIcon,draggableIconOffset,draggableIconWrapper,entrySearchBtn,entrySearchConfig,entrySearchConfigHidden,entrySearchLoadMoreBtn,entrySearchResultList,entrySearchSelectIcon,entrySearchSelectImg,entrySearchSelectInput,entrySearchSelectOption,entrySearchWrapper,productSearchRowActiveIcon,productSearchRowCategory,productSearchRowContainer,productSearchRowContent,productSearchRowContentActive,productSearchRowDetails,productSearchRowTitle,productSelectedItemContainer,productSelectedItemContent,productSelectedItemDetails,productSelectedItemIcon,productSelectedItemImage,productSelectedItemLinkContainer,productedSelectedItemLinkBtn,productedSelectedItemSmallText,searchRowBtn,searchRowContainer,searchRowContainerActive,searchRowContainerWithPopover,searchRowPopover,searchRowText,searchRowTextSmall,selectItemLinkBtn,selectItemLinkContainer,selectItemPopover,selectItemPopoverLabel,selectItemSmallText,selectedItemContainer,selectedItemCopy,selectedItemDetails,selectedItemIcon,selectedItemInner,selectedItemTitle,urlEncodeRequestParameter,urlEncodeRequestUrl,useInitializeUniformMeshSdk,useMeshLocation,useProductQueryContext,useProductSearchContext,useRequest,useUniformMeshLocation,useUniformMeshLocationContext,useUniformMeshSdk,useUniformMeshSdkContext,useVariables,variablesToList});
|