@mappedin/react-ui 6.9.0-beta.0 → 6.9.1-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/esm/{chunk-6PPDNG4B.js → chunk-E3KRW6U5.js} +1 -1
- package/lib/esm/{chunk-R4VVGLYZ.js → chunk-HHLRVMBX.js} +1 -1
- package/lib/esm/{chunk-GJWKDIUL.js → chunk-HSR66YU6.js} +1 -1
- package/lib/esm/{chunk-CSLA67FZ.js → chunk-LUNEX6XS.js} +1 -1
- package/lib/esm/{chunk-WBXN5D5G.js → chunk-RX62PM76.js} +1 -1
- package/lib/esm/{chunk-APRH4CAT.js → chunk-S3SNLAZ2.js} +1 -1
- package/lib/esm/{chunk-GJIP2NMB.js → chunk-TPBVLR4S.js} +1 -1
- package/lib/esm/{chunk-GPW4PJ7Q.js → chunk-TY6GBURX.js} +1 -1
- package/lib/esm/{chunk-GXFJG6ET.js → chunk-VB2SNF5E.js} +1 -1
- package/lib/esm/{chunk-W6FAYJPU.js → chunk-VSEMIYX2.js} +1 -1
- package/lib/esm/components/floor-selector/index.js +1 -1
- package/lib/esm/components/location-list/index.js +1 -1
- package/lib/esm/components/search/index.js +1 -1
- package/lib/esm/components/search-bar/index.js +1 -1
- package/lib/esm/components/zoom-controls/index.js +1 -1
- package/lib/esm/index.d.ts +5 -5
- package/lib/esm/index.js +1 -1
- package/lib/esm/themes/basic.js +1 -1
- package/lib/esm/themes/mappedin-dark.js +1 -1
- package/lib/esm/themes/mappedin-light.js +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as m,e as r}from"./chunk-
|
|
1
|
+
import{c as m,e as r}from"./chunk-VSEMIYX2.js";import{a as t,b as n,c as e}from"./chunk-S3SNLAZ2.js";import{jsx as c,jsxs as z}from"react/jsx-runtime";var u=e(()=>z("svg",n(t({},r({className:"icon--minus",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})),{children:[c("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),c("path",{d:"M5 12l14 0"})]})),"Minus");import{jsx as l,jsxs as b}from"react/jsx-runtime";var a=e(()=>b("svg",n(t({},r({className:"icon--plus",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})),{children:[l("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),l("path",{d:"M12 5l0 14"}),l("path",{d:"M5 12l14 0"})]})),"Plus");import{jsx as s,jsxs as f}from"react/jsx-runtime";var O=e(({onZoomIn:d,onZoomOut:v,props:o})=>f("div",n(t({},r({className:"zoom-controls-wrapper"},o==null?void 0:o.wrapper)),{children:[s("button",n(t({},r({className:m("zoom-controls-button","zoom-controls-zoom-in"),onClick:d,tabIndex:0},o==null?void 0:o.zoomIn)),{children:s(a,{})})),s("button",n(t({},r({className:m("zoom-controls-button","zoom-controls-zoom-out"),onClick:v,tabIndex:0},o==null?void 0:o.zoomOut)),{children:s(u,{})}))]})),"ZoomControls");export{O as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as b,b as C}from"./chunk-
|
|
1
|
+
import{a as b,b as C}from"./chunk-RX62PM76.js";import{a as k}from"./chunk-HSR66YU6.js";import{c as s,d as p,e as r}from"./chunk-VSEMIYX2.js";import{a as t,b as o,c as a}from"./chunk-S3SNLAZ2.js";import{jsx as u,jsxs as H}from"react/jsx-runtime";var I=a(()=>H("svg",o(t({},r({className:"icon--magnifying-glass",viewBox:"0 0 24 24",height:"100%",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})),{children:[u("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),u("path",{d:"M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0"}),u("path",{d:"M21 21l-6 -6"})]})),"MagnifyingGlass");import{useRef as R}from"react";import{jsx as h,jsxs as y}from"react/jsx-runtime";var M=a(()=>y("svg",o(t({},r({className:"icon--close",viewBox:"0 0 24 24",height:"100%",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})),{children:[h("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),h("path",{d:"M18 6l-12 12"}),h("path",{d:"M6 6l12 12"})]})),"Close");import{jsx as c,jsxs as E}from"react/jsx-runtime";var $=a(({props:e,value:N,onChange:P,placeholder:L,searchIcon:f,closeIcon:d})=>{let i=R(null),g=R(null),x=f===void 0?c(I,{}):f,B=d===void 0?c(M,{}):d,{value:l,onChange:v}=b({value:N,onChange:P,defaultValue:""});C(g,()=>{var n;(n=i.current)==null||n.blur()});let{ref:w}=k("searchBarValue",l);return E("div",o(t({},r({className:"search-bar-wrapper",ref:p(g,w)},e==null?void 0:e.wrapper)),{children:[c("input",o(t({},r({name:"mappedin-search-bar",className:"search-bar-input",ref:i,onChange:a(n=>v(n.target.value),"onChange"),type:"search",role:"searchbox",placeholder:L},e==null?void 0:e.input)),{value:l})),c("button",o(t({},r({className:s("search-bar-icon","search-icon"),onClick:a(()=>{var n;(n=i.current)==null||n.focus()},"onClick"),tabIndex:-1},e==null?void 0:e.searchIcon)),{children:x})),c("button",o(t({},r({className:s("search-bar-icon","clear-icon"),onClick:a(()=>{var n;v(""),(n=i.current)==null||n.focus()},"onClick"),tabIndex:l.length>0?0:-1},e==null?void 0:e.clearIcon)),{children:B}))]}))},"SearchBar");export{$ as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as o}from"./chunk-
|
|
1
|
+
import{b as o}from"./chunk-VSEMIYX2.js";import{c as s}from"./chunk-S3SNLAZ2.js";import{useEffect as u,useState as f}from"react";var n=s(e=>{let r=e.charAt(0).toUpperCase(),t=e.slice(1);return"".concat(o).concat(r).concat(t)},"dataAttribute");var T=s((e,r)=>{let[t,i]=f(null);return u(()=>(t!=null&&(t.dataset[n(e)]=r.toString()),()=>{t!=null&&delete t.dataset[n(e)]}),[t,r]),{ref:i}},"useDataAttribute");export{T as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as x,d as H}from"./chunk-
|
|
1
|
+
import{b as x,d as H}from"./chunk-TY6GBURX.js";import{a as y,b as w}from"./chunk-RX62PM76.js";import{a as v}from"./chunk-HSR66YU6.js";import{c as C,d as N,e as l}from"./chunk-VSEMIYX2.js";import{a as r,b as n,c as f}from"./chunk-S3SNLAZ2.js";import{jsx as M,jsxs as G}from"react/jsx-runtime";var S=f(()=>G("svg",n(r({},l({className:"icon--chevron-down",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})),{children:[M("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),M("path",{d:"M6 9l6 6l6 -6"})]})),"ChevronDown");import{useMemo as E,useRef as D,useState as Q}from"react";import{forwardRef as J}from"react";import{jsx as A}from"react/jsx-runtime";var O=f(({floor:t,index:m,current:e,props:o,onClick:s})=>{let{ref:a}=H("mappedin__floor-selector",m,()=>s==null?void 0:s());return A("li",n(r({},l({role:"button",className:C("floor-selector-floor-item",e?"floor-selector-current-floor-in-list":""),ref:a},o==null?void 0:o.listItem)),{onClick:s,id:"mappedin__floor-selector-".concat(t.id),children:A("span",n(r({},l({className:"floor-selector-floor-item-name"},o==null?void 0:o.listItemName)),{children:t.name}))}))},"FloorSelectorListItem");import{jsx as T}from"react/jsx-runtime";var k=J(({floors:t,currentFloor:m,props:e,onFloorSelected:o},s)=>T("ul",n(r({},l({className:"floor-selector-floors-list"},e==null?void 0:e.list)),{ref:s,children:t==null?void 0:t.map((a,c)=>T(O,{index:c,floor:a,current:a===m,onClick:()=>o==null?void 0:o(a),props:e},a.id))})));import{jsx as d,jsxs as B}from"react/jsx-runtime";var Ce=f(({currentFloor:t,floors:m=[],props:e,onFloorSelected:o,isOpen:s,onOpen:a})=>{var b,R,g,F;let{value:c,onChange:p}=y({value:s,defaultValue:s!=null?s:!1,onChange:a}),{ref:U}=v("isOpen",c),u=D(null);w(u,()=>{var i;c&&(p(!1),(i=u.current)==null||i.blur())});let I=D(null),{ref:W,activeItemId:P}=x("mappedin__floor-selector",{itemCount:m.length,resetActiveItemOnBlur:!0}),{ref:K}=v("currentFloorId",(b=t==null?void 0:t.id)!=null?b:"none"),{ref:z}=v("highlightedFloorId",P!=null?P:"none"),V=E(()=>[...m].sort((i,q)=>q.elevation-i.elevation),[m]),[h,_]=Q(null),$=E(()=>h==null?0:c?h.clientHeight:0,[h,c]);return B("div",n(r({},l({className:"floor-selector-wrapper",ref:N(u,W,U,K,z),tabIndex:0,onFocus:f(i=>{i.target===u.current&&i.relatedTarget!==I.current&&p(!0)},"onFocus")},e==null?void 0:e.wrapper)),{children:[B("button",n(r({},l({className:"floor-selector-button",ref:I,onClick:f(()=>{var i;p(!c),(i=u.current)==null||i.focus()},"onClick"),tabIndex:-1},e==null?void 0:e.button)),{children:[d("span",n(r({},l({className:"floor-selector-current-floor"},e==null?void 0:e.currentName)),{children:(F=(g=t==null?void 0:t.name)!=null?g:(R=m[0])==null?void 0:R.name)!=null?F:""})),d("div",n(r({},l({className:"floor-selector-chevron"},e==null?void 0:e.chevron)),{children:d(S,{})}))]})),d("div",n(r({},l({className:"floor-selector-list-wrapper",style:{height:"100vh",maxHeight:$}},e==null?void 0:e.listWrapper)),{children:c&&d(k,{ref:_,floors:V,currentFloor:t,props:e,onFloorSelected:i=>{p(!1),o==null||o(i)}})}))]}))},"FloorSelector");export{Ce as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as o}from"./chunk-
|
|
1
|
+
import{c as o}from"./chunk-S3SNLAZ2.js";import{useCallback as i,useState as a}from"react";var m=o(({value:e,defaultValue:l,onChange:t})=>{let[c,s]=a(l),n=e!==void 0,u=i(r=>{s(r),t==null||t(r)},[n,t]);return{value:n?e:c,onChange:u,isControlled:n}},"useUncontrolled");import{useEffect as T}from"react";var k=o((e,l)=>{T(()=>{let t=o(c=>{let s=e==null?void 0:e.current,n=c.target;!s||s.contains(n)||l(c)},"listener");return document.addEventListener("click",t),()=>{document.removeEventListener("click",t)}},[e,l])},"useOutsideClick");export{m as a,k as b};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var c=Object.defineProperty,t=Object.defineProperties;var v=Object.getOwnPropertyDescriptors;var p=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;var _=(e,n,a)=>n in e?c(e,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[n]=a,N=(e,n)=>{for(var a in n||(n={}))i.call(n,a)&&_(e,a,n[a]);if(p)for(var a of p(n))r.call(n,a)&&_(e,a,n[a]);return e},b=(e,n)=>t(e,v(n)),d=(e,n)=>c(e,"name",{value:n,configurable:!0});var g=(e,n)=>{var a={};for(var o in e)i.call(e,o)&&n.indexOf(o)<0&&(a[o]=e[o]);if(e!=null&&p)for(var o of p(e))n.indexOf(o)<0&&r.call(e,o)&&(a[o]=e[o]);return a};var k=(e,n,a)=>_(e,typeof n!="symbol"?n+"":n,a);var u={env:{NODE_ENV:"production",npm_package_version:"6.9.
|
|
1
|
+
var c=Object.defineProperty,t=Object.defineProperties;var v=Object.getOwnPropertyDescriptors;var p=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;var _=(e,n,a)=>n in e?c(e,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[n]=a,N=(e,n)=>{for(var a in n||(n={}))i.call(n,a)&&_(e,a,n[a]);if(p)for(var a of p(n))r.call(n,a)&&_(e,a,n[a]);return e},b=(e,n)=>t(e,v(n)),d=(e,n)=>c(e,"name",{value:n,configurable:!0});var g=(e,n)=>{var a={};for(var o in e)i.call(e,o)&&n.indexOf(o)<0&&(a[o]=e[o]);if(e!=null&&p)for(var o of p(e))n.indexOf(o)<0&&r.call(e,o)&&(a[o]=e[o]);return a};var k=(e,n,a)=>_(e,typeof n!="symbol"?n+"":n,a);var u={env:{NODE_ENV:"production",npm_package_version:"6.9.1-beta.0"}};export{N as a,b,d as c,g as d,k as e,u as f};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as k}from"./chunk-
|
|
1
|
+
import{a as k}from"./chunk-VB2SNF5E.js";import{b as A,c as M}from"./chunk-TY6GBURX.js";import{a as z}from"./chunk-HHLRVMBX.js";import{a as N}from"./chunk-RX62PM76.js";import{a as B}from"./chunk-HSR66YU6.js";import{c as C,d as w,e as y}from"./chunk-VSEMIYX2.js";import{a as h,b as m,c as o}from"./chunk-S3SNLAZ2.js";import{useRef as ne,useState as oe}from"react";import{useState as F,useRef as V,useCallback as O,useMemo as ee,useEffect as te}from"react";var W=o((r,l,t={})=>{var g,R;let[a,n]=F(!1),[i,c]=F([]),d=V((g=t.defaultResults)!=null?g:[]),u=O(e=>{d.current=e,c(e)},[c]),L=ee(()=>{var e;return r.length===0?(e=t.defaultResults)!=null?e:[]:a?d.current:i},[i,t.defaultResults,r,a]),s=O(M(e=>l(e).then(u).catch(()=>u([])).finally(()=>n(!1)),(R=t.searchDebounce)!=null?R:0),[l,t.searchDebounce,u,n]);return te(()=>(r.length>0&&(n(!0),s(r)),()=>{s.cancel()}),[r,s]),{results:L,isSearching:a}},"useSearch");import{useEffect as re,useState as j}from"react";var K=o(()=>{let[r,l]=j(null),[t,a]=j(null);return re(()=>{if(r===null)return;let n=new ResizeObserver(i=>{i.forEach(c=>{a({width:c.contentRect.width,height:c.contentRect.height})})});return n.observe(r),()=>{n.unobserve(r),n.disconnect()}},[r]),{ref:l,width:t==null?void 0:t.width,height:t==null?void 0:t.height}},"useSize");import{jsx as T,jsxs as G}from"react/jsx-runtime";var U="mappedin__search-location-list",ye=o(({value:r,onChange:l,onLocationSelected:t,placeholder:a="Search...",maxHeight:n,defaultContent:i,defaultResults:c=[],noResultsContent:d,searchFn:u,searchDebounce:L=50,resultsVisible:s,item:g,itemSize:R,props:e})=>{var D,H,I;let{value:p,onChange:J}=N({value:r,defaultValue:r!=null?r:"",onChange:l}),S=ne(null),[Q,v]=oe(!1),P=s!=null?s:Q,{ref:X,height:x}=K(),{results:f,isSearching:Y}=W(p,u,{defaultResults:i!=null?[]:c,searchDebounce:L}),{ref:Z,activeItemId:b}=A(U,{itemCount:f.length,resetActiveItemOnBlur:!0}),{ref:$}=B("open",P),{ref:_}=B("highlightedLocationId",b!=null?b:"none");return G("div",m(h({},y({className:C("search-wrapper",P&&f.length>0?"results-visible":"results-hidden",f.length===0?"no-results":""),ref:w($,_),onFocus:o(()=>{S.current&&clearTimeout(S.current),v(!0)},"onFocus"),onBlur:o(()=>{S.current=setTimeout(()=>v(!1),250)},"onBlur")},e==null?void 0:e.wrapper)),{children:[T(z,{value:p,placeholder:a,onChange:J,props:m(h({},e==null?void 0:e.searchBar),{input:m(h({},(D=e==null?void 0:e.searchBar)==null?void 0:D.input),{ref:w(Z,(I=(H=e==null?void 0:e.searchBar)==null?void 0:H.input)==null?void 0:I.ref)})})}),T("div",m(h({},y({className:"search-content-wrapper",style:{height:x!=null?"100vh":"auto",maxHeight:x}},e==null?void 0:e.contentWrapper)),{children:G("div",{className:C("content-sizer"),ref:X,children:[T(k,{id:U,locations:P?f:[],onLocationSelected:q=>{t==null||t(q),v(!1)},maxHeight:n,props:e==null?void 0:e.locationList,item:g,itemSize:R}),p.length===0&&P&&i,p.length>0&&f.length===0&&!Y&&d]})}))]}))},"Search");export{ye as a};
|