@planningcenter/tapestry-react 5.0.0 → 5.1.1

package/dist/NumberField/NumberField.js

@@ -1,2 +1,2 @@
-import{__extends as e,__assign as r,__rest as t}from'./../ext/tslib/tslib.es6.js';import a,{createElement as n,Component as o}from"react";import{Button as i}from"../Button/Button.js";import l from"../Input/InputField.js";import{StackView as u}from"../StackView/StackView.js";import{padNumber as p,getTabbableSiblings as s}from"../utils.js";var c=-1/0,d=1/0,f=["Backspace","Delete","Tab","Enter","Home","End","ArrowLeft","ArrowRight","-",".","ArrowUp","ArrowDown"];var m=function(o){function m(){var e=null!==o&&o.apply(this,arguments)||this;return Object.defineProperty(e,"firstTouch",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(e,"getParsedValues",{enumerable:!0,configurable:!0,writable:!0,value:function(r){return{maxValue:Number.parseFloat("".concat(e.props.max)),minValue:Number.parseFloat("".concat(e.props.min)),value:"string"==typeof r?Number.parseFloat(r):r}}}),Object.defineProperty(e,"clampValue",{enumerable:!0,configurable:!0,writable:!0,value:function(r){var t=e.getParsedValues(r),a=t.value,n=t.minValue;return isNaN(a)?n===c?0:n:a}}),Object.defineProperty(e,"isValueValid",{enumerable:!0,configurable:!0,writable:!0,value:function(r){var t=e.getParsedValues(r),a=t.value,n=t.minValue,o=t.maxValue;return a>=n&&a<=o}}),Object.defineProperty(e,"changeIfValid",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.isValueValid(r)&&e.onChange(r)}}),Object.defineProperty(e,"onChange",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.props.onChange(r)}}),Object.defineProperty(e,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(r){var t=e.getParsedValues(r.target.value),a=t.minValue,n=t.maxValue,o=Number.parseFloat(r.target.value);o<a?e.onChange(a.toString()):o>n?e.onChange(n.toString()):isNaN(o)&&e.onChange(e.clampValue(o)),e.props.onBlur&&e.props.onBlur(r),e.firstTouch=!0}}),Object.defineProperty(e,"stepValue",{enumerable:!0,configurable:!0,writable:!0,value:function(r,t){var a=t,n=e.clampValue(r+a),o=r.toString().indexOf(".")>-1?Number.parseFloat(n.toFixed(2)):n;e.isValueValid(o)&&e.onChange(o)}}),Object.defineProperty(e,"incrementValue",{enumerable:!0,configurable:!0,writable:!0,value:function(r){return e.stepValue(r,e.props.step)}}),Object.defineProperty(e,"decrementValue",{enumerable:!0,configurable:!0,writable:!0,value:function(r){return e.stepValue(r,-e.props.step)}}),Object.defineProperty(e,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(r){if(!e.props.ignoredKeys.includes(r.key)){var t=e.props.pad,a=e.getParsedValues(r.target.value).value;(function(e){return!e.metaKey&&"v"!==e.key&&isNaN(parseInt(e.key,10))&&-1===f.indexOf(e.key)}(r)||t&&("ArrowLeft"===r.key||"ArrowRight"===r.key))&&r.preventDefault(),e.props.onKeyDown&&e.props.onKeyDown(r),r.defaultPrevented||("ArrowUp"===r.key?e.incrementValue(a):"ArrowDown"===r.key&&e.decrementValue(a))}}}),Object.defineProperty(e,"handleInput",{enumerable:!0,configurable:!0,writable:!0,value:function(r){var t=e.getParsedValues(r.target.value).maxValue;if(e.props.pad){var a=""===r.target.value,n=a?r.target.value:parseFloat(r.target.value);if(a){var o="".concat(e.props.value).slice(0,-1);e.onChange(p(o,e.props.pad))}else{o=e.clampValue(n);var i=parseFloat("".concat(e.props.value).concat(n));if(e.firstTouch||isNaN("string"==typeof n?parseFloat(n):n)||!e.isValueValid(i)||(o=i),e.firstTouch=!1,e.props.moveFocusOnMax&&o/t>.1){var l=s(r.target).next;l&&setTimeout((function(){return l.focus()}))}e.changeIfValid(o)}}else e.onChange(r.target.value)}}),e}return e(m,o),Object.defineProperty(m.prototype,"getAutoWidthValue",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=this.props,t=r.autoWidth,a=r.pad,n=r.placeholder,o=""===e;return t||(a&&o?function(e){for(var r="",t=0;t<e;t++)r+="0";return r}(a):o&&void 0!==n?n:e)}}),Object.defineProperty(m.prototype,"renderInput",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.props,a=t.as,o=t.highlightOnInteraction,i=void 0!==o&&o,l=t.pad,u=t.value,s=this.getParsedValues(u),f=null===u?"":u;return l&&""!==f&&(f=p(f,l)),s.minValue!==c&&(e.min=this.props.min),s.maxValue!==d&&(e.max=this.props.max),!1!==this.props.autoWidth&&(e.autoWidth=this.getAutoWidthValue(f),void 0===e.autoWidth&&(e.autoWidth=!0)),n(a,r(r({},e),{autoComplete:"off",highlightOnInteraction:i||l,onBlur:this.handleBlur,onInput:this.handleInput,onKeyDown:this.handleKeyDown,textOverflow:void 0,value:f}))}}),Object.defineProperty(m.prototype,"renderInputWithControls",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=this,t=this.renderInput(e);return this.props.hasControls?a.createElement(a.Fragment,null,t,a.createElement(u,{marginRight:-1,marginLeft:1},a.createElement(i,{icon:{name:"general.upCaret"},hover:{backgroundColor:"grey-1"},minHeight:1,onClick:function(){return r.incrementValue(r.props.value)},paddingVertical:.25,size:"xs",title:"Increment by ".concat(this.props.step),variant:"naked"}),a.createElement(i,{icon:{name:"general.downCaret"},hover:{backgroundColor:"grey-1"},minHeight:1,onClick:function(){return r.decrementValue(r.props.value)},paddingVertical:.25,size:"xs",title:"Decrement by ".concat(this.props.step),variant:"naked"}))):t}}),Object.defineProperty(m.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props;e.autoWidth,e.as,e.hasControls,e.highlightOnInteraction,e.ignoredKeys,e.min,e.max,e.moveFocusOnMax,e.onChange,e.onBlur,e.onInput,e.onKeyDown,e.pad,e.value;var r=t(e,["autoWidth","as","hasControls","highlightOnInteraction","ignoredKeys","min","max","moveFocusOnMax","onChange","onBlur","onInput","onKeyDown","pad","value"]);return this.props.hasControls?this.renderInputWithControls(r):this.renderInput(r)}}),Object.defineProperty(m,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{as:l,hasControls:!1,ignoredKeys:[],max:d,min:c,moveFocusOnMax:!1,step:1}}),m}(o);export{m as default};
+import{__extends as e,__assign as r,__rest as t}from'./../ext/tslib/tslib.es6.js';import a,{createElement as n,Component as o}from"react";import{Button as i}from"../Button/Button.js";import l from"../Input/InputField.js";import{StackView as u}from"../StackView/StackView.js";import{padNumber as p,getTabbableSiblings as s}from"../utils.js";var c=-1/0,d=1/0,f=["Backspace","Delete","Tab","Enter","Home","End","ArrowLeft","ArrowRight","-",".","ArrowUp","ArrowDown"];var m=function(o){function m(){var e=null!==o&&o.apply(this,arguments)||this;return Object.defineProperty(e,"firstTouch",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(e,"getParsedValues",{enumerable:!0,configurable:!0,writable:!0,value:function(r){return{maxValue:Number.parseFloat("".concat(e.props.max)),minValue:Number.parseFloat("".concat(e.props.min)),value:"string"==typeof r?Number.parseFloat(r):r}}}),Object.defineProperty(e,"clampValue",{enumerable:!0,configurable:!0,writable:!0,value:function(r){var t=e.getParsedValues(r),a=t.value,n=t.minValue;return isNaN(a)?n===c?0:n:a}}),Object.defineProperty(e,"isValueValid",{enumerable:!0,configurable:!0,writable:!0,value:function(r){var t=e.getParsedValues(r),a=t.value,n=t.minValue,o=t.maxValue;return a>=n&&a<=o}}),Object.defineProperty(e,"changeIfValid",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.isValueValid(r)&&e.onChange(r)}}),Object.defineProperty(e,"onChange",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.props.onChange(r)}}),Object.defineProperty(e,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(r){var t=e.getParsedValues(r.target.value),a=t.minValue,n=t.maxValue,o=Number.parseFloat(r.target.value);o<a?e.onChange(a.toString()):o>n?e.onChange(n.toString()):isNaN(o)&&e.onChange(e.clampValue(o)),e.props.onBlur&&e.props.onBlur(r),e.firstTouch=!0}}),Object.defineProperty(e,"stepValue",{enumerable:!0,configurable:!0,writable:!0,value:function(r,t){var a=t,n=e.clampValue(r+a),o=r.toString().indexOf(".")>-1?Number.parseFloat(n.toFixed(2)):n;e.isValueValid(o)&&e.onChange(o)}}),Object.defineProperty(e,"incrementValue",{enumerable:!0,configurable:!0,writable:!0,value:function(r){return e.stepValue(r,e.props.step)}}),Object.defineProperty(e,"decrementValue",{enumerable:!0,configurable:!0,writable:!0,value:function(r){return e.stepValue(r,-e.props.step)}}),Object.defineProperty(e,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(r){if(!e.props.ignoredKeys.includes(r.key)){var t=e.props.pad,a=e.getParsedValues(r.target.value).value;(function(e){return!e.metaKey&&"v"!==e.key&&isNaN(parseInt(e.key,10))&&-1===f.indexOf(e.key)}(r)||t&&("ArrowLeft"===r.key||"ArrowRight"===r.key))&&r.preventDefault(),e.props.onKeyDown&&e.props.onKeyDown(r),r.defaultPrevented||("ArrowUp"===r.key?e.incrementValue(a):"ArrowDown"===r.key&&e.decrementValue(a))}}}),Object.defineProperty(e,"handleInput",{enumerable:!0,configurable:!0,writable:!0,value:function(r){var t=e.getParsedValues(r.target.value).maxValue;if(e.props.pad){var a=""===r.target.value,n=a?r.target.value:parseFloat(r.target.value);if(a){var o="".concat(e.props.value).slice(0,-1);e.onChange(p(o,e.props.pad))}else{o=e.clampValue(n);var i=parseFloat("".concat(e.props.value).concat(n));if(e.firstTouch||isNaN("string"==typeof n?parseFloat(n):n)||!e.isValueValid(i)||(o=i),e.firstTouch=!1,e.props.moveFocusOnMax&&o/t>.1){var l=s(r.target).next;l&&setTimeout(function(){return l.focus()})}e.changeIfValid(o)}}else e.onChange(r.target.value)}}),e}return e(m,o),Object.defineProperty(m.prototype,"getAutoWidthValue",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=this.props,t=r.autoWidth,a=r.pad,n=r.placeholder,o=""===e;return t||(a&&o?function(e){for(var r="",t=0;t<e;t++)r+="0";return r}(a):o&&void 0!==n?n:e)}}),Object.defineProperty(m.prototype,"renderInput",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.props,a=t.as,o=t.highlightOnInteraction,i=void 0!==o&&o,l=t.pad,u=t.value,s=this.getParsedValues(u),f=null===u?"":u;return l&&""!==f&&(f=p(f,l)),s.minValue!==c&&(e.min=this.props.min),s.maxValue!==d&&(e.max=this.props.max),!1!==this.props.autoWidth&&(e.autoWidth=this.getAutoWidthValue(f),void 0===e.autoWidth&&(e.autoWidth=!0)),n(a,r(r({},e),{autoComplete:"off",highlightOnInteraction:i||l,onBlur:this.handleBlur,onInput:this.handleInput,onKeyDown:this.handleKeyDown,textOverflow:void 0,value:f}))}}),Object.defineProperty(m.prototype,"renderInputWithControls",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=this,t=this.renderInput(e);return this.props.hasControls?a.createElement(a.Fragment,null,t,a.createElement(u,{marginRight:-1,marginLeft:1},a.createElement(i,{icon:{name:"general.upCaret"},hover:{backgroundColor:"grey-1"},minHeight:1,onClick:function(){return r.incrementValue(r.props.value)},paddingVertical:.25,size:"xs",title:"Increment by ".concat(this.props.step),variant:"naked"}),a.createElement(i,{icon:{name:"general.downCaret"},hover:{backgroundColor:"grey-1"},minHeight:1,onClick:function(){return r.decrementValue(r.props.value)},paddingVertical:.25,size:"xs",title:"Decrement by ".concat(this.props.step),variant:"naked"}))):t}}),Object.defineProperty(m.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props;e.autoWidth,e.as,e.hasControls,e.highlightOnInteraction,e.ignoredKeys,e.min,e.max,e.moveFocusOnMax,e.onChange,e.onBlur,e.onInput,e.onKeyDown,e.pad,e.value;var r=t(e,["autoWidth","as","hasControls","highlightOnInteraction","ignoredKeys","min","max","moveFocusOnMax","onChange","onBlur","onInput","onKeyDown","pad","value"]);return this.props.hasControls?this.renderInputWithControls(r):this.renderInput(r)}}),Object.defineProperty(m,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{as:l,hasControls:!1,ignoredKeys:[],max:d,min:c,moveFocusOnMax:!1,step:1}}),m}(o);export{m as default};
 //# sourceMappingURL=NumberField.js.map

package/dist/PagerView/PagerView.js

@@ -1,2 +1,2 @@
-import{__rest as r,__assign as e,__spreadArray as n}from'./../ext/tslib/tslib.es6.js';import{clamp as t}from"@popmotion/popcorn";import i,{createContext as o,Children as c,useRef as u,useCallback as a,useLayoutEffect as s,useContext as v}from"react";import f from"stylefire";import{tabbable as d}from"tabbable";import l from"tiny-spring";import{GridView as p}from"../GridView/GridView.js";import{useMeasure as m}from"../hooks/use-measure.js";import{StackView as w}from"../StackView/StackView.js";import{range as h}from"../utils.js";function g(r){var e=r.direction,n=void 0===e?1:e,t=r.multiplier,i=void 0===t?null:t,o=r.spacing,c=void 0===o?0:o,u=r.viewsToShow,a=void 0===u?1:u,s=100/a*n,v=((c*=8)-c/a)*n;return null!==i&&(s*=i,v=v*i-c*n*i),1===a&&0===c&&(v=0),{spacingSize:v,viewSize:s}}function S(r){var e=r.viewSize,n=r.spacingSize;return"calc(".concat(e,"% - ").concat(n,"px)")}var z=o((function(r){return r}));function x(o){var v,x=o.axis,T=void 0===x?"horizontal":x,b=o.activeViewIndex,V=o.viewsToShow,y=void 0===V?1:V,E=o.viewsToMove,R=void 0===E?1:E,j=o.spacing,F=void 0===j?0:j,I=o.autoFocus,M=void 0!==I&&I,k=o.children,A=r(o,["axis","activeViewIndex","viewsToShow","viewsToMove","spacing","autoFocus","children"]),C="horizontal"===T,G=c.count(k),U=t(0,G-y,b*R),B=h(0,y).map((function(r){return U+r})),P="horizontal"===T?"height":"width",_=u(void 0),q=u(void 0),D=e({innerRef:_,overflow:"hidden"},A),H=u(void 0),J=u(void 0),K=m(),L=K[0];(0,K[1])((function(r){var e=r.map((function(r){return r.getBoundingClientRect()})),n=Math.max.apply(Math,B.map((function(r){var n=e[r];return n?n[P]:-1})));if(q.current){var t=l(q.current.get(P),{damping:50,stiffness:500});return t.onUpdate((function(r){return q.current.set(P,r)})),t.transitionTo(n),function(){return t.destroy()}}q.current=f(_.current),q.current.set(P,n),q.current.render()}),[b,y]);var N=a((function(){var r=d(H.current.children[U])[0];null==r||r.focus({preventScroll:!0})}),[U]);s((function(){M&&N()}),[]),s((function(){var r,e=C?"x":"y",n=g({direction:-1,multiplier:U,spacing:F,viewsToShow:y});if(J.current){var t=(r=J.current.get(e),parseFloat(r.includes("calc")?r.split("(")[1].split("%")[0]:r)),i=l(t,{damping:50,stiffness:500});return i.onUpdate((function(r){J.current.set(e,S({spacingSize:n.spacingSize,viewSize:r}))})),i.transitionTo(n.viewSize),i.onRest((function(){return M&&N()})),function(){return i.destroy()}}J.current=f(H.current),J.current.set(e,S(n)),J.current.render()}),[U,F,y]);var O=u([]);return s((function(){O.current.forEach((function(r){return r.tabIndex=0})),O.current=[];for(var r=0;r<G;r++){var e=d(H.current.children[r]);B.includes(r)||e.forEach((function(r){return r.tabIndex=-1})),O.current=n(n([],O.current,!0),e,!0)}}),[U,y]),i.createElement(w,e({},D),i.createElement(p,((v={alignment:C?"start":"stretch",autoFlow:C?"column":"row",innerRef:H,spacing:F})[C?"gridAutoColumns":"gridAutoRows"]=S(g({spacing:F,viewsToShow:y})),v),i.createElement(z.Provider,{value:L},k)))}x.View=function(r){var n=v(z)();return i.createElement(w,e({innerRef:n},r))};export{x as default};
+import{__rest as r,__assign as e,__spreadArray as n}from'./../ext/tslib/tslib.es6.js';import{clamp as t}from"@popmotion/popcorn";import i,{createContext as o,Children as c,useRef as u,useCallback as a,useLayoutEffect as s,useContext as v}from"react";import f from"stylefire";import{tabbable as d}from"tabbable";import l from"tiny-spring";import{GridView as p}from"../GridView/GridView.js";import{useMeasure as m}from"../hooks/use-measure.js";import{StackView as w}from"../StackView/StackView.js";import{range as h}from"../utils.js";function g(r){var e=r.direction,n=void 0===e?1:e,t=r.multiplier,i=void 0===t?null:t,o=r.spacing,c=void 0===o?0:o,u=r.viewsToShow,a=void 0===u?1:u,s=100/a*n,v=((c*=8)-c/a)*n;return null!==i&&(s*=i,v=v*i-c*n*i),1===a&&0===c&&(v=0),{spacingSize:v,viewSize:s}}function S(r){var e=r.viewSize,n=r.spacingSize;return"calc(".concat(e,"% - ").concat(n,"px)")}var z=o(function(r){return r});function x(o){var v,x=o.axis,T=void 0===x?"horizontal":x,b=o.activeViewIndex,V=o.viewsToShow,y=void 0===V?1:V,E=o.viewsToMove,R=void 0===E?1:E,j=o.spacing,F=void 0===j?0:j,I=o.autoFocus,M=void 0!==I&&I,k=o.children,A=r(o,["axis","activeViewIndex","viewsToShow","viewsToMove","spacing","autoFocus","children"]),C="horizontal"===T,G=c.count(k),U=t(0,G-y,b*R),B=h(0,y).map(function(r){return U+r}),P="horizontal"===T?"height":"width",_=u(void 0),q=u(void 0),D=e({innerRef:_,overflow:"hidden"},A),H=u(void 0),J=u(void 0),K=m(),L=K[0];(0,K[1])(function(r){var e=r.map(function(r){return r.getBoundingClientRect()}),n=Math.max.apply(Math,B.map(function(r){var n=e[r];return n?n[P]:-1}));if(q.current){var t=l(q.current.get(P),{damping:50,stiffness:500});return t.onUpdate(function(r){return q.current.set(P,r)}),t.transitionTo(n),function(){return t.destroy()}}q.current=f(_.current),q.current.set(P,n),q.current.render()},[b,y]);var N=a(function(){var r=d(H.current.children[U])[0];null==r||r.focus({preventScroll:!0})},[U]);s(function(){M&&N()},[]),s(function(){var r,e=C?"x":"y",n=g({direction:-1,multiplier:U,spacing:F,viewsToShow:y});if(J.current){var t=(r=J.current.get(e),parseFloat(r.includes("calc")?r.split("(")[1].split("%")[0]:r)),i=l(t,{damping:50,stiffness:500});return i.onUpdate(function(r){J.current.set(e,S({spacingSize:n.spacingSize,viewSize:r}))}),i.transitionTo(n.viewSize),i.onRest(function(){return M&&N()}),function(){return i.destroy()}}J.current=f(H.current),J.current.set(e,S(n)),J.current.render()},[U,F,y]);var O=u([]);return s(function(){O.current.forEach(function(r){return r.tabIndex=0}),O.current=[];for(var r=0;r<G;r++){var e=d(H.current.children[r]);B.includes(r)||e.forEach(function(r){return r.tabIndex=-1}),O.current=n(n([],O.current,!0),e,!0)}},[U,y]),i.createElement(w,e({},D),i.createElement(p,((v={alignment:C?"start":"stretch",autoFlow:C?"column":"row",innerRef:H,spacing:F})[C?"gridAutoColumns":"gridAutoRows"]=S(g({spacing:F,viewsToShow:y})),v),i.createElement(z.Provider,{value:L},k)))}x.View=function(r){var n=v(z)();return i.createElement(w,e({innerRef:n},r))};export{x as default};
 //# sourceMappingURL=PagerView.js.map

package/dist/Pagination/Pagination.js

@@ -1,2 +1,2 @@
-import{__rest as o,__assign as t}from'./../ext/tslib/tslib.es6.js';import{token as e}from"@planningcenter/tapestry";import{useWindowWidth as r}from"@react-hook/window-size";import n from"react";import{Box as i}from"../Box/Box.js";import{Button as a}from"../Button/Button.js";import{Group as l}from"../Group/Group.js";import{StackView as c}from"../StackView/StackView.js";import{useThemeValue as s,useThemeProps as u}from"../system/utils.js";import{range as m}from"../utils.js";var p=function(r){var i=r.disabled,l=r.iconName,c=o(r,["disabled","iconName"]);return n.createElement(a,t({backgroundColor:e(i?"--t-fill-color-neutral-090":"--t-fill-color-neutral-070"),disabled:i,icon:{color:e(i?"--t-icon-color-disabled":"--t-icon-color"),name:l,size:"xs"},opacity:1,shrink:0,square:!0,variant:"fill"},c))};function d(d){var g,f=d.currentPage,v=d.onPageChange,b=void 0===v?function(){return null}:v,k=d.visiblePages,h=d.totalPages,P=void 0===h?0:h,C=o(d,["currentPage","onPageChange","visiblePages","totalPages"]),x=s("breakpoints").xs,j=e("--t-fill-color-interaction"),E=u("pagination",t({},C)),w=E.activeColor,B=void 0===w?j:w,y=E.navButtonProps,N=E.pageLinkProps,L=E.activePageLinkProps,M=o(E,["activeColor","navButtonProps","pageLinkProps","activePageLinkProps"]),z=r();return P<=1?null:n.createElement(c,t({alignment:"center",axis:"horizontal",distribution:"center",overflow:"auto",paddingVertical:1,shrink:0,spacing:.5,width:"100%"},M),n.createElement(l,{spacing:.5},n.createElement(p,t({disabled:1===f,iconName:"general.leftChevron",onClick:b.bind(null,f-1),tooltip:{title:"Previous Page"}},y)),n.createElement(p,t({disabled:f===P,iconName:"general.rightChevron",onClick:b.bind(null,f+1),tooltip:{title:"Next Page"}},y))),(g=function(o,t,e){var r=Math.max(1,Math.min(t-e+1,Math.floor(o-e/2+1))),n=Math.min(t,r+e-1),i=m(r,n+1),a=r>1,l=n<t;a&&(i.shift(),i.shift()),l&&(i.pop(),i.pop());var c=l?["...",t]:[];return(a?[1,"..."]:[]).concat(i).concat(c)}(f,P,z<=x?k||5:k||7),g.map((function(o,r){return"..."===o?(m=o+r,n.createElement(i,{key:m,userSelect:"none",cursor:"default"},"…")):(c=f===(l=o),s=B===j?e("--t-fill-color-button-interaction-outline-active"):"color-mix(in srgb, ".concat(B,", transparent 90%)"),u=t({},!c&&{border:"1px solid ".concat(B),color:B}),n.createElement(a,t({active:t({backgroundColor:c?null:s},u),key:l,fontWeight:500,hover:t({},u),onClick:b.bind(null,l),shrink:0,square:!0,title:l,variant:c?"fill":"naked"},N,c&&t({backgroundColor:B,color:e("--t-text-color-inverted")},L))));var l,c,s,u,m}))))}export{d as default};
+import{__rest as o,__assign as t}from'./../ext/tslib/tslib.es6.js';import{token as e}from"@planningcenter/tapestry";import{useWindowWidth as r}from"@react-hook/window-size";import n from"react";import{Box as i}from"../Box/Box.js";import{Button as a}from"../Button/Button.js";import{Group as l}from"../Group/Group.js";import{StackView as c}from"../StackView/StackView.js";import{useThemeValue as s,useThemeProps as u}from"../system/utils.js";import{range as m}from"../utils.js";var p=function(r){var i=r.disabled,l=r.iconName,c=o(r,["disabled","iconName"]);return n.createElement(a,t({backgroundColor:e(i?"--t-fill-color-neutral-090":"--t-fill-color-neutral-070"),disabled:i,icon:{color:e(i?"--t-icon-color-disabled":"--t-icon-color"),name:l,size:"xs"},opacity:1,shrink:0,square:!0,variant:"fill"},c))};function d(d){var g,f=d.currentPage,v=d.onPageChange,b=void 0===v?function(){return null}:v,k=d.visiblePages,h=d.totalPages,P=void 0===h?0:h,C=o(d,["currentPage","onPageChange","visiblePages","totalPages"]),x=s("breakpoints").xs,j=e("--t-fill-color-interaction"),E=u("pagination",t({},C)),w=E.activeColor,B=void 0===w?j:w,y=E.navButtonProps,N=E.pageLinkProps,L=E.activePageLinkProps,M=o(E,["activeColor","navButtonProps","pageLinkProps","activePageLinkProps"]),z=r();return P<=1?null:n.createElement(c,t({alignment:"center",axis:"horizontal",distribution:"center",overflow:"auto",paddingVertical:1,shrink:0,spacing:.5,width:"100%"},M),n.createElement(l,{spacing:.5},n.createElement(p,t({disabled:1===f,iconName:"general.leftChevron",onClick:b.bind(null,f-1),tooltip:{title:"Previous Page"}},y)),n.createElement(p,t({disabled:f===P,iconName:"general.rightChevron",onClick:b.bind(null,f+1),tooltip:{title:"Next Page"}},y))),(g=function(o,t,e){var r=Math.max(1,Math.min(t-e+1,Math.floor(o-e/2+1))),n=Math.min(t,r+e-1),i=m(r,n+1),a=r>1,l=n<t;a&&(i.shift(),i.shift()),l&&(i.pop(),i.pop());var c=l?["...",t]:[];return(a?[1,"..."]:[]).concat(i).concat(c)}(f,P,z<=x?k||5:k||7),g.map(function(o,r){return"..."===o?(m=o+r,n.createElement(i,{key:m,userSelect:"none",cursor:"default"},"…")):(c=f===(l=o),s=B===j?e("--t-fill-color-button-interaction-outline-active"):"color-mix(in srgb, ".concat(B,", transparent 90%)"),u=t({},!c&&{border:"1px solid ".concat(B),color:B}),n.createElement(a,t({active:t({backgroundColor:c?null:s},u),key:l,fontWeight:500,hover:t({},u),onClick:b.bind(null,l),shrink:0,square:!0,title:l,variant:c?"fill":"naked"},N,c&&t({backgroundColor:B,color:e("--t-text-color-inverted")},L))));var l,c,s,u,m})))}export{d as default};
 //# sourceMappingURL=Pagination.js.map

package/dist/Popover/Popover.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as n}from'./../ext/tslib/tslib.es6.js';import{createPopper as r}from"@popperjs/core";import*as o from"react";import{Box as t}from"../Box/Box.js";import{Portal as u}from"../Portal/Portal.js";import{useThemeProps as c}from"../system/utils.js";import{callRef as i,lockScroll as f}from"../utils.js";import l from"./rewireTabOrder.js";import{getFixedParent as s,getModifiers as p}from"./utils.js";var m=o.forwardRef((function(m,a){var d,v,h=m.anchorElement,y=m.as,w=void 0===y?t:y,R=m.innerRef,E=m.keepInView,I=void 0===E||E,j=m.lockScrollWhileOpen,D=m.matchWidths,K=m.offset,k=void 0===K?8:K,x=m.open,T=m.onKeyDown,W=m.onRequestClose,b=m.placement,P=void 0===b?"bottom":b,z=m.relativeTo,A=m.renderTo,F=m.shouldFlip,O=void 0!==F&&F,S=m.refAsInnerRef,V=void 0===S||S,q=e(m,["anchorElement","as","innerRef","keepInView","lockScrollWhileOpen","matchWidths","offset","open","onKeyDown","onRequestClose","placement","relativeTo","renderTo","shouldFlip","refAsInnerRef"]),B=c("popover",q),C=B.zIndex,g=void 0===C?1e4:C,H=e(B,["zIndex"]),N=o.useRef(null),_=o.useRef(null),G=o.useRef(null),J=o.useRef(null),L=o.useState(A),M=L[0],Q=L[1],U=function(){_.current&&(_.current.destroy(),_.current=null),J.current&&(J.current(),J.current=null),G.current&&(G.current(),G.current=null)},X=function(e){"Escape"===e.key&&W&&(x&&e.nativeEvent.stopImmediatePropagation(),W()),T&&T(e)};o.useEffect((function(){return function(){!1===x&&U()}}),[x]),o.useEffect((function(){x&&_.current&&_.current.update()})),o.useEffect((function(){void 0===M&&h&&Q(s(h))}),[h]),o.useImperativeHandle(a,(function(){return{focusAnchor:function(){N.current&&N.current.focus&&N.current.focus()}}}));var Y=V?"innerRef":"ref";return o.createElement(u,{renderTo:M},"function"==typeof h?h(((d={onKeyDown:X})[Y]=function(e){return N.current=e},d)):o.cloneElement(h,((v={onKeyDown:function(e){X(e),h.props.onKeyDown&&h.props.onKeyDown(e)}})[Y]=function(e){N.current=e,h.props[Y]&&i(h.props[Y],e)},v)),x?o.createElement(w,n({innerRef:function(e){if(e){if(null===_.current){var n=z?z.current||z:N.current;_.current=r(n,e,{modifiers:p({keepInView:I,matchWidths:D,offset:k,shouldFlip:O}),placement:P}),J.current&&J.current(),J.current=l(e),j&&(G.current&&G.current(),G.current=f(e))}}else U();"function"==typeof R?R(e):(null==R?void 0:R.current)&&(R.current=e)},onKeyDown:function(e){X(e),T&&T(e)},style:{zIndex:g},width:"auto"},H)):null)}));m.displayName="Popover";export{m as Popover};
+import{__rest as e,__assign as n}from'./../ext/tslib/tslib.es6.js';import{createPopper as r}from"@popperjs/core";import*as o from"react";import{Box as t}from"../Box/Box.js";import{Portal as u}from"../Portal/Portal.js";import{useThemeProps as c}from"../system/utils.js";import{callRef as i,lockScroll as f}from"../utils.js";import l from"./rewireTabOrder.js";import{getFixedParent as s,getModifiers as p}from"./utils.js";var m=o.forwardRef(function(m,a){var d,v,h=m.anchorElement,y=m.as,w=void 0===y?t:y,R=m.innerRef,E=m.keepInView,I=void 0===E||E,j=m.lockScrollWhileOpen,D=m.matchWidths,K=m.offset,k=void 0===K?8:K,x=m.open,T=m.onKeyDown,W=m.onRequestClose,b=m.placement,P=void 0===b?"bottom":b,z=m.relativeTo,A=m.renderTo,F=m.shouldFlip,O=void 0!==F&&F,S=m.refAsInnerRef,V=void 0===S||S,q=e(m,["anchorElement","as","innerRef","keepInView","lockScrollWhileOpen","matchWidths","offset","open","onKeyDown","onRequestClose","placement","relativeTo","renderTo","shouldFlip","refAsInnerRef"]),B=c("popover",q),C=B.zIndex,g=void 0===C?1e4:C,H=e(B,["zIndex"]),N=o.useRef(null),_=o.useRef(null),G=o.useRef(null),J=o.useRef(null),L=o.useState(A),M=L[0],Q=L[1],U=function(){_.current&&(_.current.destroy(),_.current=null),J.current&&(J.current(),J.current=null),G.current&&(G.current(),G.current=null)},X=function(e){"Escape"===e.key&&W&&(x&&e.nativeEvent.stopImmediatePropagation(),W()),T&&T(e)};o.useEffect(function(){return function(){!1===x&&U()}},[x]),o.useEffect(function(){x&&_.current&&_.current.update()}),o.useEffect(function(){void 0===M&&h&&Q(s(h))},[h]),o.useImperativeHandle(a,function(){return{focusAnchor:function(){N.current&&N.current.focus&&N.current.focus()}}});var Y=V?"innerRef":"ref";return o.createElement(u,{renderTo:M},"function"==typeof h?h(((d={onKeyDown:X})[Y]=function(e){return N.current=e},d)):o.cloneElement(h,((v={onKeyDown:function(e){X(e),h.props.onKeyDown&&h.props.onKeyDown(e)}})[Y]=function(e){N.current=e,h.props[Y]&&i(h.props[Y],e)},v)),x?o.createElement(w,n({innerRef:function(e){if(e){if(null===_.current){var n=z?z.current||z:N.current;_.current=r(n,e,{modifiers:p({keepInView:I,matchWidths:D,offset:k,shouldFlip:O}),placement:P}),J.current&&J.current(),J.current=l(e),j&&(G.current&&G.current(),G.current=f(e))}}else U();"function"==typeof R?R(e):(null==R?void 0:R.current)&&(R.current=e)},onKeyDown:function(e){X(e),T&&T(e)},style:{zIndex:g},width:"auto"},H)):null)});m.displayName="Popover";export{m as Popover};
 //# sourceMappingURL=Popover.js.map

package/dist/Portal/Portal.js

@@ -1,2 +1,2 @@
-import{__extends as e,__rest as t}from'./../ext/tslib/tslib.es6.js';import{ThemeContext as r}from"@emotion/react";import*as o from"react";import{createPortal as a}from"react-dom";import{getThemeDataAttribute as n}from"../ThemeProvider/styles.js";var i=function(i){function l(){var e=null!==i&&i.apply(this,arguments)||this;return Object.defineProperty(e,"_portalNode",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"_needsUpdate",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(e,"_updated",{enumerable:!0,configurable:!0,writable:!0,value:!1}),e}return e(l,i),Object.defineProperty(l.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this._getSecondChild()&&(this._setupPortal(),this._updatePortal())}}),Object.defineProperty(l.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this._getSecondChild();e&&!this._portalNode?this._setupPortal():!e&&this._portalNode&&this._destroyPortal(),e&&this._updatePortal(),this._needsUpdate&&(this._updated?(this.props.onUpdate&&this.props.onUpdate(),this._updated=!1,this._needsUpdate=!1):(this.forceUpdate(),this._updated=!0))}}),Object.defineProperty(l.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this._destroyPortal()}}),Object.defineProperty(l.prototype,"_getSecondChild",{enumerable:!1,configurable:!0,writable:!0,value:function(){return o.Children.toArray(this.props.children)[1]}}),Object.defineProperty(l.prototype,"_getRenderToNode",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.renderTo;return"string"==typeof e?document.querySelector(e):e||document.body}}),Object.defineProperty(l.prototype,"_setupPortal",{enumerable:!1,configurable:!0,writable:!0,value:function(){"undefined"!=typeof document&&(this._portalNode=document.createElement(this.props.renderTag),this._getRenderToNode().appendChild(this._portalNode),this.props.getPortalNode&&this.props.getPortalNode(this._portalNode)),this.forceUpdate(),this._needsUpdate=!0}}),Object.defineProperty(l.prototype,"_updatePortal",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props;r.renderTo,r.renderTag,r.onUpdate,r.getPortalNode;var o=r.style;r.children;var a=t(r,["renderTo","renderTag","onUpdate","getPortalNode","style","children"]);Object.keys(a).forEach((function(t){e._portalNode.setAttribute(t,a[t])})),this._portalNode.classList.add("tapestry-react-reset"),this._portalNode.setAttribute("data-tapestry-react-portal",""),this._portalNode.setAttribute(n(this.context.id),"true"),o&&Object.keys(o).forEach((function(t){e._portalNode.style[t]=o[t]}))}}),Object.defineProperty(l.prototype,"_renderPortal",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return a(e,this._portalNode)}}),Object.defineProperty(l.prototype,"_destroyPortal",{enumerable:!1,configurable:!0,writable:!0,value:function(){this._portalNode&&(this._portalNode.parentNode.removeChild(this._portalNode),this.props.getPortalNode&&this.props.getPortalNode(null)),this._portalNode=null}}),Object.defineProperty(l.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=o.Children.toArray(this.props.children),t=e[0],r=e[1];return this._portalNode?o.createElement(o.Fragment,null,t,this._renderPortal(r)):t}}),Object.defineProperty(l,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{renderTag:"div",renderTo:null}}),Object.defineProperty(l,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:r}),l}(o.Component);export{i as Portal};
+import{__extends as e,__rest as t}from'./../ext/tslib/tslib.es6.js';import{ThemeContext as r}from"@emotion/react";import*as o from"react";import{createPortal as a}from"react-dom";import{getThemeDataAttribute as n}from"../ThemeProvider/styles.js";var i=function(i){function l(){var e=null!==i&&i.apply(this,arguments)||this;return Object.defineProperty(e,"_portalNode",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"_needsUpdate",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(e,"_updated",{enumerable:!0,configurable:!0,writable:!0,value:!1}),e}return e(l,i),Object.defineProperty(l.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this._getSecondChild()&&(this._setupPortal(),this._updatePortal())}}),Object.defineProperty(l.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this._getSecondChild();e&&!this._portalNode?this._setupPortal():!e&&this._portalNode&&this._destroyPortal(),e&&this._updatePortal(),this._needsUpdate&&(this._updated?(this.props.onUpdate&&this.props.onUpdate(),this._updated=!1,this._needsUpdate=!1):(this.forceUpdate(),this._updated=!0))}}),Object.defineProperty(l.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this._destroyPortal()}}),Object.defineProperty(l.prototype,"_getSecondChild",{enumerable:!1,configurable:!0,writable:!0,value:function(){return o.Children.toArray(this.props.children)[1]}}),Object.defineProperty(l.prototype,"_getRenderToNode",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.renderTo;return"string"==typeof e?document.querySelector(e):e||document.body}}),Object.defineProperty(l.prototype,"_setupPortal",{enumerable:!1,configurable:!0,writable:!0,value:function(){"undefined"!=typeof document&&(this._portalNode=document.createElement(this.props.renderTag),this._getRenderToNode().appendChild(this._portalNode),this.props.getPortalNode&&this.props.getPortalNode(this._portalNode)),this.forceUpdate(),this._needsUpdate=!0}}),Object.defineProperty(l.prototype,"_updatePortal",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props;r.renderTo,r.renderTag,r.onUpdate,r.getPortalNode;var o=r.style;r.children;var a=t(r,["renderTo","renderTag","onUpdate","getPortalNode","style","children"]);Object.keys(a).forEach(function(t){e._portalNode.setAttribute(t,a[t])}),this._portalNode.classList.add("tapestry-react-reset"),this._portalNode.setAttribute("data-tapestry-react-portal",""),this._portalNode.setAttribute(n(this.context.id),"true"),o&&Object.keys(o).forEach(function(t){e._portalNode.style[t]=o[t]})}}),Object.defineProperty(l.prototype,"_renderPortal",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return a(e,this._portalNode)}}),Object.defineProperty(l.prototype,"_destroyPortal",{enumerable:!1,configurable:!0,writable:!0,value:function(){this._portalNode&&(this._portalNode.parentNode.removeChild(this._portalNode),this.props.getPortalNode&&this.props.getPortalNode(null)),this._portalNode=null}}),Object.defineProperty(l.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=o.Children.toArray(this.props.children),t=e[0],r=e[1];return this._portalNode?o.createElement(o.Fragment,null,t,this._renderPortal(r)):t}}),Object.defineProperty(l,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{renderTag:"div",renderTo:null}}),Object.defineProperty(l,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:r}),l}(o.Component);export{i as Portal};
 //# sourceMappingURL=Portal.js.map

package/dist/Radio/Radio.js

@@ -1,2 +1,2 @@
-import{__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import e from"mitt";import i,{useRef as d,useState as a,useEffect as t}from"react";import{Box as l}from"../Box/Box.js";import{designTokens as n}from"../designTokens/index.js";import{StackView as s}from"../StackView/StackView.js";import{useThemeValue as c}from"../system/utils.js";import{Text as v}from"../Text/Text.js";import{VariantProvider as m}from"../VariantProvider/VariantProvider.js";var p=e(),u={lg:18,md:14,sm:12,xl:32,xs:10},f=function(e){var f=e.checked,b=void 0===f?void 0:f,x=e.disabled,h=void 0!==x&&x,k=e.error,g=void 0!==k&&k,C=e.id,j=void 0===C?void 0:C,w=e.label,z=void 0===w?void 0:w,B=e.name,E=void 0===B?void 0:B,F=e.onBlur,S=void 0===F?void 0:F,y=e.onChange,V=void 0===y?void 0:y,T=e.onFocus,P=void 0===T?void 0:T,R=e.size,W=void 0===R?"xs":R,H=e.value,I=void 0===H?void 0:H,_=o(e,["checked","disabled","error","id","label","name","onBlur","onChange","onFocus","size","value"]),q=c("radio"),A=d(void 0),D=a(!1),G=D[0],J=D[1],K=a(!1),L=K[0],M=K[1],N=(null==q?void 0:q.checkedFill)||n.radio.checkedColor,O=(null==q?void 0:q.size)||W,Q=h?{}:g?{border:"1px solid ".concat(n.radio.error.borderColor),boxShadow:"0 0 4px 1px rgba(194, 68, 48, 0.2)"}:{border:"1px solid ".concat(n.radio.checkedColor),boxShadow:"0 0 4px 1px rgba(69, 143, 255, 0.2)"};return t((function(){function o(o){J(o===A.current)}return p.on(E,o),function(){p.off(E,o)}}),[]),i.createElement(m,{checked:void 0===b?G:b,focus:L},i.createElement(s,r({as:z?"label":"span",inline:!0,axis:"horizontal",alignment:"center",shrink:0,cursor:h?"not-allowed":void 0,position:"relative",spacing:1},_),i.createElement(l,{innerRef:A,as:"input",type:"radio",id:String(j),name:E,checked:b,value:I,disabled:h,onChange:function(o){p.emit(E,o.target),V&&V(o)},onFocus:function(o){M(!0),P&&P(o)},onBlur:function(o){M(!1),S&&S(o)},position:"absolute",top:0,left:0,zIndex:0,opacity:0}),i.createElement(l,{as:"svg",border:"1px solid transparent",borderRadius:"50%",height:"".concat(u[O]+4,"px"),id:"radio",margin:"-4px",padding:"1px",position:"relative",right:"-2px",role:"img",transform:"translate(0px, 0px)",variants:{active:Q,focus:Q},viewBox:"0 0 16 16",width:"".concat(u[O]+4,"px")},i.createElement(l,{as:"circle",cx:"8",cy:"8",fill:h?n.radio.disabled.fillColor:g?n.radio.error.fillColor:n.radio.fillColor,r:"8",stroke:h?n.radio.disabled.borderColor:g?n.radio.error.borderColor:n.radio.borderColor,strokeWidth:"2",transition:"all 180ms ease-out",variants:{active:!h&&{stroke:h?n.radio.disabled.checkedColor:g?n.radio.error.borderColor:N},checked:{fill:h?n.radio.disabled.checkedFillColor:n.radio.checkedFillColor,stroke:!h&&!g&&N,strokeWidth:8}}})),z&&i.createElement(v,{color:h?n.radio.disabled.labelColor:n.radio.labelColor,fontSize:4,lineHeight:2.5},z)))};export{f as default};
+import{__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import e from"mitt";import i,{useRef as d,useState as a,useEffect as t}from"react";import{Box as l}from"../Box/Box.js";import{designTokens as n}from"../designTokens/index.js";import{StackView as s}from"../StackView/StackView.js";import{useThemeValue as c}from"../system/utils.js";import{Text as v}from"../Text/Text.js";import{VariantProvider as m}from"../VariantProvider/VariantProvider.js";var p=e(),u={lg:18,md:14,sm:12,xl:32,xs:10},f=function(e){var f=e.checked,b=void 0===f?void 0:f,x=e.disabled,h=void 0!==x&&x,k=e.error,g=void 0!==k&&k,C=e.id,j=void 0===C?void 0:C,w=e.label,z=void 0===w?void 0:w,B=e.name,E=void 0===B?void 0:B,F=e.onBlur,S=void 0===F?void 0:F,y=e.onChange,V=void 0===y?void 0:y,T=e.onFocus,P=void 0===T?void 0:T,R=e.size,W=void 0===R?"xs":R,H=e.value,I=void 0===H?void 0:H,_=o(e,["checked","disabled","error","id","label","name","onBlur","onChange","onFocus","size","value"]),q=c("radio"),A=d(void 0),D=a(!1),G=D[0],J=D[1],K=a(!1),L=K[0],M=K[1],N=(null==q?void 0:q.checkedFill)||n.radio.checkedColor,O=(null==q?void 0:q.size)||W,Q=h?{}:g?{border:"1px solid ".concat(n.radio.error.borderColor),boxShadow:"0 0 4px 1px rgba(194, 68, 48, 0.2)"}:{border:"1px solid ".concat(n.radio.checkedColor),boxShadow:"0 0 4px 1px rgba(69, 143, 255, 0.2)"};return t(function(){function o(o){J(o===A.current)}return p.on(E,o),function(){p.off(E,o)}},[]),i.createElement(m,{checked:void 0===b?G:b,focus:L},i.createElement(s,r({as:z?"label":"span",inline:!0,axis:"horizontal",alignment:"center",shrink:0,cursor:h?"not-allowed":void 0,position:"relative",spacing:1},_),i.createElement(l,{innerRef:A,as:"input",type:"radio",id:String(j),name:E,checked:b,value:I,disabled:h,onChange:function(o){p.emit(E,o.target),V&&V(o)},onFocus:function(o){M(!0),P&&P(o)},onBlur:function(o){M(!1),S&&S(o)},position:"absolute",top:0,left:0,zIndex:0,opacity:0}),i.createElement(l,{as:"svg",border:"1px solid transparent",borderRadius:"50%",height:"".concat(u[O]+4,"px"),id:"radio",margin:"-4px",padding:"1px",position:"relative",right:"-2px",role:"img",transform:"translate(0px, 0px)",variants:{active:Q,focus:Q},viewBox:"0 0 16 16",width:"".concat(u[O]+4,"px")},i.createElement(l,{as:"circle",cx:"8",cy:"8",fill:h?n.radio.disabled.fillColor:g?n.radio.error.fillColor:n.radio.fillColor,r:"8",stroke:h?n.radio.disabled.borderColor:g?n.radio.error.borderColor:n.radio.borderColor,strokeWidth:"2",transition:"all 180ms ease-out",variants:{active:!h&&{stroke:h?n.radio.disabled.checkedColor:g?n.radio.error.borderColor:N},checked:{fill:h?n.radio.disabled.checkedFillColor:n.radio.checkedFillColor,stroke:!h&&!g&&N,strokeWidth:8}}})),z&&i.createElement(v,{color:h?n.radio.disabled.labelColor:n.radio.labelColor,fontSize:4,lineHeight:2.5},z)))};export{f as default};
 //# sourceMappingURL=Radio.js.map

package/dist/RangeSlider/RangeSlider.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{token as o}from"@planningcenter/tapestry";import{snap as n,clamp as r}from"@popmotion/popcorn";import i,{useRef as a,useState as c}from"react";import{Box as u}from"../Box/Box.js";import"mousetrap";import{useMeasure as s}from"../hooks/use-measure.js";import{useThemeProps as d}from"../system/utils.js";function l(l){var m=l.min,v=void 0===m?0:m,f=l.max,p=void 0===f?100:f,h=l.step,g=void 0===h?1:h,b=l.disabled,w=l.value,E=l.onChange,L=e(l,["min","max","step","disabled","value","onChange"]),k=d("rangeSlider",L),y=k.variant,D=void 0===y?{}:y,x=e(k,["variant"]),C=n(g),R=a(void 0),B=a(void 0),j=a(void 0),A=a(void 0),K=a(void 0),X=s(),M=X[0],O=X[1],S=c(0),U=S[0],H=S[1],I=c(0),T=I[0],V=I[1],W=U-T;function _(e){return C(r(v,p,e))}function q(e){return e.touches?e.touches[0].pageX:e.pageX}function z(e){return(e-v)/(p-v)*W}function F(e){var t,o=q(e),n=_((t=function(e){var t=R.current.getBoundingClientRect().left;return e-(window.pageXOffset+t)-T/2}(o),t/W*(p-v)+v));A.current=o,K.current=n,document.addEventListener("mousemove",G),document.addEventListener("mouseup",J),document.addEventListener("mouseleave",J),document.addEventListener("touchmove",G),document.addEventListener("touchend",J),document.addEventListener("touchcancel",J),e.preventDefault(),j.current.focus(),E(n)}function G(e){var t=function(e){var t=e/(U-T)*(p-v);return _(K.current+t)}(q(e)-A.current);e.preventDefault(),E(t)}function J(){document.removeEventListener("mousemove",G),document.removeEventListener("mouseup",J),document.removeEventListener("mouseleave",J),document.removeEventListener("touchmove",G),document.removeEventListener("touchend",J),document.removeEventListener("touchcancel",J)}return M(R),O((function(){var e=R.current.getBoundingClientRect(),t=e.left,o=e.right,n=j.current.getBoundingClientRect().width;H(Math.abs(o-t)),V(n)}),[]),i.createElement(u,t({innerRef:R,width:"100%",paddingVertical:.5,position:"relative",cursor:b?"not-allowed":"pointer",opacity:b?.65:void 0,onMouseDown:b?void 0:F,onTouchStart:b?void 0:F},x),i.createElement(u,t({innerRef:B,height:.5,radius:6,overflow:"hidden",backgroundColor:o("--t-fill-color-neutral-060"),position:"relative"},D.track),i.createElement(u,t({position:"absolute",top:0,right:0,bottom:0,left:0,transformOrigin:"center left",backgroundColor:o("--t-fill-color-interaction"),style:{transform:"scaleX(".concat(1-(W-z(w))/(U-T),")")}},D.progress))),i.createElement(u,t({innerRef:j,tabIndex:0,role:"slider","aria-valuenow":w,"aria-valuemin":v,"aria-valuemax":p,"aria-disabled":b,onKeyDown:b?void 0:function(e){if(!(e.ctrlKey||e.shiftKey||e.altKey))switch(e.key){case"ArrowLeft":case"ArrowDown":case"Left":case"Down":e.preventDefault(),E(_(w-g));break;case"ArrowRight":case"ArrowUp":case"Right":case"Up":e.preventDefault(),E(_(w+g));break;case"Home":e.preventDefault(),E(v);break;case"End":e.preventDefault(),E(p)}},width:1.5,height:1.5,radius:"circle",position:"absolute",top:"50%",left:0,backgroundColor:o("--t-fill-color-neutral-080"),stroke:o("--t-border-color-darkest"),strokeWeight:1,style:{transform:"translate(".concat(z(w),"px, -50%)")}},D.thumb)))}export{l as default};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{token as o}from"@planningcenter/tapestry";import{snap as n,clamp as r}from"@popmotion/popcorn";import i,{useRef as a,useState as c}from"react";import{Box as u}from"../Box/Box.js";import"mousetrap";import{useMeasure as s}from"../hooks/use-measure.js";import{useThemeProps as d}from"../system/utils.js";function l(l){var m=l.min,v=void 0===m?0:m,f=l.max,p=void 0===f?100:f,h=l.step,g=void 0===h?1:h,b=l.disabled,w=l.value,E=l.onChange,L=e(l,["min","max","step","disabled","value","onChange"]),k=d("rangeSlider",L),y=k.variant,D=void 0===y?{}:y,x=e(k,["variant"]),C=n(g),R=a(void 0),B=a(void 0),j=a(void 0),A=a(void 0),K=a(void 0),X=s(),M=X[0],O=X[1],S=c(0),U=S[0],H=S[1],I=c(0),T=I[0],V=I[1],W=U-T;function _(e){return C(r(v,p,e))}function q(e){return e.touches?e.touches[0].pageX:e.pageX}function z(e){return(e-v)/(p-v)*W}function F(e){var t,o=q(e),n=_((t=function(e){var t=R.current.getBoundingClientRect().left;return e-(window.pageXOffset+t)-T/2}(o),t/W*(p-v)+v));A.current=o,K.current=n,document.addEventListener("mousemove",G),document.addEventListener("mouseup",J),document.addEventListener("mouseleave",J),document.addEventListener("touchmove",G),document.addEventListener("touchend",J),document.addEventListener("touchcancel",J),e.preventDefault(),j.current.focus(),E(n)}function G(e){var t=function(e){var t=e/(U-T)*(p-v);return _(K.current+t)}(q(e)-A.current);e.preventDefault(),E(t)}function J(){document.removeEventListener("mousemove",G),document.removeEventListener("mouseup",J),document.removeEventListener("mouseleave",J),document.removeEventListener("touchmove",G),document.removeEventListener("touchend",J),document.removeEventListener("touchcancel",J)}return M(R),O(function(){var e=R.current.getBoundingClientRect(),t=e.left,o=e.right,n=j.current.getBoundingClientRect().width;H(Math.abs(o-t)),V(n)},[]),i.createElement(u,t({innerRef:R,width:"100%",paddingVertical:.5,position:"relative",cursor:b?"not-allowed":"pointer",opacity:b?.65:void 0,onMouseDown:b?void 0:F,onTouchStart:b?void 0:F},x),i.createElement(u,t({innerRef:B,height:.5,radius:6,overflow:"hidden",backgroundColor:o("--t-fill-color-neutral-060"),position:"relative"},D.track),i.createElement(u,t({position:"absolute",top:0,right:0,bottom:0,left:0,transformOrigin:"center left",backgroundColor:o("--t-fill-color-interaction"),style:{transform:"scaleX(".concat(1-(W-z(w))/(U-T),")")}},D.progress))),i.createElement(u,t({innerRef:j,tabIndex:0,role:"slider","aria-valuenow":w,"aria-valuemin":v,"aria-valuemax":p,"aria-disabled":b,onKeyDown:b?void 0:function(e){if(!(e.ctrlKey||e.shiftKey||e.altKey))switch(e.key){case"ArrowLeft":case"ArrowDown":case"Left":case"Down":e.preventDefault(),E(_(w-g));break;case"ArrowRight":case"ArrowUp":case"Right":case"Up":e.preventDefault(),E(_(w+g));break;case"Home":e.preventDefault(),E(v);break;case"End":e.preventDefault(),E(p)}},width:1.5,height:1.5,radius:"circle",position:"absolute",top:"50%",left:0,backgroundColor:o("--t-fill-color-neutral-080"),stroke:o("--t-border-color-darkest"),strokeWeight:1,style:{transform:"translate(".concat(z(w),"px, -50%)")}},D.thumb)))}export{l as default};
 //# sourceMappingURL=RangeSlider.js.map

package/dist/Scrim/Scrim.js

@@ -1,2 +1,2 @@
-import{__rest as o,__assign as e}from'./../ext/tslib/tslib.es6.js';import*as t from"react";import{StackView as r}from"../StackView/StackView.js";import{useThemeProps as i}from"../system/utils.js";var n=t.forwardRef((function(n,f){var s=n.ref,d=o(n,["ref"]);t.useLayoutEffect((function(){return document.body.style.overflow="hidden",function(){document.body.style.overflow=""}}),[]);var m=i("scrim",d),a=m.zIndex,l=void 0===a?1e4:a,u=o(m,["zIndex"]);return t.createElement(r,e({innerRef:s,position:"fixed",top:0,right:0,bottom:0,left:0,zIndex:l,overflow:"auto",backgroundColor:"hsla(0,0%,0%,0.4)"},u))}));export{n as Scrim};
+import{__rest as o,__assign as e}from'./../ext/tslib/tslib.es6.js';import*as t from"react";import{StackView as r}from"../StackView/StackView.js";import{useThemeProps as i}from"../system/utils.js";var n=t.forwardRef(function(n,f){var s=n.ref,d=o(n,["ref"]);t.useLayoutEffect(function(){return document.body.style.overflow="hidden",function(){document.body.style.overflow=""}},[]);var m=i("scrim",d),a=m.zIndex,l=void 0===a?1e4:a,u=o(m,["zIndex"]);return t.createElement(r,e({innerRef:s,position:"fixed",top:0,right:0,bottom:0,left:0,zIndex:l,overflow:"auto",backgroundColor:"hsla(0,0%,0%,0.4)"},u))});export{n as Scrim};
 //# sourceMappingURL=Scrim.js.map

package/dist/SegmentedControl/SegmentedControl.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import i,{forwardRef as o,useCallback as r,useRef as n,useState as s,useImperativeHandle as m,useEffect as a}from"react";import{Button as l}from"../Button/Button.js";import u from"../Input/InputBox.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as c,navigateSize as d}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";var f=o((function(o,f){var v=r((function(e){return void 0===e.activeSegment?0:e.segments.indexOf(e.activeSegment)}),[o.activeSegment,o.segments]),p=n(null),g=c("segmentedControl",o),y=g.activeSegment,b=g.color,j=void 0===b?"primary":b,h=g.disabled,k=g.onChange,S=g.segments,w=g.segmentBasis,B=void 0===w?"auto":w,x=g.size,z=void 0===x?"md":x,C=e(g,["activeSegment","color","disabled","onChange","segments","segmentBasis","size"]),A=s(v(o)),D=A[0],E=A[1],I=r((function(e){var t;return null===(t=p.current)||void 0===t?void 0:t.focus(e)}),[p]),L=r((function(e){var t=S[e];t&&(void 0===y&&E(e),k&&k(t.title||t),I(e))}),[S,y,k,I]),K=r((function(e){if(k&&("ArrowLeft"===e.key||"ArrowRight"===e.key)){var t="ArrowLeft"===e.key?-1:1,i=D+t;e.preventDefault(),L(i)}}),[k,D,L]),O=r((function(){var e;return null===(e=p.current)||void 0===e?void 0:e.blur()}),[p]);return m(f,(function(){return{blur:O,focus:I}})),a((function(){var e=v(o);D!==e&&E(e)}),[y]),i.createElement(u,t({ref:p,size:z,includeSpacing:!0,evenPadding:!0,role:"group",cursor:"initial",disabled:h},C),S.map((function(o,r){var n=o.title,s=e(o,["title"]),m=n?s:{};return i.createElement(l,t({key:r,grow:1,size:d(z,-1),basis:B,theme:r===D?j:void 0,variant:r===D?"fill":"naked",title:n||o,disabled:h,onKeyDown:K,onClick:function(){return r!==D&&L(r)}},m))})))}));export{f as default};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import i,{forwardRef as o,useCallback as r,useRef as n,useState as s,useImperativeHandle as m,useEffect as a}from"react";import{Button as l}from"../Button/Button.js";import u from"../Input/InputBox.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as c,navigateSize as d}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";var f=o(function(o,f){var v=r(function(e){return void 0===e.activeSegment?0:e.segments.indexOf(e.activeSegment)},[o.activeSegment,o.segments]),p=n(null),g=c("segmentedControl",o),y=g.activeSegment,b=g.color,j=void 0===b?"primary":b,h=g.disabled,k=g.onChange,S=g.segments,w=g.segmentBasis,B=void 0===w?"auto":w,x=g.size,z=void 0===x?"md":x,C=e(g,["activeSegment","color","disabled","onChange","segments","segmentBasis","size"]),A=s(v(o)),D=A[0],E=A[1],I=r(function(e){var t;return null===(t=p.current)||void 0===t?void 0:t.focus(e)},[p]),L=r(function(e){var t=S[e];t&&(void 0===y&&E(e),k&&k(t.title||t),I(e))},[S,y,k,I]),K=r(function(e){if(k&&("ArrowLeft"===e.key||"ArrowRight"===e.key)){var t="ArrowLeft"===e.key?-1:1,i=D+t;e.preventDefault(),L(i)}},[k,D,L]),O=r(function(){var e;return null===(e=p.current)||void 0===e?void 0:e.blur()},[p]);return m(f,function(){return{blur:O,focus:I}}),a(function(){var e=v(o);D!==e&&E(e)},[y]),i.createElement(u,t({ref:p,size:z,includeSpacing:!0,evenPadding:!0,role:"group",cursor:"initial",disabled:h},C),S.map(function(o,r){var n=o.title,s=e(o,["title"]),m=n?s:{};return i.createElement(l,t({key:r,grow:1,size:d(z,-1),basis:B,theme:r===D?j:void 0,variant:r===D?"fill":"naked",title:n||o,disabled:h,onKeyDown:K,onClick:function(){return r!==D&&L(r)}},m))}))});export{f as default};
 //# sourceMappingURL=SegmentedControl.js.map

package/dist/SegmentedTabs/SegmentedTabs.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{token as o}from"@planningcenter/tapestry";import r,{useCallback as n,useState as i,useEffect as l}from"react";import{StackView as a}from"../StackView/StackView.js";import{useThemeProps as c}from"../system/utils.js";import{Text as d}from"../Text/Text.js";function s(n){var i=n.isSelected,l=n.selectedColor,a=n.onSelect,c=e(n,["isSelected","selectedColor","onSelect"]);return r.createElement(d,t({as:"button",tabIndex:i?-1:void 0,position:"relative",fontSize:4,fontWeight:i?600:void 0,padding:1,borderBottomWidth:2,borderBottomColor:i?l:o("--t-border-color"),textAlign:"center",userSelect:"none",cursor:i?void 0:"pointer",hover:{borderBottomColor:i?void 0:o("--t-border-color-dark")},onClick:i?void 0:a},c))}function u(d){var u=c("segmentedTabs",d),b=u.activeTab,f=u.color,m=void 0===f?o("--t-fill-color-interaction"):f,v=u.getTabLabel,p=void 0===v?function(e){return e}:v,g=u.onChange,S=u.tabs,x=u.tabProps,C=e(u,["activeTab","color","getTabLabel","onChange","tabs","tabProps"]),T=n((function(e){var t=e.activeTab,o=e.tabs;return"function"==typeof t?o.reduce((function(e,o,r){return t(o,r)&&(e=r),e}),null):void 0===t?0:o.indexOf(t)}),[b,S]),h=i(T(d)),k=h[0],j=h[1],y=n((function(e){void 0===b&&j(e),g&&g(S[e])}),[b,j,g,S]);return l((function(){var e=T(d);k!==e&&j(e)}),[b]),r.createElement(a,t({role:"group",axis:"horizontal",distribution:"fill",position:"relative"},C),S.map((function(e,o){return r.createElement(s,t({key:o,index:o,isSelected:o===k,selectedColor:m,onSelect:function(){return y(o)}},x),p(e))})))}export{u as default};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{token as o}from"@planningcenter/tapestry";import r,{useCallback as n,useState as i,useEffect as l}from"react";import{StackView as a}from"../StackView/StackView.js";import{useThemeProps as c}from"../system/utils.js";import{Text as d}from"../Text/Text.js";function s(n){var i=n.isSelected,l=n.selectedColor,a=n.onSelect,c=e(n,["isSelected","selectedColor","onSelect"]);return r.createElement(d,t({as:"button",tabIndex:i?-1:void 0,position:"relative",fontSize:4,fontWeight:i?600:void 0,padding:1,borderBottomWidth:2,borderBottomColor:i?l:o("--t-border-color"),textAlign:"center",userSelect:"none",cursor:i?void 0:"pointer",hover:{borderBottomColor:i?void 0:o("--t-border-color-dark")},onClick:i?void 0:a},c))}function u(d){var u=c("segmentedTabs",d),b=u.activeTab,f=u.color,m=void 0===f?o("--t-fill-color-interaction"):f,v=u.getTabLabel,p=void 0===v?function(e){return e}:v,g=u.onChange,S=u.tabs,x=u.tabProps,C=e(u,["activeTab","color","getTabLabel","onChange","tabs","tabProps"]),T=n(function(e){var t=e.activeTab,o=e.tabs;return"function"==typeof t?o.reduce(function(e,o,r){return t(o,r)&&(e=r),e},null):void 0===t?0:o.indexOf(t)},[b,S]),h=i(T(d)),k=h[0],j=h[1],y=n(function(e){void 0===b&&j(e),g&&g(S[e])},[b,j,g,S]);return l(function(){var e=T(d);k!==e&&j(e)},[b]),r.createElement(a,t({role:"group",axis:"horizontal",distribution:"fill",position:"relative"},C),S.map(function(e,o){return r.createElement(s,t({key:o,index:o,isSelected:o===k,selectedColor:m,onSelect:function(){return y(o)}},x),p(e))}))}export{u as default};
 //# sourceMappingURL=SegmentedTabs.js.map

package/dist/Select/Option.d.ts

@@ -7,6 +7,9 @@ type Props = Omit<ComponentProps<typeof Menu.Item>, 'children'> & {
     index?: number;
     value?: any;
 };
+/**
+ * @deprecated Use `Select` from `@planningcenter/tapestry` instead.
+ */
 declare class Option extends Component<Props> {
     static displayName: string;
     render(): React.JSX.Element;

package/dist/Select/Option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../src/Select/Option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAKtE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,IAAI,MAAM,SAAS,CAAA;AAK1B,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,GAAG;IAChE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAA;IACjE,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,UAAU,CAAC,CAAA;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,GAAG,CAAA;CACZ,CAAA;AAED,cAAM,MAAO,SAAQ,SAAS,CAAC,KAAK,CAAC;IACnC,MAAM,CAAC,WAAW,SAAkB;IAEpC,MAAM;CAoDP;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../src/Select/Option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAKtE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,IAAI,MAAM,SAAS,CAAA;AAK1B,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,GAAG;IAChE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAA;IACjE,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,UAAU,CAAC,CAAA;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,GAAG,CAAA;CACZ,CAAA;AAED;;GAEG;AACH,cAAM,MAAO,SAAQ,SAAS,CAAC,KAAK,CAAC;IACnC,MAAM,CAAC,WAAW,SAAkB;IAEpC,MAAM;CAoDP;AAED,eAAe,MAAM,CAAA"}

package/dist/Select/Option.js

@@ -1,2 +1,2 @@
-import{__extends as e,__rest as t,__assign as r}from'./../ext/tslib/tslib.es6.js';import i,{Component as n}from"react";import{Box as o}from"../Box/Box.js";import l from"../Checkbox/Checkbox.js";import a from"../Icon/Icon.js";import"../ItemList/ItemList.js";import"../ItemList/ItemListController.js";import s from"../ItemList/ItemListItem.js";import m from"../Menu/Menu.js";import u from"./Context.js";var c=function(){return null},d=function(n){function d(){return null!==n&&n.apply(this,arguments)||this}return e(d,n),Object.defineProperty(d.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,n=e.children,d=e.disabled,p=e.index,f=e.value,h=t(e,["children","disabled","index","value"]);return i.createElement(u.Consumer,null,(function(e){return i.createElement(s,{data:f,disabled:d,index:p},(function(t){var s=t.clearHighlight,u=t.highlight,p=t.highlighted,f=t.select,b=t.selected,g=t.id;return i.createElement(m.Item,r({id:g,role:"option",as:"li","aria-disabled":d,"aria-selected":b,disabled:d,isHighlighted:p,onMouseOver:u,onMouseOut:s,onMouseUp:function(t){return e.canSelectOption.current&&f(t)},renderLeft:"function"==typeof n?null:e.multiple?i.createElement(l,{size:"sm",label:null,checked:b,onChange:c}):b?i.createElement(a,{name:"general.check",size:"sm"}):i.createElement(o,{width:2.5,height:2.5})},h),"function"==typeof n?n(b):n)}))}))}}),Object.defineProperty(d,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Select.Option"}),d}(n);export{d as default};
+import{__extends as e,__rest as t,__assign as r}from'./../ext/tslib/tslib.es6.js';import i,{Component as n}from"react";import{Box as o}from"../Box/Box.js";import l from"../Checkbox/Checkbox.js";import a from"../Icon/Icon.js";import"../ItemList/ItemList.js";import"../ItemList/ItemListController.js";import s from"../ItemList/ItemListItem.js";import m from"../Menu/Menu.js";import u from"./Context.js";var c=function(){return null},d=function(n){function d(){return null!==n&&n.apply(this,arguments)||this}return e(d,n),Object.defineProperty(d.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,n=e.children,d=e.disabled,p=e.index,f=e.value,h=t(e,["children","disabled","index","value"]);return i.createElement(u.Consumer,null,function(e){return i.createElement(s,{data:f,disabled:d,index:p},function(t){var s=t.clearHighlight,u=t.highlight,p=t.highlighted,f=t.select,b=t.selected,g=t.id;return i.createElement(m.Item,r({id:g,role:"option",as:"li","aria-disabled":d,"aria-selected":b,disabled:d,isHighlighted:p,onMouseOver:u,onMouseOut:s,onMouseUp:function(t){return e.canSelectOption.current&&f(t)},renderLeft:"function"==typeof n?null:e.multiple?i.createElement(l,{size:"sm",label:null,checked:b,onChange:c}):b?i.createElement(a,{name:"general.check",size:"sm"}):i.createElement(o,{width:2.5,height:2.5})},h),"function"==typeof n?n(b):n)})})}}),Object.defineProperty(d,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Select.Option"}),d}(n);export{d as default};
 //# sourceMappingURL=Option.js.map

package/dist/Select/OptionGroup.d.ts

@@ -6,6 +6,9 @@ type Props = {
      */
     title?: string;
 };
+/**
+ * @deprecated Use `Select` from `@planningcenter/tapestry` instead.
+ */
 declare class OptionGroup extends Component<Props> {
     static displayName: string;
     render(): any;

package/dist/Select/OptionGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OptionGroup.d.ts","sourceRoot":"","sources":["../../src/Select/OptionGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5C,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,cAAM,WAAY,SAAQ,SAAS,CAAC,KAAK,CAAC;IACxC,MAAM,CAAC,WAAW,SAAuB;IAEzC,MAAM;CAGP;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"OptionGroup.d.ts","sourceRoot":"","sources":["../../src/Select/OptionGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5C,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;GAEG;AACH,cAAM,WAAY,SAAQ,SAAS,CAAC,KAAK,CAAC;IACxC,MAAM,CAAC,WAAW,SAAuB;IAEzC,MAAM;CAGP;AAED,eAAe,WAAW,CAAA"}

package/dist/Select/Select.js

@@ -1,2 +1,2 @@
-import{__extends as e,__spreadArray as t,__rest as n,__assign as o}from'./../ext/tslib/tslib.es6.js';import r from"lodash/isEqual";import i,{Component as l}from"react";import a from"../FocusGroup/FocusGroup.js";import u from"../Icon/Icon.js";import c from"../Input/Input.js";import p from"../ItemList/ItemList.js";import s from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import d from"../Menu/Menu.js";import{Popover as f}from"../Popover/Popover.js";import m from"../Tooltip/Tooltip.js";import{generateId as b,isArray as v,isValueInArray as g,shallowEqual as h,callRef as O,joinChildren as y}from"../utils.js";import{SELECT_DISPLAY_NAME as P}from"./constants.js";import S from"./Context.js";import w from"./Inline.js";import j from"./Option.js";import V from"./OptionGroup.js";import{optionsToElements as I,getSelectedOptions as x,renderOptions as C,toggleValue as L}from"./utils.js";import k from"./Value.js";function E(e){return i.createElement(d,o({},e,{as:"ul"}))}var D=function(l){function d(){var e=null!==l&&l.apply(this,arguments)||this;return Object.defineProperty(e,"input",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"popover",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"id",{enumerable:!0,configurable:!0,writable:!0,value:b("select")}),Object.defineProperty(e,"canCallFocus",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(e,"mounted",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(e,"contextValue",{enumerable:!0,configurable:!0,writable:!0,value:{canSelectOption:{current:!1},multiple:e.props.multiple}}),Object.defineProperty(e,"state",{enumerable:!0,configurable:!0,writable:!0,value:{isPopoverOpen:e.props.defaultOpen,isPopoverVisible:!1,selectedOptions:[],uncontrolledValue:void 0===e.props.defaultValue?e.props.multiple?[]:null:e.props.defaultValue}}),Object.defineProperty(e,"safeSetState",{enumerable:!0,configurable:!0,writable:!0,value:function(t,n){e.mounted&&e.setState(t,n)}}),Object.defineProperty(e,"addUserSelectStyle",{enumerable:!0,configurable:!0,writable:!0,value:function(){document.body.style.webkitUserSelect="none"}}),Object.defineProperty(e,"clearUserSelectStyle",{enumerable:!0,configurable:!0,writable:!0,value:function(){document.body.style.webkitUserSelect=""}}),Object.defineProperty(e,"openPopover",{enumerable:!0,configurable:!0,writable:!0,value:function(t){t&&(setTimeout((function(){e.contextValue.canSelectOption.current=!0}),300),setTimeout((function(){var t=e.state.selectedOptions;t.length>0&&e.itemList.scrollItemIntoViewByIndex(t[0].index)}))),e.setState({isPopoverOpen:!0,isPopoverVisible:t})}}),Object.defineProperty(e,"closePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.contextValue.canSelectOption.current=!1,e.safeSetState({isPopoverOpen:!1,isPopoverVisible:!1}),e.itemList&&e.itemList.clearHighlightedIndex()}}),Object.defineProperty(e,"togglePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.state.isPopoverVisible&&e.state.isPopoverOpen?e.closePopover():e.openPopover(!0)}}),Object.defineProperty(e,"getValue",{enumerable:!0,configurable:!0,writable:!0,value:function(){if(e.state.selectedOptions.length>0){var t=e.isControlled()?e.props.value:e.state.uncontrolledValue;return e.props.renderValue(v(t)?e.getSortedSelectedOptions(t):e.state.selectedOptions)}return e.props.emptyValue}}),Object.defineProperty(e,"getHiddenInputValues",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.props.name,n=e.state.selectedOptions;return t&&n.length>0?n.map((function(e,n){return i.createElement("input",{key:n,name:t,type:"hidden",value:e.value})})):null}}),Object.defineProperty(e,"getSelected",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var n=e.props.value,o=e.state.uncontrolledValue;return e.isControlled()?"function"==typeof n?n(t):v(n)?g(n,t)>-1:n===t:v(o)?g(o,t)>-1:o===t}}),Object.defineProperty(e,"handleSelect",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var n=e.props,o=n.multiple,r=n.value,i=t;e.isControlled()?v(r)&&(i=d.toggleValue(e.props.value,t)):(o&&(i=d.toggleValue(e.state.uncontrolledValue,t)),e.setState({uncontrolledValue:i},e.setSelectedOptions)),e.props.onChange&&e.props.onChange({selectedValue:t,value:i}),!o&&e.state.isPopoverVisible&&e.focusInput()}}),Object.defineProperty(e,"highlightFirstSelectedOption",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.state.selectedOptions;t.length>0?e.itemList.setHighlightedIndex(t[0].index):e.itemList.moveHighlightedIndex(1,{contain:!0})}}),Object.defineProperty(e,"highlightLastSelectedOption",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.state.selectedOptions;t.length>0?e.itemList.setHighlightedIndex(t[Math.max(0,t.length-1)].index):e.itemList.moveHighlightedIndex(-1,{contain:!0})}}),Object.defineProperty(e,"focusInput",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.input&&(e.contextValue.canSelectOption.current=!1,e.setState({isPopoverVisible:!1}),e.canCallFocus=!1,e.input.focus(),e.canCallFocus=!0)}}),e}return e(d,l),Object.defineProperty(d.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.mounted=!0,"undefined"!=typeof document&&document.addEventListener("mouseup",this.clearUserSelectStyle),this.setSelectedOptions()}}),Object.defineProperty(d.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.isControlled()&&this.setSelectedOptions()}}),Object.defineProperty(d.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.mounted=!1,"undefined"!=typeof document&&(document.removeEventListener("mouseup",this.clearUserSelectStyle),this.clearUserSelectStyle())}}),Object.defineProperty(d.prototype,"isControlled",{enumerable:!1,configurable:!0,writable:!0,value:function(){return void 0!==this.props.value}}),Object.defineProperty(d.prototype,"setSelectedOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.options?I(this.props.options):this.props.children,t=x(e,this.getSelected);h(this.state.selectedOptions.map((function(e){return e.value})),t.map((function(e){return e.value})))&&r(this.state.selectedOptions.map((function(e){return e.children})),t.map((function(e){return e.children})))||this.setState({selectedOptions:t})}}),Object.defineProperty(d.prototype,"getSortedSelectedOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return t([],this.state.selectedOptions,!0).sort((function(t,n){return g(e,t.value)-g(e,n.value)}))}}),Object.defineProperty(d.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props,r=t.children;t.defaultValue;var l=t.disabled;t.emptyValue;var d=t.innerRef;t.defaultOpen;var b=t.keepInView,v=t.lockScrollWhileOpen,g=t.matchWidths,h=t.multiple;t.name;var y=t.onBlur;t.onChange,t.onClick;var P=t.onFocus,w=t.onKeyDown,j=t.onMouseDown,V=t.onMouseUp,x=t.options,L=t.placement,k=t.popoverProps,D=t.renderTo;t.renderValue;var F=t.tooltip;t.value;var U=n(t,["children","defaultValue","disabled","emptyValue","innerRef","defaultOpen","keepInView","lockScrollWhileOpen","matchWidths","multiple","name","onBlur","onChange","onClick","onFocus","onKeyDown","onMouseDown","onMouseUp","options","placement","popoverProps","renderTo","renderValue","tooltip","value"]),H=this.state,T=H.isPopoverOpen,B=H.isPopoverVisible;return i.createElement(S.Provider,{value:this.contextValue},i.createElement(a,{onBlur:this.closePopover},(function(t){var n=t.requestBlur,a=t.setRef;return i.createElement(p,{ref:function(t){e.itemList=t},selected:e.getSelected,onSelect:e.handleSelect},(function(t){var p=t.getItemByText,S=t.getHighlightedIndex,H=t.moveHighlightedIndex,M=t.selectHighlightedItem,W=t.setHighlightedIndex,R=t.selectItemByIndex,K=t.stringSearch;return i.createElement(f,o({},k,{ref:function(t){e.popover=t},innerRef:function(t){a("".concat(e.id,"-popover"))(t)},as:E,tabIndex:-1,"aria-labelledby":e.id,"aria-multiselectable":h,role:"listbox",display:B?void 0:"none",minWidth:16,padding:0,elevation:2,matchWidths:g,lockScrollWhileOpen:!!B&&v,keepInView:b,placement:L,renderTo:D,open:T,onRequestClose:function(){return e.setState({isPopoverVisible:!1})},onBlur:n,onKeyDown:function(t){switch(t.key){case"ArrowUp":t.preventDefault(),B?H(-1,{contain:!0}):(e.openPopover(!0),setTimeout((function(){e.highlightLastSelectedOption()})));break;case"ArrowDown":t.preventDefault(),B?H(1,{contain:!0}):(e.openPopover(!0),setTimeout((function(){e.highlightFirstSelectedOption()})));break;case"Enter":B&&(t.preventDefault(),M());break;case"Escape":T&&!B&&(t.preventDefault(),e.closePopover());break;case" ":t.preventDefault(),null===S()?(e.togglePopover(),setTimeout((function(){e.highlightFirstSelectedOption()}))):B?M():e.openPopover(!0);break;default:K(t).then((function(e){var t=p(e);t&&(B?W(t.props.index):R(t.props.index))}))}},anchorElement:function(t){var r=l?{}:{onBlur:function(e){n(e),y&&y(e)},onFocus:function(t){e.canCallFocus&&e.openPopover(!1),P&&P(t)},onKeyDown:function(e){t.onKeyDown(e),w&&w(e)},onMouseDown:function(t){0===t.button&&(e.addUserSelectStyle(),e.canCallFocus=!1,e.togglePopover()),j&&j(t)},onMouseUp:function(t){e.canCallFocus=!0,V&&V(t)}};return i.createElement(s,null,(function(n){var p=n.getHighlightedItemId;return i.createElement(m,o({triggerOnHover:!B,triggerOnFocus:!B},F),i.createElement(c.InputBox,o({innerRef:function(n){t.innerRef&&O(t.innerRef,n),e.input=n,a("".concat(e.id,"-button"))(n),d&&d(n)},id:e.id,tabIndex:0,role:"combobox",disabled:l,"aria-disabled":l,"aria-haspopup":B,"aria-expanded":B,"aria-activedescendant":p(),cursor:"pointer",userSelect:"none",touchAction:"manipulation",focusChildrenOnFocus:!1,renderRight:i.createElement(u,{name:B?"general.upCaret":"general.downCaret"})},U,r),e.getValue(),e.getHiddenInputValues()))}))}}),C(x?I(x):r))}))})))}}),Object.defineProperty(d,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:P}),Object.defineProperty(d,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{defaultOpen:!1,emptyValue:i.createElement(k,null,"Select an item"),lockScrollWhileOpen:!0,matchWidths:"minimum",renderValue:function(e){return i.createElement(k,null,y(e.map((function(e){return e.children}))))}}}),d}(l);D.Inline=w,D.Option=j,D.OptionGroup=V,D.Value=k,D.toggleValue=L;export{D as default};
+import{__extends as e,__spreadArray as t,__rest as n,__assign as o}from'./../ext/tslib/tslib.es6.js';import r from"lodash/isEqual";import i,{Component as l}from"react";import a from"../FocusGroup/FocusGroup.js";import u from"../Icon/Icon.js";import c from"../Input/Input.js";import p from"../ItemList/ItemList.js";import s from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import d from"../Menu/Menu.js";import{Popover as f}from"../Popover/Popover.js";import m from"../Tooltip/Tooltip.js";import{generateId as b,isArray as v,isValueInArray as g,shallowEqual as h,callRef as O,joinChildren as y}from"../utils.js";import{SELECT_DISPLAY_NAME as P}from"./constants.js";import S from"./Context.js";import w from"./Inline.js";import j from"./Option.js";import V from"./OptionGroup.js";import{optionsToElements as I,getSelectedOptions as x,renderOptions as C,toggleValue as L}from"./utils.js";import k from"./Value.js";function E(e){return i.createElement(d,o({},e,{as:"ul"}))}var D=function(l){function d(){var e=null!==l&&l.apply(this,arguments)||this;return Object.defineProperty(e,"input",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"popover",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"id",{enumerable:!0,configurable:!0,writable:!0,value:b("select")}),Object.defineProperty(e,"canCallFocus",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(e,"mounted",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(e,"contextValue",{enumerable:!0,configurable:!0,writable:!0,value:{canSelectOption:{current:!1},multiple:e.props.multiple}}),Object.defineProperty(e,"state",{enumerable:!0,configurable:!0,writable:!0,value:{isPopoverOpen:e.props.defaultOpen,isPopoverVisible:!1,selectedOptions:[],uncontrolledValue:void 0===e.props.defaultValue?e.props.multiple?[]:null:e.props.defaultValue}}),Object.defineProperty(e,"safeSetState",{enumerable:!0,configurable:!0,writable:!0,value:function(t,n){e.mounted&&e.setState(t,n)}}),Object.defineProperty(e,"addUserSelectStyle",{enumerable:!0,configurable:!0,writable:!0,value:function(){document.body.style.webkitUserSelect="none"}}),Object.defineProperty(e,"clearUserSelectStyle",{enumerable:!0,configurable:!0,writable:!0,value:function(){document.body.style.webkitUserSelect=""}}),Object.defineProperty(e,"openPopover",{enumerable:!0,configurable:!0,writable:!0,value:function(t){t&&(setTimeout(function(){e.contextValue.canSelectOption.current=!0},300),setTimeout(function(){var t=e.state.selectedOptions;t.length>0&&e.itemList.scrollItemIntoViewByIndex(t[0].index)})),e.setState({isPopoverOpen:!0,isPopoverVisible:t})}}),Object.defineProperty(e,"closePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.contextValue.canSelectOption.current=!1,e.safeSetState({isPopoverOpen:!1,isPopoverVisible:!1}),e.itemList&&e.itemList.clearHighlightedIndex()}}),Object.defineProperty(e,"togglePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.state.isPopoverVisible&&e.state.isPopoverOpen?e.closePopover():e.openPopover(!0)}}),Object.defineProperty(e,"getValue",{enumerable:!0,configurable:!0,writable:!0,value:function(){if(e.state.selectedOptions.length>0){var t=e.isControlled()?e.props.value:e.state.uncontrolledValue;return e.props.renderValue(v(t)?e.getSortedSelectedOptions(t):e.state.selectedOptions)}return e.props.emptyValue}}),Object.defineProperty(e,"getHiddenInputValues",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.props.name,n=e.state.selectedOptions;return t&&n.length>0?n.map(function(e,n){return i.createElement("input",{key:n,name:t,type:"hidden",value:e.value})}):null}}),Object.defineProperty(e,"getSelected",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var n=e.props.value,o=e.state.uncontrolledValue;return e.isControlled()?"function"==typeof n?n(t):v(n)?g(n,t)>-1:n===t:v(o)?g(o,t)>-1:o===t}}),Object.defineProperty(e,"handleSelect",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var n=e.props,o=n.multiple,r=n.value,i=t;e.isControlled()?v(r)&&(i=d.toggleValue(e.props.value,t)):(o&&(i=d.toggleValue(e.state.uncontrolledValue,t)),e.setState({uncontrolledValue:i},e.setSelectedOptions)),e.props.onChange&&e.props.onChange({selectedValue:t,value:i}),!o&&e.state.isPopoverVisible&&e.focusInput()}}),Object.defineProperty(e,"highlightFirstSelectedOption",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.state.selectedOptions;t.length>0?e.itemList.setHighlightedIndex(t[0].index):e.itemList.moveHighlightedIndex(1,{contain:!0})}}),Object.defineProperty(e,"highlightLastSelectedOption",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.state.selectedOptions;t.length>0?e.itemList.setHighlightedIndex(t[Math.max(0,t.length-1)].index):e.itemList.moveHighlightedIndex(-1,{contain:!0})}}),Object.defineProperty(e,"focusInput",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.input&&(e.contextValue.canSelectOption.current=!1,e.setState({isPopoverVisible:!1}),e.canCallFocus=!1,e.input.focus(),e.canCallFocus=!0)}}),e}return e(d,l),Object.defineProperty(d.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.mounted=!0,"undefined"!=typeof document&&document.addEventListener("mouseup",this.clearUserSelectStyle),this.setSelectedOptions()}}),Object.defineProperty(d.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.isControlled()&&this.setSelectedOptions()}}),Object.defineProperty(d.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.mounted=!1,"undefined"!=typeof document&&(document.removeEventListener("mouseup",this.clearUserSelectStyle),this.clearUserSelectStyle())}}),Object.defineProperty(d.prototype,"isControlled",{enumerable:!1,configurable:!0,writable:!0,value:function(){return void 0!==this.props.value}}),Object.defineProperty(d.prototype,"setSelectedOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.options?I(this.props.options):this.props.children,t=x(e,this.getSelected);h(this.state.selectedOptions.map(function(e){return e.value}),t.map(function(e){return e.value}))&&r(this.state.selectedOptions.map(function(e){return e.children}),t.map(function(e){return e.children}))||this.setState({selectedOptions:t})}}),Object.defineProperty(d.prototype,"getSortedSelectedOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return t([],this.state.selectedOptions,!0).sort(function(t,n){return g(e,t.value)-g(e,n.value)})}}),Object.defineProperty(d.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props,r=t.children;t.defaultValue;var l=t.disabled;t.emptyValue;var d=t.innerRef;t.defaultOpen;var b=t.keepInView,v=t.lockScrollWhileOpen,g=t.matchWidths,h=t.multiple;t.name;var y=t.onBlur;t.onChange,t.onClick;var P=t.onFocus,w=t.onKeyDown,j=t.onMouseDown,V=t.onMouseUp,x=t.options,L=t.placement,k=t.popoverProps,D=t.renderTo;t.renderValue;var F=t.tooltip;t.value;var U=n(t,["children","defaultValue","disabled","emptyValue","innerRef","defaultOpen","keepInView","lockScrollWhileOpen","matchWidths","multiple","name","onBlur","onChange","onClick","onFocus","onKeyDown","onMouseDown","onMouseUp","options","placement","popoverProps","renderTo","renderValue","tooltip","value"]),H=this.state,T=H.isPopoverOpen,B=H.isPopoverVisible;return i.createElement(S.Provider,{value:this.contextValue},i.createElement(a,{onBlur:this.closePopover},function(t){var n=t.requestBlur,a=t.setRef;return i.createElement(p,{ref:function(t){e.itemList=t},selected:e.getSelected,onSelect:e.handleSelect},function(t){var p=t.getItemByText,S=t.getHighlightedIndex,H=t.moveHighlightedIndex,M=t.selectHighlightedItem,W=t.setHighlightedIndex,R=t.selectItemByIndex,K=t.stringSearch;return i.createElement(f,o({},k,{ref:function(t){e.popover=t},innerRef:function(t){a("".concat(e.id,"-popover"))(t)},as:E,tabIndex:-1,"aria-labelledby":e.id,"aria-multiselectable":h,role:"listbox",display:B?void 0:"none",minWidth:16,padding:0,elevation:2,matchWidths:g,lockScrollWhileOpen:!!B&&v,keepInView:b,placement:L,renderTo:D,open:T,onRequestClose:function(){return e.setState({isPopoverVisible:!1})},onBlur:n,onKeyDown:function(t){switch(t.key){case"ArrowUp":t.preventDefault(),B?H(-1,{contain:!0}):(e.openPopover(!0),setTimeout(function(){e.highlightLastSelectedOption()}));break;case"ArrowDown":t.preventDefault(),B?H(1,{contain:!0}):(e.openPopover(!0),setTimeout(function(){e.highlightFirstSelectedOption()}));break;case"Enter":B&&(t.preventDefault(),M());break;case"Escape":T&&!B&&(t.preventDefault(),e.closePopover());break;case" ":t.preventDefault(),null===S()?(e.togglePopover(),setTimeout(function(){e.highlightFirstSelectedOption()})):B?M():e.openPopover(!0);break;default:K(t).then(function(e){var t=p(e);t&&(B?W(t.props.index):R(t.props.index))})}},anchorElement:function(t){var r=l?{}:{onBlur:function(e){n(e),y&&y(e)},onFocus:function(t){e.canCallFocus&&e.openPopover(!1),P&&P(t)},onKeyDown:function(e){t.onKeyDown(e),w&&w(e)},onMouseDown:function(t){0===t.button&&(e.addUserSelectStyle(),e.canCallFocus=!1,e.togglePopover()),j&&j(t)},onMouseUp:function(t){e.canCallFocus=!0,V&&V(t)}};return i.createElement(s,null,function(n){var p=n.getHighlightedItemId;return i.createElement(m,o({triggerOnHover:!B,triggerOnFocus:!B},F),i.createElement(c.InputBox,o({innerRef:function(n){t.innerRef&&O(t.innerRef,n),e.input=n,a("".concat(e.id,"-button"))(n),d&&d(n)},id:e.id,tabIndex:0,role:"combobox",disabled:l,"aria-disabled":l,"aria-haspopup":B,"aria-expanded":B,"aria-activedescendant":p(),cursor:"pointer",userSelect:"none",touchAction:"manipulation",focusChildrenOnFocus:!1,renderRight:i.createElement(u,{name:B?"general.upCaret":"general.downCaret"})},U,r),e.getValue(),e.getHiddenInputValues()))})}}),C(x?I(x):r))})}))}}),Object.defineProperty(d,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:P}),Object.defineProperty(d,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{defaultOpen:!1,emptyValue:i.createElement(k,null,"Select an item"),lockScrollWhileOpen:!0,matchWidths:"minimum",renderValue:function(e){return i.createElement(k,null,y(e.map(function(e){return e.children})))}}}),d}(l);D.Inline=w,D.Option=j,D.OptionGroup=V,D.Value=k,D.toggleValue=L;export{D as default};
 //# sourceMappingURL=Select.js.map

package/dist/Select/Value.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
+/**
+ * @deprecated Use `Select` from `@planningcenter/tapestry` instead.
+ */
 declare function Value(props: any): React.JSX.Element;
 declare namespace Value {
     var displayName: string;

package/dist/Select/Value.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../src/Select/Value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,iBAAS,KAAK,CAAC,KAAK,KAAA,qBAanB;kBAbQ,KAAK;;;AAiBd,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../src/Select/Value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB;;GAEG;AACH,iBAAS,KAAK,CAAC,KAAK,KAAA,qBAanB;kBAbQ,KAAK;;;AAiBd,eAAe,KAAK,CAAA"}

package/dist/Select/utils.js

@@ -1,2 +1,2 @@
-import{__spreadArray as e}from'./../ext/tslib/tslib.es6.js';import r,{Children as t,isValidElement as n,cloneElement as o}from"react";import{Box as p}from"../Box/Box.js";import i from"../Menu/Menu.js";import{shallowEqual as u}from"../utils.js";import{OPTIONGROUP_DISPLAY_NAME as a,OPTION_DISPLAY_NAME as l}from"./constants.js";import c from"./Option.js";import m from"./OptionGroup.js";function s(e,r){var o=[],p=-1;function i(e){var t=function(e){return p++,!!r(e.props.value)&&{children:"function"==typeof e.props.children?e.props.children():e.props.children,index:p,text:e.props.text,value:e.props.value}}(e);t&&o.push(t)}return t.toArray(e).forEach((function(e){n(e)&&(e.type.displayName===a&&t.toArray(e.props.children).filter(n).forEach((function(e){e.type.displayName===l&&i(e)})),e.type.displayName===l&&i(e))})),o}function f(e){var n=-1;function u(e){return n++,o(e,{index:n})}return t.map(e,(function(e){if(e){if(e.type.displayName===a)return r.createElement(p,null,r.createElement(i.Heading,null,e.props.title),t.map(e.props.children,u));if(e.type.displayName===l)return u(e)}return e}))}function d(e){return e.map((function(e,t){return e.optgroup?r.createElement(m,{title:e.label,key:t},e.optgroup.map((function(e,n){return r.createElement(c,{value:e.value,key:"".concat(t,"-").concat(n)},e.label)}))):r.createElement(c,{value:e.value,key:t},e.label)}))}function y(r,t){var n=!1,o=r.reduce((function(r,o){return u(t,o)?(n=!0,r):e(e([],r,!0),[o],!1)}),[]);return n||o.push(t),o}export{s as getSelectedOptions,d as optionsToElements,f as renderOptions,y as toggleValue};
+import{__spreadArray as e}from'./../ext/tslib/tslib.es6.js';import r,{Children as t,isValidElement as n,cloneElement as o}from"react";import{Box as p}from"../Box/Box.js";import i from"../Menu/Menu.js";import{shallowEqual as u}from"../utils.js";import{OPTIONGROUP_DISPLAY_NAME as a,OPTION_DISPLAY_NAME as l}from"./constants.js";import c from"./Option.js";import m from"./OptionGroup.js";function s(e,r){var o=[],p=-1;function i(e){var t=function(e){return p++,!!r(e.props.value)&&{children:"function"==typeof e.props.children?e.props.children():e.props.children,index:p,text:e.props.text,value:e.props.value}}(e);t&&o.push(t)}return t.toArray(e).forEach(function(e){n(e)&&(e.type.displayName===a&&t.toArray(e.props.children).filter(n).forEach(function(e){e.type.displayName===l&&i(e)}),e.type.displayName===l&&i(e))}),o}function f(e){var n=-1;function u(e){return n++,o(e,{index:n})}return t.map(e,function(e){if(e){if(e.type.displayName===a)return r.createElement(p,null,r.createElement(i.Heading,null,e.props.title),t.map(e.props.children,u));if(e.type.displayName===l)return u(e)}return e})}function d(e){return e.map(function(e,t){return e.optgroup?r.createElement(m,{title:e.label,key:t},e.optgroup.map(function(e,n){return r.createElement(c,{value:e.value,key:"".concat(t,"-").concat(n)},e.label)})):r.createElement(c,{value:e.value,key:t},e.label)})}function y(r,t){var n=!1,o=r.reduce(function(r,o){return u(t,o)?(n=!0,r):e(e([],r,!0),[o],!1)},[]);return n||o.push(t),o}export{s as getSelectedOptions,d as optionsToElements,f as renderOptions,y as toggleValue};
 //# sourceMappingURL=utils.js.map

package/dist/Sidebar/Sidebar.js

@@ -1,2 +1,2 @@
-import{__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import{jsx as r}from"@emotion/react";import{Children as e,isValidElement as s}from"react";import i from"react-sticky-box";import{StackView as m}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import a from"../system/css.js";import"../system/default-theme.js";import"@planningcenter/tapestry";import"lodash/get";import"lodash/includes";import"../system/style-names.js";import"../system/cxs.js";import p from"./SidebarItem.js";import n from"./SidebarList.js";var c=a({display:"flex",flexDirection:"column"});function l(a){var p=a.children,n=t(a,["children"]);return r(m,o({grow:1,paddingTop:2,boxShadow:"inset -8px 0px 8px -8px rgba(150, 150, 150, 0.25)",backgroundColor:"surfaceTertiary"},n),r(i,{css:c},e.map(p,(function(t){return s(t)&&t.type!==l.List&&t.type!==l.Item&&console.warn("Invalid component nesting. ".concat(t.type," cannot appear as a child of <Sidebar>. Only <Sidebar.List/> or <Sidebar.Item/> may be used.")),t}))))}l.List=n,l.Item=p;export{l as default};
+import{__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import{jsx as r}from"@emotion/react";import{Children as e,isValidElement as s}from"react";import i from"react-sticky-box";import{StackView as m}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import a from"../system/css.js";import"../system/default-theme.js";import"@planningcenter/tapestry";import"lodash/get";import"lodash/includes";import"../system/style-names.js";import"../system/cxs.js";import p from"./SidebarItem.js";import n from"./SidebarList.js";var c=a({display:"flex",flexDirection:"column"});function l(a){var p=a.children,n=t(a,["children"]);return r(m,o({grow:1,paddingTop:2,boxShadow:"inset -8px 0px 8px -8px rgba(150, 150, 150, 0.25)",backgroundColor:"surfaceTertiary"},n),r(i,{css:c},e.map(p,function(t){return s(t)&&t.type!==l.List&&t.type!==l.Item&&console.warn("Invalid component nesting. ".concat(t.type," cannot appear as a child of <Sidebar>. Only <Sidebar.List/> or <Sidebar.Item/> may be used.")),t})))}l.List=n,l.Item=p;export{l as default};
 //# sourceMappingURL=Sidebar.js.map

package/dist/Sortable/SortableItem.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import{token as o}from"@planningcenter/tapestry";import n from"react";import{Box as t}from"../Box/Box.js";import a from"../DragDrop/DragDrop.js";import i from"../Icon/Icon.js";import{List as m}from"../List/List.js";import{SORTABLE_TYPE as s}from"./constants.js";var d="SortableItem";function l(d){var l=d.children,g=d.disabled,p=d.id,c=d.index;d.isDraggingOver;var f=d.onRemoveRequest,b=d.readOnly,u=e(d,["children","disabled","id","index","isDraggingOver","onRemoveRequest","readOnly"]);return n.createElement(a.Draggable,{type:s,draggableId:p,isDragDisabled:g||b,index:c},(function(e){return n.createElement(m.Item,r({innerRef:e.innerRef,onRemoveRequest:f},u,e.draggableProps),!b&&n.createElement(t,r({},e.dragHandleProps,{marginRight:1}),n.createElement(i,{name:"general.dragHandle",size:"sm",color:o("--t-icon-color-dim")})),l)}))}l.displayName=d;export{d as SORTABLE_ITEM_DISPLAY_NAME,l as default};
+import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import{token as o}from"@planningcenter/tapestry";import n from"react";import{Box as t}from"../Box/Box.js";import a from"../DragDrop/DragDrop.js";import i from"../Icon/Icon.js";import{List as m}from"../List/List.js";import{SORTABLE_TYPE as s}from"./constants.js";var d="SortableItem";function l(d){var l=d.children,g=d.disabled,p=d.id,c=d.index;d.isDraggingOver;var f=d.onRemoveRequest,b=d.readOnly,u=e(d,["children","disabled","id","index","isDraggingOver","onRemoveRequest","readOnly"]);return n.createElement(a.Draggable,{type:s,draggableId:p,isDragDisabled:g||b,index:c},function(e){return n.createElement(m.Item,r({innerRef:e.innerRef,onRemoveRequest:f},u,e.draggableProps),!b&&n.createElement(t,r({},e.dragHandleProps,{marginRight:1}),n.createElement(i,{name:"general.dragHandle",size:"sm",color:o("--t-icon-color-dim")})),l)})}l.displayName=d;export{d as SORTABLE_ITEM_DISPLAY_NAME,l as default};
 //# sourceMappingURL=SortableItem.js.map

package/dist/Sortable/SortableList.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import{token as o}from"@planningcenter/tapestry";import t,{Children as i}from"react";import{Box as n}from"../Box/Box.js";import a from"../DragDrop/DragDrop.js";import{GridView as p}from"../GridView/GridView.js";import s from"../HeadingUppercase/HeadingUppercase.js";import{cloneChildren as m}from"../utils.js";import{SORTABLE_TYPE as d}from"./constants.js";import l from"./SortableEmpty.js";import{SORTABLE_ITEM_DISPLAY_NAME as c}from"./SortableItem.js";function u(u){var g=u.children,f=u.disabled,b=u.emptyText,v=u.id,R=u.onItemRemoveRequest,D=u.title,x=u.readOnly,y=e(u,["children","disabled","emptyText","id","onItemRemoveRequest","title","readOnly"]),j=i.count(g);return t.createElement(n,r({},y),D&&t.createElement(s,{padding:1,backgroundColor:o("--t-surface-color-canvas"),borderBottomWidth:1,borderBottomColor:o("--t-border-color")},D),t.createElement(a.Droppable,{type:d,isDropDisabled:f||x,droppableId:v},(function(e,i){return t.createElement(p,r({innerRef:e.innerRef,minHeight:5,backgroundColor:o("--t-surface-color-canvas"),position:"relative",css:b&&j<=0?{"[data-rbd-placeholder-context-id]":{column:1,row:1}}:void 0},e.droppableProps),b&&j<=0&&t.createElement(l,{emptyText:b,isDraggingOver:i.isDraggingOver}),m(g,(function(e,r){var t=r.index,n={pointerEvents:i.isDraggingOver?"none":void 0};return 0!==t&&(n.borderTopWidth=1,n.borderTopColor=o("--t-border-color")),e&&e.type.displayName===c&&(n.index=t,x||i.isDraggingOver||!R&&!e.props.onRemoveRequest||(n.onRemoveRequest=function(r){var o={id:v,index:t};R&&R(o,r),e.props.onRemoveRequest&&e.props.onRemoveRequest(o,r)})),n})),e.placeholder)})))}export{u as default};
+import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import{token as o}from"@planningcenter/tapestry";import t,{Children as i}from"react";import{Box as n}from"../Box/Box.js";import a from"../DragDrop/DragDrop.js";import{GridView as p}from"../GridView/GridView.js";import s from"../HeadingUppercase/HeadingUppercase.js";import{cloneChildren as m}from"../utils.js";import{SORTABLE_TYPE as d}from"./constants.js";import l from"./SortableEmpty.js";import{SORTABLE_ITEM_DISPLAY_NAME as c}from"./SortableItem.js";function u(u){var g=u.children,f=u.disabled,b=u.emptyText,v=u.id,R=u.onItemRemoveRequest,D=u.title,x=u.readOnly,y=e(u,["children","disabled","emptyText","id","onItemRemoveRequest","title","readOnly"]),j=i.count(g);return t.createElement(n,r({},y),D&&t.createElement(s,{padding:1,backgroundColor:o("--t-surface-color-canvas"),borderBottomWidth:1,borderBottomColor:o("--t-border-color")},D),t.createElement(a.Droppable,{type:d,isDropDisabled:f||x,droppableId:v},function(e,i){return t.createElement(p,r({innerRef:e.innerRef,minHeight:5,backgroundColor:o("--t-surface-color-canvas"),position:"relative",css:b&&j<=0?{"[data-rbd-placeholder-context-id]":{column:1,row:1}}:void 0},e.droppableProps),b&&j<=0&&t.createElement(l,{emptyText:b,isDraggingOver:i.isDraggingOver}),m(g,function(e,r){var t=r.index,n={pointerEvents:i.isDraggingOver?"none":void 0};return 0!==t&&(n.borderTopWidth=1,n.borderTopColor=o("--t-border-color")),e&&e.type.displayName===c&&(n.index=t,x||i.isDraggingOver||!R&&!e.props.onRemoveRequest||(n.onRemoveRequest=function(r){var o={id:v,index:t};R&&R(o,r),e.props.onRemoveRequest&&e.props.onRemoveRequest(o,r)})),n}),e.placeholder)}))}export{u as default};
 //# sourceMappingURL=SortableList.js.map

package/dist/StackView/StackView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackView.d.ts","sourceRoot":"","sources":["../../src/StackView/StackView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAI1C,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAI1E,QAAA,MAAM,QAAQ,YAAsB,CAAA;AACpC,QAAA,MAAM,MAAM,UAAoB,CAAA;AAChC,QAAA,MAAM,GAAG,OAAiB,CAAA;AAC1B,QAAA,MAAM,IAAI,QAAkB,CAAA;AAC5B,QAAA,MAAM,UAAU,cAAwB,CAAA;AACxC,QAAA,MAAM,YAAY,gBAA0B,CAAA;AAC5C,QAAA,MAAM,aAAa,iBAA2B,CAAA;AAC9C,QAAA,MAAM,KAAK,SAAmB,CAAA;AAC9B,QAAA,MAAM,OAAO,WAAqB,CAAA;AAClC,QAAA,MAAM,QAAQ,YAAsB,CAAA;AAuBpC,MAAM,WAAW,oBAAqB,SAAQ,UAAU;IACtD,6EAA6E;IAC7E,SAAS,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAA;IAEpC,kDAAkD;IAClD,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAEhC,wDAAwD;IACxD,YAAY,CAAC,EACT,OAAO,GACP,QAAQ,GACR,KAAK,GACL,MAAM,GACN,eAAe,GACf,cAAc,CAAA;IAElB,sFAAsF;IACtF,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAA;IAEnB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IAErC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AACD,KAAK,4CAA4C,CAAC,CAAC,SAAS,EAAE,IAAI,OAAO,CACvE,CAAC,EACD,oBAAoB,CACrB,CAAA;AACD,MAAM,MAAM,cAAc,CACxB,CAAC,SAAS,EAAE,GAAG,KAAK,IAClB,4CAA4C,CAAC,CAAC,CAAC,GACjD,YAAY,CAAC,4CAA4C,CAAC,CAAC,CAAC,CAAC,GAC7D,QAAQ,CAAC,4CAA4C,CAAC,CAAC,CAAC,CAAC,CAAA;AAI3D,eAAO,MAAM,SAAS;;;;;;;;;;;;CA2BrB,CAAA;AAaD,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,CAAE,SAAQ,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IAC5E,QAAQ,EAAE,OAAO,QAAQ,CAAA;IACzB,MAAM,EAAE,OAAO,MAAM,CAAA;IACrB,GAAG,EAAE,OAAO,GAAG,CAAA;IACf,IAAI,EAAE,OAAO,IAAI,CAAA;IACjB,UAAU,EAAE,OAAO,UAAU,CAAA;IAC7B,aAAa,EAAE,OAAO,aAAa,CAAA;IACnC,YAAY,EAAE,OAAO,YAAY,CAAA;IACjC,KAAK,EAAE,OAAO,KAAK,CAAA;IACnB,OAAO,EAAE,OAAO,OAAO,CAAA;IACvB,QAAQ,EAAE,OAAO,QAAQ,CAAA;CAC1B"}
+{"version":3,"file":"StackView.d.ts","sourceRoot":"","sources":["../../src/StackView/StackView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAI1C,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAI1E,QAAA,MAAM,QAAQ,YAAsB,CAAA;AACpC,QAAA,MAAM,MAAM,UAAoB,CAAA;AAChC,QAAA,MAAM,GAAG,OAAiB,CAAA;AAC1B,QAAA,MAAM,IAAI,QAAkB,CAAA;AAC5B,QAAA,MAAM,UAAU,cAAwB,CAAA;AACxC,QAAA,MAAM,YAAY,gBAA0B,CAAA;AAC5C,QAAA,MAAM,aAAa,iBAA2B,CAAA;AAC9C,QAAA,MAAM,KAAK,SAAmB,CAAA;AAC9B,QAAA,MAAM,OAAO,WAAqB,CAAA;AAClC,QAAA,MAAM,QAAQ,YAAsB,CAAA;AAuBpC,MAAM,WAAW,oBAAqB,SAAQ,UAAU;IACtD,6EAA6E;IAC7E,SAAS,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAA;IAEpC,kDAAkD;IAClD,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAEhC,wDAAwD;IACxD,YAAY,CAAC,EACT,OAAO,GACP,QAAQ,GACR,KAAK,GACL,MAAM,GACN,eAAe,GACf,cAAc,CAAA;IAElB,sFAAsF;IACtF,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAA;IAEnB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IAErC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AACD,KAAK,4CAA4C,CAAC,CAAC,SAAS,EAAE,IAAI,OAAO,CACvE,CAAC,EACD,oBAAoB,CACrB,CAAA;AACD,MAAM,MAAM,cAAc,CACxB,CAAC,SAAS,EAAE,GAAG,KAAK,IAClB,4CAA4C,CAAC,CAAC,CAAC,GACjD,YAAY,CAAC,4CAA4C,CAAC,CAAC,CAAC,CAAC,GAC7D,QAAQ,CAAC,4CAA4C,CAAC,CAAC,CAAC,CAAC,CAAA;AAI3D,eAAO,MAAM,SAAS;yEAMnB,eAAe,CAAC,CAAC;;;;;;;;;;;CAqBnB,CAAA;AAaD,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,CAAE,SAAQ,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IAC5E,QAAQ,EAAE,OAAO,QAAQ,CAAA;IACzB,MAAM,EAAE,OAAO,MAAM,CAAA;IACrB,GAAG,EAAE,OAAO,GAAG,CAAA;IACf,IAAI,EAAE,OAAO,IAAI,CAAA;IACjB,UAAU,EAAE,OAAO,UAAU,CAAA;IAC7B,aAAa,EAAE,OAAO,aAAa,CAAA;IACnC,YAAY,EAAE,OAAO,YAAY,CAAA;IACjC,KAAK,EAAE,OAAO,KAAK,CAAA;IACnB,OAAO,EAAE,OAAO,OAAO,CAAA;IACvB,QAAQ,EAAE,OAAO,QAAQ,CAAA;CAC1B"}

package/dist/StepperProgress/Step.js

@@ -1,2 +1,2 @@
-import t,{useContext as e,useState as o,useLayoutEffect as r}from"react";import{Box as i}from"../Box/Box.js";import{StackView as a}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{spacingValue as n}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";import s from"./Context.js";var c=1.5,l="separatorSecondary";function m(){var o=e(s),r=o.active,a=o.activeColor;return t.createElement(i,{position:"absolute",width:"100%",height:"3px",x:"calc(-100% + ".concat(n(c/2),")"),y:"4.5px",backgroundColor:l,zIndex:0},t.createElement(i,{width:"100%",height:"100%",backgroundColor:a,transformOrigin:"left center",transition:"transform 280ms ease-out",style:{transform:"scaleX(".concat(r?1:0)}}))}function u(a){var n=e(s),u=void 0===a.active?n.active:a.active,d=void 0===a.activeColor?n.activeColor:a.activeColor,p=o("0ms"),v=p[0],f=p[1];return r((function(){f(!0===u?"0ms":"280ms")}),[u]),t.createElement(i,null,n.includeLine&&t.createElement(m,null),t.createElement(i,{width:c,height:c,radius:"circle",backgroundColor:u?d:l,position:"relative",zIndex:1,transition:"background-color 280ms ease-out",transitionDelay:v}))}function d(e){var o=e.active,r=e.activeColor,i=e.renderStart,n=e.renderEnd;return t.createElement(a,{alignment:"center",position:"relative"},i,t.createElement(u,{active:o,activeColor:r}),n)}export{d as default};
+import t,{useContext as e,useState as o,useLayoutEffect as r}from"react";import{Box as i}from"../Box/Box.js";import{StackView as a}from"../StackView/StackView.js";import"../system/colors/colors.js";import'./../ext/tslib/tslib.es6.js';import"polished";import"../utils.js";import"lodash/includes";import{spacingValue as n}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";import s from"./Context.js";var c="separatorSecondary";function l(){var o=e(s),r=o.active,a=o.activeColor;return t.createElement(i,{position:"absolute",width:"100%",height:"3px",x:"calc(-100% + ".concat(n(.75),")"),y:"4.5px",backgroundColor:c,zIndex:0},t.createElement(i,{width:"100%",height:"100%",backgroundColor:a,transformOrigin:"left center",transition:"transform 280ms ease-out",style:{transform:"scaleX(".concat(r?1:0)}}))}function m(a){var n=e(s),m=void 0===a.active?n.active:a.active,d=void 0===a.activeColor?n.activeColor:a.activeColor,u=o("0ms"),p=u[0],v=u[1];return r(function(){v(!0===m?"0ms":"280ms")},[m]),t.createElement(i,null,n.includeLine&&t.createElement(l,null),t.createElement(i,{width:1.5,height:1.5,radius:"circle",backgroundColor:m?d:c,position:"relative",zIndex:1,transition:"background-color 280ms ease-out",transitionDelay:p}))}function d(e){var o=e.active,r=e.activeColor,i=e.renderStart,n=e.renderEnd;return t.createElement(a,{alignment:"center",position:"relative"},i,t.createElement(m,{active:o,activeColor:r}),n)}export{d as default};
 //# sourceMappingURL=Step.js.map

package/dist/StepperProgress/StepperProgress.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import r,{Children as o}from"react";import{GridView as i}from"../GridView/GridView.js";import{useThemeProps as m}from"../system/utils.js";import n from"./Context.js";import l from"./Step.js";function a(l){var a=l.activeStepIndex,s=l.children,c=e(l,["activeStepIndex","children"]),p=m("stepperProgress",c),u=p.activeColor,d=void 0===u?"primary-light":u,f=e(p,["activeColor"]);return r.createElement(i,t({autoFlow:"column",autoColumns:"1fr",alignment:"center"},f),o.map(s,(function(e,t){return r.createElement(n.Provider,{key:t,value:{active:t<=a,activeColor:d,includeLine:t>0}},e)})))}a.Step=l;export{a as default};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import r,{Children as o}from"react";import{GridView as i}from"../GridView/GridView.js";import{useThemeProps as m}from"../system/utils.js";import n from"./Context.js";import l from"./Step.js";function a(l){var a=l.activeStepIndex,s=l.children,c=e(l,["activeStepIndex","children"]),p=m("stepperProgress",c),u=p.activeColor,d=void 0===u?"primary-light":u,f=e(p,["activeColor"]);return r.createElement(i,t({autoFlow:"column",autoColumns:"1fr",alignment:"center"},f),o.map(s,function(e,t){return r.createElement(n.Provider,{key:t,value:{active:t<=a,activeColor:d,includeLine:t>0}},e)}))}a.Step=l;export{a as default};
 //# sourceMappingURL=StepperProgress.js.map

package/dist/TabNav/TabNav.js

@@ -1,2 +1,2 @@
-import{__assign as o}from'./../ext/tslib/tslib.es6.js';import r from"react";import{designTokens as t}from"../designTokens/index.js";import"mousetrap";import"../hooks/use-measure.js";import{useMediaQuery as e}from"../hooks/use-media-query.js";import{StackView as a}from"../StackView/StackView.js";import{useThemeValue as i,convertToBaseUnit as s}from"../system/utils.js";import{Tab as d}from"./Tab.js";var m=t.tabNav,n=m.desktop,l=m.mobile,p=function(t){var m=t.selectedTabBackgroundColor,p=void 0===m?n.selectedTabBackgroundColor:m,b=t.tabs,c=e("(max-width: 600px)"),u={paddingHorizontal:s(n.paddingX),spacing:s(n.spacing)},g={backgroundColor:l.backgroundColor,borderBottomColor:l.borderBottomColor,borderBottomStyle:l.borderBottomStyle,borderBottomWidth:l.borderBottomWidth,paddingHorizontal:s(l.paddingX),spacing:s(l.spacing)},k=i("tabNav");return r.createElement(a,o({axis:"horizontal",overflowX:"auto",role:"tablist",spacing:2.5,width:"100%"},c?g:u,k),b.map((function(t,e){return r.createElement(d,o({key:e,isMobile:c,selectedTabBackgroundColor:p},t))})))};export{p as TabNav};
+import{__assign as o}from'./../ext/tslib/tslib.es6.js';import r from"react";import{designTokens as t}from"../designTokens/index.js";import"mousetrap";import"../hooks/use-measure.js";import{useMediaQuery as e}from"../hooks/use-media-query.js";import{StackView as a}from"../StackView/StackView.js";import{useThemeValue as i,convertToBaseUnit as s}from"../system/utils.js";import{Tab as d}from"./Tab.js";var m=t.tabNav,n=m.desktop,l=m.mobile,p=function(t){var m=t.selectedTabBackgroundColor,p=void 0===m?n.selectedTabBackgroundColor:m,b=t.tabs,c=e("(max-width: 600px)"),u={paddingHorizontal:s(n.paddingX),spacing:s(n.spacing)},g={backgroundColor:l.backgroundColor,borderBottomColor:l.borderBottomColor,borderBottomStyle:l.borderBottomStyle,borderBottomWidth:l.borderBottomWidth,paddingHorizontal:s(l.paddingX),spacing:s(l.spacing)},k=i("tabNav");return r.createElement(a,o({axis:"horizontal",overflowX:"auto",role:"tablist",spacing:2.5,width:"100%"},c?g:u,k),b.map(function(t,e){return r.createElement(d,o({key:e,isMobile:c,selectedTabBackgroundColor:p},t))}))};export{p as TabNav};
 //# sourceMappingURL=TabNav.js.map

package/dist/Table/AnimateScroll.js

@@ -1,2 +1,2 @@
-import{__extends as e}from'./../ext/tslib/tslib.es6.js';import{PureComponent as r}from"react";import l from"stylefire";import o from"tiny-spring";var t=function(r){function t(){var e=null!==r&&r.apply(this,arguments)||this;return Object.defineProperty(e,"scroller",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"setRef",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.scroller||(e.scroller=l(r))}}),Object.defineProperty(e,"setScroll",{enumerable:!0,configurable:!0,writable:!0,value:function(r,l){var t=o(e.scroller.get(r),{damping:50,stiffness:500});t.onUpdate((function(l){var o;return e.scroller.set(((o={})[r]=l,o))})),t.transitionTo(l)}}),Object.defineProperty(e,"setScrollX",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.setScroll("scrollLeft",r)}}),Object.defineProperty(e,"setScrollY",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.setScroll("scrollTop",r)}}),Object.defineProperty(e,"moveScroll",{enumerable:!0,configurable:!0,writable:!0,value:function(r,l){e.setScroll(r,e.scroller.get(r)+l)}}),Object.defineProperty(e,"moveScrollX",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.moveScroll("scrollLeft",r)}}),Object.defineProperty(e,"moveScrollY",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.moveScroll("scrollTop",r)}}),e}return e(t,r),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.scroller||(this.scroller=l(window))}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return this.props.children({moveScrollX:this.moveScrollX,moveScrollY:this.moveScrollY,ref:this.setRef,setScrollX:this.setScrollX,setScrollY:this.setScrollY})}}),t}(r);export{t as default};
+import{__extends as e}from'./../ext/tslib/tslib.es6.js';import{PureComponent as r}from"react";import l from"stylefire";import o from"tiny-spring";var t=function(r){function t(){var e=null!==r&&r.apply(this,arguments)||this;return Object.defineProperty(e,"scroller",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"setRef",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.scroller||(e.scroller=l(r))}}),Object.defineProperty(e,"setScroll",{enumerable:!0,configurable:!0,writable:!0,value:function(r,l){var t=o(e.scroller.get(r),{damping:50,stiffness:500});t.onUpdate(function(l){var o;return e.scroller.set(((o={})[r]=l,o))}),t.transitionTo(l)}}),Object.defineProperty(e,"setScrollX",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.setScroll("scrollLeft",r)}}),Object.defineProperty(e,"setScrollY",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.setScroll("scrollTop",r)}}),Object.defineProperty(e,"moveScroll",{enumerable:!0,configurable:!0,writable:!0,value:function(r,l){e.setScroll(r,e.scroller.get(r)+l)}}),Object.defineProperty(e,"moveScrollX",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.moveScroll("scrollLeft",r)}}),Object.defineProperty(e,"moveScrollY",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.moveScroll("scrollTop",r)}}),e}return e(t,r),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.scroller||(this.scroller=l(window))}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return this.props.children({moveScrollX:this.moveScrollX,moveScrollY:this.moveScrollY,ref:this.setRef,setScrollX:this.setScrollX,setScrollY:this.setScrollY})}}),t}(r);export{t as default};
 //# sourceMappingURL=AnimateScroll.js.map

package/dist/Table/BodyRow.js

@@ -1,2 +1,2 @@
-import{__rest as r,__assign as o}from'./../ext/tslib/tslib.es6.js';import e from"react";import t from"../DragDrop/DragDrop.js";import{useHover as n}from"../hooks/use-hover.js";import{useKeyboardShortcuts as s}from"../hooks/use-keyboard-shortcuts.js";import"../hooks/use-measure.js";import{StackView as a}from"../StackView/StackView.js";import{composeMultipleEvents as i}from"../utils.js";var d=function(d){var u=d.children,m=d.keyboardShortcuts,l=d.row,c=d.rowIndex,p=d.onRowSort,b=r(d,["children","keyboardShortcuts","row","rowIndex","onRowSort"]),f=n(),h=f.hover,g=f.hoverProps,w=s(m,{row:l,rowIndex:c}),k=w.bindKeyboardShortcuts,S=w.unbindKeyboardShortcuts,j=function(r){return e.createElement(a,o({innerRef:r.innerRef,role:"row",axis:"horizontal",borderColor:"grey-3",backgroundColor:"surface"},b,r.draggableProps,i({onMouseEnter:k,onMouseLeave:S},g)),u({dragHandleProps:r.dragHandleProps,isRowHovered:h}))};return p?e.createElement(t.Draggable,{draggableId:c.toString(),index:c},(function(r){return j(r)})):j({})};export{d as default};
+import{__rest as r,__assign as o}from'./../ext/tslib/tslib.es6.js';import e from"react";import t from"../DragDrop/DragDrop.js";import{useHover as n}from"../hooks/use-hover.js";import{useKeyboardShortcuts as s}from"../hooks/use-keyboard-shortcuts.js";import"../hooks/use-measure.js";import{StackView as a}from"../StackView/StackView.js";import{composeMultipleEvents as i}from"../utils.js";var d=function(d){var u=d.children,m=d.keyboardShortcuts,l=d.row,c=d.rowIndex,p=d.onRowSort,b=r(d,["children","keyboardShortcuts","row","rowIndex","onRowSort"]),f=n(),h=f.hover,g=f.hoverProps,w=s(m,{row:l,rowIndex:c}),k=w.bindKeyboardShortcuts,S=w.unbindKeyboardShortcuts,j=function(r){return e.createElement(a,o({innerRef:r.innerRef,role:"row",axis:"horizontal",borderColor:"grey-3",backgroundColor:"surface"},b,r.draggableProps,i({onMouseEnter:k,onMouseLeave:S},g)),u({dragHandleProps:r.dragHandleProps,isRowHovered:h}))};return p?e.createElement(t.Draggable,{draggableId:c.toString(),index:c},function(r){return j(r)}):j({})};export{d as default};
 //# sourceMappingURL=BodyRow.js.map

package/dist/Table/ColumnPicker.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as n,__spreadArray as t}from'./../ext/tslib/tslib.es6.js';import o from"react";import l from"../Checkbox/Checkbox.js";import r from"../Dropdown/Dropdown.js";import{Text as i}from"../Text/Text.js";var a=function(){return null};function m(m){var d=m.columns,c=void 0===d?[]:d,u=m.hiddenColumnIds,s=void 0===u?[]:u,f=m.onChange,h=void 0===f?a:f,p=e(m,["columns","hiddenColumnIds","onChange"]);return o.createElement(r,n({variant:"outline",icon:{name:"general.threeVerticalBars"},tooltip:{title:"Filter Columns"},placement:"bottom-end",closeOnSelect:!1,onSelect:function(e){var n=t([],s,!0),o=n.indexOf(e);o>-1?n.splice(o,1):n.push(e),h({columnId:e,hiddenColumnIds:n})}},p),c.filter((function(e){return!e.alwaysVisible})).map((function(e){return o.createElement(r.Item,{key:e.id,value:e.id},o.createElement(l,{label:null,checked:-1===s.indexOf(e.id),onChange:a,marginRight:1}),o.createElement(i,null,e.label||e.header))})))}export{m as default};
+import{__rest as e,__assign as n,__spreadArray as t}from'./../ext/tslib/tslib.es6.js';import o from"react";import l from"../Checkbox/Checkbox.js";import r from"../Dropdown/Dropdown.js";import{Text as i}from"../Text/Text.js";var a=function(){return null};function m(m){var d=m.columns,c=void 0===d?[]:d,u=m.hiddenColumnIds,s=void 0===u?[]:u,f=m.onChange,h=void 0===f?a:f,p=e(m,["columns","hiddenColumnIds","onChange"]);return o.createElement(r,n({variant:"outline",icon:{name:"general.threeVerticalBars"},tooltip:{title:"Filter Columns"},placement:"bottom-end",closeOnSelect:!1,onSelect:function(e){var n=t([],s,!0),o=n.indexOf(e);o>-1?n.splice(o,1):n.push(e),h({columnId:e,hiddenColumnIds:n})}},p),c.filter(function(e){return!e.alwaysVisible}).map(function(e){return o.createElement(r.Item,{key:e.id,value:e.id},o.createElement(l,{label:null,checked:-1===s.indexOf(e.id),onChange:a,marginRight:1}),o.createElement(i,null,e.label||e.header))}))}export{m as default};
 //# sourceMappingURL=ColumnPicker.js.map

package/dist/Table/Table.js

@@ -1,2 +1,2 @@
-import{__extends as e,__assign as t,__spreadArray as r,__rest as o}from'./../ext/tslib/tslib.es6.js';import{Global as n}from"@emotion/react";import i from"lodash/camelCase";import l from"lodash/snakeCase";import a,{Children as u,Fragment as c,PureComponent as d}from"react";import{Button as s}from"../Button/Button.js";import m from"../DragDrop/DragDrop.js";import f from"../HeadingUppercase/HeadingUppercase.js";import{useHover as p}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import g from"../Pagination/Pagination.js";import{Spinner as b}from"../Spinner/Spinner.js";import{StackView as h}from"../StackView/StackView.js";import v from"../Summary/Summary.js";import{reorderArray as S,range as w}from"../utils.js";import y from"../vendor/react-measure/Measure.js";import"../vendor/react-measure/Viewport.js";import C from"./AvatarCell.js";import j from"./BodyCell.js";import R from"./BodyInnerCell.js";import P from"./BodyRow.js";import O from"./CheckboxCell.js";import k from"./ColumnPicker.js";import I from"./DateCell.js";import D from"./DragCell.js";import H from"./DragHandle.js";import x from"./HeaderCell.js";import E from"./HeaderInnerCell.js";import A from"./SubRowToggleCell.js";import T from"./TableBase.js";import W from"./TableWrapper.js";var M="undefined"!=typeof window&&window.CSS&&window.CSS.supports;function B(e){var t=e.children,r=p(),o=r.hover;return t({bindHover:r.hoverProps,isHover:o})}var z=function(d){function p(e){var o=d.call(this,e)||this;return Object.defineProperty(o,"handleSortStart",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.setState({isSorting:!0})}}),Object.defineProperty(o,"handleSortEnd",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.source,r=e.destination;o.setState({isSorting:!1}),o.props.onRowSort(S({endIndex:r.index,list:o.props.data,startIndex:t.index}))}}),Object.defineProperty(o,"handleColumnSort",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var r=o.getDefaultSort(o.props);o.setState((function(n){var i=t({},n.currentSort);if(i.columnId===e?i.direction=p.getOppositeSortDirection(i.direction):(i.columnId=e,i.direction=o.props.defaultSortDirection),i.order=o.getSortOrder({columnId:i.columnId,direction:i.direction}),o.props.onColumnSort){var l=i.columnId?i:r;o.props.onColumnSort(l)}return{currentSort:i}}))}}),Object.defineProperty(o,"getBodyCellMouseHandlers",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return o.props.highlightColumnOnHover?{onMouseOut:function(){o.setState({highlightedColumnIndex:null})},onMouseOver:function(){o.setState({highlightedColumnIndex:e})}}:{}}}),Object.defineProperty(o,"isAnySubRowOpen",{enumerable:!0,configurable:!0,writable:!0,value:function(){return o.state.openSubRowIndices.length>0}}),Object.defineProperty(o,"handleSubRowToggleAll",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.setState({openSubRowIndices:o.state.openSubRowIndices.length>0?[]:w(0,o.props.data.length)})}}),Object.defineProperty(o,"isSubRowOpen",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return o.state.openSubRowIndices.indexOf(e)>-1}}),Object.defineProperty(o,"handleSubRowToggle",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.setState((function(t){var o=r([],t.openSubRowIndices,!0),n=o.indexOf(e);return n>-1?o.splice(n,1):o.push(e),{openSubRowIndices:o}}))}}),Object.defineProperty(o,"handleMeasure",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=o.getColumns(),n=(t.length-1)/2,i=0;o.props.subRowData&&(i+=48),o.props.onRowSort&&(i+=48);var l=e?t.map((function(t,r){var o=e["".concat(r,"-0")];return o?o.height:0})):[],a=e?Math.max.apply(Math,r(r([],l,!0),[o.props.compactHeader?32:48],!1)):null,u=e?Object.keys(e).reduce((function(r,o){var n=o.split("-")[0],i=e[o],l=t[n];if(l){var a=l.width||i.width;r[n]||(r[n]=[]),r[n].push(a)}return r}),[]).map((function(e){return Math.max.apply(Math,e)})):[],c=e?u.reduce((function(e,t,r){return e+t}),i):null,d=M?t.reduce((function(e,t,r){return t.sticky&&(r<n?e.left+=u[r]:e.right+=u[r]),e}),{left:i,right:0}):{left:0,right:0};o.setState({columnWidths:u,getLeftOffset:function(e,t){return M&&e.sticky&&t<n?u.reduce((function(e,r,o){return o<t?e+r:e}),i)||i:void 0},getRightOffset:function(e,t){return M&&e.sticky&&t>=n?u.reduce((function(e,r,o){return o>t?e+r:e}),0)||0:void 0},headerHeight:a,headerHeights:l,offsets:d,rowWidth:c})}}),o.state={columnWidths:[],currentSort:o.getDefaultSort(e),getLeftOffset:function(){return null},getRightOffset:function(){return null},headerHeight:-1,headerHeights:[],highlightedColumnIndex:null,isSorting:!1,offsets:{left:0,right:0},openSubRowIndices:[],rowWidth:-1},o}return e(p,d),Object.defineProperty(p,"getOppositeSortDirection",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return e===p.ASC?p.DESC:p.ASC}}),Object.defineProperty(p,"getIconDirection",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return e===p.ASC?"general.upCaret":"general.downCaret"}}),Object.defineProperty(p.prototype,"getSortOrder",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.columnId,r=e.direction;return"".concat(r===p.ASC?"":"-").concat(l(t))}}),Object.defineProperty(p.prototype,"parseSortOrder",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t="-"===e[0];return{columnId:i(t?e.substring(1):e),direction:t?p.DESC:p.ASC}}}),Object.defineProperty(p.prototype,"getDefaultSort",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=e.defaultSortColumnId,o=e.defaultSortDirection,n=e.defaultSortOrder,i=n?this.parseSortOrder(n):{columnId:r,direction:o};return t(t({},i),{order:this.getSortOrder(i)})}}),Object.defineProperty(p.prototype,"getColumns",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;return this.props.columns.filter((function(t){return"object"==typeof t&&null!=t&&(t.alwaysVisible||-1===e.props.hiddenColumnIds.indexOf(t.id))})).map((function(e){e.alwaysVisible;var t=e.cell,r=e.divider,n=e.header,i=e.id,l=e.label,a=e.sortable,u=e.sticky,c=e.subRowCell,d=e.truncate,s=e.vertical,m=e.width;return{cell:t,columnProps:o(e,["alwaysVisible","cell","divider","header","id","label","sortable","sticky","subRowCell","truncate","vertical","width"]),divider:r,header:n,id:i,label:l,sortable:a,sticky:u,subRowCell:c,truncate:d,vertical:s,width:m}}))}}),Object.defineProperty(p.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,i=this.props,l=i.caption;i.children;var d=i.columnDividers;i.columns;var S=i.compactHeader,w=i.currentPage,C=i.data,O=void 0===C?[]:C;i.defaultSortColumnId;var k=i.defaultSortDirection;i.defaultSortOrder;var I=i.empty,M=i.getRowLink,z=i.headerColor;i.hiddenColumnIds,i.highlightColumnOnHover,i.innerRef;var V=i.keyboardShortcuts;i.layout;var L=i.loading,U=i.loadingTitle,K=i.minHeight,N=i.minRowHeight;i.onColumnSort;var _=i.onPageChange,q=i.onRowSort,F=i.rowDividers,G=i.subRowData,J=i.totalPages,Q=o(i,["caption","children","columnDividers","columns","compactHeader","currentPage","data","defaultSortColumnId","defaultSortDirection","defaultSortOrder","empty","getRowLink","headerColor","hiddenColumnIds","highlightColumnOnHover","innerRef","keyboardShortcuts","layout","loading","loadingTitle","minHeight","minRowHeight","onColumnSort","onPageChange","onRowSort","rowDividers","subRowData","totalPages"]),X=this.state,Y=X.highlightedColumnIndex,Z=X.currentSort,$=X.isSorting,ee=X.headerHeight,te=X.columnWidths,re=X.rowWidth,oe=X.offsets,ne=X.getLeftOffset,ie=X.getRightOffset,le=this.getColumns(),ae=L||O.length<=0;return a.createElement(W,t({},Q,{position:"relative"}),a.createElement(n,{styles:{html:{userSelect:this.state.isSorting?"none":null}}}),ae?a.createElement(h,{grow:1,alignment:"center",distribution:"center",minHeight:K,paddingVertical:8},L?a.createElement(v,{image:a.createElement(b,{size:"xl",color:"primary"}),title:U}):I):a.createElement(y,{updateOnMeasure:!1,onMeasure:this.handleMeasure},(function(o){var n=o.measureRef,i=u.toArray(r([G&&a.createElement(A,{toggled:e.isAnySubRowOpen(),height:ee+"px",onClick:e.handleSubRowToggleAll}),q&&a.createElement(D,{role:"columnheader",height:ee+"px",backgroundColor:"inherit"})],le.map((function(r,o){return a.createElement(B,{key:o},(function(i){var l=i.bindHover,u=i.isHover,c=te[o],d=t(t(t({},r.columnProps),l),{cursor:r.sortable?"pointer":"default",justifyContent:r.vertical?"start":r.columnProps.justifyContent,onClick:function(t){r.sortable&&e.handleColumnSort(r.id),r.columnProps&&r.columnProps.onClick&&r.columnProps.onClick(t)},position:r.sticky?"sticky":"relative",style:{height:r.vertical?ee+16:ee,left:ne(r,o),right:ie(r,o),width:c},zIndex:r.sticky?35:r.columnProps.zIndex});return r.sortable&&(d["aria-sort"]=Z.columnId===r.id?"ASC"===Z.direction?"ascending":"descending":"none"),a.createElement(x,t({},d),a.createElement(E,{innerRef:n("".concat(o,"-0")),height:S?4:6,transform:r.vertical&&"translate(".concat(r.width/2,"px, ").concat(16,"px) rotate(-90deg)")},"string"==typeof r.header?a.createElement(f,{truncate:!0,color:"grey-7",fontSize:S?"11px":"12px",cursor:r.sortable?"pointer":"default"},r.header):"function"==typeof r.header?r.header(o):r.header,r.sortable&&a.createElement(s,{title:"sort table",theme:!1,icon:{name:p.getIconDirection(Z.columnId===r.id?Z.direction:k)},size:"xs",opacity:Z.columnId===r.id?1:u?.35:0})))}))})),!0)),g=function(r,o){var i=o.subRowProps,l=void 0===i?{}:i,c=o.shouldRenderSubRowData,s=o.shouldRenderSubRowToggle,m=void 0!==s&&s;return Object.keys(r).map((function(o,i){var s=e.isSubRowOpen(i),f=r[o],p={index:i,key:i,keyboardShortcuts:V,onRowSort:q,row:f,rowIndex:i,style:{minWidth:re}},b={};if(M){var h=function(){var e=M(f);"string"==typeof e&&(window.location=e)};b.tabIndex=0,b.role="link",b.cursor="pointer",b.focus={backgroundColor:"hsla(0,0%,97%,1)"},b.hover={backgroundColor:"hsla(0,0%,97%,1)"},b.onClick=h,b.onKeyDown=function(e){"Enter"===e.key&&h()}}return $&&(b.pointerEvents="none"),(F&&0!==i||m)&&(b.borderTopWidth=1),[a.createElement(P,t({},p,b,l),(function(r){var o=r.isRowHovered,l=r.dragHandleProps;return u.toArray([G&&(m?a.createElement(A,{contentsHidden:!0}):a.createElement(A,{toggled:s,rowIndex:i,onClick:function(t){t.stopPropagation(),e.handleSubRowToggle(i)}})),q&&a.createElement(D,t({},l),a.createElement(H,null)),le.map((function(r,l){var u=te[l],c=m&&void 0!==r.subRowCell?r.subRowCell:r.cell;return a.createElement(j,t({key:l},r.columnProps,e.getBodyCellMouseHandlers(l),{position:r.sticky?"sticky":void 0,justifyContent:r.vertical?"center":r.columnProps.justifyContent,minHeight:m?5:N,borderColor:"grey-3",borderLeftWidth:!1!==r.divider&&(d&&(q||0!==l)?1:void 0),backgroundColor:Y===l?"grey-0":"inherit",color:m?"grey-9":"foreground",zIndex:r.sticky?35:void 0,style:t({left:ne(r,l),right:ie(r,l),width:u},r.columnProps.style)}),a.createElement(R,{innerRef:void 0===r.width?n("".concat(l,"-").concat(i+1),{formula:function(e){return{width:e.offsetWidth}}}):null,column:r,justifyContent:r.vertical?"center":r.columnProps.justifyContent},c&&("string"==typeof c?f[c]:c(f,{columnIndex:l,isRowHovered:o,rowIndex:i}))))}))])})),c&&s?g(G(f),{shouldRenderSubRowData:!1,shouldRenderSubRowToggle:!0,subRowProps:{backgroundColor:"hsla(0,0%,99%,1)"}}):null]}))},b=function(e){return a.createElement(T,t({},e,{columnWidths:r([G&&48,q&&48],te,!0).filter(Boolean),rowWidth:re,minHeight:K,offsets:oe,caption:l,header:i,headerColor:z,headerHeight:ee,body:g(O,{shouldRenderSubRowData:!!G})}))};return q?a.createElement(m.Provider,{onDragStart:e.handleSortStart,onDragEnd:e.handleSortEnd},a.createElement(m.Droppable,{droppableId:"table"},(function(e){return a.createElement(c,null,b(t({innerRef:e.innerRef},e.droppableProps)),e.placeholder)}))):b({})})),!ae&&a.createElement(g,{currentPage:w,totalPages:J,onPageChange:_,position:"sticky",bottom:0,zIndex:35,marginTop:"-1px",backgroundColor:"surface",borderTopWidth:1,borderTopColor:"grey-3",css:{"@media print":{position:"relative"}}}))}}),Object.defineProperty(p,"ColumnPicker",{enumerable:!0,configurable:!0,writable:!0,value:k}),Object.defineProperty(p,"AvatarCell",{enumerable:!0,configurable:!0,writable:!0,value:C}),Object.defineProperty(p,"CheckboxCell",{enumerable:!0,configurable:!0,writable:!0,value:O}),Object.defineProperty(p,"DateCell",{enumerable:!0,configurable:!0,writable:!0,value:I}),Object.defineProperty(p,"ASC",{enumerable:!0,configurable:!0,writable:!0,value:"ASC"}),Object.defineProperty(p,"DESC",{enumerable:!0,configurable:!0,writable:!0,value:"DESC"}),Object.defineProperty(p,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{currentPage:0,defaultSortColumnId:null,defaultSortDirection:p.ASC,defaultSortOrder:null,empty:"No results",headerColor:"grey-0",hiddenColumnIds:[],minHeight:48,minRowHeight:8,onPageChange:function(){return null},rowDividers:!0,totalPages:0}}),p}(d);export{z as default};
+import{__extends as e,__assign as t,__spreadArray as r,__rest as o}from'./../ext/tslib/tslib.es6.js';import{Global as n}from"@emotion/react";import i from"lodash/camelCase";import l from"lodash/snakeCase";import a,{Children as u,Fragment as c,PureComponent as d}from"react";import{Button as s}from"../Button/Button.js";import m from"../DragDrop/DragDrop.js";import f from"../HeadingUppercase/HeadingUppercase.js";import{useHover as p}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import g from"../Pagination/Pagination.js";import{Spinner as b}from"../Spinner/Spinner.js";import{StackView as h}from"../StackView/StackView.js";import v from"../Summary/Summary.js";import{reorderArray as S,range as w}from"../utils.js";import y from"../vendor/react-measure/Measure.js";import"../vendor/react-measure/Viewport.js";import C from"./AvatarCell.js";import j from"./BodyCell.js";import R from"./BodyInnerCell.js";import P from"./BodyRow.js";import O from"./CheckboxCell.js";import k from"./ColumnPicker.js";import I from"./DateCell.js";import D from"./DragCell.js";import H from"./DragHandle.js";import x from"./HeaderCell.js";import E from"./HeaderInnerCell.js";import A from"./SubRowToggleCell.js";import T from"./TableBase.js";import W from"./TableWrapper.js";var M="undefined"!=typeof window&&window.CSS&&window.CSS.supports;function B(e){var t=e.children,r=p(),o=r.hover;return t({bindHover:r.hoverProps,isHover:o})}var z=function(d){function p(e){var o=d.call(this,e)||this;return Object.defineProperty(o,"handleSortStart",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.setState({isSorting:!0})}}),Object.defineProperty(o,"handleSortEnd",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.source,r=e.destination;o.setState({isSorting:!1}),o.props.onRowSort(S({endIndex:r.index,list:o.props.data,startIndex:t.index}))}}),Object.defineProperty(o,"handleColumnSort",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var r=o.getDefaultSort(o.props);o.setState(function(n){var i=t({},n.currentSort);if(i.columnId===e?i.direction=p.getOppositeSortDirection(i.direction):(i.columnId=e,i.direction=o.props.defaultSortDirection),i.order=o.getSortOrder({columnId:i.columnId,direction:i.direction}),o.props.onColumnSort){var l=i.columnId?i:r;o.props.onColumnSort(l)}return{currentSort:i}})}}),Object.defineProperty(o,"getBodyCellMouseHandlers",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return o.props.highlightColumnOnHover?{onMouseOut:function(){o.setState({highlightedColumnIndex:null})},onMouseOver:function(){o.setState({highlightedColumnIndex:e})}}:{}}}),Object.defineProperty(o,"isAnySubRowOpen",{enumerable:!0,configurable:!0,writable:!0,value:function(){return o.state.openSubRowIndices.length>0}}),Object.defineProperty(o,"handleSubRowToggleAll",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.setState({openSubRowIndices:o.state.openSubRowIndices.length>0?[]:w(0,o.props.data.length)})}}),Object.defineProperty(o,"isSubRowOpen",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return o.state.openSubRowIndices.indexOf(e)>-1}}),Object.defineProperty(o,"handleSubRowToggle",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.setState(function(t){var o=r([],t.openSubRowIndices,!0),n=o.indexOf(e);return n>-1?o.splice(n,1):o.push(e),{openSubRowIndices:o}})}}),Object.defineProperty(o,"handleMeasure",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=o.getColumns(),n=(t.length-1)/2,i=0;o.props.subRowData&&(i+=48),o.props.onRowSort&&(i+=48);var l=e?t.map(function(t,r){var o=e["".concat(r,"-0")];return o?o.height:0}):[],a=e?Math.max.apply(Math,r(r([],l,!0),[o.props.compactHeader?32:48],!1)):null,u=e?Object.keys(e).reduce(function(r,o){var n=o.split("-")[0],i=e[o],l=t[n];if(l){var a=l.width||i.width;r[n]||(r[n]=[]),r[n].push(a)}return r},[]).map(function(e){return Math.max.apply(Math,e)}):[],c=e?u.reduce(function(e,t,r){return e+t},i):null,d=M?t.reduce(function(e,t,r){return t.sticky&&(r<n?e.left+=u[r]:e.right+=u[r]),e},{left:i,right:0}):{left:0,right:0};o.setState({columnWidths:u,getLeftOffset:function(e,t){return M&&e.sticky&&t<n?u.reduce(function(e,r,o){return o<t?e+r:e},i)||i:void 0},getRightOffset:function(e,t){return M&&e.sticky&&t>=n?u.reduce(function(e,r,o){return o>t?e+r:e},0)||0:void 0},headerHeight:a,headerHeights:l,offsets:d,rowWidth:c})}}),o.state={columnWidths:[],currentSort:o.getDefaultSort(e),getLeftOffset:function(){return null},getRightOffset:function(){return null},headerHeight:-1,headerHeights:[],highlightedColumnIndex:null,isSorting:!1,offsets:{left:0,right:0},openSubRowIndices:[],rowWidth:-1},o}return e(p,d),Object.defineProperty(p,"getOppositeSortDirection",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return e===p.ASC?p.DESC:p.ASC}}),Object.defineProperty(p,"getIconDirection",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return e===p.ASC?"general.upCaret":"general.downCaret"}}),Object.defineProperty(p.prototype,"getSortOrder",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.columnId,r=e.direction;return"".concat(r===p.ASC?"":"-").concat(l(t))}}),Object.defineProperty(p.prototype,"parseSortOrder",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t="-"===e[0];return{columnId:i(t?e.substring(1):e),direction:t?p.DESC:p.ASC}}}),Object.defineProperty(p.prototype,"getDefaultSort",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=e.defaultSortColumnId,o=e.defaultSortDirection,n=e.defaultSortOrder,i=n?this.parseSortOrder(n):{columnId:r,direction:o};return t(t({},i),{order:this.getSortOrder(i)})}}),Object.defineProperty(p.prototype,"getColumns",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;return this.props.columns.filter(function(t){return"object"==typeof t&&null!=t&&(t.alwaysVisible||-1===e.props.hiddenColumnIds.indexOf(t.id))}).map(function(e){e.alwaysVisible;var t=e.cell,r=e.divider,n=e.header,i=e.id,l=e.label,a=e.sortable,u=e.sticky,c=e.subRowCell,d=e.truncate,s=e.vertical,m=e.width;return{cell:t,columnProps:o(e,["alwaysVisible","cell","divider","header","id","label","sortable","sticky","subRowCell","truncate","vertical","width"]),divider:r,header:n,id:i,label:l,sortable:a,sticky:u,subRowCell:c,truncate:d,vertical:s,width:m}})}}),Object.defineProperty(p.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,i=this.props,l=i.caption;i.children;var d=i.columnDividers;i.columns;var S=i.compactHeader,w=i.currentPage,C=i.data,O=void 0===C?[]:C;i.defaultSortColumnId;var k=i.defaultSortDirection;i.defaultSortOrder;var I=i.empty,M=i.getRowLink,z=i.headerColor;i.hiddenColumnIds,i.highlightColumnOnHover,i.innerRef;var V=i.keyboardShortcuts;i.layout;var L=i.loading,U=i.loadingTitle,K=i.minHeight,N=i.minRowHeight;i.onColumnSort;var _=i.onPageChange,q=i.onRowSort,F=i.rowDividers,G=i.subRowData,J=i.totalPages,Q=o(i,["caption","children","columnDividers","columns","compactHeader","currentPage","data","defaultSortColumnId","defaultSortDirection","defaultSortOrder","empty","getRowLink","headerColor","hiddenColumnIds","highlightColumnOnHover","innerRef","keyboardShortcuts","layout","loading","loadingTitle","minHeight","minRowHeight","onColumnSort","onPageChange","onRowSort","rowDividers","subRowData","totalPages"]),X=this.state,Y=X.highlightedColumnIndex,Z=X.currentSort,$=X.isSorting,ee=X.headerHeight,te=X.columnWidths,re=X.rowWidth,oe=X.offsets,ne=X.getLeftOffset,ie=X.getRightOffset,le=this.getColumns(),ae=L||O.length<=0;return a.createElement(W,t({},Q,{position:"relative"}),a.createElement(n,{styles:{html:{userSelect:this.state.isSorting?"none":null}}}),ae?a.createElement(h,{grow:1,alignment:"center",distribution:"center",minHeight:K,paddingVertical:8},L?a.createElement(v,{image:a.createElement(b,{size:"xl",color:"primary"}),title:U}):I):a.createElement(y,{updateOnMeasure:!1,onMeasure:this.handleMeasure},function(o){var n=o.measureRef,i=u.toArray(r([G&&a.createElement(A,{toggled:e.isAnySubRowOpen(),height:ee+"px",onClick:e.handleSubRowToggleAll}),q&&a.createElement(D,{role:"columnheader",height:ee+"px",backgroundColor:"inherit"})],le.map(function(r,o){return a.createElement(B,{key:o},function(i){var l=i.bindHover,u=i.isHover,c=te[o],d=t(t(t({},r.columnProps),l),{cursor:r.sortable?"pointer":"default",justifyContent:r.vertical?"start":r.columnProps.justifyContent,onClick:function(t){r.sortable&&e.handleColumnSort(r.id),r.columnProps&&r.columnProps.onClick&&r.columnProps.onClick(t)},position:r.sticky?"sticky":"relative",style:{height:r.vertical?ee+16:ee,left:ne(r,o),right:ie(r,o),width:c},zIndex:r.sticky?35:r.columnProps.zIndex});return r.sortable&&(d["aria-sort"]=Z.columnId===r.id?"ASC"===Z.direction?"ascending":"descending":"none"),a.createElement(x,t({},d),a.createElement(E,{innerRef:n("".concat(o,"-0")),height:S?4:6,transform:r.vertical&&"translate(".concat(r.width/2,"px, ").concat(16,"px) rotate(-90deg)")},"string"==typeof r.header?a.createElement(f,{truncate:!0,color:"grey-7",fontSize:S?"11px":"12px",cursor:r.sortable?"pointer":"default"},r.header):"function"==typeof r.header?r.header(o):r.header,r.sortable&&a.createElement(s,{title:"sort table",theme:!1,icon:{name:p.getIconDirection(Z.columnId===r.id?Z.direction:k)},size:"xs",opacity:Z.columnId===r.id?1:u?.35:0})))})}),!0)),g=function(r,o){var i=o.subRowProps,l=void 0===i?{}:i,c=o.shouldRenderSubRowData,s=o.shouldRenderSubRowToggle,m=void 0!==s&&s;return Object.keys(r).map(function(o,i){var s=e.isSubRowOpen(i),f=r[o],p={index:i,key:i,keyboardShortcuts:V,onRowSort:q,row:f,rowIndex:i,style:{minWidth:re}},b={};if(M){var h=function(){var e=M(f);"string"==typeof e&&(window.location=e)};b.tabIndex=0,b.role="link",b.cursor="pointer",b.focus={backgroundColor:"hsla(0,0%,97%,1)"},b.hover={backgroundColor:"hsla(0,0%,97%,1)"},b.onClick=h,b.onKeyDown=function(e){"Enter"===e.key&&h()}}return $&&(b.pointerEvents="none"),(F&&0!==i||m)&&(b.borderTopWidth=1),[a.createElement(P,t({},p,b,l),function(r){var o=r.isRowHovered,l=r.dragHandleProps;return u.toArray([G&&(m?a.createElement(A,{contentsHidden:!0}):a.createElement(A,{toggled:s,rowIndex:i,onClick:function(t){t.stopPropagation(),e.handleSubRowToggle(i)}})),q&&a.createElement(D,t({},l),a.createElement(H,null)),le.map(function(r,l){var u=te[l],c=m&&void 0!==r.subRowCell?r.subRowCell:r.cell;return a.createElement(j,t({key:l},r.columnProps,e.getBodyCellMouseHandlers(l),{position:r.sticky?"sticky":void 0,justifyContent:r.vertical?"center":r.columnProps.justifyContent,minHeight:m?5:N,borderColor:"grey-3",borderLeftWidth:!1!==r.divider&&(d&&(q||0!==l)?1:void 0),backgroundColor:Y===l?"grey-0":"inherit",color:m?"grey-9":"foreground",zIndex:r.sticky?35:void 0,style:t({left:ne(r,l),right:ie(r,l),width:u},r.columnProps.style)}),a.createElement(R,{innerRef:void 0===r.width?n("".concat(l,"-").concat(i+1),{formula:function(e){return{width:e.offsetWidth}}}):null,column:r,justifyContent:r.vertical?"center":r.columnProps.justifyContent},c&&("string"==typeof c?f[c]:c(f,{columnIndex:l,isRowHovered:o,rowIndex:i}))))})])}),c&&s?g(G(f),{shouldRenderSubRowData:!1,shouldRenderSubRowToggle:!0,subRowProps:{backgroundColor:"hsla(0,0%,99%,1)"}}):null]})},b=function(e){return a.createElement(T,t({},e,{columnWidths:r([G&&48,q&&48],te,!0).filter(Boolean),rowWidth:re,minHeight:K,offsets:oe,caption:l,header:i,headerColor:z,headerHeight:ee,body:g(O,{shouldRenderSubRowData:!!G})}))};return q?a.createElement(m.Provider,{onDragStart:e.handleSortStart,onDragEnd:e.handleSortEnd},a.createElement(m.Droppable,{droppableId:"table"},function(e){return a.createElement(c,null,b(t({innerRef:e.innerRef},e.droppableProps)),e.placeholder)})):b({})}),!ae&&a.createElement(g,{currentPage:w,totalPages:J,onPageChange:_,position:"sticky",bottom:0,zIndex:35,marginTop:"-1px",backgroundColor:"surface",borderTopWidth:1,borderTopColor:"grey-3",css:{"@media print":{position:"relative"}}}))}}),Object.defineProperty(p,"ColumnPicker",{enumerable:!0,configurable:!0,writable:!0,value:k}),Object.defineProperty(p,"AvatarCell",{enumerable:!0,configurable:!0,writable:!0,value:C}),Object.defineProperty(p,"CheckboxCell",{enumerable:!0,configurable:!0,writable:!0,value:O}),Object.defineProperty(p,"DateCell",{enumerable:!0,configurable:!0,writable:!0,value:I}),Object.defineProperty(p,"ASC",{enumerable:!0,configurable:!0,writable:!0,value:"ASC"}),Object.defineProperty(p,"DESC",{enumerable:!0,configurable:!0,writable:!0,value:"DESC"}),Object.defineProperty(p,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{currentPage:0,defaultSortColumnId:null,defaultSortDirection:p.ASC,defaultSortOrder:null,empty:"No results",headerColor:"grey-0",hiddenColumnIds:[],minHeight:48,minRowHeight:8,onPageChange:function(){return null},rowDividers:!0,totalPages:0}}),p}(d);export{z as default};
 //# sourceMappingURL=Table.js.map

package/dist/Table/TableBase.js

@@ -1,2 +1,2 @@
-import{__extends as e,__rest as r,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{PureComponent as l}from"react";import{enableSafariScrollPropagation as n}from"../utils.js";import"../vendor/react-measure/Measure.js";import a from"../vendor/react-measure/Viewport.js";import i from"./AnimateScroll.js";import c from"./Body.js";import u from"./Header.js";import s from"./HeaderRow.js";import f from"./NavigationArrow.js";import m from"./ScrollShadow.js";import d from"./TableContainer.js";var b=function(l){function b(){var e=null!==l&&l.apply(this,arguments)||this;return Object.defineProperty(e,"scrollInterval",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"scrollTimeout",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"tableHeader",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"safariFixCleanup",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"setHeaderRef",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.tableHeader=r}}),Object.defineProperty(e,"clearTimers",{enumerable:!0,configurable:!0,writable:!0,value:function(){clearTimeout(e.scrollTimeout),clearInterval(e.scrollInterval)}}),Object.defineProperty(e,"getMouseTouchHandlers",{enumerable:!0,configurable:!0,writable:!0,value:function(r){var t=r.animateScroll,o=r.getClosestColumnPosition;return function(r){var l=function(){e.clearTimers(),e.scrollTimeout=setTimeout((function(){t.moveScrollX(100*r),e.scrollInterval=setInterval((function(){t.moveScrollX(100*r)}),60)}),120)},n=function(){e.clearTimers(),t.setScrollX(o(r))};return{onMouseDown:l,onMouseLeave:e.clearTimers,onMouseUp:n,onTouchCancel:e.clearTimers,onTouchEnd:n,onTouchStart:l}}}}),Object.defineProperty(e,"handleBodyScroll",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.tableHeader.scrollLeft=r.target.scrollLeft}}),Object.defineProperty(e,"attachSafariFix",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.safariFixCleanup&&(e.safariFixCleanup(),e.safariFixCleanup=void 0),r&&(e.safariFixCleanup=n(r))}}),e}return e(b,l),Object.defineProperty(b.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,l=this.props,n=l.body,b=l.caption,p=l.columnWidths,h=l.header,v=l.headerColor,g=l.headerHeight,j=l.minHeight,w=l.offsets,y=l.rowWidth,H=r(l,["body","caption","columnWidths","header","headerColor","headerHeight","minHeight","offsets","rowWidth"]);return o.createElement(i,null,(function(r){return o.createElement(a,null,(function(l){var a=y>l.width,i=a?l.scrollX/(y-l.width):null,T=e.getMouseTouchHandlers({animateScroll:r,getClosestColumnPosition:function(e){var r=1===e?l.scrollX+l.width:l.scrollX,t=0,o=0;return p.some((function(l){return(o+=l)>r&&(t=1===e?o:o-l,!0)})),1===e?t-l.width+w.right+28:t-w.left-28}});return o.createElement(d,t({minHeight:j,"aria-label":b},H),a&&o.createElement(m,{position:"left",offset:w.left,progress:i}),o.createElement(u,{innerRef:e.setHeaderRef,backgroundColor:v},o.createElement(s,{style:{minWidth:y}},o.createElement(f,{headerHeight:g,offsets:w,progress:i,mouseTouchHandlers:T,direction:-1}),h,o.createElement(f,{headerHeight:g,offsets:w,progress:i,mouseTouchHandlers:T,direction:1}))),o.createElement(c,{innerRef:function(t){var o=l.ref(r.ref);"function"==typeof o?o(t):o&&"object"==typeof o&&(o.current=t),e.attachSafariFix(t)},onScroll:e.handleBodyScroll},n),a&&o.createElement(m,{position:"right",offset:w.right,progress:i}))}))}))}}),b}(l);export{b as default};
+import{__extends as e,__rest as r,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{PureComponent as l}from"react";import{enableSafariScrollPropagation as n}from"../utils.js";import"../vendor/react-measure/Measure.js";import a from"../vendor/react-measure/Viewport.js";import i from"./AnimateScroll.js";import c from"./Body.js";import u from"./Header.js";import s from"./HeaderRow.js";import f from"./NavigationArrow.js";import m from"./ScrollShadow.js";import d from"./TableContainer.js";var b=function(l){function b(){var e=null!==l&&l.apply(this,arguments)||this;return Object.defineProperty(e,"scrollInterval",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"scrollTimeout",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"tableHeader",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"safariFixCleanup",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"setHeaderRef",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.tableHeader=r}}),Object.defineProperty(e,"clearTimers",{enumerable:!0,configurable:!0,writable:!0,value:function(){clearTimeout(e.scrollTimeout),clearInterval(e.scrollInterval)}}),Object.defineProperty(e,"getMouseTouchHandlers",{enumerable:!0,configurable:!0,writable:!0,value:function(r){var t=r.animateScroll,o=r.getClosestColumnPosition;return function(r){var l=function(){e.clearTimers(),e.scrollTimeout=setTimeout(function(){t.moveScrollX(100*r),e.scrollInterval=setInterval(function(){t.moveScrollX(100*r)},60)},120)},n=function(){e.clearTimers(),t.setScrollX(o(r))};return{onMouseDown:l,onMouseLeave:e.clearTimers,onMouseUp:n,onTouchCancel:e.clearTimers,onTouchEnd:n,onTouchStart:l}}}}),Object.defineProperty(e,"handleBodyScroll",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.tableHeader.scrollLeft=r.target.scrollLeft}}),Object.defineProperty(e,"attachSafariFix",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.safariFixCleanup&&(e.safariFixCleanup(),e.safariFixCleanup=void 0),r&&(e.safariFixCleanup=n(r))}}),e}return e(b,l),Object.defineProperty(b.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,l=this.props,n=l.body,b=l.caption,p=l.columnWidths,h=l.header,v=l.headerColor,g=l.headerHeight,j=l.minHeight,w=l.offsets,y=l.rowWidth,H=r(l,["body","caption","columnWidths","header","headerColor","headerHeight","minHeight","offsets","rowWidth"]);return o.createElement(i,null,function(r){return o.createElement(a,null,function(l){var a=y>l.width,i=a?l.scrollX/(y-l.width):null,T=e.getMouseTouchHandlers({animateScroll:r,getClosestColumnPosition:function(e){var r=1===e?l.scrollX+l.width:l.scrollX,t=0,o=0;return p.some(function(l){return(o+=l)>r&&(t=1===e?o:o-l,!0)}),1===e?t-l.width+w.right+28:t-w.left-28}});return o.createElement(d,t({minHeight:j,"aria-label":b},H),a&&o.createElement(m,{position:"left",offset:w.left,progress:i}),o.createElement(u,{innerRef:e.setHeaderRef,backgroundColor:v},o.createElement(s,{style:{minWidth:y}},o.createElement(f,{headerHeight:g,offsets:w,progress:i,mouseTouchHandlers:T,direction:-1}),h,o.createElement(f,{headerHeight:g,offsets:w,progress:i,mouseTouchHandlers:T,direction:1}))),o.createElement(c,{innerRef:function(t){var o=l.ref(r.ref);"function"==typeof o?o(t):o&&"object"==typeof o&&(o.current=t),e.attachSafariFix(t)},onScroll:e.handleBodyScroll},n),a&&o.createElement(m,{position:"right",offset:w.right,progress:i}))})})}}),b}(l);export{b as default};
 //# sourceMappingURL=TableBase.js.map

package/dist/Tabs/TabList.js

@@ -1,2 +1,2 @@
-import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import o,{Children as i,cloneElement as r}from"react";import{StackView as s}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as a}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";var n="TabList";function m(n){var m=a("tabs.tabList",n),l=m.activeIndex,c=m.axis,d=void 0===c?"horizontal":c,p=m.children,u=m.id,f=m.moveTabFocus,v=m.setActiveIndex,y=t(m,["activeIndex","axis","children","id","moveTabFocus","setActiveIndex"]),b="horizontal"===d?"ArrowLeft":"ArrowUp",x="horizontal"===d?"ArrowRight":"ArrowDown";return o.createElement(s,e({role:"tablist","aria-orientation":d,axis:d,distribution:"fill"},y),i.map(p,(function(t,e){return r(t,{axis:d,id:"".concat(u,"-").concat(e),isActive:e===l,onFocus:function(){return v(e)},onKeyDown:function(t){t.key===b&&(t.preventDefault(),f(-1)),t.key===x&&(t.preventDefault(),f(1)),"Home"===t.key&&(t.preventDefault(),f(0)),"End"===t.key&&(t.preventDefault(),f(i.count(p)-1))},tabIndex:t.props.disabled?void 0:e!==l?-1:0})})))}m.displayName=n;export{n as TABLIST_DISPLAY_NAME,m as default};
+import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import o,{Children as i,cloneElement as r}from"react";import{StackView as s}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as a}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";var n="TabList";function m(n){var m=a("tabs.tabList",n),l=m.activeIndex,c=m.axis,d=void 0===c?"horizontal":c,p=m.children,u=m.id,f=m.moveTabFocus,v=m.setActiveIndex,y=t(m,["activeIndex","axis","children","id","moveTabFocus","setActiveIndex"]),b="horizontal"===d?"ArrowLeft":"ArrowUp",x="horizontal"===d?"ArrowRight":"ArrowDown";return o.createElement(s,e({role:"tablist","aria-orientation":d,axis:d,distribution:"fill"},y),i.map(p,function(t,e){return r(t,{axis:d,id:"".concat(u,"-").concat(e),isActive:e===l,onFocus:function(){return v(e)},onKeyDown:function(t){t.key===b&&(t.preventDefault(),f(-1)),t.key===x&&(t.preventDefault(),f(1)),"Home"===t.key&&(t.preventDefault(),f(0)),"End"===t.key&&(t.preventDefault(),f(i.count(p)-1))},tabIndex:t.props.disabled?void 0:e!==l?-1:0})}))}m.displayName=n;export{n as TABLIST_DISPLAY_NAME,m as default};
 //# sourceMappingURL=TabList.js.map

package/dist/Tabs/Tabs.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import r,{useState as i,useRef as n,useCallback as o,Children as s}from"react";import{StackView as a}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import{generateId as l}from"../utils.js";import"lodash/includes";import{useThemeProps as m}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";import c from"./Tab.js";import u,{TABLIST_DISPLAY_NAME as d}from"./TabList.js";import p from"./TabPanel.js";import f,{TABPANELS_DISPLAY_NAME as b}from"./TabPanels.js";function v(c){var u=m("tabs",c),p=u.activeIndex,f=void 0===p?null:p,v=u.children,j=u.defaultActiveIndex,y=void 0===j?0:j,h=u.onChange,x=e(u,["activeIndex","children","defaultActiveIndex","onChange"]),T=l("tabs"),I=i(y),g=I[0],A=I[1],P=n(null),E=o((function(e){h&&h(e),null===f&&A(e)}),[h,f,A]),S=o((function(){return null===f?g:f}),[f,g]),k=o((function(e,t){var r=P.current.children.length,i=e+t;i<0?i=r-1:i>=r&&(i=0);var n=P.current.children[i];return"true"===n.getAttribute("aria-disabled")?k(i,t):n}),[P]),w=o((function(e){var t=k(S(),e);t&&t.focus()}),[k,S]);return r.createElement(a,t({innerRef:function(e){e&&(P.current=e.querySelector('[role="tablist"]'))}},x),s.map(v,(function(e,t){return e&&e.type.displayName===d?r.cloneElement(e,{activeIndex:S(),id:T,moveTabFocus:w,setActiveIndex:E}):e&&e.type.displayName===b?r.cloneElement(e,{activeIndex:S(),id:T}):e})))}v.Tab=c,v.TabList=u,v.TabPanel=p,v.TabPanels=f;export{v as default};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import r,{useState as i,useRef as n,useCallback as o,Children as s}from"react";import{StackView as a}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import{generateId as l}from"../utils.js";import"lodash/includes";import{useThemeProps as m}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";import c from"./Tab.js";import u,{TABLIST_DISPLAY_NAME as d}from"./TabList.js";import p from"./TabPanel.js";import f,{TABPANELS_DISPLAY_NAME as b}from"./TabPanels.js";function v(c){var u=m("tabs",c),p=u.activeIndex,f=void 0===p?null:p,v=u.children,j=u.defaultActiveIndex,y=void 0===j?0:j,h=u.onChange,x=e(u,["activeIndex","children","defaultActiveIndex","onChange"]),T=l("tabs"),I=i(y),g=I[0],A=I[1],P=n(null),E=o(function(e){h&&h(e),null===f&&A(e)},[h,f,A]),S=o(function(){return null===f?g:f},[f,g]),k=o(function(e,t){var r=P.current.children.length,i=e+t;i<0?i=r-1:i>=r&&(i=0);var n=P.current.children[i];return"true"===n.getAttribute("aria-disabled")?k(i,t):n},[P]),w=o(function(e){var t=k(S(),e);t&&t.focus()},[k,S]);return r.createElement(a,t({innerRef:function(e){e&&(P.current=e.querySelector('[role="tablist"]'))}},x),s.map(v,function(e,t){return e&&e.type.displayName===d?r.cloneElement(e,{activeIndex:S(),id:T,moveTabFocus:w,setActiveIndex:E}):e&&e.type.displayName===b?r.cloneElement(e,{activeIndex:S(),id:T}):e}))}v.Tab=c,v.TabList=u,v.TabPanel=p,v.TabPanels=f;export{v as default};
 //# sourceMappingURL=Tabs.js.map