@uniformdev/mesh-sdk-react 16.1.1-alpha.139 → 16.1.1-alpha.145
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 +7 -2
- package/dist/index.esm.js +114 -111
- package/dist/index.js +123 -120
- package/dist/index.mjs +114 -111
- package/package.json +4 -4
package/dist/index.esm.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
var
|
|
1
|
+
var ar=Object.defineProperty;var ir=(t,n)=>{for(var o in n)ar(t,o,{get:n[o],enumerable:!0})};import{jsx as e}from"@emotion/react";import*as k from"react";import{createContext as sr,useContext as cr,useState as dr}from"react";var Ee=sr(void 0),Me=({children:t})=>{let[n,o]=dr(),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(s,p)=>{await a.setValue(s,p),o(window.UniformMeshSDK.getCurrentLocation())},setValidationResult:async s=>{await a.setValidationResult(s)}}}}return e(Ee.Provider,{value:r},t)},Ve=()=>{let t=cr(Ee);if(!t)throw new Error("useUniformMeshLocationContext must be used within a UniformMeshLocationContextProvider");return t};function Co(){let{location:t}=Ve();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 lr}from"@uniformdev/mesh-sdk";import{useEffect as pr,useState as Te}from"react";var xo=({autoResizingDisabled:t}={})=>{let[n,o]=Te(),[r,a]=Te();return pr(()=>{typeof window=="undefined"||r||(typeof window.UniformMeshSDK=="undefined"?lr({autoResizingDisabled:t}).then(s=>{a(s)}).catch(s=>{o(s)}):a(window.UniformMeshSDK))},[t]),{initializing:!r&&!n,error:n,sdk:r}};import{createContext as ur,useContext as mr}from"react";import{Theme as gr}from"@uniformdev/design-system";var Ie=ur(void 0),Do=({children:t})=>{let n;return typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"&&(n={sdk:window.UniformMeshSDK}),e(Ie.Provider,{value:n},e(gr,null),e(Me,null,t))},De=()=>{let t=mr(Ie);if(!t)throw new Error("useUniformMeshSdkContext must be used within a UniformMeshSdkContextProvider");return t};function Ao(){let{sdk:t}=De();return t}import Qe from"react";import yr,{useMemo as ae,useContext as br}from"react";import{css as J}from"@emotion/react";import{InputSelect as fr}from"@uniformdev/design-system";import Ge from"react";var ze=({value:t,text:n,loading:o})=>e(Ge.Fragment,null,!!n&&n,!n&&e(Ge.Fragment,null,o&&`${t} (Loading...)`,!o&&`${t} (Unresolvable)`));var Ae=({id:t,label:n,loading:o,selectedValues:r,values:a,onAdd:s,onRemove:p})=>{var v;let f=(v=a==null?void 0:a.filter(i=>!(r!=null&&r.includes(i.id.toString()))))!=null?v:[],u=(i,g)=>{i.preventDefault(),p(g)};return e("div",null,e(fr,{id:t,name:t,label:n,onChange:i=>s(i.target.value),disabled:o,options:[{value:"",label:"Add..."},...f.map(i=>({value:i.id,label:i.name||i.id}))],value:"",css:Array.isArray(r)&&r.length>0?J`
|
|
2
2
|
margin-bottom: var(--spacing-base);
|
|
3
|
-
`:""}),r==null?void 0:r.map(
|
|
3
|
+
`:""}),r==null?void 0:r.map(i=>{var g;return e("div",{css:J`
|
|
4
4
|
font-size: var(--fs-sm);
|
|
5
5
|
display: inline-flex;
|
|
6
6
|
align-items: center;
|
|
@@ -9,67 +9,67 @@ var nr=Object.defineProperty;var ar=(t,n)=>{for(var o in n)nr(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:i},e("span",{css:J`
|
|
13
13
|
padding: var(--spacing-3);
|
|
14
14
|
color: var(--gray-800);
|
|
15
|
-
`},e(ze,{value:
|
|
15
|
+
`},e(ze,{value:i,loading:o,text:(g=a.find(S=>S.id===i))==null?void 0:g.name})),e("button",{css:J`
|
|
16
16
|
padding: var(--spacing-3);
|
|
17
17
|
border-left: 1px solid var(--gray-300);
|
|
18
|
-
`,title:"remove",onClick:S=>
|
|
18
|
+
`,title:"remove",onClick:S=>u(S,i)},e("svg",{xmlns:"http://www.w3.org/2000/svg",css:J`
|
|
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"})),oe=vr;var hr=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"})),ne=hr;import{useAsyncFn as Sr,useDebounce as wr}from"react-use";import{Input as Ue,InputSelect as ie,mq as se}from"@uniformdev/design-system";import{css as P}from"@emotion/react";var Oe={count:1,categories:[],brand:"",keyword:"",sort:"date_modified",sortOrder:"desc"},rn=({value:t,setValue:n,brands:o,categories:r,loading:a,categoriesLoading:s,brandsLoading:p,logoIcon:f,onGetProducts:u,sortOptions:v,sortOrderOptions:i,categoryLabel:g="Product Category",brandLabel:S="Brand",disableBrands:W,restrictToSingleCategory:z=!1})=>{var l,M,D;let b=async d=>{n({...Oe,...t||{},...d})},h=ae(()=>({...Oe,...t||{}}),[t]),[_,A]=Sr(async d=>await u(d),[u]);wr(async()=>{await A({brand:h.brand,categories:h.categories,keyword:h.keyword,sort:h.sort,sortOrder:h.sortOrder,count:h.count})},250,[h]);let F=ae(()=>{let d=[];return r==null||r.forEach(y=>{let T=He(y,void 0);d.push(...T)}),d},[r]),U=ae(()=>[{value:"",label:"All categories"},...F.map(d=>({label:d.name,value:d.id}))],[F]),O=ae(()=>(o==null?void 0:o.map(d=>({id:d.id.toString(),name:d.name})))||[],[o]),te=d=>{if(!d)return;let y=(t==null?void 0:t.categories)||[];b({categories:[...y,d]})},Z=d=>{var y;b({categories:(y=t==null?void 0:t.categories)==null?void 0:y.filter(T=>T!==d)})},B=d=>{b({brand:d.target.value})},C=d=>{b({count:d||1})};return a?e("div",null,"Loading..."):e($e.Provider,{value:{categories:r,logoIcon:f}},e("div",{css:P`
|
|
24
24
|
> :not(:last-child) {
|
|
25
25
|
margin-bottom: var(--spacing-md);
|
|
26
26
|
}
|
|
27
|
-
`},
|
|
27
|
+
`},z?e(ie,{id:"selection-field-product-category",label:g,disabled:a,value:(M=(l=h.categories)==null?void 0:l[0])!=null?M:"",options:U,onChange:d=>{b({categories:d.target.value===""?[]:[d.target.value]})}}):e(Ae,{loading:s||!1,id:"selection-field-product-category",label:g,onAdd:te,onRemove:Z,selectedValues:h.categories,values:F}),e("div",{css:P`
|
|
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
|
+
${se("md")} {
|
|
33
33
|
flex-wrap: nowrap;
|
|
34
34
|
}
|
|
35
|
-
`},
|
|
35
|
+
`},W?null:e("div",{css:P`
|
|
36
36
|
width: 50%;
|
|
37
|
-
`},e(
|
|
37
|
+
`},e(ie,{id:"brand",name:"brand",label:S,disabled:p,value:h.brand,onChange:B,options:[{value:"",label:"Choose..."},...O.map(d=>({value:d.id,label:d.name}))]})),e("div",{css:P`
|
|
38
38
|
flex-grow: 1;
|
|
39
39
|
position: relative;
|
|
40
|
-
`},e(Ue,{id:"keyword-search",name:"keyword-search",label:"Keyword",value:h.keyword,placeholder:"Enter keyword",onChange:
|
|
40
|
+
`},e(Ue,{id:"keyword-search",name:"keyword-search",label:"Keyword",value:h.keyword,placeholder:"Enter keyword",onChange:d=>b({keyword:d.target.value})}))),e("div",{css:P`
|
|
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
|
+
${se("md")} {
|
|
46
46
|
flex-wrap: nowrap;
|
|
47
47
|
}
|
|
48
|
-
`},e("div",{css:
|
|
48
|
+
`},e("div",{css:P`
|
|
49
49
|
width: 100%;
|
|
50
|
-
${
|
|
50
|
+
${se("md")} {
|
|
51
51
|
width: 33.333333%;
|
|
52
52
|
}
|
|
53
53
|
position: relative;
|
|
54
|
-
`},e(Ue,{id:"count",name:"count",type:"number",min:1,step:1,value:h.count,onChange:
|
|
54
|
+
`},e(Ue,{id:"count",name:"count",type:"number",min:1,step:1,value:h.count,onChange:d=>C(d.target.valueAsNumber),label:"Count"}),e("div",{css:P`
|
|
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(Be,{onCountChange:()=>
|
|
60
|
+
`},e(Be,{onCountChange:()=>C(h.count-1),countIcon:"decrement",disabled:h.count===1}),e(Be,{onCountChange:()=>C(h.count+1),countIcon:"increment"}))),Array.isArray(v)&&v.length>0?e("div",{css:P`
|
|
61
61
|
flex-grow: 1;
|
|
62
|
-
${
|
|
62
|
+
${se("md")} {
|
|
63
63
|
width: 33.333333%;
|
|
64
64
|
}
|
|
65
|
-
`},e(
|
|
65
|
+
`},e(ie,{id:"sort",name:"sort",label:"Sort",value:h.sort,onChange:d=>b({sort:d.target.value}),options:[{value:"",label:"Select a sort"},...v.map(d=>({value:d.sortKey,label:d.name}))]})):null,Array.isArray(i)&&i.length>0?e("div",{css:P`
|
|
66
66
|
flex-grow: 1;
|
|
67
|
-
`},e(
|
|
67
|
+
`},e(ie,{id:"sort-order",name:"sort-order",label:"Sort Order",value:h.sortOrder,onChange:d=>b({sortOrder:d.target.value}),options:i.map(d=>({value:d.sortOrderKey,label:d.name}))})):null),e("div",null,e("h3",{css:P`
|
|
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(Ke,{products:(
|
|
72
|
+
`},"Result Preview"),e(Ke,{products:(D=_.value)==null?void 0:D.products}))))};function He(t,n){var s;let o=[],r=n?`${n.name} > `:"",a={id:t.id.toString(),name:`${r}${t.name}`};return o.push(a),(s=t.children)==null||s.forEach(p=>{let f=He(p,a);o.push(...f)}),o}function Be({onCountChange:t,countIcon:n,disabled:o}){return e("button",{css:P`
|
|
73
73
|
width: 2.25rem;
|
|
74
74
|
height: 2.25rem;
|
|
75
75
|
border: 1px solid var(--gray-300);
|
|
@@ -81,58 +81,59 @@ var nr=Object.defineProperty;var ar=(t,n)=>{for(var o in n)nr(t,o,{get:n[o],enum
|
|
|
81
81
|
&:hover {
|
|
82
82
|
background-color: var(--gray-200);
|
|
83
83
|
}
|
|
84
|
-
${o?
|
|
84
|
+
${o?P`
|
|
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(oe,{css:P`
|
|
89
89
|
width: 1rem;
|
|
90
90
|
height: 1rem;
|
|
91
|
-
`}):e(
|
|
91
|
+
`}):e(ne,{css:P`
|
|
92
92
|
width: 1rem;
|
|
93
93
|
height: 1rem;
|
|
94
|
-
`}))}var $e=
|
|
94
|
+
`}))}var $e=yr.createContext(void 0),Fe=()=>{let t=br($e);if(!t)throw new Error("useProductQueryContext must be used within a <ProductQueryContext> provider");return t};function $({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 R}from"@emotion/react";import{scrollbarStyles as Cr}from"@uniformdev/design-system";var Ke=({products:t})=>{let{categories:n,logoIcon:o}=Fe();return e(Qe.Fragment,null,e("p",{css:R`
|
|
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:[R`
|
|
97
97
|
max-height: 24rem;
|
|
98
98
|
overflow-x: auto;
|
|
99
|
-
`,
|
|
99
|
+
`,Cr]},t==null?void 0:t.map((r,a)=>{var f,u;let[s]=(r==null?void 0:r.categories)||[],p=typeof s=="undefined"||!n||(f=n.find(v=>v.id===s.id))==null?void 0:f.name;return e("li",{key:`product-${r.id}`,css:R`
|
|
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:R`
|
|
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:R`
|
|
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:R`
|
|
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:R`
|
|
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,p&&e("span",{css:R`
|
|
125
126
|
display: block;
|
|
126
127
|
font-weight: var(--fw-regular);
|
|
127
|
-
`},
|
|
128
|
+
`},p)),r&&e(Qe.Fragment,null,e("p",{css:R`
|
|
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:R`
|
|
131
132
|
margin-right: var(--spacing-lg);
|
|
132
133
|
font-size: var(--fs-sm);
|
|
133
|
-
`},e("span",{css:
|
|
134
|
+
`},e("span",{css:R`
|
|
134
135
|
display: block;
|
|
135
|
-
`},"Price: ",r.price)):null,r.editLink||r.url?e("a",{css:
|
|
136
|
+
`},"Price: ",r.price)):null,r.editLink||r.url?e("a",{css:R`
|
|
136
137
|
display: inline-flex;
|
|
137
138
|
justify-content: space-between;
|
|
138
139
|
align-items: center;
|
|
@@ -144,13 +145,13 @@ var nr=Object.defineProperty;var ar=(t,n)=>{for(var o in n)nr(t,o,{get:n[o],enum
|
|
|
144
145
|
&:hover {
|
|
145
146
|
background-color: var(--gray-100);
|
|
146
147
|
}
|
|
147
|
-
`,href:(
|
|
148
|
+
`,href:(u=r.editLink)!=null?u:r.url,title:`Go to ${r.title||r.name}`,target:"_blank",rel:"noopener noreferrer"},e("span",{css:R`
|
|
148
149
|
font-size: var(--fs-sm);
|
|
149
150
|
margin-right: var(--spacing-sm);
|
|
150
|
-
`},"Edit"),o?e(
|
|
151
|
+
`},"Edit"),o?e($,{src:o,alt:"Logo",css:R`
|
|
151
152
|
width: 2.25rem;
|
|
152
153
|
height: 2.25rem;
|
|
153
|
-
`}):null):null)))})))};import
|
|
154
|
+
`}):null):null)))})))};import io,{useContext as so,useMemo as co,useRef as lo}from"react";import*as x from"react";var me={};ir(me,{Caution:()=>Ne,Checkmark:()=>ce,ChevronDown:()=>de,Close:()=>X,Danger:()=>We,ExclamationPoint:()=>_e,Info:()=>Y,Lightbulb:()=>Ze,MagnifyingGlass:()=>Xe,MaximizeAlt:()=>Ye,Minus:()=>ne,MoreVerticalAlt:()=>j,Plus:()=>oe});var Pr=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"})),Ne=Pr;var Rr=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"})),ce=Rr;var Lr=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"})),de=Lr;var kr=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"}))),X=kr;var xr=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"})),We=xr;var Er=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"})),_e=Er;var Mr=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"})),Y=Mr;var Vr=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"})),Ze=Vr;var Tr=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"})))),Xe=Tr;var Ir=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"})),Ye=Ir;var Dr=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"})),j=Dr;import{useThrottle as Qr}from"react-use";import{v4 as Nr}from"uuid";import zr,{useState as Ar,useRef as st,useEffect as Ur}from"react";function qe(t,n){let o=window.open(t,"_blank"),r=setInterval(()=>{o!=null&&o.closed&&(clearInterval(r),n())},500)}import{format as Or}from"timeago.js";import{css as V}from"@emotion/react";import{mq as Gr}from"@uniformdev/design-system";var Je=V`
|
|
154
155
|
border: 1px solid var(--gray-200);
|
|
155
156
|
background: var(--gray-50);
|
|
156
157
|
border-radius: var(--rounded-base);
|
|
@@ -175,6 +176,7 @@ var nr=Object.defineProperty;var ar=(t,n)=>{for(var o in n)nr(t,o,{get:n[o],enum
|
|
|
175
176
|
font-size: var(--fs-base);
|
|
176
177
|
font-weight: var(--fw-bold);
|
|
177
178
|
line-height: 1;
|
|
179
|
+
margin: 0;
|
|
178
180
|
`,ot=V`
|
|
179
181
|
width: 1.5rem;
|
|
180
182
|
height: 1.5rem;
|
|
@@ -190,9 +192,9 @@ var nr=Object.defineProperty;var ar=(t,n)=>{for(var o in n)nr(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
|
+
`,K=V`
|
|
194
196
|
font-size: var(--fs-sm);
|
|
195
|
-
`,
|
|
197
|
+
`,ee=V`
|
|
196
198
|
font-weight: var(--fw-bold);
|
|
197
199
|
margin-right: var(--spacing-sm);
|
|
198
200
|
`,it=V`
|
|
@@ -200,9 +202,10 @@ var nr=Object.defineProperty;var ar=(t,n)=>{for(var o in n)nr(t,o,{get:n[o],enum
|
|
|
200
202
|
flex-direction: column;
|
|
201
203
|
gap: var(--spacing-sm);
|
|
202
204
|
|
|
203
|
-
${
|
|
205
|
+
${Gr("md")} {
|
|
204
206
|
flex-direction: row;
|
|
205
207
|
min-width: 200px;
|
|
208
|
+
justify-content: end;
|
|
206
209
|
}
|
|
207
210
|
`,ge=V`
|
|
208
211
|
align-items: center;
|
|
@@ -217,42 +220,41 @@ var nr=Object.defineProperty;var ar=(t,n)=>{for(var o in n)nr(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 G}from"@emotion/react";var ct=({selectedItem:t,logoIcon:n,onDeselect:o,onEditClosed:r})=>{var v;let a=st(null),s=st(null),[p,f]=Ar(!1);Ur(()=>{let i=S=>{a.current&&!a.current.contains(S.target)&&s.current&&!s.current.contains(S.target)&&f(!1)},g=()=>{f(!1)};return window.addEventListener("resize",g,!0),document.addEventListener("scroll",i,!0),document.addEventListener("mousedown",i),()=>{window.removeEventListener("resize",g,!0),document.removeEventListener("scroll",i,!0),document.removeEventListener("mousedown",i)}},[s]);let u=()=>{var i;if(f(!p),s.current&&a.current){let g=(i=a==null?void 0:a.current)==null?void 0:i.getBoundingClientRect(),S=s.current.offsetWidth;s.current.style.top=`${g.top+30}px`,s.current.style.left=`${g.left-S+30}px`}};return e("div",{css:Je,key:t.id},e("div",{css:je},e("div",{css:et},e("div",{css:tt},e("h4",{css:[rt,t.popoverData?G`
|
|
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(zr.Fragment,null,e("button",{type:"button",ref:a,css:G`
|
|
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":p,onClick:u},e(Y,{width:24,height:24,css:G`
|
|
225
228
|
color: var(--gray-400);
|
|
226
|
-
`})),e("div",{id:"path-details","aria-hidden":!
|
|
229
|
+
`})),e("div",{id:"path-details","aria-hidden":!p,ref:s,css:[at,p?G`
|
|
227
230
|
visibility: visible;
|
|
228
|
-
`:
|
|
231
|
+
`:G`
|
|
229
232
|
visibility: hidden;
|
|
230
|
-
`]},Object.entries(t.popoverData).map(([
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
`},t.metadata?Object.entries(t.metadata).filter(([c])=>["type","status"].includes(c.toLocaleLowerCase())).map(([c,g])=>e("span",{css:F,key:c},g)):null),t.metadata?Object.entries(t.metadata).filter(([c])=>!["type","status"].includes(c.toLocaleLowerCase())).map(([c,g])=>e("div",{css:[F,I`
|
|
233
|
+
`]},Object.entries(t.popoverData).map(([i,g],S)=>e("div",{css:K,key:S},e("span",{css:ee},i,":"),g)))):null),t.createdDate&&e("div",{css:K},e("span",{css:ee},"Created:"),Or((v=t.createdDate)!=null?v:0)),t.metadata?Object.entries(t.metadata).filter(([i])=>["type","status"].includes(i.toLocaleLowerCase())).map(([i,g])=>e("div",{css:[K,G`
|
|
234
|
+
order: 1;
|
|
235
|
+
`],key:i},e("span",{css:ee},i,":"),g)):null,t.metadata?Object.entries(t.metadata).filter(([i])=>!["type","status"].includes(i.toLocaleLowerCase())).map(([i,g])=>e("div",{css:[K,G`
|
|
234
236
|
order: 1;
|
|
235
|
-
`],key:
|
|
237
|
+
`],key:i},e("span",{css:[ee,G`
|
|
236
238
|
order: 1;
|
|
237
|
-
`]},
|
|
239
|
+
`]},i,":"),g)):null),e("div",{css:it},t.editLink?e("a",{href:t.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",onClick:i=>{r&&(qe(i.currentTarget.href,()=>r(t)),i.preventDefault())},css:ge},e("span",{css:K},"Edit"),e($,{src:n,css:ot,alt:"Logo"})):null,e("button",{type:"button",onClick:()=>{o(t)},css:ge},e("span",{css:K},"Unlink"),e(X,{css:[nt,G`
|
|
238
240
|
color: var(--brand-secondary-5);
|
|
239
|
-
`]})))))};import
|
|
241
|
+
`]})))))};import Br,{useState as Hr,useRef as gt,useEffect as $r}from"react";import{css as Q}from"@emotion/react";var dt=Q`
|
|
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
|
-
`,lt=
|
|
247
|
+
`,lt=Q`
|
|
246
248
|
padding-right: var(--spacing-lg);
|
|
247
|
-
`,pt=
|
|
249
|
+
`,pt=Q`
|
|
248
250
|
background: var(--brand-secondary-3);
|
|
249
251
|
color: var(--white);
|
|
250
|
-
`,fe=
|
|
252
|
+
`,fe=Q`
|
|
251
253
|
font-size: var(--fs-xs);
|
|
252
|
-
`,ve=
|
|
254
|
+
`,ve=Q`
|
|
253
255
|
font-weight: var(--fw-bold);
|
|
254
256
|
margin-right: var(--spacing-sm);
|
|
255
|
-
`,ut=
|
|
257
|
+
`,ut=Q`
|
|
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 nr=Object.defineProperty;var ar=(t,n)=>{for(var o in n)nr(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
|
-
`,mt=
|
|
269
|
+
`,mt=Q`
|
|
268
270
|
position: absolute;
|
|
269
271
|
inset: 0 var(--spacing-sm) 0 auto;
|
|
270
|
-
`;import{css as ft}from"@emotion/react";var vt=({result:t,isSelected:n,triggerSelection:o})=>{let r=gt(null),
|
|
272
|
+
`;import{css as ft}from"@emotion/react";var vt=({result:t,isSelected:n,triggerSelection:o})=>{let r=gt(null),a=gt(null),[s,p]=Hr(!1);$r(()=>{function u(v){r.current&&!r.current.contains(v.target)&&a.current&&!a.current.contains(v.target)&&p(!1)}return document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)}},[a]);let f=u=>{u.stopPropagation(),p(!s)};return e("div",{key:t.id,css:[dt,n?pt:void 0,t.popoverData?lt:void 0],"data-value":t.id,role:"option",tabIndex:-1,onClick:()=>o()},t.title,t.popoverData&&n?e(Br.Fragment,null,e("button",{type:"button",ref:r,css:mt,"aria-controls":"path-details",onClick:u=>f(u),"aria-expanded":s},e(Y,{width:24,height:24})),e("div",{id:"path-details","aria-hidden":!s,ref:a,css:[ut,s?ft`
|
|
271
273
|
visibility: visible;
|
|
272
274
|
`:ft`
|
|
273
275
|
visibility: hidden;
|
|
274
|
-
`]},t.metadata&&Object.entries(t.metadata).map(([
|
|
276
|
+
`]},t.metadata&&Object.entries(t.metadata).map(([u,v],i)=>e("div",{css:fe,key:i},e("span",{css:ve},u,":"),v)),Object.entries(t.popoverData).map(([u,v],i)=>e("div",{css:fe,key:i},e("span",{css:ve},u,":"),v)))):null)};import{Droppable as Wr,DragDropContext as _r,Draggable as Zr}from"react-beautiful-dnd";import{css as w}from"@emotion/react";var ht=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
|
-
`,yt=
|
|
282
|
+
`,yt=w`
|
|
281
283
|
align-items: center;
|
|
282
284
|
display: flex;
|
|
283
285
|
position: relative;
|
|
@@ -285,7 +287,7 @@ var nr=Object.defineProperty;var ar=(t,n)=>{for(var o in n)nr(t,o,{get:n[o],enum
|
|
|
285
287
|
width: 100%;
|
|
286
288
|
background-color: transparent;
|
|
287
289
|
border: 0;
|
|
288
|
-
`,bt=
|
|
290
|
+
`,bt=w`
|
|
289
291
|
color: var(--brand-secondary-1);
|
|
290
292
|
display: block;
|
|
291
293
|
font-weight: var(--fw-bold);
|
|
@@ -301,15 +303,15 @@ var nr=Object.defineProperty;var ar=(t,n)=>{for(var o in n)nr(t,o,{get:n[o],enum
|
|
|
301
303
|
background: var(--gray-100);
|
|
302
304
|
outline: none;
|
|
303
305
|
}
|
|
304
|
-
`,St=
|
|
306
|
+
`,St=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
|
-
`,wt=
|
|
312
|
+
`,wt=w`
|
|
311
313
|
display: none;
|
|
312
|
-
`,Ct=
|
|
314
|
+
`,Ct=w`
|
|
313
315
|
overflow-y: auto;
|
|
314
316
|
height: 16rem;
|
|
315
317
|
margin-bottom: var(--spacing-base);
|
|
@@ -318,116 +320,116 @@ var nr=Object.defineProperty;var ar=(t,n)=>{for(var o in n)nr(t,o,{get:n[o],enum
|
|
|
318
320
|
& > :not(:last-child) {
|
|
319
321
|
border-bottom: 1px solid var(--gray-200);
|
|
320
322
|
}
|
|
321
|
-
`,
|
|
323
|
+
`,ra=w`
|
|
322
324
|
background-color: var(--gray-50);
|
|
323
325
|
max-width: 33.33%;
|
|
324
|
-
`,Pt=
|
|
326
|
+
`,Pt=w`
|
|
325
327
|
align-items: center;
|
|
326
328
|
display: flex;
|
|
327
329
|
position: absolute;
|
|
328
330
|
inset: 0 0 0 auto;
|
|
329
331
|
pointer-events: none;
|
|
330
332
|
padding-right: var(--spacing-sm);
|
|
331
|
-
`,Rt=
|
|
333
|
+
`,Rt=w`
|
|
332
334
|
color: var(--brand-secondary-1);
|
|
333
335
|
width: 1.25rem;
|
|
334
336
|
height: 1.25rem;
|
|
335
337
|
transition: transform var(--duration-fast) var(--timing-ease-out);
|
|
336
338
|
transform: rotate(0);
|
|
337
|
-
`,
|
|
339
|
+
`,oa=w`
|
|
338
340
|
background: var(--white);
|
|
339
341
|
color: var(--brand-secondary-1);
|
|
340
|
-
`,Lt=
|
|
342
|
+
`,Lt=w`
|
|
341
343
|
position: relative;
|
|
342
344
|
margin-block: var(--spacing-sm) 0;
|
|
343
345
|
|
|
344
346
|
&:hover > span {
|
|
345
347
|
opacity: 0.3;
|
|
346
348
|
}
|
|
347
|
-
`,kt=
|
|
349
|
+
`,kt=w`
|
|
348
350
|
align-items: center;
|
|
349
351
|
display: flex;
|
|
350
352
|
position: absolute;
|
|
351
353
|
inset: 0 auto 0 0;
|
|
352
354
|
margin-block: auto;
|
|
353
355
|
opacity: 0;
|
|
354
|
-
`,he=
|
|
356
|
+
`,he=w`
|
|
355
357
|
color: var(--brand-secondary-1);
|
|
356
|
-
`,xt=
|
|
358
|
+
`,xt=w`
|
|
357
359
|
position: absolute;
|
|
358
360
|
left: 0.375rem;
|
|
359
|
-
`,ye=
|
|
361
|
+
`,ye=w`
|
|
360
362
|
width: calc(var(--spacing-lg) + var(--spacing-xs));
|
|
361
363
|
height: calc(var(--spacing-lg) + var(--spacing-xs));
|
|
362
|
-
`;import{css as
|
|
364
|
+
`;import{css as I}from"@emotion/react";import{InputSelect as Xr,scrollbarStyles as Yr,Button as be,Callout as qr,InputKeywordSearch as Jr,LoadingIndicator as jr,Menu as eo,MenuItem as to,LoadingOverlay as ro}from"@uniformdev/design-system";import{useState as Fr,useEffect as Et,useRef as Kr}from"react";function Mt(t,{delay:n=500,minDuration:o=200}={delay:500,minDuration:200}){let[r,a]=Fr("IDLE"),s=Kr(void 0);return Et(()=>{t&&r==="IDLE"&&(clearTimeout(s.current),s.current=setTimeout(()=>{if(!t)return a("IDLE");s.current=setTimeout(()=>{a("EXPIRE")},o),a("DISPLAY")},n),a("DELAY")),!t&&r!=="DISPLAY"&&(clearTimeout(s.current),a("IDLE"))},[t,r,n,o]),Et(()=>()=>clearTimeout(s.current),[]),r==="DISPLAY"||r==="EXPIRE"}var oo=({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(qr,{type:"info"},o)},Vt=({search:t,results:n,contentTypes:o,selectedItems:r,logoIcon:a,select:s,multiSelect:p,multiSelectId:f,rowComponent:u,selectedItemComponent:v,totalResults:i,resultsLoading:g,requireContentType:S,onAddNew:W,onEditClosed:z,onCancel:b,noResultsComponent:h,helpComponent:_,onSort:A,typeSelectorLabel:F="Content Type Select",typeSelectorAllTypesOptionText:U="All content types",loadingIndicatorDelay:O=1e3})=>{var Le,ke,xe;let Z=()=>S?Array.isArray(o)&&o.length>0?o[0].id:"":"any",[B,C]=x.useState(""),[l,M]=x.useState(Z),[D,d]=x.useState(!1),[y,T]=x.useState([]),[Nt,we]=x.useState(!1),ue=x.useRef(`x${Nr()}`),re=Qr(B,750);x.useEffect(()=>{t(re,{count:5,offset:0,contentType:l==="any"?void 0:l})},[re,l]);let Wt=Mt(g,{delay:O}),_t=c=>{y.some(m=>m.id===c.id)?T(m=>m.filter(H=>H.id!==c.id)):T(p?m=>[...m,c]:[c])},Zt=r==null?void 0:r.map(c=>c.id+c.title).join(",");x.useEffect(()=>{Array.isArray(r)&&T(r)},[Zt]);let Xt=()=>{M(Z()),C(""),T(r!=null&&r.length?r:[])},Yt=()=>{d(c=>!c),D||Xt()},Ce=c=>{let m=(y==null?void 0:y.filter(H=>H.id!==c.id))||[];T(m),s(m,"")},qt=c=>{c.preventDefault(),s(y,l),d(!1)},Jt=c=>{c.preventDefault(),d(!1),b&&b()},jt=()=>{t(re,{count:5,offset:(n==null?void 0:n.length)||0,contentType:l==="any"?void 0:l}),we(!0);let c=setTimeout(()=>{we(!1)},750);return()=>clearTimeout(c)},er=!(r==null?void 0:r.length)||p,tr=u||vt,Pe=v||ct,rr=h||oo,Re=a&&typeof a!="string"?a:null,or=Re?e(Re,{css:ye}):e("img",{src:a,alt:"Logo",css:ye}),nr=c=>{var m,H;if(c.destination&&c.source.droppableId===((m=c.destination)==null?void 0:m.droppableId)){let L=[...r||[]],[q]=(H=L==null?void 0:L.splice(c.source.index,1))!=null?H:[];return L==null||L.splice(c.destination.index,0,q),A&&(T(L),A==null||A(L)),L}};return e("div",{css:I`
|
|
363
365
|
width: 100%;
|
|
364
|
-
`},e("div",{css:
|
|
366
|
+
`},e("div",{css:I`
|
|
365
367
|
position: relative;
|
|
366
368
|
margin-block: var(--spacing-base);
|
|
367
|
-
`},
|
|
369
|
+
`},er?e(x.Fragment,null,e("div",{css:ht,"data-test-id":"component-search"},e("button",{css:yt,onClick:Yt,type:"button","aria-haspopup":!0,"aria-expanded":D,"aria-controls":`entry-search-config-${ue.current}`},or,e("span",{css:I`
|
|
368
370
|
margin-left: var(--spacing-base);
|
|
369
|
-
`},"Select"),e("span",{css:Pt},e(
|
|
371
|
+
`},"Select"),e("span",{css:Pt},e(de,{css:[Rt,D?I`
|
|
370
372
|
transform: rotate(180deg);
|
|
371
|
-
`:void 0]})))),e("div",{id:`entry-search-config-${ue.current}`,"aria-hidden":!
|
|
373
|
+
`:void 0]})))),e("div",{id:`entry-search-config-${ue.current}`,"aria-hidden":!D,css:[St,D?void 0:wt]},_||null,e("div",{css:I`
|
|
372
374
|
display: flex;
|
|
373
375
|
gap: calc(var(--spacing-base) - 0.25rem);
|
|
374
376
|
margin-bottom: var(--spacing-base);
|
|
375
|
-
`},e(
|
|
377
|
+
`},e(Xr,{onChange:c=>M(c.target.value),value:l,label:F,showLabel:!1,options:[...S?[]:[{value:"any",label:U}],...o?o.map(c=>({value:c.id,label:c.name})):[]]}),e("div",{css:I`
|
|
376
378
|
flex-grow: 1;
|
|
377
|
-
`},e(
|
|
379
|
+
`},e(Jr,{inputFieldName:"searchText",placeholder:"Enter keyword to narrow your results",onSearchTextChanged:C,disabledFieldSubmission:!0,value:B}))),e("div",{css:[Ct,Yr],id:ue.current,role:"listbox",tabIndex:0,"data-test-id":"entry-list"},e(ro,{isActive:Wt}),Array.isArray(n)&&n.length>0?n.map(c=>e(tr,{key:c.id,isSelected:y.some(m=>m.id===c.id),result:c,triggerSelection:()=>_t(c)})):e(rr,{searchText:re||B,selectedContentType:(ke=(Le=o==null?void 0:o.find(c=>c.id===l))==null?void 0:Le.name)!=null?ke:l}),!g&&typeof i!="undefined"&&n&&(n==null?void 0:n.length)<i&&e("button",{type:"button",css:bt,onClick:jt},Nt?e(jr,null):"Load More")),e("div",{css:I`
|
|
378
380
|
display: flex;
|
|
379
381
|
justify-content: space-between;
|
|
380
|
-
`},e("div",null,
|
|
382
|
+
`},e("div",null,W&&((xe=o==null?void 0:o.length)!=null?xe:0)>0?e(eo,{menuLabel:"Add new menu",menuTrigger:e(be,{buttonType:"secondary"},"Add New")},o==null?void 0:o.map(c=>e(to,{key:c.id,css:I`
|
|
381
383
|
background: var(--white);
|
|
382
384
|
color: var(--brand-secondary-1);
|
|
383
|
-
`,onClick:()=>
|
|
385
|
+
`,onClick:()=>W(c)},c.name))):null),e("div",{css:I`
|
|
384
386
|
display: flex;
|
|
385
387
|
gap: var(--spacing-base);
|
|
386
|
-
`},e(be,{buttonType:"unimportant",onClick:
|
|
388
|
+
`},e(be,{buttonType:"unimportant",onClick:Jt},"Cancel"),e(be,{disabled:!y.length,onClick:qt,"data-test-id":"entry-accept-button"},"Accept"))))):null,D?null:p?e(_r,{onDragEnd:c=>nr(c)},e(Wr,{droppableId:f||"canvas-multi-select"},c=>e("div",{...c.droppableProps,ref:c.innerRef,css:I`
|
|
387
389
|
margin-block: var(--spacing-sm) 0;
|
|
388
|
-
`},
|
|
390
|
+
`},y==null?void 0:y.map((m,H)=>{if(m!=null&&m.id)return e(Zr,{key:m.id,draggableId:m.id,index:H},L=>e("div",{css:Lt,ref:L.innerRef,...L.draggableProps,...L.dragHandleProps},e("span",{css:kt},e(j,{css:[he,xt],width:24,height:24}),e(j,{css:he,width:24,height:24})),e(Pe,{key:`selected-item-${m.id}`,logoIcon:a,selectedItem:m,onDeselect:q=>Ce(q),onEditClosed:z?q=>z(q):void 0})))}),c.placeholder))):y==null?void 0:y.map(c=>e(Pe,{key:`selected-item-${c.id}`,logoIcon:a,selectedItem:c,onDeselect:m=>Ce(m),onEditClosed:z?m=>z(m):void 0}))))};import{css as N}from"@emotion/react";var Tt=N`
|
|
389
391
|
cursor: pointer;
|
|
390
392
|
padding: var(--spacing-sm) 0;
|
|
391
393
|
margin-right: var(--spacing-sm);
|
|
392
394
|
position: relative;
|
|
393
395
|
transition: background-color var(--duration-fast) var(--timing-ease-out),
|
|
394
396
|
color var(--duration-fast) var(--timing-ease-out);
|
|
395
|
-
`,It=
|
|
397
|
+
`,It=N`
|
|
396
398
|
border: 2px solid transparent;
|
|
397
399
|
border-radius: var(--rounded-base);
|
|
398
400
|
display: flex;
|
|
399
401
|
align-items: center;
|
|
400
402
|
gap: var(--spacing-base);
|
|
401
403
|
padding: var(--spacing-sm) var(--spacing-xs);
|
|
402
|
-
`,Dt=
|
|
404
|
+
`,Dt=N`
|
|
403
405
|
background-color: var(--green-50);
|
|
404
|
-
`,Gt=
|
|
406
|
+
`,Gt=N`
|
|
405
407
|
font-size: var(--fs-sm);
|
|
406
408
|
font-weight: var(--fw-bold);
|
|
407
409
|
width: 50%;
|
|
408
|
-
`,zt=
|
|
410
|
+
`,zt=N`
|
|
409
411
|
font-weight: var(--fw-normal);
|
|
410
412
|
display: block;
|
|
411
|
-
`,At=
|
|
413
|
+
`,At=N`
|
|
412
414
|
font-size: var(--fs-sm);
|
|
413
415
|
> * {
|
|
414
416
|
display: block;
|
|
415
417
|
}
|
|
416
|
-
`,Ut=
|
|
418
|
+
`,Ut=N`
|
|
417
419
|
display: block;
|
|
418
420
|
height: 1.5rem;
|
|
419
421
|
width: 1.5rem;
|
|
420
422
|
color: var(--brand-secondary-3);
|
|
421
423
|
margin-left: auto;
|
|
422
|
-
`;import{css as Ot}from"@emotion/react";function Bt({result:t,isSelected:n,triggerSelection:o}){var f;let{categories:r,logoIcon:
|
|
424
|
+
`;import{css as Ot}from"@emotion/react";function Bt({result:t,isSelected:n,triggerSelection:o}){var f;let{categories:r,logoIcon:a}=le(),[s]=t.categories||[{id:"",name:""}],p=typeof s=="undefined"||!r||(f=r.find(u=>u.id===s.id))==null?void 0:f.name;return e("div",{key:t.id,"data-value":t.id,role:"option",tabIndex:-1,onClick:()=>o(),css:[Tt]},e("div",{css:[It,n?Dt:void 0]},t.thumbnailUrl?e("img",{src:t.thumbnailUrl,alt:`Thumbnail for ${t.title}`,css:Ot`
|
|
423
425
|
background-color: var(--gray-200);
|
|
424
426
|
width: 3rem;
|
|
425
427
|
height: 3rem;
|
|
426
428
|
object-fit: cover;
|
|
427
|
-
`}):e(
|
|
429
|
+
`}):e($,{src:a,alt:"Logo",css:Ot`
|
|
428
430
|
height: 2.25rem;
|
|
429
431
|
width: 2.25rem;
|
|
430
|
-
`}),e("h4",{css:[Gt]},t.title,
|
|
432
|
+
`}),e("h4",{css:[Gt]},t.title,p?e("span",{css:[zt]},p):null),e("p",{css:[At]},"SKU: ",t.sku||t.id,t.price!==void 0?e("span",null,t.price):null),n?e(ce,{css:[Ut]}):null))}import{css as pe}from"@emotion/react";import{mq as no}from"@uniformdev/design-system";var Ht=pe`
|
|
431
433
|
display: flex;
|
|
432
434
|
width: 100%;
|
|
433
435
|
border: 1px solid var(--gray-300);
|
|
@@ -445,7 +447,7 @@ var nr=Object.defineProperty;var ar=(t,n)=>{for(var o in n)nr(t,o,{get:n[o],enum
|
|
|
445
447
|
display: flex;
|
|
446
448
|
align-items: center;
|
|
447
449
|
gap: var(--spacing-sm);
|
|
448
|
-
${
|
|
450
|
+
${no("lg")} {
|
|
449
451
|
width: 50%;
|
|
450
452
|
margin-bottom: 0;
|
|
451
453
|
}
|
|
@@ -454,33 +456,34 @@ var nr=Object.defineProperty;var ar=(t,n)=>{for(var o in n)nr(t,o,{get:n[o],enum
|
|
|
454
456
|
width: 3.5rem;
|
|
455
457
|
height: 3.5rem;
|
|
456
458
|
object-fit: cover;
|
|
457
|
-
`;import{css as
|
|
459
|
+
`;import{css as E}from"@emotion/react";import{mq as ao}from"@uniformdev/design-system";function Kt({selectedItem:t,onDeselect:n}){var p;let{categories:o,logoIcon:r}=le(),[a]=t.categories||[{id:"",name:""}],s=typeof a=="undefined"||!o||(p=o.find(f=>f.id===a.id))==null?void 0:p.name;return e("div",{css:[Ht],key:t.id},e("article",{css:[$t]},e("div",{css:[Ft]},t.thumbnailUrl?e("img",{src:t.thumbnailUrl,alt:s,css:[Se],loading:"lazy"}):e("div",{css:[Se]}),e("div",{css:E`
|
|
458
460
|
> :not(:last-child) {
|
|
459
461
|
margin-bottom: var(--spacing-xs);
|
|
460
462
|
}
|
|
461
|
-
`},e("h4",{css:
|
|
463
|
+
`},e("h4",{css:E`
|
|
464
|
+
margin-top: 0px;
|
|
462
465
|
font-weight: var(--fw-bold);
|
|
463
|
-
`},t.title||t.id||"",s&&e("span",{css:
|
|
466
|
+
`},t.title||t.id||"",s&&e("span",{css:E`
|
|
464
467
|
display: block;
|
|
465
468
|
font-weight: var(--fw-regular);
|
|
466
|
-
`},s)),e("ul",{css:
|
|
469
|
+
`},s)),e("ul",{css:E`
|
|
467
470
|
font-size: var(--fs-sm);
|
|
468
471
|
display: flex;
|
|
469
472
|
gap: var(--spacing-base);
|
|
470
|
-
`},e("li",null,e("span",{css:
|
|
473
|
+
`},e("li",null,e("span",{css:E`
|
|
471
474
|
margin-right: var(--spacing-xs);
|
|
472
|
-
`},"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:E`
|
|
473
476
|
margin-right: var(--spacing-xs);
|
|
474
|
-
`},"Price:"),e("span",null,t.price)):null))),e("div",{css:
|
|
477
|
+
`},"Price:"),e("span",null,t.price)):null))),e("div",{css:E`
|
|
475
478
|
display: flex;
|
|
476
479
|
flex-wrap: wrap;
|
|
477
480
|
gap: var(--spacing-sm);
|
|
478
481
|
justify-content: flex-end;
|
|
479
482
|
margin-left: auto;
|
|
480
|
-
${
|
|
483
|
+
${ao("md")} {
|
|
481
484
|
align-items: center;
|
|
482
485
|
}
|
|
483
|
-
`},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:E`
|
|
484
487
|
display: inline-flex;
|
|
485
488
|
justify-content: space-between;
|
|
486
489
|
align-items: center;
|
|
@@ -491,14 +494,14 @@ var nr=Object.defineProperty;var ar=(t,n)=>{for(var o in n)nr(t,o,{get:n[o],enum
|
|
|
491
494
|
&:hover {
|
|
492
495
|
background-color: var(--gray-100);
|
|
493
496
|
}
|
|
494
|
-
`},e("span",{css:
|
|
497
|
+
`},e("span",{css:E`
|
|
495
498
|
margin-right: var(--spacing-sm);
|
|
496
499
|
font-size: var(--fs-sm);
|
|
497
|
-
`},"Edit"),e(
|
|
500
|
+
`},"Edit"),e($,{src:r,alt:"Logo",css:E`
|
|
498
501
|
width: 1.75rem;
|
|
499
502
|
height: 1.75rem;
|
|
500
503
|
display: block;
|
|
501
|
-
`})):null,e("button",{type:"button",onClick:()=>{n==null||n(t)},css:
|
|
504
|
+
`})):null,e("button",{type:"button",onClick:()=>{n==null||n(t)},css:E`
|
|
502
505
|
display: flex;
|
|
503
506
|
justify-content: space-between;
|
|
504
507
|
align-items: center;
|
|
@@ -511,8 +514,8 @@ var nr=Object.defineProperty;var ar=(t,n)=>{for(var o in n)nr(t,o,{get:n[o],enum
|
|
|
511
514
|
&:hover {
|
|
512
515
|
background-color: var(--gray-100);
|
|
513
516
|
}
|
|
514
|
-
`},e("span",{css:
|
|
517
|
+
`},e("span",{css:E`
|
|
515
518
|
font-size: var(--fs-sm);
|
|
516
|
-
`},"Unlink"),e(X,{css:
|
|
519
|
+
`},"Unlink"),e(X,{css:E`
|
|
517
520
|
color: var(--brand-secondary-5);
|
|
518
|
-
`})))))}import{Callout as
|
|
521
|
+
`})))))}import{Callout as po}from"@uniformdev/design-system";import{useAsync as uo,useAsyncFn as mo}from"react-use";function Za({selectedProducts:t,setSelectedProducts:n,onGetCategories:o,onSearchProducts:r,logoIcon:a,multiSelect:s,multiSelectId:p,selectedItemComponent:f,rowComponent:u,errorComponent:v,helpComponent:i,noResultsComponent:g,onSort:S,typeSelectorAllTypesOptionText:W="All categories",typeSelectorLabel:z="Select Category"}){var B;let{value:b,loading:h,error:_}=uo(async()=>await o(),[o]),A=b==null?void 0:b.map(C=>C.id).join(","),F=co(()=>b?b.map(l=>({id:l.id,name:l.name})):void 0,[A]),U=lo(),[O,te]=mo(async(C,l)=>{let M=await r({text:C,options:{limit:l==null?void 0:l.count,offset:l==null?void 0:l.offset,categoryId:l==null?void 0:l.contentType}});return(l==null?void 0:l.offset)===0&&(U.current=[]),(U.current=U.current||[]).push(...M.products),M},[r]),Z=async C=>{await n(C)};return _||O.error?e(v||(({categoriesError:l,searchError:M})=>e(po,{type:"error"},"There was an error: ",(l==null?void 0:l.message)||(M==null?void 0:M.message))),{categoriesError:_,searchError:O.error}):e(Qt.Provider,{value:{categories:b,logoIcon:a}},e(Vt,{search:te,results:U.current,logoIcon:a,selectedItems:t,select:Z,multiSelectId:p||"product-search-multi-select",multiSelect:s,contentTypes:F,selectedItemComponent:f||Kt,rowComponent:u||Bt,totalResults:(B=O.value)==null?void 0:B.total,resultsLoading:O.loading||h,helpComponent:i,noResultsComponent:g,onSort:S,typeSelectorAllTypesOptionText:W,typeSelectorLabel:z}))}var Qt=io.createContext(void 0),le=()=>{let t=so(Qt);if(!t)throw new Error("useProductSearchContext must be used within a <ProductSearchContext> provider");return t};export*from"@uniformdev/mesh-sdk";import{Button as oi,Callout as ni,LoadingIndicator as ai,LoadingOverlay as ii,Menu as si,MenuItem as ci,Input as di,InputSelect as li,InputToggle as pi,Theme as ui,InputKeywordSearch as mi,Heading as gi,ScrollableList as fi,ScrollableListItem as vi,Textarea as hi,Switch as yi,Label as bi}from"@uniformdev/design-system";export{oi as Button,ni as Callout,vt as DefaultSearchRow,ct as DefaultSelectedItem,Vt as EntrySearch,gi as Heading,me as Icons,di as Input,li as InputSelect,pi as InputToggle,mi as KeywordSearchInput,bi as Label,ai as LoadingIndicator,ii as LoadingOverlay,si as Menu,ci as MenuItem,Ke as ProductPreviewList,rn as ProductQuery,$e as ProductQueryContext,Za as ProductSearch,Qt as ProductSearchContext,Bt as ProductSearchRow,Kt as ProductSelectedItem,ze as ResolvableLoadingValue,fi as ScrollableList,vi as ScrollableListItem,Ae as SelectionField,yi as Switch,hi as Textarea,ui as Theme,Ee as UniformMeshLocationContext,Me as UniformMeshLocationContextProvider,Ie as UniformMeshSdkContext,Do as UniformMeshSdkContextProvider,ye as badgeIcon,Lt as draggableContainer,he as draggableIcon,xt as draggableIconOffset,kt as draggableIconWrapper,yt as entrySearchBtn,St as entrySearchConfig,wt as entrySearchConfigHidden,bt as entrySearchLoadMoreBtn,Ct as entrySearchResultList,Pt as entrySearchSelectIcon,Rt as entrySearchSelectImg,ra as entrySearchSelectInput,oa as entrySearchSelectOption,ht as entrySearchWrapper,Ut as productSearchRowActiveIcon,zt as productSearchRowCategory,Tt as productSearchRowContainer,It as productSearchRowContent,Dt as productSearchRowContentActive,At as productSearchRowDetails,Gt as productSearchRowTitle,Ht as productSelectedItemContainer,Ft as productSelectedItemContent,$t as productSelectedItemDetails,Se as productSelectedItemImage,mt as searchRowBtn,dt as searchRowContainer,pt as searchRowContainerActive,lt as searchRowContainerWithPopover,ut as searchRowPopover,ve as searchRowText,fe as searchRowTextSmall,ge as selectItemLinkBtn,it as selectItemLinkContainer,at as selectItemPopover,ee as selectItemPopoverLabel,K as selectItemSmallText,nt as selectedItemCloseIcon,Je as selectedItemContainer,tt as selectedItemCopy,et as selectedItemDetails,ot as selectedItemIcon,je as selectedItemInner,rt as selectedItemTitle,xo as useInitializeUniformMeshSdk,Fe as useProductQueryContext,le as useProductSearchContext,Co as useUniformMeshLocation,Ve as useUniformMeshLocationContext,Ao as useUniformMeshSdk,De as useUniformMeshSdkContext};
|