@uniformdev/mesh-sdk-react 17.4.0 → 17.4.1-alpha.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/dist/index.esm.js +76 -71
- package/dist/index.js +85 -80
- package/dist/index.mjs +76 -71
- package/package.json +10 -10
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var _o=Object.create;var
|
|
1
|
+
"use strict";var _o=Object.create;var Oe=Object.defineProperty;var Zo=Object.getOwnPropertyDescriptor;var Xo=Object.getOwnPropertyNames;var qo=Object.getPrototypeOf,Yo=Object.prototype.hasOwnProperty;var Zr=(e,r)=>{for(var o in r)Oe(e,o,{get:r[o],enumerable:!0})},Be=(e,r,o,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of Xo(r))!Yo.call(e,n)&&n!==o&&Oe(e,n,{get:()=>r[n],enumerable:!(t=Zo(r,n))||t.enumerable});return e},K=(e,r,o)=>(Be(e,r,"default"),o&&Be(o,r,"default")),He=(e,r,o)=>(o=e!=null?_o(qo(e)):{},Be(r||!e||!e.__esModule?Oe(o,"default",{value:e,enumerable:!0}):o,e)),Jo=e=>Be(Oe({},"__esModule",{value:!0}),e);var H={};Zr(H,{AddListButton:()=>m.AddListButton,Button:()=>m.Button,Callout:()=>m.Callout,DamSelectedItem:()=>xn,DefaultSearchRow:()=>er,DefaultSelectedItem:()=>_t,EntrySearch:()=>ur,Heading:()=>m.Heading,Icons:()=>qe,Input:()=>m.Input,InputSelect:()=>m.InputSelect,InputToggle:()=>m.InputToggle,KeywordSearchInput:()=>m.InputKeywordSearch,Label:()=>m.Label,LoadingIndicator:()=>m.LoadingIndicator,LoadingOverlay:()=>m.LoadingOverlay,Menu:()=>m.Menu,MenuItem:()=>m.MenuItem,MeshApp:()=>Cn,ProductPreviewList:()=>Rt,ProductQuery:()=>nn,ProductQueryContext:()=>Pt,ProductSearch:()=>Sn,ProductSearchContext:()=>Tr,ProductSearchRow:()=>xr,ProductSelectedItem:()=>Ir,ResolvableLoadingValue:()=>St,ScrollableList:()=>m.ScrollableList,ScrollableListItem:()=>m.ScrollableListItem,SelectionField:()=>xt,Switch:()=>m.Switch,Textarea:()=>m.Textarea,Theme:()=>m.Theme,UniformMeshLocationContext:()=>yt,UniformMeshLocationContextProvider:()=>Me,UniformMeshSdkContext:()=>Ee,UniformMeshSdkContextProvider:()=>jo,badgeIcon:()=>ot,damSelectItemImage:()=>lt,damSelectedItemContainer:()=>Er,damSelectedItemCopy:()=>Dr,damSelectedItemDetails:()=>Vr,damSelectedItemIcon:()=>Ur,damSelectedItemInfoBtn:()=>Or,damSelectedItemInner:()=>Mr,damSelectedItemLinkBtn:()=>dt,damSelectedItemLinkContainer:()=>Gr,damSelectedItemMediaContainer:()=>Br,damSelectedItemPopover:()=>Ar,damSelectedItemPopoverLabel:()=>Ae,damSelectedItemSmallText:()=>he,damSelectedItemTitle:()=>zr,draggableContainer:()=>dr,draggableIcon:()=>rt,draggableIconOffset:()=>pr,draggableIconWrapper:()=>lr,entrySearchBtn:()=>rr,entrySearchConfig:()=>nr,entrySearchConfigHidden:()=>ar,entrySearchLoadMoreBtn:()=>or,entrySearchResultList:()=>ir,entrySearchSelectIcon:()=>sr,entrySearchSelectImg:()=>cr,entrySearchSelectInput:()=>hn,entrySearchSelectOption:()=>yn,entrySearchWrapper:()=>tr,productSearchRowActiveIcon:()=>br,productSearchRowCategory:()=>hr,productSearchRowContainer:()=>mr,productSearchRowContent:()=>gr,productSearchRowContentActive:()=>fr,productSearchRowDetails:()=>yr,productSearchRowTitle:()=>vr,productSelectedItemContainer:()=>Cr,productSelectedItemContent:()=>Lr,productSelectedItemDetails:()=>Pr,productSelectedItemIcon:()=>Rr,productSelectedItemImage:()=>nt,productSelectedItemLinkContainer:()=>kr,productedSelectedItemLinkBtn:()=>at,productedSelectedItemSmallText:()=>it,searchRowBtn:()=>Jt,searchRowContainer:()=>Zt,searchRowContainerActive:()=>qt,searchRowContainerWithPopover:()=>Xt,searchRowPopover:()=>Yt,searchRowText:()=>tt,searchRowTextSmall:()=>et,selectItemLinkBtn:()=>Je,selectItemLinkContainer:()=>Qt,selectItemPopover:()=>Nt,selectItemPopoverLabel:()=>Pe,selectItemSmallText:()=>ae,selectedItemContainer:()=>Bt,selectedItemCopy:()=>$t,selectedItemDetails:()=>Ht,selectedItemIcon:()=>Kt,selectedItemInner:()=>Ot,selectedItemTitle:()=>Ft,useInitializeUniformMeshSdk:()=>bt,useMeshLocation:()=>tn,useProductQueryContext:()=>Lt,useProductSearchContext:()=>Ue,useUniformMeshLocation:()=>en,useUniformMeshLocationContext:()=>Ve,useUniformMeshSdk:()=>ht,useUniformMeshSdkContext:()=>vt});module.exports=Jo(H);var l=require("@emotion/react"),k=He(require("react"));var ne=require("react");var $e=require("react");var Xr=require("@uniformdev/design-system"),Te=require("@emotion/react/jsx-runtime"),Ee=(0,$e.createContext)(void 0),jo=({children:e})=>{let r;return typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"&&(r={sdk:window.UniformMeshSDK}),(0,Te.jsxs)(Ee.Provider,{value:r,children:[(0,Te.jsx)(Xr.Theme,{}),(0,Te.jsx)(Me,{children:e})]})},vt=()=>{let e=(0,$e.useContext)(Ee);if(!e)throw new Error("useUniformMeshSdkContext must be used within <MeshApp /> or <UniformMeshSdkContext />");return e};function ht(){let{sdk:e}=vt();return e}var qr=require("@emotion/react/jsx-runtime"),yt=(0,ne.createContext)(void 0),Me=({children:e})=>{let r=ht(),[o,t]=(0,ne.useState)(r.getCurrentLocation()),n=a=>{t(d=>({...d,value:a.newValue}))};return(0,ne.useEffect)(()=>(r.events.on("onValueChanged",n),()=>{r.events.off("onValueChanged",n)}),[r]),(0,qr.jsx)(yt.Provider,{value:{location:o},children:e})},Ve=()=>{let e=(0,ne.useContext)(yt);if(!e)throw new Error("useUniformMeshLocationContext must be used within a UniformMeshLocationContextProvider");return e};function en(){let{location:e}=Ve();return e}var Yr=require("@uniformdev/mesh-sdk"),ue=require("react"),bt=({autoResizingDisabled:e}={})=>{let[r,o]=(0,ue.useState)(),[t,n]=(0,ue.useState)(),a=(0,ue.useRef)(!1);return(0,ue.useEffect)(()=>{typeof window=="undefined"||t||(typeof window.UniformMeshSDK=="undefined"&&!a.current?(a.current=!0,(0,Yr.initializeUniformMeshSDK)({autoResizingDisabled:e}).then(d=>{n(d)}).catch(d=>{o(d)}).finally(()=>{a.current=!1})):n(window.UniformMeshSDK))},[e]),{initializing:!t&&!r,error:r,sdk:t}};function tn(e){let{location:r}=Ve();if(e&&r.type!==e)throw new Error(`Expected location type ${e} but got ${r.type}`);return r}var J=He(require("react"));var to=require("@emotion/react"),Ke=require("@uniformdev/design-system"),ro=require("react-icons/cg");var we=require("@emotion/react/jsx-runtime"),St=({value:e,text:r,loading:o})=>(0,we.jsxs)(we.Fragment,{children:[!!r&&r,!r&&(0,we.jsxs)(we.Fragment,{children:[o&&`${e} (Loading...)`,!o&&`${e} (Unresolvable)`]})]});var Fe=require("@emotion/react"),Jr=Fe.css`
|
|
2
2
|
align-items: center;
|
|
3
3
|
background: var(--gray-100);
|
|
4
4
|
border: 1px solid var(--gray-300);
|
|
@@ -7,66 +7,66 @@
|
|
|
7
7
|
justify-content: space-between;
|
|
8
8
|
margin-bottom: var(--spacing-sm);
|
|
9
9
|
margin-right: var(--spacing-sm);
|
|
10
|
-
`,jr=
|
|
10
|
+
`,jr=Fe.css`
|
|
11
11
|
color: var(--gray-800);
|
|
12
12
|
padding: var(--spacing-3);
|
|
13
|
-
`,eo=
|
|
13
|
+
`,eo=Fe.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 Y=require("@emotion/react/jsx-runtime"),xt=({id:e,label:r,loading:o,selectedValues:t,values:n,onAdd:a,onRemove:d})=>{var S;let h=(S=n==null?void 0:n.filter(i=>!(t!=null&&t.includes(i.id.toString()))))!=null?S:[],v=(i,
|
|
18
|
+
`;var Y=require("@emotion/react/jsx-runtime"),xt=({id:e,label:r,loading:o,selectedValues:t,values:n,onAdd:a,onRemove:d})=>{var S;let h=(S=n==null?void 0:n.filter(i=>!(t!=null&&t.includes(i.id.toString()))))!=null?S:[],v=(i,u)=>{i.preventDefault(),d(u)};return(0,Y.jsxs)("div",{children:[(0,Y.jsx)(Ke.InputSelect,{id:e,name:e,label:r,onChange:i=>a(i.target.value),disabled:o,options:[{value:"",label:"Add..."},...h.map(i=>({value:i.id,label:i.name||i.id}))],value:"",css:Array.isArray(t)&&t.length>0?to.css`
|
|
19
19
|
margin-bottom: var(--spacing-base);
|
|
20
|
-
`:""}),t==null?void 0:t.map(i=>{var
|
|
20
|
+
`:""}),t==null?void 0:t.map(i=>{var u;return(0,Y.jsxs)("div",{css:Jr,children:[(0,Y.jsx)("span",{css:jr,children:(0,Y.jsx)(St,{value:i,loading:o,text:(u=n.find(x=>x.id===i))==null?void 0:u.name})}),(0,Y.jsx)("button",{css:eo,title:"remove",onClick:x=>v(x,i),children:(0,Y.jsx)(Ke.Icon,{icon:ro.CgClose,iconColor:"currentColor",size:20})})]},i)})]})};var wt=require("@emotion/react/jsx-runtime"),rn=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"})}),Ne=rn;var Ct=require("@emotion/react/jsx-runtime"),on=e=>(0,Ct.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,Ct.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"})}),Qe=on;var We=require("react-use"),A=require("@uniformdev/design-system"),M=require("@emotion/react"),y=require("@emotion/react/jsx-runtime"),oo={count:1,categories:[],brand:"",keyword:"",sort:"date_modified",sortOrder:"desc"},nn=({value:e,setValue:r,brands:o,categories:t,loading:n,categoriesLoading:a,brandsLoading:d,logoIcon:h,onGetProducts:v,sortOptions:S,sortOrderOptions:i,categoryLabel:u="Product Category",brandLabel:x="Brand",disableBrands:$,restrictToSingleCategory:Se=!1})=>{var z,g,B;let R=async s=>{r({...oo,...e||{},...s})},P=(0,J.useMemo)(()=>({...oo,...e||{}}),[e]),[xe,ke]=(0,We.useAsyncFn)(async s=>await v(s),[v]);(0,We.useDebounce)(async()=>{await ke({brand:P.brand,categories:P.categories,keyword:P.keyword,sort:P.sort,sortOrder:P.sortOrder,count:P.count})},250,[P]);let _=(0,J.useMemo)(()=>{let s=[];return t==null||t.forEach(F=>{let T=ao(F,void 0);s.push(...T)}),s},[t]),re=(0,J.useMemo)(()=>[{value:"",label:"All categories"},..._.map(s=>({label:s.name,value:s.id}))],[_]),q=(0,J.useMemo)(()=>(o==null?void 0:o.map(s=>({id:s.id.toString(),name:s.name})))||[],[o]),Ie=s=>{if(!s)return;let F=(e==null?void 0:e.categories)||[];R({categories:[...F,s]})},Ge=s=>{var F;R({categories:(F=e==null?void 0:e.categories)==null?void 0:F.filter(T=>T!==s)})},le=s=>{R({brand:s.target.value})},D=s=>{R({count:s||1})};return n?(0,y.jsx)("div",{children:"Loading..."}):(0,y.jsx)(Pt.Provider,{value:{categories:t,logoIcon:h},children:(0,y.jsxs)("div",{css:M.css`
|
|
21
21
|
> :not(:last-child) {
|
|
22
22
|
margin-bottom: var(--spacing-md);
|
|
23
23
|
}
|
|
24
|
-
`,children:[Se?(0,y.jsx)(
|
|
24
|
+
`,children:[Se?(0,y.jsx)(A.InputSelect,{id:"selection-field-product-category",label:u,disabled:n,value:(g=(z=P.categories)==null?void 0:z[0])!=null?g:"",options:re,onChange:s=>{R({categories:s.target.value===""?[]:[s.target.value]})}}):(0,y.jsx)(xt,{loading:a||!1,id:"selection-field-product-category",label:u,onAdd:Ie,onRemove:Ge,selectedValues:P.categories,values:_}),(0,y.jsxs)("div",{css:M.css`
|
|
25
25
|
display: flex;
|
|
26
26
|
flex-wrap: wrap;
|
|
27
27
|
column-gap: var(--spacing-lg);
|
|
28
28
|
row-gap: var(--spacing-md);
|
|
29
|
-
${(0,
|
|
29
|
+
${(0,A.mq)("md")} {
|
|
30
30
|
flex-wrap: nowrap;
|
|
31
31
|
}
|
|
32
|
-
`,children:[
|
|
32
|
+
`,children:[$?null:(0,y.jsx)("div",{css:M.css`
|
|
33
33
|
width: 50%;
|
|
34
|
-
`,children:(0,y.jsx)(
|
|
34
|
+
`,children:(0,y.jsx)(A.InputSelect,{id:"brand",name:"brand",label:x,disabled:d,value:P.brand,onChange:le,options:[{value:"",label:"Choose..."},...q.map(s=>({value:s.id,label:s.name}))]})}),(0,y.jsx)("div",{css:M.css`
|
|
35
35
|
flex-grow: 1;
|
|
36
36
|
position: relative;
|
|
37
|
-
`,children:(0,y.jsx)(
|
|
37
|
+
`,children:(0,y.jsx)(A.Input,{id:"keyword-search",name:"keyword-search",label:"Keyword",value:P.keyword,placeholder:"Enter keyword",onChange:s=>R({keyword:s.target.value})})})]}),(0,y.jsxs)("div",{css:M.css`
|
|
38
38
|
display: flex;
|
|
39
39
|
flex-wrap: wrap;
|
|
40
40
|
column-gap: var(--spacing-lg);
|
|
41
41
|
row-gap: var(--spacing-md);
|
|
42
|
-
${(0,
|
|
42
|
+
${(0,A.mq)("md")} {
|
|
43
43
|
flex-wrap: nowrap;
|
|
44
44
|
}
|
|
45
45
|
`,children:[(0,y.jsxs)("div",{css:M.css`
|
|
46
46
|
width: 100%;
|
|
47
|
-
${(0,
|
|
47
|
+
${(0,A.mq)("md")} {
|
|
48
48
|
width: 33.333333%;
|
|
49
49
|
}
|
|
50
50
|
position: relative;
|
|
51
|
-
`,children:[(0,y.jsx)(
|
|
51
|
+
`,children:[(0,y.jsx)(A.Input,{id:"count",name:"count",type:"number",min:1,step:1,value:P.count,onChange:s=>D(s.target.valueAsNumber),label:"Count"}),(0,y.jsxs)("div",{css:M.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,y.jsx)(no,{onCountChange:()=>
|
|
57
|
+
`,children:[(0,y.jsx)(no,{onCountChange:()=>D(P.count-1),countIcon:"decrement",disabled:P.count===1}),(0,y.jsx)(no,{onCountChange:()=>D(P.count+1),countIcon:"increment"})]})]}),Array.isArray(S)&&S.length>0?(0,y.jsx)("div",{css:M.css`
|
|
58
58
|
flex-grow: 1;
|
|
59
|
-
${(0,
|
|
59
|
+
${(0,A.mq)("md")} {
|
|
60
60
|
width: 33.333333%;
|
|
61
61
|
}
|
|
62
|
-
`,children:(0,y.jsx)(
|
|
62
|
+
`,children:(0,y.jsx)(A.InputSelect,{id:"sort",name:"sort",label:"Sort",value:P.sort,onChange:s=>R({sort:s.target.value}),options:[{value:"",label:"Select a sort"},...S.map(s=>({value:s.sortKey,label:s.name}))]})}):null,Array.isArray(i)&&i.length>0?(0,y.jsx)("div",{css:M.css`
|
|
63
63
|
flex-grow: 1;
|
|
64
|
-
`,children:(0,y.jsx)(
|
|
64
|
+
`,children:(0,y.jsx)(A.InputSelect,{id:"sort-order",name:"sort-order",label:"Sort Order",value:P.sortOrder,onChange:s=>R({sortOrder:s.target.value}),options:i.map(s=>({value:s.sortOrderKey,label:s.name}))})}):null]}),(0,y.jsxs)("div",{children:[(0,y.jsx)("h3",{css:M.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,y.jsx)(Rt,{products:(
|
|
69
|
+
`,children:"Result Preview"}),(0,y.jsx)(Rt,{products:(B=xe.value)==null?void 0:B.products})]})]})})};function ao(e,r){var a;let o=[],t=r?`${r.name} > `:"",n={id:e.id.toString(),name:`${t}${e.name}`};return o.push(n),(a=e.children)==null||a.forEach(d=>{let h=ao(d,n);o.push(...h)}),o}function no({onCountChange:e,countIcon:r,disabled:o}){return(0,y.jsx)("button",{css:M.css`
|
|
70
70
|
width: 2.25rem;
|
|
71
71
|
height: 2.25rem;
|
|
72
72
|
border: 1px solid var(--gray-300);
|
|
@@ -82,13 +82,13 @@
|
|
|
82
82
|
cursor: not-allowed;
|
|
83
83
|
opacity: 0.3;
|
|
84
84
|
`:""}
|
|
85
|
-
`,onClick:e,disabled:o,children:r==="increment"?(0,y.jsx)(
|
|
85
|
+
`,onClick:e,disabled:o,children:r==="increment"?(0,y.jsx)(Ne,{css:M.css`
|
|
86
86
|
width: 1rem;
|
|
87
87
|
height: 1rem;
|
|
88
|
-
`}):(0,y.jsx)(
|
|
88
|
+
`}):(0,y.jsx)(Qe,{css:M.css`
|
|
89
89
|
width: 1rem;
|
|
90
90
|
height: 1rem;
|
|
91
|
-
`})})}var Pt=J.default.createContext(void 0),Lt=()=>{let e=(0,J.useContext)(Pt);if(!e)throw new Error("useProductQueryContext must be used within a <ProductQueryContext> provider");return e};var kt=require("@emotion/react/jsx-runtime");function
|
|
91
|
+
`})})}var Pt=J.default.createContext(void 0),Lt=()=>{let e=(0,J.useContext)(Pt);if(!e)throw new Error("useProductQueryContext must be used within a <ProductQueryContext> provider");return e};var kt=require("@emotion/react/jsx-runtime");function Z({src:e,alt:r,className:o}){let t=e&&typeof e!="string"?e:null;return t?(0,kt.jsx)(t,{className:o}):(0,kt.jsx)("img",{src:e,alt:r,className:o})}var Tt=require("@emotion/react"),vo=require("@uniformdev/design-system");var N=require("@emotion/react"),io=N.css`
|
|
92
92
|
align-items: center;
|
|
93
93
|
background: var(--white);
|
|
94
94
|
border-radius: var(--rounded-base);
|
|
@@ -103,41 +103,41 @@
|
|
|
103
103
|
&:hover {
|
|
104
104
|
background: var(--gray-50);
|
|
105
105
|
}
|
|
106
|
-
`,so=
|
|
106
|
+
`,so=N.css`
|
|
107
107
|
font-size: var(--fs-sm);
|
|
108
|
-
`,co=
|
|
108
|
+
`,co=N.css`
|
|
109
109
|
width: 1rem;
|
|
110
110
|
height: 1rem;
|
|
111
|
-
`,It=
|
|
111
|
+
`,It=N.css`
|
|
112
112
|
margin-right: var(--spacing-lg);
|
|
113
113
|
font-size: var(--fs-sm);
|
|
114
|
-
`,lo=
|
|
114
|
+
`,lo=N.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
|
-
`,po=
|
|
119
|
+
`,po=N.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
|
+
`,uo=N.css`
|
|
127
127
|
background: var(--gray-200);
|
|
128
128
|
width: 3.5rem;
|
|
129
129
|
height: 3.5rem;
|
|
130
130
|
object-fit: cover;
|
|
131
|
-
`,
|
|
131
|
+
`,mo=N.css`
|
|
132
132
|
background: var(--gray-100);
|
|
133
133
|
height: 3.5rem;
|
|
134
134
|
width: 3.5rem;
|
|
135
|
-
`,go=
|
|
135
|
+
`,go=N.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
|
-
`,fo=
|
|
140
|
+
`,fo=N.css`
|
|
141
141
|
display: block;
|
|
142
142
|
font-weight: var(--fw-regular);
|
|
143
143
|
`;var L=require("@emotion/react/jsx-runtime"),Rt=({products:e})=>{let{categories:r,logoIcon:o}=Lt();return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)("p",{css:Tt.css`
|
|
@@ -145,13 +145,13 @@
|
|
|
145
145
|
`,children:["Matching ",(e==null?void 0:e.length)||0," products"]}),(0,L.jsx)("ul",{css:[Tt.css`
|
|
146
146
|
max-height: 24rem;
|
|
147
147
|
overflow-x: auto;
|
|
148
|
-
`,vo.scrollbarStyles],children:e==null?void 0:e.map((t,n)=>{var h,v;let[a]=(t==null?void 0:t.categories)||[],d=typeof a=="undefined"||!r||(h=r.find(S=>S.id===a.id))==null?void 0:h.name;return(0,L.jsx)("li",{css:lo,children:(0,L.jsxs)("div",{css:po,"data-test-id":`product-item-${t.sku||t.id}`,children:[t.thumbnailUrl?(0,L.jsx)("img",{src:t.thumbnailUrl,alt:typeof t.title=="string"?t.title:t.name||`Product ${n}`,css:
|
|
148
|
+
`,vo.scrollbarStyles],children:e==null?void 0:e.map((t,n)=>{var h,v;let[a]=(t==null?void 0:t.categories)||[],d=typeof a=="undefined"||!r||(h=r.find(S=>S.id===a.id))==null?void 0:h.name;return(0,L.jsx)("li",{css:lo,children:(0,L.jsxs)("div",{css:po,"data-test-id":`product-item-${t.sku||t.id}`,children:[t.thumbnailUrl?(0,L.jsx)("img",{src:t.thumbnailUrl,alt:typeof t.title=="string"?t.title:t.name||`Product ${n}`,css:uo,"data-test-id":"product-image"}):(0,L.jsx)("div",{css:mo}),(0,L.jsxs)("h4",{css:go,"data-test-id":"product-name",children:[t.title||t.name,d&&(0,L.jsx)("span",{css:fo,children:d})]}),t&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)("p",{css:It,"data-test-id":"product-sku",children:["SKU: ",t.sku||t.id,(0,L.jsx)("br",{})]}),t.price!==void 0?(0,L.jsxs)("p",{css:It,"data-test-id":"product-price",children:["Price: ",t.price]}):null,t.editLink||t.url?(0,L.jsxs)("a",{css:io,href:(v=t.editLink)!=null?v:t.url,title:`Go to ${t.title||t.name}`,target:"_blank",rel:"noopener noreferrer","data-test-id":"edit-product-button",children:[(0,L.jsx)("span",{css:so,children:"Edit"}),o?(0,L.jsx)(Z,{src:o,alt:"Logo",css:co}):null]}):null]})]})},`product-${t.id}`)})})]})};var ce=He(require("react"));var X=He(require("react"));var qe={};Zr(qe,{Caution:()=>ho,Checkmark:()=>_e,ChevronDown:()=>Ze,Close:()=>yo,Danger:()=>bo,ExclamationPoint:()=>So,Info:()=>Xe,Lightbulb:()=>xo,MagnifyingGlass:()=>wo,MaximizeAlt:()=>Co,Minus:()=>Qe,MoreVerticalAlt:()=>ze,Plus:()=>Ne});var Et=require("@emotion/react/jsx-runtime"),an=e=>(0,Et.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",...e,children:(0,Et.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"})}),ho=an;var Mt=require("@emotion/react/jsx-runtime"),sn=e=>(0,Mt.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,Mt.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"})}),_e=sn;var Vt=require("@emotion/react/jsx-runtime"),cn=e=>(0,Vt.jsx)("svg",{viewBox:"0 0 24 24",width:"1em",height:"1em",...e,children:(0,Vt.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"})}),Ze=cn;var Ce=require("@emotion/react/jsx-runtime"),dn=e=>(0,Ce.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 19 19",fill:"currentColor",...e,children:(0,Ce.jsxs)("g",{fillRule:"evenodd",children:[(0,Ce.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,Ce.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"})]})}),yo=dn;var Dt=require("@emotion/react/jsx-runtime"),ln=e=>(0,Dt.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...e,children:(0,Dt.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"})}),bo=ln;var zt=require("@emotion/react/jsx-runtime"),pn=e=>(0,zt.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",...e,children:(0,zt.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"})}),So=pn;var De=require("@emotion/react/jsx-runtime"),un=e=>(0,De.jsxs)("svg",{width:"1em",height:"1em",fill:"currentColor",...e,children:[(0,De.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,De.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"})]}),Xe=un;var Ut=require("@emotion/react/jsx-runtime"),mn=e=>(0,Ut.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...e,children:(0,Ut.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"})}),xo=mn;var j=require("@emotion/react/jsx-runtime"),gn=e=>(0,j.jsxs)("svg",{width:"1em",height:"1em",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[(0,j.jsxs)("g",{clipPath:"url(#magnifying-glass_svg__a)",children:[(0,j.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,j.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,j.jsx)("defs",{children:(0,j.jsx)("clipPath",{id:"magnifying-glass_svg__a",children:(0,j.jsx)("path",{fill:"#fff",transform:"translate(.558)",d:"M0 0h24.935v24H0z"})})})]}),wo=gn;var At=require("@emotion/react/jsx-runtime"),fn=e=>(0,At.jsx)("svg",{width:"1em",height:"1em",fill:"currentColor",...e,children:(0,At.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"})}),Co=fn;var Gt=require("@emotion/react/jsx-runtime"),vn=e=>(0,Gt.jsx)("svg",{width:"1em",height:"1em",fill:"currentColor",...e,children:(0,Gt.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"})}),ze=vn;var ko=require("react-use"),Io=require("uuid");var me=require("react");function Ye(e,r){let o=window.open(e,"_blank"),t=setInterval(()=>{o!=null&&o.closed&&(clearInterval(t),r())},500)}var Lo=require("timeago.js");var O=require("@emotion/react"),Po=require("@uniformdev/design-system"),Bt=O.css`
|
|
149
149
|
border: 1px solid var(--gray-200);
|
|
150
150
|
background: var(--gray-50);
|
|
151
151
|
border-radius: var(--rounded-base);
|
|
152
152
|
display: flex;
|
|
153
153
|
width: 100%;
|
|
154
|
-
`,Ot=
|
|
154
|
+
`,Ot=O.css`
|
|
155
155
|
align-items: center;
|
|
156
156
|
display: flex;
|
|
157
157
|
flex-grow: 1;
|
|
@@ -159,22 +159,22 @@
|
|
|
159
159
|
margin-inline: 0 var(--spacing-sm);
|
|
160
160
|
padding: var(--spacing-base) var(--spacing-base) var(--spacing-base) var(--spacing-lg);
|
|
161
161
|
position: relative;
|
|
162
|
-
`,Ht=
|
|
162
|
+
`,Ht=O.css`
|
|
163
163
|
flex-grow: 1;
|
|
164
|
-
`,$t=
|
|
164
|
+
`,$t=O.css`
|
|
165
165
|
align-items: start;
|
|
166
166
|
display: inline-flex;
|
|
167
167
|
position: relative;
|
|
168
|
-
`,Ft=
|
|
168
|
+
`,Ft=O.css`
|
|
169
169
|
color: var(--brand-secondary-1);
|
|
170
170
|
font-size: var(--fs-base);
|
|
171
171
|
font-weight: var(--fw-bold);
|
|
172
172
|
line-height: 1;
|
|
173
173
|
margin: 0;
|
|
174
|
-
`,Kt=
|
|
174
|
+
`,Kt=O.css`
|
|
175
175
|
width: 1.5rem;
|
|
176
176
|
height: 1.5rem;
|
|
177
|
-
`,Nt=
|
|
177
|
+
`,Nt=O.css`
|
|
178
178
|
background: var(--white);
|
|
179
179
|
border-radius: var(--rounded-base);
|
|
180
180
|
border-left: 4px solid var(--brand-secondary-3);
|
|
@@ -183,12 +183,12 @@
|
|
|
183
183
|
padding: var(--spacing-base);
|
|
184
184
|
z-index: var(--z-10);
|
|
185
185
|
width: max-content;
|
|
186
|
-
`,ae=
|
|
186
|
+
`,ae=O.css`
|
|
187
187
|
font-size: var(--fs-sm);
|
|
188
|
-
`,Pe=
|
|
188
|
+
`,Pe=O.css`
|
|
189
189
|
font-weight: var(--fw-bold);
|
|
190
190
|
margin-right: var(--spacing-sm);
|
|
191
|
-
`,Qt=
|
|
191
|
+
`,Qt=O.css`
|
|
192
192
|
display: flex;
|
|
193
193
|
flex-direction: column;
|
|
194
194
|
gap: var(--spacing-sm);
|
|
@@ -198,7 +198,7 @@
|
|
|
198
198
|
min-width: 200px;
|
|
199
199
|
justify-content: end;
|
|
200
200
|
}
|
|
201
|
-
`,
|
|
201
|
+
`,Je=O.css`
|
|
202
202
|
align-items: center;
|
|
203
203
|
background: var(--white);
|
|
204
204
|
border-radius: var(--rounded-base);
|
|
@@ -213,23 +213,23 @@
|
|
|
213
213
|
&:hover {
|
|
214
214
|
background: var(--gray-50);
|
|
215
215
|
}
|
|
216
|
-
`;var ee=require("@emotion/react");var Wt=require("@uniformdev/design-system"),
|
|
216
|
+
`;var ee=require("@emotion/react");var Wt=require("@uniformdev/design-system"),je=require("react-icons/cg"),b=require("@emotion/react/jsx-runtime"),_t=({selectedItem:e,logoIcon:r,onDeselect:o,onEditClosed:t})=>{var S;let n=(0,me.useRef)(null),a=(0,me.useRef)(null),[d,h]=(0,me.useState)(!1);(0,me.useEffect)(()=>{let i=x=>{n.current&&!n.current.contains(x.target)&&a.current&&!a.current.contains(x.target)&&h(!1)},u=()=>{h(!1)};return window.addEventListener("resize",u,!0),document.addEventListener("scroll",i,!0),document.addEventListener("mousedown",i),()=>{window.removeEventListener("resize",u,!0),document.removeEventListener("scroll",i,!0),document.removeEventListener("mousedown",i)}},[a]);let v=()=>{var i;if(h(!d),a.current&&n.current){let u=(i=n==null?void 0:n.current)==null?void 0:i.getBoundingClientRect(),x=a.current.offsetWidth;a.current.style.top=`${u.top+30}px`,a.current.style.left=`${u.left-x+30}px`}};return(0,b.jsx)("div",{css:Bt,children:(0,b.jsxs)("div",{css:Ot,children:[(0,b.jsxs)("div",{css:Ht,children:[(0,b.jsxs)("div",{css:$t,children:[(0,b.jsx)("h4",{css:[Ft,e.popoverData?ee.css`
|
|
217
217
|
margin-bottom: var(--spacing-sm);
|
|
218
218
|
`:""],title:`ID: ${e.id}`,"data-test-id":"entry-id",children:e.title||e.id||""}),e.popoverData?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("button",{type:"button",ref:n,css:ee.css`
|
|
219
219
|
margin: calc(var(--spacing-xs) * -1) 0 calc(var(--spacing-xs) * -1) var(--spacing-sm);
|
|
220
|
-
`,"aria-controls":"path-details","aria-expanded":d,onClick:v,children:(0,b.jsx)(Wt.Icon,{icon:
|
|
220
|
+
`,"aria-controls":"path-details","aria-expanded":d,onClick:v,children:(0,b.jsx)(Wt.Icon,{icon:je.CgInfo,iconColor:"gray",size:24,css:ee.css`
|
|
221
221
|
opacity: var(--opacity-75);
|
|
222
222
|
`})}),(0,b.jsx)("div",{id:"path-details","aria-hidden":!d,ref:a,css:[Nt,d?ee.css`
|
|
223
223
|
visibility: visible;
|
|
224
224
|
`:ee.css`
|
|
225
225
|
visibility: hidden;
|
|
226
|
-
`],children:Object.entries(e.popoverData).map(([i,
|
|
226
|
+
`],children:Object.entries(e.popoverData).map(([i,u],x)=>(0,b.jsxs)("div",{css:ae,children:[(0,b.jsxs)("span",{css:Pe,children:[i,":"]}),u]},x))})]}):null]}),e.createdDate&&(0,b.jsxs)("div",{css:ae,children:[(0,b.jsx)("span",{css:Pe,children:"Created:"}),(0,Lo.format)((S=e.createdDate)!=null?S:0)]}),e.metadata?Object.entries(e.metadata).filter(([i])=>["type","status"].includes(i.toLocaleLowerCase())).map(([i,u])=>(0,b.jsxs)("div",{css:[ae,ee.css`
|
|
227
227
|
order: 1;
|
|
228
|
-
`],children:[(0,b.jsxs)("span",{css:Pe,children:[i,":"]}),
|
|
228
|
+
`],children:[(0,b.jsxs)("span",{css:Pe,children:[i,":"]}),u]},i)):null,e.metadata?Object.entries(e.metadata).filter(([i])=>!["type","status"].includes(i.toLocaleLowerCase())).map(([i,u])=>(0,b.jsxs)("div",{css:[ae,ee.css`
|
|
229
229
|
order: 1;
|
|
230
230
|
`],children:[(0,b.jsxs)("span",{css:[Pe,ee.css`
|
|
231
231
|
order: 1;
|
|
232
|
-
`],children:[i,":"]}),
|
|
232
|
+
`],children:[i,":"]}),u]},i)):null]}),(0,b.jsxs)("div",{css:Qt,children:[e.editLink?(0,b.jsxs)("a",{href:e.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",onClick:i=>{t&&(Ye(i.currentTarget.href,()=>t(e)),i.preventDefault())},css:Je,children:[(0,b.jsx)("span",{css:ae,children:"Edit"}),(0,b.jsx)(Z,{src:r,css:Kt,alt:"Logo"})]}):null,(0,b.jsxs)("button",{type:"button",onClick:()=>{o(e)},css:Je,children:[(0,b.jsx)("span",{css:ae,children:"Unlink"}),(0,b.jsx)(Wt.Icon,{icon:je.CgClose,iconColor:"red",size:16})]})]})]})},e.id)};var ge=require("react");var ie=require("@emotion/react"),Zt=ie.css`
|
|
233
233
|
cursor: pointer;
|
|
234
234
|
padding: var(--spacing-sm);
|
|
235
235
|
position: relative;
|
|
@@ -240,9 +240,9 @@
|
|
|
240
240
|
`,qt=ie.css`
|
|
241
241
|
background: var(--brand-secondary-3);
|
|
242
242
|
color: var(--white);
|
|
243
|
-
`,
|
|
243
|
+
`,et=ie.css`
|
|
244
244
|
font-size: var(--fs-xs);
|
|
245
|
-
`,
|
|
245
|
+
`,tt=ie.css`
|
|
246
246
|
font-weight: var(--fw-bold);
|
|
247
247
|
margin-right: var(--spacing-sm);
|
|
248
248
|
`,Yt=ie.css`
|
|
@@ -260,11 +260,11 @@
|
|
|
260
260
|
`,Jt=ie.css`
|
|
261
261
|
position: absolute;
|
|
262
262
|
inset: 0 var(--spacing-sm) 0 auto;
|
|
263
|
-
`;var jt=require("@emotion/react"),
|
|
263
|
+
`;var jt=require("@emotion/react"),G=require("@emotion/react/jsx-runtime"),er=({result:e,isSelected:r,triggerSelection:o})=>{let t=(0,ge.useRef)(null),n=(0,ge.useRef)(null),[a,d]=(0,ge.useState)(!1);(0,ge.useEffect)(()=>{function v(S){t.current&&!t.current.contains(S.target)&&n.current&&!n.current.contains(S.target)&&d(!1)}return document.addEventListener("mousedown",v),()=>{document.removeEventListener("mousedown",v)}},[n]);let h=v=>{v.stopPropagation(),d(!a)};return(0,G.jsxs)("div",{css:[Zt,r?qt:void 0,e.popoverData?Xt:void 0],"data-value":e.id,role:"option",tabIndex:-1,onClick:()=>o(),children:[e.title,e.popoverData&&r?(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)("button",{type:"button",ref:t,css:Jt,"aria-controls":"path-details",onClick:v=>h(v),"aria-expanded":a,children:(0,G.jsx)(Xe,{width:24,height:24})}),(0,G.jsxs)("div",{id:"path-details","aria-hidden":!a,ref:n,css:[Yt,a?jt.css`
|
|
264
264
|
visibility: visible;
|
|
265
265
|
`:jt.css`
|
|
266
266
|
visibility: hidden;
|
|
267
|
-
`],children:[e.metadata&&Object.entries(e.metadata).map(([v,S],i)=>(0,
|
|
267
|
+
`],children:[e.metadata&&Object.entries(e.metadata).map(([v,S],i)=>(0,G.jsxs)("div",{css:et,children:[(0,G.jsxs)("span",{css:tt,children:[v,":"]}),S]},i)),Object.entries(e.popoverData).map(([v,S],i)=>(0,G.jsxs)("div",{css:et,children:[(0,G.jsxs)("span",{css:tt,children:[v,":"]}),S]},i))]})]}):null]},e.id)};var Le=require("react-beautiful-dnd");var E=require("@emotion/react"),tr=E.css`
|
|
268
268
|
background: var(--white);
|
|
269
269
|
border: 1px solid var(--gray-300);
|
|
270
270
|
border-radius: var(--rounded-base);
|
|
@@ -337,6 +337,11 @@
|
|
|
337
337
|
&:hover > span {
|
|
338
338
|
opacity: 0.3;
|
|
339
339
|
}
|
|
340
|
+
|
|
341
|
+
&[data-dragging='true'] {
|
|
342
|
+
left: auto !important;
|
|
343
|
+
top: auto !important;
|
|
344
|
+
}
|
|
340
345
|
`,lr=E.css`
|
|
341
346
|
align-items: center;
|
|
342
347
|
display: flex;
|
|
@@ -344,41 +349,41 @@
|
|
|
344
349
|
inset: 0 auto 0 0;
|
|
345
350
|
margin-block: auto;
|
|
346
351
|
opacity: 0;
|
|
347
|
-
`,
|
|
352
|
+
`,rt=E.css`
|
|
348
353
|
color: var(--brand-secondary-1);
|
|
349
354
|
`,pr=E.css`
|
|
350
355
|
position: absolute;
|
|
351
356
|
left: 0.375rem;
|
|
352
|
-
`,
|
|
357
|
+
`,ot=E.css`
|
|
353
358
|
width: calc(var(--spacing-lg) + var(--spacing-xs));
|
|
354
359
|
height: calc(var(--spacing-lg) + var(--spacing-xs));
|
|
355
|
-
`;var
|
|
360
|
+
`;var Q=require("@emotion/react"),I=require("@uniformdev/design-system");var fe=require("react");function Ro(e,{delay:r=500,minDuration:o=200}={delay:500,minDuration:200}){let[t,n]=(0,fe.useState)("IDLE"),a=(0,fe.useRef)(void 0);return(0,fe.useEffect)(()=>{e&&t==="IDLE"&&(clearTimeout(a.current),a.current=setTimeout(()=>{if(!e)return n("IDLE");a.current=setTimeout(()=>{n("EXPIRE")},o),n("DISPLAY")},r),n("DELAY")),!e&&t!=="DISPLAY"&&(clearTimeout(a.current),n("IDLE"))},[e,t,r,o]),(0,fe.useEffect)(()=>()=>clearTimeout(a.current),[]),t==="DISPLAY"||t==="EXPIRE"}var p=require("@emotion/react/jsx-runtime"),bn=({searchText:e,selectedContentType:r})=>{let o="No content found";return r&&r!=="any"&&(o=`No ${r} content was found`),e&&(o=`${o} for keyword '${e}'.`),(0,p.jsx)(I.Callout,{type:"info",children:o})},ur=({search:e,results:r,contentTypes:o,selectedItems:t,logoIcon:n,select:a,multiSelect:d,multiSelectId:h,rowComponent:v,selectedItemComponent:S,totalResults:i,cursor:u,resultsLoading:x,requireContentType:$,onAddNew:Se,onEditClosed:R,onCancel:P,noResultsComponent:xe,helpComponent:ke,onSort:_,typeSelectorLabel:re="Content Type Select",typeSelectorAllTypesOptionText:q="All content types",loadingIndicatorDelay:Ie=1e3})=>{var Qr,Wr,_r;let le=()=>$?Array.isArray(o)&&o.length>0?o[0].id:"":"any",[D,z]=X.useState(""),[g,B]=X.useState(le),[s,F]=X.useState(!1),[T,pe]=X.useState([]),[Do,$r]=X.useState(!1),mt=X.useRef(`x${(0,Io.v4)()}`);(0,ko.useDebounce)(()=>{e(D,{count:5,offset:0,contentType:g==="any"?void 0:g})},300,[D,g]);let zo=Ro(x,{delay:Ie}),Uo=c=>{T.some(w=>w.id===c.id)?pe(w=>w.filter(oe=>oe.id!==c.id)):pe(d?w=>[...w,c]:[c])},Ao=t==null?void 0:t.map(c=>c.id+c.title).join(",");X.useEffect(()=>{Array.isArray(t)&&pe(t)},[Ao]);let Go=()=>{B(le()),z(""),pe(t!=null&&t.length?t:[])},Bo=()=>{F(c=>!c),s||Go()},Fr=c=>{let w=(T==null?void 0:T.filter(oe=>oe.id!==c.id))||[];pe(w),a(w,"")},Oo=c=>{c.preventDefault(),a(T,g),F(!1)},Ho=c=>{c.preventDefault(),F(!1),P&&P()},$o=()=>{e(D,{count:5,offset:(r==null?void 0:r.length)||0,contentType:g==="any"?void 0:g,cursor:u}),$r(!0);let c=setTimeout(()=>{$r(!1)},750);return()=>clearTimeout(c)},Fo=!(t==null?void 0:t.length)||d,Ko=v||er,Kr=S||_t,No=xe||bn,Nr=n&&typeof n!="string"?n:null,Qo=Nr?(0,p.jsx)(Nr,{css:ot}):(0,p.jsx)("img",{src:n,alt:"Logo",css:ot}),Wo=c=>{var w,oe;if(c.destination&&c.source.droppableId===((w=c.destination)==null?void 0:w.droppableId)){let U=[...t||[]],[gt]=(oe=U==null?void 0:U.splice(c.source.index,1))!=null?oe:[];return U==null||U.splice(c.destination.index,0,gt),_&&(pe(U),_==null||_(U)),U}};return(0,p.jsx)("div",{css:Q.css`
|
|
356
361
|
width: 100%;
|
|
357
|
-
`,children:(0,p.jsxs)("div",{css:
|
|
362
|
+
`,children:(0,p.jsxs)("div",{css:Q.css`
|
|
358
363
|
position: relative;
|
|
359
364
|
margin-block: var(--spacing-base);
|
|
360
|
-
`,children:[Fo?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("div",{css:tr,"data-test-id":"component-search",children:(0,p.jsxs)("button",{css:rr,onClick:Bo,type:"button","aria-haspopup":!0,"aria-expanded":s,"aria-controls":`entry-search-config-${
|
|
365
|
+
`,children:[Fo?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("div",{css:tr,"data-test-id":"component-search",children:(0,p.jsxs)("button",{css:rr,onClick:Bo,type:"button","aria-haspopup":!0,"aria-expanded":s,"aria-controls":`entry-search-config-${mt.current}`,children:[Qo,(0,p.jsx)("span",{css:Q.css`
|
|
361
366
|
margin-left: var(--spacing-base);
|
|
362
|
-
`,children:"Select"}),(0,p.jsx)("span",{css:sr,children:(0,p.jsx)(
|
|
367
|
+
`,children:"Select"}),(0,p.jsx)("span",{css:sr,children:(0,p.jsx)(Ze,{css:[cr,s?Q.css`
|
|
363
368
|
transform: rotate(180deg);
|
|
364
|
-
`:void 0]})})]})}),(0,p.jsxs)("div",{id:`entry-search-config-${
|
|
369
|
+
`:void 0]})})]})}),(0,p.jsxs)("div",{id:`entry-search-config-${mt.current}`,"aria-hidden":!s,css:[nr,s?void 0:ar],children:[ke||null,(0,p.jsxs)("div",{css:Q.css`
|
|
365
370
|
display: flex;
|
|
366
371
|
gap: calc(var(--spacing-base) - 0.25rem);
|
|
367
372
|
margin-bottom: var(--spacing-base);
|
|
368
|
-
`,children:[(0,p.jsx)(I.InputSelect,{onChange:c=>
|
|
373
|
+
`,children:[(0,p.jsx)(I.InputSelect,{onChange:c=>B(c.target.value),value:g,label:re,showLabel:!1,options:[...$?[]:[{value:"any",label:q}],...o?o.map(c=>({value:c.id,label:c.name})):[]]}),(0,p.jsx)("div",{css:Q.css`
|
|
369
374
|
flex-grow: 1;
|
|
370
|
-
`,children:(0,p.jsx)(I.InputKeywordSearch,{inputFieldName:"searchText",placeholder:"Enter keyword to narrow your results",onSearchTextChanged:
|
|
375
|
+
`,children:(0,p.jsx)(I.InputKeywordSearch,{inputFieldName:"searchText",placeholder:"Enter keyword to narrow your results",onSearchTextChanged:z,disabledFieldSubmission:!0,value:D})})]}),(0,p.jsxs)("div",{css:[ir,I.scrollbarStyles],id:mt.current,role:"listbox",tabIndex:0,"data-test-id":"entry-list",children:[(0,p.jsx)(I.LoadingOverlay,{isActive:zo}),Array.isArray(r)&&r.length>0?r.map(c=>(0,p.jsx)(Ko,{isSelected:T.some(w=>w.id===c.id),result:c,triggerSelection:()=>Uo(c)},c.id)):x?null:(0,p.jsx)(No,{searchText:D||D,selectedContentType:(Wr=(Qr=o==null?void 0:o.find(c=>c.id===g))==null?void 0:Qr.name)!=null?Wr:g}),!x&&typeof i!="undefined"&&r&&(r==null?void 0:r.length)<i&&(0,p.jsx)("button",{type:"button",css:or,onClick:$o,children:Do?(0,p.jsx)(I.LoadingIndicator,{}):"Load More"})]}),(0,p.jsxs)("div",{css:Q.css`
|
|
371
376
|
display: flex;
|
|
372
377
|
justify-content: space-between;
|
|
373
|
-
`,children:[(0,p.jsx)("div",{children:Se&&((_r=o==null?void 0:o.length)!=null?_r:0)>0?(0,p.jsx)(I.Menu,{menuLabel:"Add new menu",menuTrigger:(0,p.jsx)(I.Button,{buttonType:"secondary",children:"Add New"}),children:o==null?void 0:o.map(c=>(0,p.jsx)(I.MenuItem,{css:
|
|
378
|
+
`,children:[(0,p.jsx)("div",{children:Se&&((_r=o==null?void 0:o.length)!=null?_r:0)>0?(0,p.jsx)(I.Menu,{menuLabel:"Add new menu",menuTrigger:(0,p.jsx)(I.Button,{buttonType:"secondary",children:"Add New"}),children:o==null?void 0:o.map(c=>(0,p.jsx)(I.MenuItem,{css:Q.css`
|
|
374
379
|
background: var(--white);
|
|
375
380
|
color: var(--brand-secondary-1);
|
|
376
|
-
`,onClick:()=>Se(c),children:c.name},c.id))}):null}),(0,p.jsxs)("div",{css:
|
|
381
|
+
`,onClick:()=>Se(c),children:c.name},c.id))}):null}),(0,p.jsxs)("div",{css:Q.css`
|
|
377
382
|
display: flex;
|
|
378
383
|
gap: var(--spacing-base);
|
|
379
|
-
`,children:[(0,p.jsx)(I.Button,{buttonType:"unimportant",onClick:Ho,children:"Cancel"}),(0,p.jsx)(I.Button,{disabled:!T.length,onClick:Oo,"data-test-id":"entry-accept-button",children:"Accept"})]})]})]})]}):null,s?null:d&&T.length>1?(0,p.jsx)(Le.DragDropContext,{onDragEnd:c=>Wo(c),children:(0,p.jsx)(Le.Droppable,{droppableId:h||"canvas-multi-select",children:c=>(0,p.jsxs)("div",{...c.droppableProps,ref:c.innerRef,css:
|
|
384
|
+
`,children:[(0,p.jsx)(I.Button,{buttonType:"unimportant",onClick:Ho,children:"Cancel"}),(0,p.jsx)(I.Button,{disabled:!T.length,onClick:Oo,"data-test-id":"entry-accept-button",children:"Accept"})]})]})]})]}):null,s?null:d&&T.length>1?(0,p.jsx)(Le.DragDropContext,{onDragEnd:c=>Wo(c),children:(0,p.jsx)(Le.Droppable,{droppableId:h||"canvas-multi-select",children:c=>(0,p.jsxs)("div",{...c.droppableProps,ref:c.innerRef,css:Q.css`
|
|
380
385
|
margin-block: var(--spacing-sm) 0;
|
|
381
|
-
`,children:[T==null?void 0:T.map((
|
|
386
|
+
`,children:[T==null?void 0:T.map((w,oe)=>{if(w!=null&&w.id)return(0,p.jsx)(Le.Draggable,{draggableId:w.id,index:oe,children:(U,gt)=>(0,p.jsxs)("div",{css:dr,ref:U.innerRef,"data-dragging":gt.isDragging,...U.draggableProps,...U.dragHandleProps,children:[(0,p.jsxs)("span",{css:lr,children:[(0,p.jsx)(ze,{css:[rt,pr],width:24,height:24}),(0,p.jsx)(ze,{css:rt,width:24,height:24})]}),(0,p.jsx)(Kr,{logoIcon:n,selectedItem:w,onDeselect:ft=>Fr(ft),onEditClosed:R?ft=>R(ft):void 0},`selected-item-${w.id}`)]})},w.id)}),c.placeholder]})})}):T==null?void 0:T.map(c=>(0,p.jsx)(Kr,{logoIcon:n,selectedItem:c,onDeselect:w=>Fr(w),onEditClosed:R?w=>R(w):void 0},`selected-item-${c.id}`))]})})};var se=require("@emotion/react"),mr=se.css`
|
|
382
387
|
cursor: pointer;
|
|
383
388
|
padding: var(--spacing-sm) 0;
|
|
384
389
|
margin-right: var(--spacing-sm);
|
|
@@ -412,15 +417,15 @@
|
|
|
412
417
|
width: 1.5rem;
|
|
413
418
|
color: var(--brand-secondary-3);
|
|
414
419
|
margin-left: auto;
|
|
415
|
-
`;var Sr=require("@emotion/react");var W=require("@emotion/react/jsx-runtime");function xr({result:e,isSelected:r,triggerSelection:o}){var h;let{categories:t,logoIcon:n}=
|
|
420
|
+
`;var Sr=require("@emotion/react");var W=require("@emotion/react/jsx-runtime");function xr({result:e,isSelected:r,triggerSelection:o}){var h;let{categories:t,logoIcon:n}=Ue(),[a]=e.categories||[{id:"",name:""}],d=typeof a=="undefined"||!t||(h=t.find(v=>v.id===a.id))==null?void 0:h.name;return(0,W.jsx)("div",{"data-value":e.id,role:"option",tabIndex:-1,onClick:()=>o(),css:[mr],children:(0,W.jsxs)("div",{css:[gr,r?fr:void 0],children:[e.thumbnailUrl?(0,W.jsx)("img",{src:e.thumbnailUrl,alt:`Thumbnail for ${e.title}`,css:Sr.css`
|
|
416
421
|
background-color: var(--gray-200);
|
|
417
422
|
width: 3rem;
|
|
418
423
|
height: 3rem;
|
|
419
424
|
object-fit: cover;
|
|
420
|
-
`}):(0,W.jsx)(
|
|
425
|
+
`}):(0,W.jsx)(Z,{src:n,alt:"Logo",css:Sr.css`
|
|
421
426
|
height: 2.25rem;
|
|
422
427
|
width: 2.25rem;
|
|
423
|
-
`}),(0,W.jsxs)("h4",{css:[vr],children:[e.title,d?(0,W.jsx)("span",{css:[hr],children:d}):null]}),(0,W.jsxs)("p",{css:[yr],children:["SKU: ",e.sku||e.id,e.price!==void 0?(0,W.jsx)("span",{children:e.price}):null]}),r?(0,W.jsx)(
|
|
428
|
+
`}),(0,W.jsxs)("h4",{css:[vr],children:[e.title,d?(0,W.jsx)("span",{css:[hr],children:d}):null]}),(0,W.jsxs)("p",{css:[yr],children:["SKU: ",e.sku||e.id,e.price!==void 0?(0,W.jsx)("span",{children:e.price}):null]}),r?(0,W.jsx)(_e,{css:[br]}):null]})},e.id)}var te=require("@emotion/react"),wr=require("@uniformdev/design-system"),Cr=te.css`
|
|
424
429
|
border: 1px solid var(--gray-200);
|
|
425
430
|
border-radius: var(--rounded-base);
|
|
426
431
|
background: var(--gray-50);
|
|
@@ -444,12 +449,12 @@
|
|
|
444
449
|
width: 50%;
|
|
445
450
|
margin-bottom: 0;
|
|
446
451
|
}
|
|
447
|
-
`,
|
|
452
|
+
`,nt=te.css`
|
|
448
453
|
background-color: var(--gray-200);
|
|
449
454
|
width: 3.5rem;
|
|
450
455
|
height: 3.5rem;
|
|
451
456
|
object-fit: cover;
|
|
452
|
-
`,
|
|
457
|
+
`,at=te.css`
|
|
453
458
|
align-items: center;
|
|
454
459
|
background: var(--white);
|
|
455
460
|
border-radius: var(--rounded-base);
|
|
@@ -464,7 +469,7 @@
|
|
|
464
469
|
&:hover {
|
|
465
470
|
background: var(--gray-50);
|
|
466
471
|
}
|
|
467
|
-
`,
|
|
472
|
+
`,it=te.css`
|
|
468
473
|
font-size: var(--fs-sm);
|
|
469
474
|
`,Rr=te.css`
|
|
470
475
|
display: block;
|
|
@@ -480,7 +485,7 @@
|
|
|
480
485
|
min-width: 200px;
|
|
481
486
|
justify-content: end;
|
|
482
487
|
}
|
|
483
|
-
`;var ve=require("@emotion/react"),
|
|
488
|
+
`;var ve=require("@emotion/react"),st=require("@uniformdev/design-system"),To=require("react-icons/cg"),C=require("@emotion/react/jsx-runtime");function Ir({selectedItem:e,onDeselect:r}){var d;let{categories:o,logoIcon:t}=Ue(),[n]=e.categories||[{id:"",name:""}],a=typeof n=="undefined"||!o||(d=o.find(h=>h.id===n.id))==null?void 0:d.name;return(0,C.jsx)("div",{css:[Cr],children:(0,C.jsxs)("article",{css:[Pr],children:[(0,C.jsxs)("div",{css:[Lr],children:[e.thumbnailUrl?(0,C.jsx)("img",{src:e.thumbnailUrl,alt:a,css:[nt],loading:"lazy"}):(0,C.jsx)("div",{css:[nt]}),(0,C.jsxs)("div",{css:ve.css`
|
|
484
489
|
> :not(:last-child) {
|
|
485
490
|
margin-bottom: var(--spacing-xs);
|
|
486
491
|
}
|
|
@@ -493,7 +498,7 @@
|
|
|
493
498
|
`,children:a})]}),(0,C.jsxs)("ul",{css:ve.css`
|
|
494
499
|
font-size: var(--fs-sm);
|
|
495
500
|
|
|
496
|
-
${(0,
|
|
501
|
+
${(0,st.mq)("sm")} {
|
|
497
502
|
display: flex;
|
|
498
503
|
gap: var(--spacing-base);
|
|
499
504
|
}
|
|
@@ -501,7 +506,7 @@
|
|
|
501
506
|
margin-right: var(--spacing-xs);
|
|
502
507
|
`,children:"SKU:"}),e.sku||e.id]}),e.price!==void 0?(0,C.jsxs)("li",{children:[(0,C.jsx)("span",{css:ve.css`
|
|
503
508
|
margin-right: var(--spacing-xs);
|
|
504
|
-
`,children:"Price:"}),(0,C.jsx)("span",{children:e.price})]}):null]})]})]}),(0,C.jsxs)("div",{css:kr,children:[e.editLink?(0,C.jsxs)("a",{href:e.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",css:
|
|
509
|
+
`,children:"Price:"}),(0,C.jsx)("span",{children:e.price})]}):null]})]})]}),(0,C.jsxs)("div",{css:kr,children:[e.editLink?(0,C.jsxs)("a",{href:e.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",css:at,children:[(0,C.jsx)("span",{css:it,children:"Edit"}),(0,C.jsx)(Z,{src:t,alt:"Logo",css:Rr})]}):null,(0,C.jsxs)("button",{type:"button",onClick:()=>{r==null||r(e)},css:at,children:[(0,C.jsx)("span",{css:it,children:"Unlink"}),(0,C.jsx)(st.Icon,{icon:To.CgClose,iconColor:"red",size:16})]})]})]})},e.id)}var Eo=require("@uniformdev/design-system"),ct=require("react-use"),Re=require("@emotion/react/jsx-runtime");function Sn({selectedProducts:e,setSelectedProducts:r,onGetCategories:o,onSearchProducts:t,logoIcon:n,multiSelect:a,multiSelectId:d,selectedItemComponent:h,rowComponent:v,errorComponent:S,helpComponent:i,noResultsComponent:u,onSort:x,typeSelectorAllTypesOptionText:$="All categories",typeSelectorLabel:Se="Select Category"}){var le,D;let{value:R,loading:P,error:xe}=(0,ct.useAsync)(async()=>await o(),[o]),ke=R==null?void 0:R.map(z=>z.id).join(","),_=(0,ce.useMemo)(()=>R?R.map(g=>({id:g.id,name:g.name})):void 0,[ke]),re=(0,ce.useRef)(),[q,Ie]=(0,ct.useAsyncFn)(async(z,g)=>{let B=await t({text:z,options:{limit:g==null?void 0:g.count,offset:g==null?void 0:g.offset,categoryId:g==null?void 0:g.contentType,cursor:g==null?void 0:g.cursor}});return(g==null?void 0:g.offset)===0&&(re.current=[]),(re.current=re.current||[]).push(...B.products),B},[t]),Ge=async z=>{await r(z)};return xe||q.error?(0,Re.jsx)(S||(({categoriesError:g,searchError:B})=>(0,Re.jsxs)(Eo.Callout,{type:"error",children:["There was an error: ",(g==null?void 0:g.message)||(B==null?void 0:B.message)]})),{categoriesError:xe,searchError:q.error}):(0,Re.jsx)(Tr.Provider,{value:{categories:R,logoIcon:n},children:(0,Re.jsx)(ur,{search:Ie,results:re.current,logoIcon:n,selectedItems:e,select:Ge,multiSelectId:d||"product-search-multi-select",multiSelect:a,contentTypes:_,selectedItemComponent:h||Ir,rowComponent:v||xr,totalResults:(le=q.value)==null?void 0:le.total,cursor:(D=q.value)==null?void 0:D.cursor,resultsLoading:q.loading||P,helpComponent:i,noResultsComponent:u,onSort:x,typeSelectorAllTypesOptionText:$,typeSelectorLabel:Se})})}var Tr=ce.default.createContext(void 0),Ue=()=>{let e=(0,ce.useContext)(Tr);if(!e)throw new Error("useProductSearchContext must be used within a <ProductSearchContext> provider");return e};var V=require("@emotion/react"),Mo=require("@uniformdev/design-system"),Er=V.css`
|
|
505
510
|
border: 1px solid var(--gray-200);
|
|
506
511
|
background: var(--gray-50);
|
|
507
512
|
border-radius: var(--rounded-base);
|
|
@@ -542,7 +547,7 @@
|
|
|
542
547
|
width: max-content;
|
|
543
548
|
`,he=V.css`
|
|
544
549
|
font-size: var(--fs-sm);
|
|
545
|
-
`,
|
|
550
|
+
`,Ae=V.css`
|
|
546
551
|
font-weight: var(--fw-bold);
|
|
547
552
|
margin-right: var(--spacing-sm);
|
|
548
553
|
`,Gr=V.css`
|
|
@@ -555,7 +560,7 @@
|
|
|
555
560
|
justify-content: end;
|
|
556
561
|
min-width: 200px;
|
|
557
562
|
}
|
|
558
|
-
`,
|
|
563
|
+
`,dt=V.css`
|
|
559
564
|
align-items: center;
|
|
560
565
|
background: var(--white);
|
|
561
566
|
border-radius: var(--rounded-base);
|
|
@@ -579,21 +584,21 @@
|
|
|
579
584
|
outline: none;
|
|
580
585
|
border: none;
|
|
581
586
|
margin: calc(var(--spacing-xs) * -1) 0 calc(var(--spacing-xs) * -1) var(--spacing-sm);
|
|
582
|
-
`,
|
|
587
|
+
`,lt=V.css`
|
|
583
588
|
display: block;
|
|
584
589
|
max-width: 100%;
|
|
585
590
|
min-width: 100px;
|
|
586
591
|
height: auto;
|
|
587
|
-
`;var be=require("react");var
|
|
592
|
+
`;var be=require("react");var pt=require("react-icons/cg"),Vo=require("timeago.js");var ye=require("@emotion/react");var Hr=require("@uniformdev/design-system"),f=require("@emotion/react/jsx-runtime");function xn({selectedItem:e,onDeselect:r,onEditClosed:o,logoIcon:t,itemDetailsRendererComponent:n}){let a=(0,be.useRef)(null),d=(0,be.useRef)(null),[h,v]=(0,be.useState)(!1);(0,be.useEffect)(()=>{let u=$=>{a.current&&!a.current.contains($.target)&&d.current&&!d.current.contains($.target)&&v(!1)},x=()=>{v(!1)};return window.addEventListener("resize",x,!0),document.addEventListener("scroll",u,!0),document.addEventListener("mousedown",u),()=>{window.removeEventListener("resize",x,!0),document.removeEventListener("scroll",u,!0),document.removeEventListener("mousedown",u)}},[d]);let S=()=>{var u;if(v(!h),d.current&&a.current){let x=(u=a==null?void 0:a.current)==null?void 0:u.getBoundingClientRect();d.current.style.top=`${x.top+30}px`}},i=n!=null?n:wn;return(0,f.jsx)("div",{css:[Er,ye.css`
|
|
588
593
|
margin: 0 0 1rem 0;
|
|
589
|
-
`],children:(0,f.jsxs)("div",{css:Mr,children:[(0,f.jsxs)("div",{css:Vr,children:[(0,f.jsxs)("div",{css:Dr,children:[(0,f.jsx)("h4",{css:[zr],title:`ID: ${e.id}`,"data-test-id":"dam-selected-item",children:e.title||e.id||""}),e.popoverData?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("button",{type:"button",ref:a,css:Or,"aria-controls":"path-details","aria-expanded":h,onClick:S,children:(0,f.jsx)(Hr.Icon,{icon:
|
|
594
|
+
`],children:(0,f.jsxs)("div",{css:Mr,children:[(0,f.jsxs)("div",{css:Vr,children:[(0,f.jsxs)("div",{css:Dr,children:[(0,f.jsx)("h4",{css:[zr],title:`ID: ${e.id}`,"data-test-id":"dam-selected-item",children:e.title||e.id||""}),e.popoverData?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("button",{type:"button",ref:a,css:Or,"aria-controls":"path-details","aria-expanded":h,onClick:S,children:(0,f.jsx)(Hr.Icon,{icon:pt.CgInfo,iconColor:"gray",size:24,css:ye.css`
|
|
590
595
|
opacity: var(--opacity-75);
|
|
591
596
|
`})}),(0,f.jsx)("div",{id:"path-details","aria-hidden":!h,ref:d,css:[Ar,h?ye.css`
|
|
592
597
|
visibility: visible;
|
|
593
598
|
`:ye.css`
|
|
594
599
|
visibility: hidden;
|
|
595
|
-
`],children:Object.entries(e.popoverData).map(([
|
|
600
|
+
`],children:Object.entries(e.popoverData).map(([u,x],$)=>(0,f.jsxs)("div",{css:he,children:[(0,f.jsxs)("span",{css:Ae,children:[u,":"]}),x]},$))})]}):null]}),(0,f.jsx)(i,{item:e})]}),(0,f.jsxs)("div",{css:Gr,children:[e.editLink?typeof e.editLink=="string"?(0,f.jsxs)("a",{href:e.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",onClick:u=>{o&&(Ye(u.currentTarget.href,()=>o(e)),u.preventDefault())},css:dt,children:[(0,f.jsx)("span",{css:he,children:"Edit"}),t?(0,f.jsx)(Z,{src:t,css:Ur,alt:"Logo"}):null]}):e.editLink:null,(0,f.jsxs)("button",{type:"button",onClick:()=>{r(e)},css:dt,children:[(0,f.jsx)("span",{css:he,children:"Unlink"}),(0,f.jsx)(Hr.Icon,{icon:pt.CgClose,iconColor:"red",size:16})]})]})]})},e.id)}function wn({item:e}){let r=null;return e.previewUrl&&typeof e.previewUrl=="string"?e.type==="image"?r=(0,f.jsx)("img",{src:e.previewUrl,alt:e.id,width:"200",css:lt}):e.type==="video"&&(r=(0,f.jsx)("video",{src:e.previewUrl,title:e.id,width:"200",controls:!0,css:lt})):e.previewUrl&&typeof e.previewUrl!="string"&&(r=e.previewUrl),r||e.metadata?(0,f.jsxs)("div",{css:Br,children:[r?(0,f.jsx)("div",{children:r}):null,(0,f.jsxs)("ul",{children:[e.metadata?Object.entries(e.metadata).map(([o,t])=>(0,f.jsxs)("li",{css:[he,ye.css`
|
|
596
601
|
order: 1;
|
|
597
|
-
`],children:[(0,f.jsxs)("span",{css:[
|
|
602
|
+
`],children:[(0,f.jsxs)("span",{css:[Ae,ye.css`
|
|
598
603
|
order: 1;
|
|
599
|
-
`],children:[o,":"]}),t]},o)):null,e.createdDate?(0,f.jsxs)("li",{css:he,children:[(0,f.jsx)("span",{css:
|
|
604
|
+
`],children:[o,":"]}),t]},o)):null,e.createdDate?(0,f.jsxs)("li",{css:he,children:[(0,f.jsx)("span",{css:Ae,children:"Date:"}),(0,Vo.format)(e.createdDate)]}):null]})]}):null}var ut=require("@uniformdev/design-system");var de=require("@emotion/react/jsx-runtime"),Cn=({children:e,loadingComponent:r,errorComponent:o})=>{let{initializing:t,error:n,sdk:a}=bt();if(t||!a){let d=r;return d?(0,de.jsx)(d,{}):(0,de.jsx)(ut.LoadingIndicator,{})}if(n){let d=o;if(d)return(0,de.jsx)(d,{error:n});throw n}return(0,de.jsxs)(Ee.Provider,{value:{sdk:a},children:[(0,de.jsx)(ut.Theme,{}),(0,de.jsx)(Me,{children:e})]})};K(H,require("@uniformdev/mesh-sdk"),module.exports);var m=require("@uniformdev/design-system");0&&(module.exports={AddListButton,Button,Callout,DamSelectedItem,DefaultSearchRow,DefaultSelectedItem,EntrySearch,Heading,Icons,Input,InputSelect,InputToggle,KeywordSearchInput,Label,LoadingIndicator,LoadingOverlay,Menu,MenuItem,MeshApp,ProductPreviewList,ProductQuery,ProductQueryContext,ProductSearch,ProductSearchContext,ProductSearchRow,ProductSelectedItem,ResolvableLoadingValue,ScrollableList,ScrollableListItem,SelectionField,Switch,Textarea,Theme,UniformMeshLocationContext,UniformMeshLocationContextProvider,UniformMeshSdkContext,UniformMeshSdkContextProvider,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,useInitializeUniformMeshSdk,useMeshLocation,useProductQueryContext,useProductSearchContext,useUniformMeshLocation,useUniformMeshLocationContext,useUniformMeshSdk,useUniformMeshSdkContext});
|