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