@uniformdev/mesh-sdk-react 16.1.1-alpha.319 → 16.2.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 +126 -130
- package/dist/index.js +125 -129
- package/dist/index.mjs +126 -130
- package/package.json +4 -4
package/dist/index.mjs
CHANGED
|
@@ -1,75 +1,72 @@
|
|
|
1
|
-
var
|
|
1
|
+
var Fr=Object.defineProperty;var $r=(t,n)=>{for(var o in n)Fr(t,o,{get:n[o],enumerable:!0})};import{jsx as e}from"@emotion/react";import*as S from"react";import{createContext as Kr,useContext as Nr,useState as Qr}from"react";var Ae=Kr(void 0),Be=({children:t})=>{let[n,o]=Qr(),r;if(typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"){let a=n||window.UniformMeshSDK.getCurrentLocation();r={location:{getValue:a.getValue,getMetadata:a.getMetadata,setValue:async(i,l)=>{await a.setValue(i,l),o(window.UniformMeshSDK.getCurrentLocation())},setValidationResult:async i=>{await a.setValidationResult(i)}}}}return e(Ae.Provider,{value:r},t)},Oe=()=>{let t=Nr(Ae);if(!t)throw new Error("useUniformMeshLocationContext must be used within a UniformMeshLocationContextProvider");return t};function yn(){let{location:t}=Oe();return{value:t==null?void 0:t.getValue(),setValue:t==null?void 0:t.setValue,metadata:t==null?void 0:t.getMetadata(),setValidationResult:t==null?void 0:t.setValidationResult}}import{initializeUniformMeshSDK as Wr}from"@uniformdev/mesh-sdk";import{useEffect as _r,useState as He}from"react";var Ln=({autoResizingDisabled:t}={})=>{let[n,o]=He(),[r,a]=He();return _r(()=>{typeof window=="undefined"||r||(typeof window.UniformMeshSDK=="undefined"?Wr({autoResizingDisabled:t}).then(i=>{a(i)}).catch(i=>{o(i)}):a(window.UniformMeshSDK))},[t]),{initializing:!r&&!n,error:n,sdk:r}};import{createContext as Zr,useContext as Xr}from"react";import{Theme as qr}from"@uniformdev/design-system";var Fe=Zr(void 0),Tn=({children:t})=>{let n;return typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"&&(n={sdk:window.UniformMeshSDK}),e(Fe.Provider,{value:n},e(qr,null),e(Be,null,t))},$e=()=>{let t=Xr(Fe);if(!t)throw new Error("useUniformMeshSdkContext must be used within a UniformMeshSdkContextProvider");return t};function Dn(){let{sdk:t}=$e();return t}import oo,{useMemo as ie,useContext as no}from"react";import{css as Yr}from"@emotion/react";import{Icon as Jr,InputSelect as jr}from"@uniformdev/design-system";import{CgClose as eo}from"react-icons/cg";import Ke from"react";var Ne=({value:t,text:n,loading:o})=>e(Ke.Fragment,null,!!n&&n,!n&&e(Ke.Fragment,null,o&&`${t} (Loading...)`,!o&&`${t} (Unresolvable)`));import{css as ve}from"@emotion/react";var Qe=ve`
|
|
2
|
+
align-items: center;
|
|
3
|
+
background: var(--gray-100);
|
|
4
|
+
border: 1px solid var(--gray-300);
|
|
5
|
+
display: inline-flex;
|
|
6
|
+
font-size: var(--fs-sm);
|
|
7
|
+
justify-content: space-between;
|
|
8
|
+
margin-bottom: var(--spacing-sm);
|
|
9
|
+
margin-right: var(--spacing-sm);
|
|
10
|
+
`,We=ve`
|
|
11
|
+
color: var(--gray-800);
|
|
12
|
+
padding: var(--spacing-3);
|
|
13
|
+
`,_e=ve`
|
|
14
|
+
border: none;
|
|
15
|
+
border-left: 1px solid var(--gray-300);
|
|
16
|
+
background: var(--gray-100);
|
|
17
|
+
padding: var(--spacing-3);
|
|
18
|
+
`;var Ze=({id:t,label:n,loading:o,selectedValues:r,values:a,onAdd:i,onRemove:l})=>{var f;let g=(f=a==null?void 0:a.filter(s=>!(r!=null&&r.includes(s.id.toString()))))!=null?f:[],u=(s,p)=>{s.preventDefault(),l(p)};return e("div",null,e(jr,{id:t,name:t,label:n,onChange:s=>i(s.target.value),disabled:o,options:[{value:"",label:"Add..."},...g.map(s=>({value:s.id,label:s.name||s.id}))],value:"",css:Array.isArray(r)&&r.length>0?Yr`
|
|
2
19
|
margin-bottom: var(--spacing-base);
|
|
3
|
-
`:""}),r==null?void 0:r.map(s=>{var p;return e("div",{css:
|
|
4
|
-
font-size: var(--fs-sm);
|
|
5
|
-
display: inline-flex;
|
|
6
|
-
align-items: center;
|
|
7
|
-
justify-content: space-between;
|
|
8
|
-
background-color: var(--gray-100);
|
|
9
|
-
border: 1px solid var(--gray-300);
|
|
10
|
-
margin-bottom: var(--spacing-sm);
|
|
11
|
-
margin-right: var(--spacing-sm);
|
|
12
|
-
`,key:s},e("span",{css:ee`
|
|
13
|
-
padding: var(--spacing-3);
|
|
14
|
-
color: var(--gray-800);
|
|
15
|
-
`},e(Ne,{value:s,loading:o,text:(p=a.find(h=>h.id===s))==null?void 0:p.name})),e("button",{css:ee`
|
|
16
|
-
padding: var(--spacing-3);
|
|
17
|
-
border-left: 1px solid var(--gray-300);
|
|
18
|
-
`,title:"remove",onClick:h=>u(h,s)},e("svg",{xmlns:"http://www.w3.org/2000/svg",css:ee`
|
|
19
|
-
height: 1.25rem;
|
|
20
|
-
width: 1.25rem;
|
|
21
|
-
pointer-events: none;
|
|
22
|
-
display: block;
|
|
23
|
-
`,viewBox:"0 0 20 20",fill:"currentColor"},e("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"}))))}))};var Xr=t=>e("svg",{width:"1em",height:"1em",viewBox:"0 0 46 46",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t},e("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"})),ae=Xr;var qr=t=>e("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},e("path",{d:"M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z",fill:"currentColor"})),ie=qr;import{useAsyncFn as jr,useDebounce as eo}from"react-use";import{Input as We,InputSelect as ce,mq as de}from"@uniformdev/design-system";import{css as L}from"@emotion/react";var _e={count:1,categories:[],brand:"",keyword:"",sort:"date_modified",sortOrder:"desc"},_n=({value:t,setValue:n,brands:o,categories:r,loading:a,categoriesLoading:i,brandsLoading:l,logoIcon:g,onGetProducts:u,sortOptions:f,sortOrderOptions:s,categoryLabel:p="Product Category",brandLabel:h="Brand",disableBrands:E,restrictToSingleCategory:G=!1})=>{var m,I,U;let w=async d=>{n({..._e,...t||{},...d})},y=se(()=>({..._e,...t||{}}),[t]),[Z,A]=jr(async d=>await u(d),[u]);eo(async()=>{await A({brand:y.brand,categories:y.categories,keyword:y.keyword,sort:y.sort,sortOrder:y.sortOrder,count:y.count})},250,[y]);let N=se(()=>{let d=[];return r==null||r.forEach(b=>{let T=Xe(b,void 0);d.push(...T)}),d},[r]),B=se(()=>[{value:"",label:"All categories"},...N.map(d=>({label:d.name,value:d.id}))],[N]),O=se(()=>(o==null?void 0:o.map(d=>({id:d.id.toString(),name:d.name})))||[],[o]),oe=d=>{if(!d)return;let b=(t==null?void 0:t.categories)||[];w({categories:[...b,d]})},X=d=>{var b;w({categories:(b=t==null?void 0:t.categories)==null?void 0:b.filter(T=>T!==d)})},H=d=>{w({brand:d.target.value})},P=d=>{w({count:d||1})};return a?e("div",null,"Loading..."):e(qe.Provider,{value:{categories:r,logoIcon:g}},e("div",{css:L`
|
|
20
|
+
`:""}),r==null?void 0:r.map(s=>{var p;return e("div",{css:Qe,key:s},e("span",{css:We},e(Ne,{value:s,loading:o,text:(p=a.find(h=>h.id===s))==null?void 0:p.name})),e("button",{css:_e,title:"remove",onClick:h=>u(h,s)},e(Jr,{icon:eo,iconColor:"currentColor",size:20})))}))};var to=t=>e("svg",{width:"1em",height:"1em",viewBox:"0 0 46 46",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t},e("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=to;var ro=t=>e("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},e("path",{d:"M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z",fill:"currentColor"})),ae=ro;import{useAsyncFn as ao,useDebounce as io}from"react-use";import{Input as Xe,InputSelect as se,mq as ce}from"@uniformdev/design-system";import{css as L}from"@emotion/react";var qe={count:1,categories:[],brand:"",keyword:"",sort:"date_modified",sortOrder:"desc"},oa=({value:t,setValue:n,brands:o,categories:r,loading:a,categoriesLoading:i,brandsLoading:l,logoIcon:g,onGetProducts:u,sortOptions:f,sortOrderOptions:s,categoryLabel:p="Product Category",brandLabel:h="Brand",disableBrands:E,restrictToSingleCategory:G=!1})=>{var m,I,U;let w=async d=>{n({...qe,...t||{},...d})},y=ie(()=>({...qe,...t||{}}),[t]),[Z,A]=ao(async d=>await u(d),[u]);io(async()=>{await A({brand:y.brand,categories:y.categories,keyword:y.keyword,sort:y.sort,sortOrder:y.sortOrder,count:y.count})},250,[y]);let N=ie(()=>{let d=[];return r==null||r.forEach(b=>{let T=Je(b,void 0);d.push(...T)}),d},[r]),B=ie(()=>[{value:"",label:"All categories"},...N.map(d=>({label:d.name,value:d.id}))],[N]),O=ie(()=>(o==null?void 0:o.map(d=>({id:d.id.toString(),name:d.name})))||[],[o]),re=d=>{if(!d)return;let b=(t==null?void 0:t.categories)||[];w({categories:[...b,d]})},X=d=>{var b;w({categories:(b=t==null?void 0:t.categories)==null?void 0:b.filter(T=>T!==d)})},H=d=>{w({brand:d.target.value})},P=d=>{w({count:d||1})};return a?e("div",null,"Loading..."):e(je.Provider,{value:{categories:r,logoIcon:g}},e("div",{css:L`
|
|
24
21
|
> :not(:last-child) {
|
|
25
22
|
margin-bottom: var(--spacing-md);
|
|
26
23
|
}
|
|
27
|
-
`},G?e(
|
|
24
|
+
`},G?e(se,{id:"selection-field-product-category",label:p,disabled:a,value:(I=(m=y.categories)==null?void 0:m[0])!=null?I:"",options:B,onChange:d=>{w({categories:d.target.value===""?[]:[d.target.value]})}}):e(Ze,{loading:i||!1,id:"selection-field-product-category",label:p,onAdd:re,onRemove:X,selectedValues:y.categories,values:N}),e("div",{css:L`
|
|
28
25
|
display: flex;
|
|
29
26
|
flex-wrap: wrap;
|
|
30
27
|
column-gap: var(--spacing-lg);
|
|
31
28
|
row-gap: var(--spacing-md);
|
|
32
|
-
${
|
|
29
|
+
${ce("md")} {
|
|
33
30
|
flex-wrap: nowrap;
|
|
34
31
|
}
|
|
35
32
|
`},E?null:e("div",{css:L`
|
|
36
33
|
width: 50%;
|
|
37
|
-
`},e(
|
|
34
|
+
`},e(se,{id:"brand",name:"brand",label:h,disabled:l,value:y.brand,onChange:H,options:[{value:"",label:"Choose..."},...O.map(d=>({value:d.id,label:d.name}))]})),e("div",{css:L`
|
|
38
35
|
flex-grow: 1;
|
|
39
36
|
position: relative;
|
|
40
|
-
`},e(
|
|
37
|
+
`},e(Xe,{id:"keyword-search",name:"keyword-search",label:"Keyword",value:y.keyword,placeholder:"Enter keyword",onChange:d=>w({keyword:d.target.value})}))),e("div",{css:L`
|
|
41
38
|
display: flex;
|
|
42
39
|
flex-wrap: wrap;
|
|
43
40
|
column-gap: var(--spacing-lg);
|
|
44
41
|
row-gap: var(--spacing-md);
|
|
45
|
-
${
|
|
42
|
+
${ce("md")} {
|
|
46
43
|
flex-wrap: nowrap;
|
|
47
44
|
}
|
|
48
45
|
`},e("div",{css:L`
|
|
49
46
|
width: 100%;
|
|
50
|
-
${
|
|
47
|
+
${ce("md")} {
|
|
51
48
|
width: 33.333333%;
|
|
52
49
|
}
|
|
53
50
|
position: relative;
|
|
54
|
-
`},e(
|
|
51
|
+
`},e(Xe,{id:"count",name:"count",type:"number",min:1,step:1,value:y.count,onChange:d=>P(d.target.valueAsNumber),label:"Count"}),e("div",{css:L`
|
|
55
52
|
position: absolute;
|
|
56
53
|
bottom: var(--spacing-sm);
|
|
57
54
|
right: var(--spacing-sm);
|
|
58
55
|
display: flex;
|
|
59
56
|
gap: var(--spacing-sm);
|
|
60
|
-
`},e(
|
|
57
|
+
`},e(Ye,{onCountChange:()=>P(y.count-1),countIcon:"decrement",disabled:y.count===1}),e(Ye,{onCountChange:()=>P(y.count+1),countIcon:"increment"}))),Array.isArray(f)&&f.length>0?e("div",{css:L`
|
|
61
58
|
flex-grow: 1;
|
|
62
|
-
${
|
|
59
|
+
${ce("md")} {
|
|
63
60
|
width: 33.333333%;
|
|
64
61
|
}
|
|
65
|
-
`},e(
|
|
62
|
+
`},e(se,{id:"sort",name:"sort",label:"Sort",value:y.sort,onChange:d=>w({sort:d.target.value}),options:[{value:"",label:"Select a sort"},...f.map(d=>({value:d.sortKey,label:d.name}))]})):null,Array.isArray(s)&&s.length>0?e("div",{css:L`
|
|
66
63
|
flex-grow: 1;
|
|
67
|
-
`},e(
|
|
64
|
+
`},e(se,{id:"sort-order",name:"sort-order",label:"Sort Order",value:y.sortOrder,onChange:d=>w({sortOrder:d.target.value}),options:s.map(d=>({value:d.sortOrderKey,label:d.name}))})):null),e("div",null,e("h3",{css:L`
|
|
68
65
|
font-size: var(--fs-md);
|
|
69
66
|
line-height: var(--spacing-md);
|
|
70
67
|
font-weight: var(--fw-bold);
|
|
71
68
|
margin-bottom: var(--spacing-xs);
|
|
72
|
-
`},"Result Preview"),e(
|
|
69
|
+
`},"Result Preview"),e(tt,{products:(U=Z.value)==null?void 0:U.products}))))};function Je(t,n){var i;let o=[],r=n?`${n.name} > `:"",a={id:t.id.toString(),name:`${r}${t.name}`};return o.push(a),(i=t.children)==null||i.forEach(l=>{let g=Je(l,a);o.push(...g)}),o}function Ye({onCountChange:t,countIcon:n,disabled:o}){return e("button",{css:L`
|
|
73
70
|
width: 2.25rem;
|
|
74
71
|
height: 2.25rem;
|
|
75
72
|
border: 1px solid var(--gray-300);
|
|
@@ -85,13 +82,13 @@ var Br=Object.defineProperty;var Or=(t,n)=>{for(var o in n)Br(t,o,{get:n[o],enum
|
|
|
85
82
|
cursor: not-allowed;
|
|
86
83
|
opacity: 0.3;
|
|
87
84
|
`:""}
|
|
88
|
-
`,onClick:t,disabled:o},n==="increment"?e(
|
|
85
|
+
`,onClick:t,disabled:o},n==="increment"?e(ne,{css:L`
|
|
89
86
|
width: 1rem;
|
|
90
87
|
height: 1rem;
|
|
91
|
-
`}):e(
|
|
88
|
+
`}):e(ae,{css:L`
|
|
92
89
|
width: 1rem;
|
|
93
90
|
height: 1rem;
|
|
94
|
-
`}))}var
|
|
91
|
+
`}))}var je=oo.createContext(void 0),et=()=>{let t=no(je);if(!t)throw new Error("useProductQueryContext must be used within a <ProductQueryContext> provider");return t};function V({src:t,alt:n,className:o}){let r=t&&typeof t!="string"?t:null;return r?e(r,{className:o}):e("img",{src:t,alt:n,className:o})}import{css as pt}from"@emotion/react";import{scrollbarStyles as so}from"@uniformdev/design-system";import{css as D}from"@emotion/react";var rt=D`
|
|
95
92
|
align-items: center;
|
|
96
93
|
background: var(--white);
|
|
97
94
|
border-radius: var(--rounded-base);
|
|
@@ -106,55 +103,55 @@ var Br=Object.defineProperty;var Or=(t,n)=>{for(var o in n)Br(t,o,{get:n[o],enum
|
|
|
106
103
|
&:hover {
|
|
107
104
|
background: var(--gray-50);
|
|
108
105
|
}
|
|
109
|
-
`,
|
|
106
|
+
`,ot=D`
|
|
110
107
|
font-size: var(--fs-sm);
|
|
111
|
-
`,
|
|
108
|
+
`,nt=D`
|
|
112
109
|
width: 1rem;
|
|
113
110
|
height: 1rem;
|
|
114
111
|
`,he=D`
|
|
115
112
|
margin-right: var(--spacing-lg);
|
|
116
113
|
font-size: var(--fs-sm);
|
|
117
|
-
`,
|
|
114
|
+
`,at=D`
|
|
118
115
|
border: 1px solid var(--gray-200);
|
|
119
116
|
border-radius: var(--rounded-md);
|
|
120
117
|
background: var(--gray-50);
|
|
121
118
|
margin: var(--spacing-base) 0;
|
|
122
|
-
`,
|
|
119
|
+
`,it=D`
|
|
123
120
|
align-items: center;
|
|
124
121
|
display: flex;
|
|
125
122
|
flex-grow: 1;
|
|
126
123
|
gap: var(--spacing-base);
|
|
127
124
|
padding: var(--spacing-sm);
|
|
128
125
|
margin-right: var(--spacing-sm);
|
|
129
|
-
`,
|
|
126
|
+
`,st=D`
|
|
130
127
|
background: var(--gray-200);
|
|
131
128
|
width: 3.5rem;
|
|
132
129
|
height: 3.5rem;
|
|
133
130
|
object-fit: cover;
|
|
134
|
-
`,
|
|
131
|
+
`,ct=D`
|
|
135
132
|
background: var(--gray-100);
|
|
136
133
|
height: 3.5rem;
|
|
137
134
|
width: 3.5rem;
|
|
138
|
-
`,
|
|
135
|
+
`,dt=D`
|
|
139
136
|
margin-top: 0;
|
|
140
137
|
font-weight: var(--fw-bold);
|
|
141
138
|
font-size: var(--fs-sm);
|
|
142
139
|
width: calc(100% / 3);
|
|
143
|
-
`,
|
|
140
|
+
`,lt=D`
|
|
144
141
|
display: block;
|
|
145
142
|
font-weight: var(--fw-regular);
|
|
146
|
-
`;var
|
|
143
|
+
`;var tt=({products:t})=>{let{categories:n,logoIcon:o}=et();return e(S.Fragment,null,e("p",{css:pt`
|
|
147
144
|
margin-bottom: var(--spacing-base);
|
|
148
|
-
`},"Matching ",(t==null?void 0:t.length)||0," products"),e("ul",{css:[
|
|
145
|
+
`},"Matching ",(t==null?void 0:t.length)||0," products"),e("ul",{css:[pt`
|
|
149
146
|
max-height: 24rem;
|
|
150
147
|
overflow-x: auto;
|
|
151
|
-
`,
|
|
148
|
+
`,so]},t==null?void 0:t.map((r,a)=>{var g,u;let[i]=(r==null?void 0:r.categories)||[],l=typeof i=="undefined"||!n||(g=n.find(f=>f.id===i.id))==null?void 0:g.name;return e("li",{key:`product-${r.id}`,css:at},e("div",{css:it},r.thumbnailUrl?e("img",{src:r.thumbnailUrl,alt:typeof r.title=="string"?r.title:r.name||`Product ${a}`,css:st}):e("div",{css:ct}),e("h4",{css:dt},r.title||r.name,l&&e("span",{css:lt},l)),r&&e(S.Fragment,null,e("p",{css:he},"SKU: ",r.sku||r.id,e("br",null)),r.price!==void 0?e("p",{css:he},"Price: ",r.price):null,r.editLink||r.url?e("a",{css:rt,href:(u=r.editLink)!=null?u:r.url,title:`Go to ${r.title||r.name}`,target:"_blank",rel:"noopener noreferrer"},e("span",{css:ot},"Edit"),o?e(V,{src:o,alt:"Logo",css:nt}):null):null)))})))};import Xo,{useContext as qo,useMemo as Yo,useRef as Jo}from"react";import*as k from"react";var be={};$r(be,{Caution:()=>mt,Checkmark:()=>de,ChevronDown:()=>le,Close:()=>ut,Danger:()=>gt,ExclamationPoint:()=>ft,Info:()=>pe,Lightbulb:()=>vt,MagnifyingGlass:()=>ht,MaximizeAlt:()=>bt,Minus:()=>ae,MoreVerticalAlt:()=>ee,Plus:()=>ne});var co=t=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",...t},e("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"})),mt=co;var lo=t=>e("svg",{width:"1em",height:"1em",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t},e("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"})),de=lo;var po=t=>e("svg",{viewBox:"0 0 24 24",width:"1em",height:"1em",...t},e("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"})),le=po;var mo=t=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 19 19",fill:"currentColor",...t},e("g",{fillRule:"evenodd"},e("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"}),e("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"}))),ut=mo;var uo=t=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...t},e("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"})),gt=uo;var go=t=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",...t},e("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"})),ft=go;var fo=t=>e("svg",{width:"1em",height:"1em",fill:"currentColor",...t},e("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"}),e("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"})),pe=fo;var vo=t=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...t},e("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"})),vt=vo;var ho=t=>e("svg",{width:"1em",height:"1em",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t},e("g",{clipPath:"url(#magnifying-glass_svg__a)"},e("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"}),e("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"})),e("defs",null,e("clipPath",{id:"magnifying-glass_svg__a"},e("path",{fill:"#fff",transform:"translate(.558)",d:"M0 0h24.935v24H0z"})))),ht=ho;var bo=t=>e("svg",{width:"1em",height:"1em",fill:"currentColor",...t},e("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"})),bt=bo;var yo=t=>e("svg",{width:"1em",height:"1em",fill:"currentColor",...t},e("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"})),ee=yo;import{useThrottle as Vo}from"react-use";import{v4 as Do}from"uuid";import wo,{useState as Co,useRef as kt,useEffect as Po}from"react";function me(t,n){let o=window.open(t,"_blank"),r=setInterval(()=>{o!=null&&o.closed&&(clearInterval(r),n())},500)}import{format as Lo}from"timeago.js";import{css as M}from"@emotion/react";import{mq as So}from"@uniformdev/design-system";var yt=M`
|
|
152
149
|
border: 1px solid var(--gray-200);
|
|
153
150
|
background: var(--gray-50);
|
|
154
151
|
border-radius: var(--rounded-base);
|
|
155
152
|
display: flex;
|
|
156
153
|
width: 100%;
|
|
157
|
-
`,
|
|
154
|
+
`,St=M`
|
|
158
155
|
align-items: center;
|
|
159
156
|
display: flex;
|
|
160
157
|
flex-grow: 1;
|
|
@@ -162,22 +159,22 @@ var Br=Object.defineProperty;var Or=(t,n)=>{for(var o in n)Br(t,o,{get:n[o],enum
|
|
|
162
159
|
margin-inline: 0 var(--spacing-sm);
|
|
163
160
|
padding: var(--spacing-base) var(--spacing-base) var(--spacing-base) var(--spacing-lg);
|
|
164
161
|
position: relative;
|
|
165
|
-
`,
|
|
162
|
+
`,wt=M`
|
|
166
163
|
flex-grow: 1;
|
|
167
|
-
`,
|
|
164
|
+
`,Ct=M`
|
|
168
165
|
align-items: start;
|
|
169
166
|
display: inline-flex;
|
|
170
167
|
position: relative;
|
|
171
|
-
`,
|
|
168
|
+
`,Pt=M`
|
|
172
169
|
color: var(--brand-secondary-1);
|
|
173
170
|
font-size: var(--fs-base);
|
|
174
171
|
font-weight: var(--fw-bold);
|
|
175
172
|
line-height: 1;
|
|
176
173
|
margin: 0;
|
|
177
|
-
`,
|
|
174
|
+
`,Lt=M`
|
|
178
175
|
width: 1.5rem;
|
|
179
176
|
height: 1.5rem;
|
|
180
|
-
`,
|
|
177
|
+
`,Rt=M`
|
|
181
178
|
background: var(--white);
|
|
182
179
|
border-radius: var(--rounded-base);
|
|
183
180
|
border-left: 4px solid var(--brand-secondary-3);
|
|
@@ -188,15 +185,15 @@ var Br=Object.defineProperty;var Or=(t,n)=>{for(var o in n)Br(t,o,{get:n[o],enum
|
|
|
188
185
|
width: max-content;
|
|
189
186
|
`,Q=M`
|
|
190
187
|
font-size: var(--fs-sm);
|
|
191
|
-
`,
|
|
188
|
+
`,te=M`
|
|
192
189
|
font-weight: var(--fw-bold);
|
|
193
190
|
margin-right: var(--spacing-sm);
|
|
194
|
-
`,
|
|
191
|
+
`,xt=M`
|
|
195
192
|
display: flex;
|
|
196
193
|
flex-direction: column;
|
|
197
194
|
gap: var(--spacing-sm);
|
|
198
195
|
|
|
199
|
-
${
|
|
196
|
+
${So("md")} {
|
|
200
197
|
flex-direction: row;
|
|
201
198
|
min-width: 200px;
|
|
202
199
|
justify-content: end;
|
|
@@ -216,31 +213,31 @@ var Br=Object.defineProperty;var Or=(t,n)=>{for(var o in n)Br(t,o,{get:n[o],enum
|
|
|
216
213
|
&:hover {
|
|
217
214
|
background: var(--gray-50);
|
|
218
215
|
}
|
|
219
|
-
`;import{css as
|
|
216
|
+
`;import{css as $}from"@emotion/react";import{Icon as It}from"@uniformdev/design-system";import{CgClose as Ro,CgInfo as xo}from"react-icons/cg";var Et=({selectedItem:t,logoIcon:n,onDeselect:o,onEditClosed:r})=>{var f;let a=kt(null),i=kt(null),[l,g]=Co(!1);Po(()=>{let s=h=>{a.current&&!a.current.contains(h.target)&&i.current&&!i.current.contains(h.target)&&g(!1)},p=()=>{g(!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)}},[i]);let u=()=>{var s;if(g(!l),i.current&&a.current){let p=(s=a==null?void 0:a.current)==null?void 0:s.getBoundingClientRect(),h=i.current.offsetWidth;i.current.style.top=`${p.top+30}px`,i.current.style.left=`${p.left-h+30}px`}};return e("div",{css:yt,key:t.id},e("div",{css:St},e("div",{css:wt},e("div",{css:Ct},e("h4",{css:[Pt,t.popoverData?$`
|
|
220
217
|
margin-bottom: var(--spacing-sm);
|
|
221
|
-
`:""],title:`ID: ${t.id}`,"data-test-id":"entry-id"},t.title||t.id||""),t.popoverData?e(
|
|
218
|
+
`:""],title:`ID: ${t.id}`,"data-test-id":"entry-id"},t.title||t.id||""),t.popoverData?e(wo.Fragment,null,e("button",{type:"button",ref:a,css:$`
|
|
222
219
|
margin: calc(var(--spacing-xs) * -1) 0 calc(var(--spacing-xs) * -1) var(--spacing-sm);
|
|
223
|
-
`,"aria-controls":"path-details","aria-expanded":l,onClick:u},e(
|
|
220
|
+
`,"aria-controls":"path-details","aria-expanded":l,onClick:u},e(It,{icon:xo,iconColor:"gray",size:24,css:$`
|
|
224
221
|
opacity: var(--opacity-75);
|
|
225
|
-
`})),e("div",{id:"path-details","aria-hidden":!l,ref:i,css:[
|
|
222
|
+
`})),e("div",{id:"path-details","aria-hidden":!l,ref:i,css:[Rt,l?$`
|
|
226
223
|
visibility: visible;
|
|
227
|
-
|
|
224
|
+
`:$`
|
|
228
225
|
visibility: hidden;
|
|
229
|
-
`]},Object.entries(t.popoverData).map(([s,p],h)=>e("div",{css:Q,key:h},e("span",{css:
|
|
226
|
+
`]},Object.entries(t.popoverData).map(([s,p],h)=>e("div",{css:Q,key:h},e("span",{css:te},s,":"),p)))):null),t.createdDate&&e("div",{css:Q},e("span",{css:te},"Created:"),Lo((f=t.createdDate)!=null?f:0)),t.metadata?Object.entries(t.metadata).filter(([s])=>["type","status"].includes(s.toLocaleLowerCase())).map(([s,p])=>e("div",{css:[Q,$`
|
|
230
227
|
order: 1;
|
|
231
|
-
`],key:s},e("span",{css:
|
|
228
|
+
`],key:s},e("span",{css:te},s,":"),p)):null,t.metadata?Object.entries(t.metadata).filter(([s])=>!["type","status"].includes(s.toLocaleLowerCase())).map(([s,p])=>e("div",{css:[Q,$`
|
|
232
229
|
order: 1;
|
|
233
|
-
`],key:s},e("span",{css:[
|
|
230
|
+
`],key:s},e("span",{css:[te,$`
|
|
234
231
|
order: 1;
|
|
235
|
-
`]},s,":"),p)):null),e("div",{css:
|
|
232
|
+
`]},s,":"),p)):null),e("div",{css:xt},t.editLink?e("a",{href:t.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",onClick:s=>{r&&(me(s.currentTarget.href,()=>r(t)),s.preventDefault())},css:ye},e("span",{css:Q},"Edit"),e(V,{src:n,css:Lt,alt:"Logo"})):null,e("button",{type:"button",onClick:()=>{o(t)},css:ye},e("span",{css:Q},"Unlink"),e(It,{icon:Ro,iconColor:"red",size:16})))))};import ko,{useState as Io,useRef as Ut,useEffect as Eo}from"react";import{css as W}from"@emotion/react";var Tt=W`
|
|
236
233
|
cursor: pointer;
|
|
237
234
|
padding: var(--spacing-sm);
|
|
238
235
|
position: relative;
|
|
239
236
|
transition: background-color var(--duration-fast) var(--timing-ease-out),
|
|
240
237
|
color var(--duration-fast) var(--timing-ease-out);
|
|
241
|
-
`,
|
|
238
|
+
`,Mt=W`
|
|
242
239
|
padding-right: var(--spacing-lg);
|
|
243
|
-
`,
|
|
240
|
+
`,Vt=W`
|
|
244
241
|
background: var(--brand-secondary-3);
|
|
245
242
|
color: var(--white);
|
|
246
243
|
`,Se=W`
|
|
@@ -248,7 +245,7 @@ var Br=Object.defineProperty;var Or=(t,n)=>{for(var o in n)Br(t,o,{get:n[o],enum
|
|
|
248
245
|
`,we=W`
|
|
249
246
|
font-weight: var(--fw-bold);
|
|
250
247
|
margin-right: var(--spacing-sm);
|
|
251
|
-
`,
|
|
248
|
+
`,Dt=W`
|
|
252
249
|
background: var(--white);
|
|
253
250
|
border-left: 4px solid var(--brand-secondary-3);
|
|
254
251
|
border-radius: var(--rounded-base);
|
|
@@ -260,20 +257,20 @@ var Br=Object.defineProperty;var Or=(t,n)=>{for(var o in n)Br(t,o,{get:n[o],enum
|
|
|
260
257
|
right: var(--spacing-xl);
|
|
261
258
|
z-index: var(--z-10);
|
|
262
259
|
width: max-content;
|
|
263
|
-
`,
|
|
260
|
+
`,zt=W`
|
|
264
261
|
position: absolute;
|
|
265
262
|
inset: 0 var(--spacing-sm) 0 auto;
|
|
266
|
-
`;import{css as
|
|
263
|
+
`;import{css as Gt}from"@emotion/react";var At=({result:t,isSelected:n,triggerSelection:o})=>{let r=Ut(null),a=Ut(null),[i,l]=Io(!1);Eo(()=>{function u(f){r.current&&!r.current.contains(f.target)&&a.current&&!a.current.contains(f.target)&&l(!1)}return document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)}},[a]);let g=u=>{u.stopPropagation(),l(!i)};return e("div",{key:t.id,css:[Tt,n?Vt:void 0,t.popoverData?Mt:void 0],"data-value":t.id,role:"option",tabIndex:-1,onClick:()=>o()},t.title,t.popoverData&&n?e(ko.Fragment,null,e("button",{type:"button",ref:r,css:zt,"aria-controls":"path-details",onClick:u=>g(u),"aria-expanded":i},e(pe,{width:24,height:24})),e("div",{id:"path-details","aria-hidden":!i,ref:a,css:[Dt,i?Gt`
|
|
267
264
|
visibility: visible;
|
|
268
|
-
`:
|
|
265
|
+
`:Gt`
|
|
269
266
|
visibility: hidden;
|
|
270
|
-
`]},t.metadata&&Object.entries(t.metadata).map(([u,f],s)=>e("div",{css:Se,key:s},e("span",{css:we},u,":"),f)),Object.entries(t.popoverData).map(([u,f],s)=>e("div",{css:Se,key:s},e("span",{css:we},u,":"),f)))):null)};import{Droppable as
|
|
267
|
+
`]},t.metadata&&Object.entries(t.metadata).map(([u,f],s)=>e("div",{css:Se,key:s},e("span",{css:we},u,":"),f)),Object.entries(t.popoverData).map(([u,f],s)=>e("div",{css:Se,key:s},e("span",{css:we},u,":"),f)))):null)};import{Droppable as zo,DragDropContext as Uo,Draggable as Go}from"react-beautiful-dnd";import{css as C}from"@emotion/react";var Bt=C`
|
|
271
268
|
background: var(--white);
|
|
272
269
|
border: 1px solid var(--gray-300);
|
|
273
270
|
border-radius: var(--rounded-base);
|
|
274
271
|
padding: calc(var(--spacing-base) - 0.25rem) var(--spacing-sm);
|
|
275
272
|
margin-bottom: var(--spacing-base);
|
|
276
|
-
`,
|
|
273
|
+
`,Ot=C`
|
|
277
274
|
align-items: center;
|
|
278
275
|
display: flex;
|
|
279
276
|
position: relative;
|
|
@@ -281,7 +278,7 @@ var Br=Object.defineProperty;var Or=(t,n)=>{for(var o in n)Br(t,o,{get:n[o],enum
|
|
|
281
278
|
width: 100%;
|
|
282
279
|
background-color: transparent;
|
|
283
280
|
border: 0;
|
|
284
|
-
`,
|
|
281
|
+
`,Ht=C`
|
|
285
282
|
color: var(--brand-secondary-1);
|
|
286
283
|
display: block;
|
|
287
284
|
font-weight: var(--fw-bold);
|
|
@@ -297,15 +294,15 @@ var Br=Object.defineProperty;var Or=(t,n)=>{for(var o in n)Br(t,o,{get:n[o],enum
|
|
|
297
294
|
background: var(--gray-100);
|
|
298
295
|
outline: none;
|
|
299
296
|
}
|
|
300
|
-
`,
|
|
297
|
+
`,Ft=C`
|
|
301
298
|
background: var(--white);
|
|
302
299
|
border: 1px solid var(--gray-300);
|
|
303
300
|
border-radius: var(--rounded-base);
|
|
304
301
|
padding: calc(var(--spacing-base) - 0.25rem) var(--spacing-base);
|
|
305
302
|
display: block;
|
|
306
|
-
|
|
303
|
+
`,$t=C`
|
|
307
304
|
display: none;
|
|
308
|
-
`,
|
|
305
|
+
`,Kt=C`
|
|
309
306
|
overflow-y: auto;
|
|
310
307
|
height: 16rem;
|
|
311
308
|
margin-bottom: var(--spacing-base);
|
|
@@ -314,33 +311,33 @@ var Br=Object.defineProperty;var Or=(t,n)=>{for(var o in n)Br(t,o,{get:n[o],enum
|
|
|
314
311
|
& > :not(:last-child) {
|
|
315
312
|
border-bottom: 1px solid var(--gray-200);
|
|
316
313
|
}
|
|
317
|
-
`,
|
|
314
|
+
`,ai=C`
|
|
318
315
|
background-color: var(--gray-50);
|
|
319
316
|
max-width: 33.33%;
|
|
320
|
-
|
|
317
|
+
`,Nt=C`
|
|
321
318
|
align-items: center;
|
|
322
319
|
display: flex;
|
|
323
320
|
position: absolute;
|
|
324
321
|
inset: 0 0 0 auto;
|
|
325
322
|
pointer-events: none;
|
|
326
323
|
padding-right: var(--spacing-sm);
|
|
327
|
-
`,
|
|
324
|
+
`,Qt=C`
|
|
328
325
|
color: var(--brand-secondary-1);
|
|
329
326
|
width: 1.25rem;
|
|
330
327
|
height: 1.25rem;
|
|
331
328
|
transition: transform var(--duration-fast) var(--timing-ease-out);
|
|
332
329
|
transform: rotate(0);
|
|
333
|
-
`,
|
|
330
|
+
`,ii=C`
|
|
334
331
|
background: var(--white);
|
|
335
332
|
color: var(--brand-secondary-1);
|
|
336
|
-
`,
|
|
333
|
+
`,Wt=C`
|
|
337
334
|
position: relative;
|
|
338
335
|
margin-block: var(--spacing-sm) 0;
|
|
339
336
|
|
|
340
337
|
&:hover > span {
|
|
341
338
|
opacity: 0.3;
|
|
342
339
|
}
|
|
343
|
-
`,
|
|
340
|
+
`,_t=C`
|
|
344
341
|
align-items: center;
|
|
345
342
|
display: flex;
|
|
346
343
|
position: absolute;
|
|
@@ -349,88 +346,87 @@ var Br=Object.defineProperty;var Or=(t,n)=>{for(var o in n)Br(t,o,{get:n[o],enum
|
|
|
349
346
|
opacity: 0;
|
|
350
347
|
`,Ce=C`
|
|
351
348
|
color: var(--brand-secondary-1);
|
|
352
|
-
`,
|
|
349
|
+
`,Zt=C`
|
|
353
350
|
position: absolute;
|
|
354
351
|
left: 0.375rem;
|
|
355
352
|
`,Pe=C`
|
|
356
353
|
width: calc(var(--spacing-lg) + var(--spacing-xs));
|
|
357
354
|
height: calc(var(--spacing-lg) + var(--spacing-xs));
|
|
358
|
-
`;import{css as z}from"@emotion/react";import{InputSelect as
|
|
355
|
+
`;import{css as z}from"@emotion/react";import{InputSelect as Ao,scrollbarStyles as Bo,Button as Le,Callout as Oo,InputKeywordSearch as Ho,LoadingIndicator as Fo,Menu as $o,MenuItem as Ko,LoadingOverlay as No}from"@uniformdev/design-system";import{useState as To,useEffect as Xt,useRef as Mo}from"react";function qt(t,{delay:n=500,minDuration:o=200}={delay:500,minDuration:200}){let[r,a]=To("IDLE"),i=Mo(void 0);return Xt(()=>{t&&r==="IDLE"&&(clearTimeout(i.current),i.current=setTimeout(()=>{if(!t)return a("IDLE");i.current=setTimeout(()=>{a("EXPIRE")},o),a("DISPLAY")},n),a("DELAY")),!t&&r!=="DISPLAY"&&(clearTimeout(i.current),a("IDLE"))},[t,r,n,o]),Xt(()=>()=>clearTimeout(i.current),[]),r==="DISPLAY"||r==="EXPIRE"}var Qo=({searchText:t,selectedContentType:n})=>{let o="No content found";return n&&n!=="any"&&(o=`No ${n} content was found`),t&&(o=`${o} for keyword '${t}'.`),e(Oo,{type:"info"},o)},Yt=({search:t,results:n,contentTypes:o,selectedItems:r,logoIcon:a,select:i,multiSelect:l,multiSelectId:g,rowComponent:u,selectedItemComponent:f,totalResults:s,resultsLoading:p,requireContentType:h,onAddNew:E,onEditClosed:G,onCancel:w,noResultsComponent:y,helpComponent:Z,onSort:A,typeSelectorLabel:N="Content Type Select",typeSelectorAllTypesOptionText:B="All content types",loadingIndicatorDelay:O=1e3})=>{var ze,Ue,Ge;let X=()=>h?Array.isArray(o)&&o.length>0?o[0].id:"":"any",[H,P]=k.useState(""),[m,I]=k.useState(X),[U,d]=k.useState(!1),[b,T]=k.useState([]),[kr,Te]=k.useState(!1),fe=k.useRef(`x${Do()}`),oe=Vo(H,750);k.useEffect(()=>{t(oe,{count:5,offset:0,contentType:m==="any"?void 0:m})},[oe,m]);let Ir=qt(p,{delay:O}),Er=c=>{b.some(v=>v.id===c.id)?T(v=>v.filter(F=>F.id!==c.id)):T(l?v=>[...v,c]:[c])},Tr=r==null?void 0:r.map(c=>c.id+c.title).join(",");k.useEffect(()=>{Array.isArray(r)&&T(r)},[Tr]);let Mr=()=>{I(X()),P(""),T(r!=null&&r.length?r:[])},Vr=()=>{d(c=>!c),U||Mr()},Me=c=>{let v=(b==null?void 0:b.filter(F=>F.id!==c.id))||[];T(v),i(v,"")},Dr=c=>{c.preventDefault(),i(b,m),d(!1)},zr=c=>{c.preventDefault(),d(!1),w&&w()},Ur=()=>{t(oe,{count:5,offset:(n==null?void 0:n.length)||0,contentType:m==="any"?void 0:m}),Te(!0);let c=setTimeout(()=>{Te(!1)},750);return()=>clearTimeout(c)},Gr=!(r==null?void 0:r.length)||l,Ar=u||At,Ve=f||Et,Br=y||Qo,De=a&&typeof a!="string"?a:null,Or=De?e(De,{css:Pe}):e("img",{src:a,alt:"Logo",css:Pe}),Hr=c=>{var v,F;if(c.destination&&c.source.droppableId===((v=c.destination)==null?void 0:v.droppableId)){let x=[...r||[]],[j]=(F=x==null?void 0:x.splice(c.source.index,1))!=null?F:[];return x==null||x.splice(c.destination.index,0,j),A&&(T(x),A==null||A(x)),x}};return e("div",{css:z`
|
|
359
356
|
width: 100%;
|
|
360
357
|
`},e("div",{css:z`
|
|
361
358
|
position: relative;
|
|
362
359
|
margin-block: var(--spacing-base);
|
|
363
|
-
`},
|
|
360
|
+
`},Gr?e(k.Fragment,null,e("div",{css:Bt,"data-test-id":"component-search"},e("button",{css:Ot,onClick:Vr,type:"button","aria-haspopup":!0,"aria-expanded":U,"aria-controls":`entry-search-config-${fe.current}`},Or,e("span",{css:z`
|
|
364
361
|
margin-left: var(--spacing-base);
|
|
365
|
-
`},"Select"),e("span",{css
|
|
362
|
+
`},"Select"),e("span",{css:Nt},e(le,{css:[Qt,U?z`
|
|
366
363
|
transform: rotate(180deg);
|
|
367
|
-
`:void 0]})))),e("div",{id:`entry-search-config-${
|
|
364
|
+
`:void 0]})))),e("div",{id:`entry-search-config-${fe.current}`,"aria-hidden":!U,css:[Ft,U?void 0:$t]},Z||null,e("div",{css:z`
|
|
368
365
|
display: flex;
|
|
369
366
|
gap: calc(var(--spacing-base) - 0.25rem);
|
|
370
367
|
margin-bottom: var(--spacing-base);
|
|
371
|
-
`},e(
|
|
368
|
+
`},e(Ao,{onChange:c=>I(c.target.value),value:m,label:N,showLabel:!1,options:[...h?[]:[{value:"any",label:B}],...o?o.map(c=>({value:c.id,label:c.name})):[]]}),e("div",{css:z`
|
|
372
369
|
flex-grow: 1;
|
|
373
|
-
`},e(
|
|
370
|
+
`},e(Ho,{inputFieldName:"searchText",placeholder:"Enter keyword to narrow your results",onSearchTextChanged:P,disabledFieldSubmission:!0,value:H}))),e("div",{css:[Kt,Bo],id:fe.current,role:"listbox",tabIndex:0,"data-test-id":"entry-list"},e(No,{isActive:Ir}),Array.isArray(n)&&n.length>0?n.map(c=>e(Ar,{key:c.id,isSelected:b.some(v=>v.id===c.id),result:c,triggerSelection:()=>Er(c)})):e(Br,{searchText:oe||H,selectedContentType:(Ue=(ze=o==null?void 0:o.find(c=>c.id===m))==null?void 0:ze.name)!=null?Ue:m}),!p&&typeof s!="undefined"&&n&&(n==null?void 0:n.length)<s&&e("button",{type:"button",css:Ht,onClick:Ur},kr?e(Fo,null):"Load More")),e("div",{css:z`
|
|
374
371
|
display: flex;
|
|
375
372
|
justify-content: space-between;
|
|
376
|
-
`},e("div",null,E&&((Ge=o==null?void 0:o.length)!=null?Ge:0)>0?e(
|
|
373
|
+
`},e("div",null,E&&((Ge=o==null?void 0:o.length)!=null?Ge:0)>0?e($o,{menuLabel:"Add new menu",menuTrigger:e(Le,{buttonType:"secondary"},"Add New")},o==null?void 0:o.map(c=>e(Ko,{key:c.id,css:z`
|
|
377
374
|
background: var(--white);
|
|
378
375
|
color: var(--brand-secondary-1);
|
|
379
376
|
`,onClick:()=>E(c)},c.name))):null),e("div",{css:z`
|
|
380
377
|
display: flex;
|
|
381
378
|
gap: var(--spacing-base);
|
|
382
|
-
`},e(Le,{buttonType:"unimportant",onClick:
|
|
379
|
+
`},e(Le,{buttonType:"unimportant",onClick:zr},"Cancel"),e(Le,{disabled:!b.length,onClick:Dr,"data-test-id":"entry-accept-button"},"Accept"))))):null,U?null:l&&b.length>1?e(Uo,{onDragEnd:c=>Hr(c)},e(zo,{droppableId:g||"canvas-multi-select"},c=>e("div",{...c.droppableProps,ref:c.innerRef,css:z`
|
|
383
380
|
margin-block: var(--spacing-sm) 0;
|
|
384
|
-
`},b==null?void 0:b.map((v
|
|
381
|
+
`},b==null?void 0:b.map((v,F)=>{if(v!=null&&v.id)return e(Go,{key:v.id,draggableId:v.id,index:F},x=>e("div",{css:Wt,ref:x.innerRef,...x.draggableProps,...x.dragHandleProps},e("span",{css:_t},e(ee,{css:[Ce,Zt],width:24,height:24}),e(ee,{css:Ce,width:24,height:24})),e(Ve,{key:`selected-item-${v.id}`,logoIcon:a,selectedItem:v,onDeselect:j=>Me(j),onEditClosed:G?j=>G(j):void 0})))}),c.placeholder))):b==null?void 0:b.map(c=>e(Ve,{key:`selected-item-${c.id}`,logoIcon:a,selectedItem:c,onDeselect:v=>Me(v),onEditClosed:G?v=>G(v):void 0}))))};import{css as _}from"@emotion/react";var Jt=_`
|
|
385
382
|
cursor: pointer;
|
|
386
383
|
padding: var(--spacing-sm) 0;
|
|
387
384
|
margin-right: var(--spacing-sm);
|
|
388
385
|
position: relative;
|
|
389
386
|
transition: background-color var(--duration-fast) var(--timing-ease-out),
|
|
390
387
|
color var(--duration-fast) var(--timing-ease-out);
|
|
391
|
-
`,
|
|
388
|
+
`,jt=_`
|
|
392
389
|
border: 2px solid transparent;
|
|
393
390
|
border-radius: var(--rounded-base);
|
|
394
391
|
display: flex;
|
|
395
392
|
align-items: center;
|
|
396
393
|
gap: var(--spacing-base);
|
|
397
394
|
padding: var(--spacing-sm) var(--spacing-xs);
|
|
398
|
-
`,
|
|
395
|
+
`,er=_`
|
|
399
396
|
background-color: var(--green-50);
|
|
400
|
-
`,
|
|
397
|
+
`,tr=_`
|
|
401
398
|
font-size: var(--fs-sm);
|
|
402
399
|
font-weight: var(--fw-bold);
|
|
403
400
|
width: 50%;
|
|
404
|
-
`,
|
|
401
|
+
`,rr=_`
|
|
405
402
|
font-weight: var(--fw-normal);
|
|
406
403
|
display: block;
|
|
407
|
-
`,
|
|
404
|
+
`,or=_`
|
|
408
405
|
font-size: var(--fs-sm);
|
|
409
406
|
> * {
|
|
410
407
|
display: block;
|
|
411
408
|
}
|
|
412
|
-
`,
|
|
409
|
+
`,nr=_`
|
|
413
410
|
display: block;
|
|
414
411
|
height: 1.5rem;
|
|
415
412
|
width: 1.5rem;
|
|
416
413
|
color: var(--brand-secondary-3);
|
|
417
414
|
margin-left: auto;
|
|
418
|
-
`;import{css as
|
|
415
|
+
`;import{css as ar}from"@emotion/react";function ir({result:t,isSelected:n,triggerSelection:o}){var g;let{categories:r,logoIcon:a}=ue(),[i]=t.categories||[{id:"",name:""}],l=typeof i=="undefined"||!r||(g=r.find(u=>u.id===i.id))==null?void 0:g.name;return e("div",{key:t.id,"data-value":t.id,role:"option",tabIndex:-1,onClick:()=>o(),css:[Jt]},e("div",{css:[jt,n?er:void 0]},t.thumbnailUrl?e("img",{src:t.thumbnailUrl,alt:`Thumbnail for ${t.title}`,css:ar`
|
|
419
416
|
background-color: var(--gray-200);
|
|
420
417
|
width: 3rem;
|
|
421
418
|
height: 3rem;
|
|
422
419
|
object-fit: cover;
|
|
423
|
-
`}):e(V,{src:a,alt:"Logo",css:
|
|
420
|
+
`}):e(V,{src:a,alt:"Logo",css:ar`
|
|
424
421
|
height: 2.25rem;
|
|
425
422
|
width: 2.25rem;
|
|
426
|
-
`}),e("h4",{css:[
|
|
423
|
+
`}),e("h4",{css:[tr]},t.title,l?e("span",{css:[rr]},l):null),e("p",{css:[or]},"SKU: ",t.sku||t.id,t.price!==void 0?e("span",null,t.price):null),n?e(de,{css:[nr]}):null))}import{css as K}from"@emotion/react";import{mq as sr}from"@uniformdev/design-system";var cr=K`
|
|
427
424
|
border: 1px solid var(--gray-200);
|
|
428
425
|
border-radius: var(--rounded-base);
|
|
429
426
|
background: var(--gray-50);
|
|
430
427
|
display: flex;
|
|
431
428
|
width: 100%;
|
|
432
|
-
|
|
433
|
-
`,ir=K`
|
|
429
|
+
`,dr=K`
|
|
434
430
|
align-items: center;
|
|
435
431
|
display: flex;
|
|
436
432
|
padding: var(--spacing-base) var(--spacing-base) var(--spacing-base) var(--spacing-lg);
|
|
@@ -438,13 +434,13 @@ var Br=Object.defineProperty;var Or=(t,n)=>{for(var o in n)Br(t,o,{get:n[o],enum
|
|
|
438
434
|
flex-grow: 1;
|
|
439
435
|
gap: var(--spacing-sm);
|
|
440
436
|
margin-inline: 0 var(--spacing-sm);
|
|
441
|
-
`,
|
|
437
|
+
`,lr=K`
|
|
442
438
|
display: flex;
|
|
443
439
|
align-items: center;
|
|
444
440
|
gap: var(--spacing-sm);
|
|
445
441
|
flex-grow: 1;
|
|
446
442
|
|
|
447
|
-
${
|
|
443
|
+
${sr("lg")} {
|
|
448
444
|
width: 50%;
|
|
449
445
|
margin-bottom: 0;
|
|
450
446
|
}
|
|
@@ -470,21 +466,21 @@ var Br=Object.defineProperty;var Or=(t,n)=>{for(var o in n)Br(t,o,{get:n[o],enum
|
|
|
470
466
|
}
|
|
471
467
|
`,ke=K`
|
|
472
468
|
font-size: var(--fs-sm);
|
|
473
|
-
`,
|
|
469
|
+
`,pr=K`
|
|
474
470
|
display: block;
|
|
475
471
|
width: 1rem;
|
|
476
472
|
height: 1rem;
|
|
477
|
-
`,
|
|
473
|
+
`,mr=K`
|
|
478
474
|
display: flex;
|
|
479
475
|
flex-direction: column;
|
|
480
476
|
gap: var(--spacing-sm);
|
|
481
477
|
|
|
482
|
-
${
|
|
478
|
+
${sr("md")} {
|
|
483
479
|
flex-direction: row;
|
|
484
480
|
min-width: 200px;
|
|
485
481
|
justify-content: end;
|
|
486
482
|
}
|
|
487
|
-
`;import{css as q}from"@emotion/react";import{Icon as
|
|
483
|
+
`;import{css as q}from"@emotion/react";import{Icon as Wo,mq as _o}from"@uniformdev/design-system";import{CgClose as Zo}from"react-icons/cg";function ur({selectedItem:t,onDeselect:n}){var l;let{categories:o,logoIcon:r}=ue(),[a]=t.categories||[{id:"",name:""}],i=typeof a=="undefined"||!o||(l=o.find(g=>g.id===a.id))==null?void 0:l.name;return e("div",{css:[cr],key:t.id},e("article",{css:[dr]},e("div",{css:[lr]},t.thumbnailUrl?e("img",{src:t.thumbnailUrl,alt:i,css:[Re],loading:"lazy"}):e("div",{css:[Re]}),e("div",{css:q`
|
|
488
484
|
> :not(:last-child) {
|
|
489
485
|
margin-bottom: var(--spacing-xs);
|
|
490
486
|
}
|
|
@@ -497,7 +493,7 @@ var Br=Object.defineProperty;var Or=(t,n)=>{for(var o in n)Br(t,o,{get:n[o],enum
|
|
|
497
493
|
`},i)),e("ul",{css:q`
|
|
498
494
|
font-size: var(--fs-sm);
|
|
499
495
|
|
|
500
|
-
${
|
|
496
|
+
${_o("sm")} {
|
|
501
497
|
display: flex;
|
|
502
498
|
gap: var(--spacing-base);
|
|
503
499
|
}
|
|
@@ -505,13 +501,13 @@ var Br=Object.defineProperty;var Or=(t,n)=>{for(var o in n)Br(t,o,{get:n[o],enum
|
|
|
505
501
|
margin-right: var(--spacing-xs);
|
|
506
502
|
`},"SKU:"),t.sku||t.id),t.price!==void 0?e("li",null,e("span",{css:q`
|
|
507
503
|
margin-right: var(--spacing-xs);
|
|
508
|
-
`},"Price:"),e("span",null,t.price)):null))),e("div",{css:
|
|
504
|
+
`},"Price:"),e("span",null,t.price)):null))),e("div",{css:mr},t.editLink?e("a",{href:t.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",css:xe},e("span",{css:ke},"Edit"),e(V,{src:r,alt:"Logo",css:pr})):null,e("button",{type:"button",onClick:()=>{n==null||n(t)},css:xe},e("span",{css:ke},"Unlink"),e(Wo,{icon:Zo,iconColor:"red",size:16})))))}import{Callout as jo}from"@uniformdev/design-system";import{useAsync as en,useAsyncFn as tn}from"react-use";function Yi({selectedProducts:t,setSelectedProducts:n,onGetCategories:o,onSearchProducts:r,logoIcon:a,multiSelect:i,multiSelectId:l,selectedItemComponent:g,rowComponent:u,errorComponent:f,helpComponent:s,noResultsComponent:p,onSort:h,typeSelectorAllTypesOptionText:E="All categories",typeSelectorLabel:G="Select Category"}){var H;let{value:w,loading:y,error:Z}=en(async()=>await o(),[o]),A=w==null?void 0:w.map(P=>P.id).join(","),N=Yo(()=>w?w.map(m=>({id:m.id,name:m.name})):void 0,[A]),B=Jo(),[O,re]=tn(async(P,m)=>{let I=await r({text:P,options:{limit:m==null?void 0:m.count,offset:m==null?void 0:m.offset,categoryId:m==null?void 0:m.contentType}});return(m==null?void 0:m.offset)===0&&(B.current=[]),(B.current=B.current||[]).push(...I.products),I},[r]),X=async P=>{await n(P)};return Z||O.error?e(f||(({categoriesError:m,searchError:I})=>e(jo,{type:"error"},"There was an error: ",(m==null?void 0:m.message)||(I==null?void 0:I.message))),{categoriesError:Z,searchError:O.error}):e(gr.Provider,{value:{categories:w,logoIcon:a}},e(Yt,{search:re,results:B.current,logoIcon:a,selectedItems:t,select:X,multiSelectId:l||"product-search-multi-select",multiSelect:i,contentTypes:N,selectedItemComponent:g||ur,rowComponent:u||ir,totalResults:(H=O.value)==null?void 0:H.total,resultsLoading:O.loading||y,helpComponent:s,noResultsComponent:p,onSort:h,typeSelectorAllTypesOptionText:E,typeSelectorLabel:G}))}var gr=Xo.createContext(void 0),ue=()=>{let t=qo(gr);if(!t)throw new Error("useProductSearchContext must be used within a <ProductSearchContext> provider");return t};import{css as R}from"@emotion/react";import{mq as rn}from"@uniformdev/design-system";var fr=R`
|
|
509
505
|
border: 1px solid var(--gray-200);
|
|
510
506
|
background: var(--gray-50);
|
|
511
507
|
border-radius: var(--rounded-base);
|
|
512
508
|
display: flex;
|
|
513
509
|
width: 100%;
|
|
514
|
-
`,
|
|
510
|
+
`,vr=R`
|
|
515
511
|
align-items: center;
|
|
516
512
|
display: flex;
|
|
517
513
|
flex-grow: 1;
|
|
@@ -519,23 +515,23 @@ var Br=Object.defineProperty;var Or=(t,n)=>{for(var o in n)Br(t,o,{get:n[o],enum
|
|
|
519
515
|
margin-inline: 0 var(--spacing-sm);
|
|
520
516
|
padding: var(--spacing-base) var(--spacing-base) var(--spacing-base) var(--spacing-lg);
|
|
521
517
|
position: relative;
|
|
522
|
-
`,
|
|
518
|
+
`,hr=R`
|
|
523
519
|
flex-grow: 1;
|
|
524
|
-
`,
|
|
520
|
+
`,br=R`
|
|
525
521
|
align-items: center;
|
|
526
522
|
display: flex;
|
|
527
523
|
position: relative;
|
|
528
|
-
`,
|
|
524
|
+
`,yr=R`
|
|
529
525
|
color: var(--brand-secondary-1);
|
|
530
526
|
font-size: var(--fs-base);
|
|
531
527
|
font-weight: var(--fw-bold);
|
|
532
528
|
line-height: 1;
|
|
533
529
|
margin: 0;
|
|
534
530
|
word-break: break-word;
|
|
535
|
-
`,
|
|
531
|
+
`,Sr=R`
|
|
536
532
|
width: 1.5rem;
|
|
537
533
|
height: 1.5rem;
|
|
538
|
-
`,
|
|
534
|
+
`,wr=R`
|
|
539
535
|
background: var(--white);
|
|
540
536
|
border-radius: var(--rounded-base);
|
|
541
537
|
border-left: 4px solid var(--brand-secondary-3);
|
|
@@ -546,15 +542,15 @@ var Br=Object.defineProperty;var Or=(t,n)=>{for(var o in n)Br(t,o,{get:n[o],enum
|
|
|
546
542
|
width: max-content;
|
|
547
543
|
`,Y=R`
|
|
548
544
|
font-size: var(--fs-sm);
|
|
549
|
-
`,
|
|
545
|
+
`,ge=R`
|
|
550
546
|
font-weight: var(--fw-bold);
|
|
551
547
|
margin-right: var(--spacing-sm);
|
|
552
|
-
`,
|
|
548
|
+
`,Cr=R`
|
|
553
549
|
display: flex;
|
|
554
550
|
flex-direction: column;
|
|
555
551
|
gap: var(--spacing-sm);
|
|
556
552
|
|
|
557
|
-
${
|
|
553
|
+
${rn("md")} {
|
|
558
554
|
flex-direction: row;
|
|
559
555
|
justify-content: end;
|
|
560
556
|
min-width: 200px;
|
|
@@ -574,11 +570,11 @@ var Br=Object.defineProperty;var Or=(t,n)=>{for(var o in n)Br(t,o,{get:n[o],enum
|
|
|
574
570
|
&:hover {
|
|
575
571
|
background: var(--gray-50);
|
|
576
572
|
}
|
|
577
|
-
`,
|
|
573
|
+
`,Pr=R`
|
|
578
574
|
display: flex;
|
|
579
575
|
margin-top: var(--spacing-sm);
|
|
580
576
|
gap: var(--spacing-sm);
|
|
581
|
-
`,
|
|
577
|
+
`,Lr=R`
|
|
582
578
|
background: none;
|
|
583
579
|
outline: none;
|
|
584
580
|
border: none;
|
|
@@ -588,16 +584,16 @@ var Br=Object.defineProperty;var Or=(t,n)=>{for(var o in n)Br(t,o,{get:n[o],enum
|
|
|
588
584
|
max-width: 100%;
|
|
589
585
|
min-width: 100px;
|
|
590
586
|
height: auto;
|
|
591
|
-
`;import
|
|
587
|
+
`;import on,{useState as nn,useRef as Rr,useEffect as an}from"react";import{CgInfo as sn,CgClose as cn}from"react-icons/cg";import{format as dn}from"timeago.js";import{css as J}from"@emotion/react";import{Icon as xr}from"@uniformdev/design-system";function ls({selectedItem:t,onDeselect:n,onEditClosed:o,logoIcon:r,itemDetailsRendererComponent:a}){let i=Rr(null),l=Rr(null),[g,u]=nn(!1);an(()=>{let p=E=>{i.current&&!i.current.contains(E.target)&&l.current&&!l.current.contains(E.target)&&u(!1)},h=()=>{u(!1)};return window.addEventListener("resize",h,!0),document.addEventListener("scroll",p,!0),document.addEventListener("mousedown",p),()=>{window.removeEventListener("resize",h,!0),document.removeEventListener("scroll",p,!0),document.removeEventListener("mousedown",p)}},[l]);let f=()=>{var p;if(u(!g),l.current&&i.current){let h=(p=i==null?void 0:i.current)==null?void 0:p.getBoundingClientRect();l.current.style.top=`${h.top+30}px`}},s=a!=null?a:ln;return e("div",{css:[fr,J`
|
|
592
588
|
margin: 0 0 1rem 0;
|
|
593
|
-
`],key:t.id},e("div",{css:
|
|
589
|
+
`],key:t.id},e("div",{css:vr},e("div",{css:hr},e("div",{css:br},e("h4",{css:[yr],title:`ID: ${t.id}`,"data-test-id":"dam-selected-item"},t.title||t.id||""),t.popoverData?e(on.Fragment,null,e("button",{type:"button",ref:i,css:Lr,"aria-controls":"path-details","aria-expanded":g,onClick:f},e(xr,{icon:sn,iconColor:"gray",size:24,css:J`
|
|
594
590
|
opacity: var(--opacity-75);
|
|
595
|
-
`})),e("div",{id:"path-details","aria-hidden":!g,ref:l,css:[
|
|
591
|
+
`})),e("div",{id:"path-details","aria-hidden":!g,ref:l,css:[wr,g?J`
|
|
596
592
|
visibility: visible;
|
|
597
593
|
`:J`
|
|
598
594
|
visibility: hidden;
|
|
599
|
-
`]},Object.entries(t.popoverData).map(([p,h],E)=>e("div",{css:Y,key:E},e("span",{css:
|
|
595
|
+
`]},Object.entries(t.popoverData).map(([p,h],E)=>e("div",{css:Y,key:E},e("span",{css:ge},p,":"),h)))):null),e(s,{item:t})),e("div",{css:Cr},t.editLink?typeof t.editLink=="string"?e("a",{href:t.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",onClick:p=>{o&&(me(p.currentTarget.href,()=>o(t)),p.preventDefault())},css:Ie},e("span",{css:Y},"Edit"),r?e(V,{src:r,css:Sr,alt:"Logo"}):null):t.editLink:null,e("button",{type:"button",onClick:()=>{n(t)},css:Ie},e("span",{css:Y},"Unlink"),e(xr,{icon:cn,iconColor:"red",size:16})))))}function ln({item:t}){let n=null;return t.previewUrl&&typeof t.previewUrl=="string"?t.type==="image"?n=e("img",{src:t.previewUrl,alt:t.id,width:"200",css:Ee}):t.type==="video"&&(n=e("video",{src:t.previewUrl,title:t.id,width:"200",controls:!0,css:Ee})):t.previewUrl&&typeof t.previewUrl!="string"&&(n=t.previewUrl),n||t.metadata?e("div",{css:Pr},n?e("div",null,n):null,e("ul",null,t.metadata?Object.entries(t.metadata).map(([o,r])=>e("li",{css:[Y,J`
|
|
600
596
|
order: 1;
|
|
601
|
-
`],key:o},e("span",{css:[
|
|
597
|
+
`],key:o},e("span",{css:[ge,J`
|
|
602
598
|
order: 1;
|
|
603
|
-
`]},o,":"),r)):null,t.createdDate?e("li",{css:Y},e("span",{css:
|
|
599
|
+
`]},o,":"),r)):null,t.createdDate?e("li",{css:Y},e("span",{css:ge},"Date:"),dn(t.createdDate)):null)):null}export*from"@uniformdev/mesh-sdk";import{Button as ys,Callout as Ss,LoadingIndicator as ws,LoadingOverlay as Cs,Menu as Ps,MenuItem as Ls,Input as Rs,InputSelect as xs,InputToggle as ks,Theme as Is,InputKeywordSearch as Es,Heading as Ts,ScrollableList as Ms,ScrollableListItem as Vs,Textarea as Ds,Switch as zs,Label as Us,AddListButton as Gs}from"@uniformdev/design-system";export{Gs as AddListButton,ys as Button,Ss as Callout,ls as DamSelectedItem,At as DefaultSearchRow,Et as DefaultSelectedItem,Yt as EntrySearch,Ts as Heading,be as Icons,Rs as Input,xs as InputSelect,ks as InputToggle,Es as KeywordSearchInput,Us as Label,ws as LoadingIndicator,Cs as LoadingOverlay,Ps as Menu,Ls as MenuItem,tt as ProductPreviewList,oa as ProductQuery,je as ProductQueryContext,Yi as ProductSearch,gr as ProductSearchContext,ir as ProductSearchRow,ur as ProductSelectedItem,Ne as ResolvableLoadingValue,Ms as ScrollableList,Vs as ScrollableListItem,Ze as SelectionField,zs as Switch,Ds as Textarea,Is as Theme,Ae as UniformMeshLocationContext,Be as UniformMeshLocationContextProvider,Fe as UniformMeshSdkContext,Tn as UniformMeshSdkContextProvider,Pe as badgeIcon,Ee as damSelectItemImage,fr as damSelectedItemContainer,br as damSelectedItemCopy,hr as damSelectedItemDetails,Sr as damSelectedItemIcon,Lr as damSelectedItemInfoBtn,vr as damSelectedItemInner,Ie as damSelectedItemLinkBtn,Cr as damSelectedItemLinkContainer,Pr as damSelectedItemMediaContainer,wr as damSelectedItemPopover,ge as damSelectedItemPopoverLabel,Y as damSelectedItemSmallText,yr as damSelectedItemTitle,Wt as draggableContainer,Ce as draggableIcon,Zt as draggableIconOffset,_t as draggableIconWrapper,Ot as entrySearchBtn,Ft as entrySearchConfig,$t as entrySearchConfigHidden,Ht as entrySearchLoadMoreBtn,Kt as entrySearchResultList,Nt as entrySearchSelectIcon,Qt as entrySearchSelectImg,ai as entrySearchSelectInput,ii as entrySearchSelectOption,Bt as entrySearchWrapper,nr as productSearchRowActiveIcon,rr as productSearchRowCategory,Jt as productSearchRowContainer,jt as productSearchRowContent,er as productSearchRowContentActive,or as productSearchRowDetails,tr as productSearchRowTitle,cr as productSelectedItemContainer,lr as productSelectedItemContent,dr as productSelectedItemDetails,pr as productSelectedItemIcon,Re as productSelectedItemImage,mr as productSelectedItemLinkContainer,xe as productedSelectedItemLinkBtn,ke as productedSelectedItemSmallText,zt as searchRowBtn,Tt as searchRowContainer,Vt as searchRowContainerActive,Mt as searchRowContainerWithPopover,Dt as searchRowPopover,we as searchRowText,Se as searchRowTextSmall,ye as selectItemLinkBtn,xt as selectItemLinkContainer,Rt as selectItemPopover,te as selectItemPopoverLabel,Q as selectItemSmallText,yt as selectedItemContainer,Ct as selectedItemCopy,wt as selectedItemDetails,Lt as selectedItemIcon,St as selectedItemInner,Pt as selectedItemTitle,Ln as useInitializeUniformMeshSdk,et as useProductQueryContext,ue as useProductSearchContext,yn as useUniformMeshLocation,Oe as useUniformMeshLocationContext,Dn as useUniformMeshSdk,$e as useUniformMeshSdkContext};
|