@planningcenter/tapestry-react 4.0.0-rc.1 → 4.0.0-rc.2

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 i from"../Input/InputField.js";import{StackView as l}from"../StackView/StackView.js";import u from"../Button/index.js";import{padNumber as p,getTabbableSiblings as s}from"../utils.js";var c=-1/0,d=1/0,m=["Backspace","Delete","Tab","Enter","Home","End","ArrowLeft","ArrowRight","-","."];var f=function(o){function f(){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{value:Number.parseFloat(r),minValue:Number.parseFloat("".concat(e.props.min)),maxValue:Number.parseFloat("".concat(e.props.max))}}}),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.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.props.onChange(a.toString()):o>n?e.props.onChange(n.toString()):isNaN(o)&&(o=e.clampValue(o),e.props.onChange(o.toString())),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=Number.parseFloat(r.toString().indexOf(".")>-1?n.toFixed(2):n.toString());e.isValueValid(o)&&e.props.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===m.indexOf(e.key)}(r)||t&&("ArrowLeft"===r.key||"ArrowRight"===r.key))&&r.preventDefault(),"ArrowUp"===r.key?e.incrementValue(a):"ArrowDown"===r.key&&e.decrementValue(a),e.props.onKeyDown&&e.props.onKeyDown(r)}}}),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.props.onChange(p(o,e.props.pad))}else{o=e.clampValue(n);var i=parseFloat("".concat(e.props.value).concat(n));if(e.firstTouch||isNaN(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.props.onChange(r.target.value)}}),e}return e(f,o),Object.defineProperty(f.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(f.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),m=null===u?"":u;return l&&""!==m&&(m=p(m,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(m),void 0===e.autoWidth&&(e.autoWidth=!0)),n(a,r(r({},e),{textOverflow:void 0,autoComplete:"off",value:m,highlightOnInteraction:i||l,onBlur:this.handleBlur,onInput:this.handleInput,onKeyDown:this.handleKeyDown}))}}),Object.defineProperty(f.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(l,{marginRight:-1,marginLeft:1},a.createElement(u,{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(u,{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(f.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(f,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{as:i,hasControls:!1,ignoredKeys:[],min:c,max:d,step:1,moveFocusOnMax:!1}}),f}(o);export{f 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 i from"../Input/InputField.js";import{StackView as l}from"../StackView/StackView.js";import u from"../Button/Button.js";import{padNumber as p,getTabbableSiblings as s}from"../utils.js";var c=-1/0,d=1/0,m=["Backspace","Delete","Tab","Enter","Home","End","ArrowLeft","ArrowRight","-","."];var f=function(o){function f(){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{value:Number.parseFloat(r),minValue:Number.parseFloat("".concat(e.props.min)),maxValue:Number.parseFloat("".concat(e.props.max))}}}),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.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.props.onChange(a.toString()):o>n?e.props.onChange(n.toString()):isNaN(o)&&(o=e.clampValue(o),e.props.onChange(o.toString())),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=Number.parseFloat(r.toString().indexOf(".")>-1?n.toFixed(2):n.toString());e.isValueValid(o)&&e.props.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===m.indexOf(e.key)}(r)||t&&("ArrowLeft"===r.key||"ArrowRight"===r.key))&&r.preventDefault(),"ArrowUp"===r.key?e.incrementValue(a):"ArrowDown"===r.key&&e.decrementValue(a),e.props.onKeyDown&&e.props.onKeyDown(r)}}}),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.props.onChange(p(o,e.props.pad))}else{o=e.clampValue(n);var i=parseFloat("".concat(e.props.value).concat(n));if(e.firstTouch||isNaN(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.props.onChange(r.target.value)}}),e}return e(f,o),Object.defineProperty(f.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(f.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),m=null===u?"":u;return l&&""!==m&&(m=p(m,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(m),void 0===e.autoWidth&&(e.autoWidth=!0)),n(a,r(r({},e),{textOverflow:void 0,autoComplete:"off",value:m,highlightOnInteraction:i||l,onBlur:this.handleBlur,onInput:this.handleInput,onKeyDown:this.handleKeyDown}))}}),Object.defineProperty(f.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(l,{marginRight:-1,marginLeft:1},a.createElement(u,{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(u,{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(f.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(f,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{as:i,hasControls:!1,ignoredKeys:[],min:c,max:d,step:1,moveFocusOnMax:!1}}),f}(o);export{f as default};
 //# sourceMappingURL=NumberField.js.map

package/dist/Page/PageBody.d.ts

@@ -1,8 +1,9 @@
-declare function PageBody({ children, inset, sidebar, ...restProps }: {
-    [x: string]: any;
-    children: any;
-    inset: any;
-    sidebar: any;
-}): JSX.Element;
+import React, { ComponentProps } from 'react';
+import StackView from '../StackView';
+type PageBodyProps = ComponentProps<typeof StackView> & {
+    inset?: boolean;
+    sidebar?: React.ReactNode;
+};
+declare function PageBody({ children, inset, sidebar, ...restProps }: PageBodyProps): JSX.Element;
 export default PageBody;
 //# sourceMappingURL=PageBody.d.ts.map

package/dist/Page/PageBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageBody.d.ts","sourceRoot":"","sources":["../../src/Page/PageBody.tsx"],"names":[],"mappings":"AAKA,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE;;;;;CAAA,eAoC3D;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"PageBody.d.ts","sourceRoot":"","sources":["../../src/Page/PageBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,cAAc,EAAgB,MAAM,OAAO,CAAA;AAGrE,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAEtD,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,EAAE,aAAa,eAoC1E;AAED,eAAe,QAAQ,CAAA"}

package/dist/Page/PageButton.js

@@ -1,2 +1,2 @@
-import{__assign as t}from'./../ext/tslib/tslib.es6.js';import e from"react";import{useThemeValue as o}from"../system/utils.js";import r from"../Button/index.js";function m(m){var s=o("pageButton");return e.createElement(r,t({theme:"white"},s,m))}export{m as default};
+import{__assign as t}from'./../ext/tslib/tslib.es6.js';import e from"react";import{useThemeValue as o}from"../system/utils.js";import r from"../Button/Button.js";function m(m){var s=o("pageButton");return e.createElement(r,t({theme:"white"},s,m))}export{m as default};
 //# sourceMappingURL=PageButton.js.map

package/dist/Page/PageHeader.d.ts

@@ -1,7 +1,8 @@
-declare function PageHeader({ children, toolbar, ...restProps }: {
-    [x: string]: any;
-    children: any;
-    toolbar: any;
-}): JSX.Element;
+import React from 'react';
+type PageHeaderProps = {
+    children?: React.ReactNode;
+    toolbar?: React.ReactNode;
+};
+declare function PageHeader({ children, toolbar, ...restProps }: PageHeaderProps): JSX.Element;
 export default PageHeader;
 //# sourceMappingURL=PageHeader.d.ts.map

package/dist/Page/PageHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/Page/PageHeader.tsx"],"names":[],"mappings":"AAKA,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE;;;;CAAA,eA6BtD;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/Page/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,KAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,eA6BvE;AAED,eAAe,UAAU,CAAA"}

package/dist/PagerView/PagerView.js

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

package/dist/Pagination/Pagination.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import t from"react";import{Box as i}from"../Box/Box.js";import r from"../Button/index.js";import{Group as n}from"../Group/Group.js";import{StackView as a}from"../StackView/StackView.js";import{range as l}from"../utils.js";import{useThemeValue as s,useThemeProps as c,parseColor as f}from"../system/utils.js";import{useWindowWidth as d}from'./../ext/@react-hook/window-size/dist/esm/index.js';var u=function(i){var n=i.disabled,a=i.iconName,l=e(i,["disabled","iconName"]);return t.createElement(r,o({backgroundColor:n?"#f7f7f7":"#f2f2f2",disabled:n,icon:{color:n?"#cfcfcf":void 0,name:a,size:"xs"},opacity:1,shrink:0,square:!0,variant:"fill"},l))};function m(m){var p,g=m.currentPage,v=m.onPageChange,b=void 0===v?function(){return null}:v,h=m.visiblePages,k=m.totalPages,P=void 0===k?0:k,C=e(m,["currentPage","onPageChange","visiblePages","totalPages"]),x=s("breakpoints").xs,j=c("pagination",o({},C)),w=j.activeColor,E=void 0===w?"#5b8bf7":w,B=j.navButtonProps,N=j.pageLinkProps,y=j.activePageLinkProps,L=e(j,["activeColor","navButtonProps","pageLinkProps","activePageLinkProps"]),M=d();return P<=1?null:t.createElement(a,o({alignment:"center",axis:"horizontal",distribution:"center",overflow:"auto",paddingVertical:1,shrink:0,spacing:.5,width:"100%"},L),t.createElement(n,{spacing:.5},t.createElement(u,o({disabled:1===g,iconName:"general.leftChevron",onClick:b.bind(null,g-1),tooltip:{title:"Previous Page"}},B)),t.createElement(u,o({disabled:g===P,iconName:"general.rightChevron",onClick:b.bind(null,g+1),tooltip:{title:"Next Page"}},B))),(p=function(e,o,t){var i=Math.max(1,Math.min(o-t+1,Math.floor(e-t/2+1))),r=Math.min(o,i+t-1),n=l(i,r+1),a=i>1,s=r<o;a&&(n.shift(),n.shift()),s&&(n.pop(),n.pop());var c=s?["...",o]:[];return(a?[1,"..."]:[]).concat(n).concat(c)}(g,P,M<=x?h||5:h||7),p.map((function(e,n){return"..."===e?(d=e+n,t.createElement(i,{key:d,userSelect:"none",cursor:"default",children:"…"})):(l=g===(a=e),s=f({base:E,alpha:.1}),c={border:"1px solid ".concat(E),color:l?"#fff":E},t.createElement(r,o({active:o({backgroundColor:l?E:s},c),key:a,fontWeight:500,hover:o({backgroundColor:l?E:"#fff"},c),onClick:b.bind(null,a),shrink:0,square:!0,title:a,variant:l?"fill":"naked"},N,l&&o({backgroundColor:E,color:"#fff"},y))));var a,l,s,c,d}))))}export{m as default};
+import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import t from"react";import{Box as r}from"../Box/Box.js";import a from"../Button/Button.js";import{Group as i}from"../Group/Group.js";import{StackView as n}from"../StackView/StackView.js";import{range as l}from"../utils.js";import{useThemeValue as c,useThemeProps as s,parseColor as f}from"../system/utils.js";import{useWindowWidth as u}from"@react-hook/window-size";var m=function(r){var i=r.disabled,n=r.iconName,l=e(r,["disabled","iconName"]);return t.createElement(a,o({backgroundColor:i?"#f7f7f7":"#f2f2f2",disabled:i,icon:{color:i?"#cfcfcf":void 0,name:n,size:"xs"},opacity:1,shrink:0,square:!0,variant:"fill"},l))};function p(p){var d,g=p.currentPage,v=p.onPageChange,b=void 0===v?function(){return null}:v,h=p.visiblePages,k=p.totalPages,P=void 0===k?0:k,C=e(p,["currentPage","onPageChange","visiblePages","totalPages"]),x=c("breakpoints").xs,j=s("pagination",o({},C)),E=j.activeColor,w=void 0===E?"#5b8bf7":E,B=j.navButtonProps,N=j.pageLinkProps,y=j.activePageLinkProps,L=e(j,["activeColor","navButtonProps","pageLinkProps","activePageLinkProps"]),M=u();return P<=1?null:t.createElement(n,o({alignment:"center",axis:"horizontal",distribution:"center",overflow:"auto",paddingVertical:1,shrink:0,spacing:.5,width:"100%"},L),t.createElement(i,{spacing:.5},t.createElement(m,o({disabled:1===g,iconName:"general.leftChevron",onClick:b.bind(null,g-1),tooltip:{title:"Previous Page"}},B)),t.createElement(m,o({disabled:g===P,iconName:"general.rightChevron",onClick:b.bind(null,g+1),tooltip:{title:"Next Page"}},B))),(d=function(e,o,t){var r=Math.max(1,Math.min(o-t+1,Math.floor(e-t/2+1))),a=Math.min(o,r+t-1),i=l(r,a+1),n=r>1,c=a<o;n&&(i.shift(),i.shift()),c&&(i.pop(),i.pop());var s=c?["...",o]:[];return(n?[1,"..."]:[]).concat(i).concat(s)}(g,P,M<=x?h||5:h||7),d.map((function(e,i){return"..."===e?(u=e+i,t.createElement(r,{key:u,userSelect:"none",cursor:"default",children:"…"})):(l=g===(n=e),c=f({base:w,alpha:.1}),s={border:"1px solid ".concat(w),color:l?"#fff":w},t.createElement(a,o({active:o({backgroundColor:l?w:c},s),key:n,fontWeight:500,hover:o({backgroundColor:l?w:"#fff"},s),onClick:b.bind(null,n),shrink:0,square:!0,title:n,variant:l?"fill":"naked"},N,l&&o({backgroundColor:w,color:"#fff"},y))));var n,l,c,s,u}))))}export{p 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*as r from"react";import{Box as o}from"../Box/Box.js";import{Portal as t}from"../Portal/Portal.js";import{lockScroll as u}from"../utils.js";import i from"./rewireTabOrder.js";import{getFixedParent as c,getModifiers as l}from"./utils.js";import{useThemeProps as f}from"../system/utils.js";import{createPopper as s}from'./../ext/@popperjs/core/lib/popper.js';var p=r.forwardRef((function(p,m){var a=p.anchorElement,d=p.as,v=void 0===d?o:d,R=p.innerRef,h=p.keepInView,y=void 0===h||h,w=p.lockScrollWhileOpen,E=p.matchWidths,j=p.offset,I=void 0===j?8:j,D=p.open,K=p.onKeyDown,k=p.onRequestClose,x=p.placement,T=void 0===x?"bottom":x,b=p.relativeTo,W=p.renderTo,P=p.shouldFlip,z=void 0!==P&&P,F=e(p,["anchorElement","as","innerRef","keepInView","lockScrollWhileOpen","matchWidths","offset","open","onKeyDown","onRequestClose","placement","relativeTo","renderTo","shouldFlip"]),O=f("popover",F),S=O.zIndex,V=void 0===S?1e4:S,q=e(O,["zIndex"]),B=r.useRef(null),C=r.useRef(null),_=r.useRef(null),g=r.useRef(null),A=r.useState(W),H=A[0],N=A[1],G=function(){C.current&&(C.current.destroy(),C.current=null),g.current&&(g.current(),g.current=null),_.current&&(_.current(),_.current=null)},J=function(e){"Escape"===e.key&&k&&(D&&e.nativeEvent.stopImmediatePropagation(),k()),K&&K(e)};return r.useEffect((function(){return function(){!1===D&&G()}}),[D]),r.useEffect((function(){D&&C.current&&C.current.update()})),r.useEffect((function(){void 0===H&&a&&N(c(a))}),[a]),r.useImperativeHandle(m,(function(){return{focusAnchor:function(){B.current&&B.current.focus&&B.current.focus()}}})),r.createElement(t,{renderTo:H},"function"==typeof a?a({innerRef:function(e){return B.current=e},onKeyDown:J}):r.cloneElement(a,{innerRef:function(e){var n;B.current=e,"function"==typeof a.props.innerRef?a.props.innerRef(e):(null===(n=a.props.innerRef)||void 0===n?void 0:n.current)&&(a.props.innerRef.current=e)},onKeyDown:function(e){J(e),a.props.onKeyDown&&a.props.onKeyDown(e)}}),D?r.createElement(v,n({innerRef:function(e){if(e){if(null===C.current){var n=b?b.current||b:B.current;C.current=s(n,e,{placement:T,modifiers:l({matchWidths:E,offset:I,keepInView:y,shouldFlip:z})}),g.current&&g.current(),g.current=i(e),w&&(_.current&&_.current(),_.current=u(e))}}else G();"function"==typeof R?R(e):(null==R?void 0:R.current)&&(R.current=e)},width:"auto",onKeyDown:function(e){J(e),K&&K(e)},style:{zIndex:V}},q)):null)}));p.displayName="Popover";export{p as Popover};
+import{__rest as e,__assign as n}from'./../ext/tslib/tslib.es6.js';import*as r from"react";import{createPopper as o}from"@popperjs/core";import{Box as t}from"../Box/Box.js";import{Portal as u}from"../Portal/Portal.js";import{lockScroll as i}from"../utils.js";import c from"./rewireTabOrder.js";import{getFixedParent as f,getModifiers as l}from"./utils.js";import{useThemeProps as s}from"../system/utils.js";var p=r.forwardRef((function(p,m){var a=p.anchorElement,d=p.as,v=void 0===d?t:d,R=p.innerRef,h=p.keepInView,y=void 0===h||h,w=p.lockScrollWhileOpen,E=p.matchWidths,j=p.offset,I=void 0===j?8:j,D=p.open,K=p.onKeyDown,k=p.onRequestClose,x=p.placement,T=void 0===x?"bottom":x,W=p.relativeTo,b=p.renderTo,P=p.shouldFlip,z=void 0!==P&&P,F=e(p,["anchorElement","as","innerRef","keepInView","lockScrollWhileOpen","matchWidths","offset","open","onKeyDown","onRequestClose","placement","relativeTo","renderTo","shouldFlip"]),O=s("popover",F),S=O.zIndex,V=void 0===S?1e4:S,q=e(O,["zIndex"]),B=r.useRef(null),C=r.useRef(null),g=r.useRef(null),A=r.useRef(null),H=r.useState(b),N=H[0],_=H[1],G=function(){C.current&&(C.current.destroy(),C.current=null),A.current&&(A.current(),A.current=null),g.current&&(g.current(),g.current=null)},J=function(e){"Escape"===e.key&&k&&(D&&e.nativeEvent.stopImmediatePropagation(),k()),K&&K(e)};return r.useEffect((function(){return function(){!1===D&&G()}}),[D]),r.useEffect((function(){D&&C.current&&C.current.update()})),r.useEffect((function(){void 0===N&&a&&_(f(a))}),[a]),r.useImperativeHandle(m,(function(){return{focusAnchor:function(){B.current&&B.current.focus&&B.current.focus()}}})),r.createElement(u,{renderTo:N},"function"==typeof a?a({innerRef:function(e){return B.current=e},onKeyDown:J}):r.cloneElement(a,{innerRef:function(e){var n;B.current=e,"function"==typeof a.props.innerRef?a.props.innerRef(e):(null===(n=a.props.innerRef)||void 0===n?void 0:n.current)&&(a.props.innerRef.current=e)},onKeyDown:function(e){J(e),a.props.onKeyDown&&a.props.onKeyDown(e)}}),D?r.createElement(v,n({innerRef:function(e){if(e){if(null===C.current){var n=W?W.current||W:B.current;C.current=o(n,e,{placement:T,modifiers:l({matchWidths:E,offset:I,keepInView:y,shouldFlip:z})}),A.current&&A.current(),A.current=c(e),w&&(g.current&&g.current(),g.current=i(e))}}else G();"function"==typeof R?R(e):(null==R?void 0:R.current)&&(R.current=e)},width:"auto",onKeyDown:function(e){J(e),K&&K(e)},style:{zIndex:V}},q)):null)}));p.displayName="Popover";export{p as Popover};
 //# sourceMappingURL=Popover.js.map

package/dist/Popover/rewireTabOrder.js

@@ -1,2 +1,2 @@
-import{tabbable as e}from'./../ext/tabbable/dist/index.esm.js';function t(n,i){void 0===i&&(i=null);var l=e(n.parentNode),r=i||n,o=l[l.indexOf(r)+1];return o||n===document.body?o:t(n.parentNode,r)}var n=function(){function n(t){var n=this;Object.defineProperty(this,"tabbables",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"firstFocusableElement",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"lastFocusableElement",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"originalActiveElement",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"nextActiveElement",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"moveFocusToTargetFromTriggerElement",{enumerable:!0,configurable:!0,writable:!0,value:function(e){e.shiftKey||9!==e.keyCode||(e.preventDefault(),n.tabbables.includes(n.nextActiveElement)?n.nextActiveElement.focus():n.firstFocusableElement.focus())}}),Object.defineProperty(this,"moveFocusToTargetFromFirstElement",{enumerable:!0,configurable:!0,writable:!0,value:function(e){e.target===n.firstFocusableElement&&e.shiftKey&&9===e.keyCode&&(e.preventDefault(),n.lastFocusableElement.focus())}}),Object.defineProperty(this,"moveFocusToTargetFromLastElement",{enumerable:!0,configurable:!0,writable:!0,value:function(e){e.target!==n.lastFocusableElement||e.shiftKey||9!==e.keyCode||(e.preventDefault(),n.firstFocusableElement.focus())}}),t&&(this.tabbables=e(t),this.tabbables.length>0&&this.init())}return Object.defineProperty(n.prototype,"init",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.firstFocusableElement=this.tabbables[0],this.lastFocusableElement=this.tabbables[this.tabbables.length-1],this.originalActiveElement=document.activeElement,this.nextActiveElement=t(this.originalActiveElement),this.originalActiveElement.addEventListener("keydown",this.moveFocusToTargetFromTriggerElement),this.firstFocusableElement.addEventListener("keydown",this.moveFocusToTargetFromFirstElement),this.lastFocusableElement.addEventListener("keydown",this.moveFocusToTargetFromLastElement)}}),Object.defineProperty(n.prototype,"destroy",{enumerable:!1,configurable:!0,writable:!0,value:function(){0!==this.tabbables.length&&(this.originalActiveElement.removeEventListener("keydown",this.moveFocusToTargetFromTriggerElement),this.firstFocusableElement.removeEventListener("keydown",this.moveFocusToTargetFromFirstElement),this.lastFocusableElement.removeEventListener("keydown",this.moveFocusToTargetFromLastElement))}}),n}(),i=function(e){var t=new n(e);return function(){return t.destroy()}};export{i as default};
+import{tabbable as e}from"tabbable";function t(n,r){void 0===r&&(r=null);var i=e(n.parentNode),l=r||n,o=i[i.indexOf(l)+1];return o||n===document.body?o:t(n.parentNode,l)}var n=function(){function n(t){var n=this;Object.defineProperty(this,"tabbables",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"firstFocusableElement",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"lastFocusableElement",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"originalActiveElement",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"nextActiveElement",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"moveFocusToTargetFromTriggerElement",{enumerable:!0,configurable:!0,writable:!0,value:function(e){e.shiftKey||9!==e.keyCode||(e.preventDefault(),n.tabbables.includes(n.nextActiveElement)?n.nextActiveElement.focus():n.firstFocusableElement.focus())}}),Object.defineProperty(this,"moveFocusToTargetFromFirstElement",{enumerable:!0,configurable:!0,writable:!0,value:function(e){e.target===n.firstFocusableElement&&e.shiftKey&&9===e.keyCode&&(e.preventDefault(),n.lastFocusableElement.focus())}}),Object.defineProperty(this,"moveFocusToTargetFromLastElement",{enumerable:!0,configurable:!0,writable:!0,value:function(e){e.target!==n.lastFocusableElement||e.shiftKey||9!==e.keyCode||(e.preventDefault(),n.firstFocusableElement.focus())}}),t&&(this.tabbables=e(t),this.tabbables.length>0&&this.init())}return Object.defineProperty(n.prototype,"init",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.firstFocusableElement=this.tabbables[0],this.lastFocusableElement=this.tabbables[this.tabbables.length-1],this.originalActiveElement=document.activeElement,this.nextActiveElement=t(this.originalActiveElement),this.originalActiveElement.addEventListener("keydown",this.moveFocusToTargetFromTriggerElement),this.firstFocusableElement.addEventListener("keydown",this.moveFocusToTargetFromFirstElement),this.lastFocusableElement.addEventListener("keydown",this.moveFocusToTargetFromLastElement)}}),Object.defineProperty(n.prototype,"destroy",{enumerable:!1,configurable:!0,writable:!0,value:function(){0!==this.tabbables.length&&(this.originalActiveElement.removeEventListener("keydown",this.moveFocusToTargetFromTriggerElement),this.firstFocusableElement.removeEventListener("keydown",this.moveFocusToTargetFromFirstElement),this.lastFocusableElement.removeEventListener("keydown",this.moveFocusToTargetFromLastElement))}}),n}(),r=function(e){var t=new n(e);return function(){return t.destroy()}};export{r as default};
 //# sourceMappingURL=rewireTabOrder.js.map

package/dist/Popover/utils.js

@@ -1,2 +1,2 @@
-import e from'./../ext/popper-max-size-modifier/dist/popper-max-size-modifier.esm.js';function t(t){var n=t.matchWidths,i=t.offset,o=t.keepInView,p=t.shouldFlip;return[e,{name:"applyMaxSize",enabled:!0,phase:"beforeWrite",requires:["maxSize"],fn:function(e){var t=e.state,n=t.modifiersData.maxSize.height;t.styles.popper.maxHeight="".concat(n,"px")}},{name:"matchWidths",enabled:Boolean(n),phase:"write",requires:["computeStyles"],fn:function(){},effect:function(e){var t=e.state,i=t.elements.reference.offsetWidth;"minimum"===n?i>t.elements.popper.offsetWidth&&(t.elements.popper.style.minWidth="".concat(i,"px")):t.elements.popper.style.width="".concat(i,"px")}},{name:"offset",options:{offset:[0,i]}},{name:"preventOverflow",enabled:o},{name:"flip",enabled:p}]}function n(e){var t=e.offsetParent;return t?"fixed"!==getComputedStyle(t).position?n(t):t:null}export{n as getFixedParent,t as getModifiers};
+import e from"popper-max-size-modifier";function t(t){var n=t.matchWidths,i=t.offset,o=t.keepInView,a=t.shouldFlip;return[e,{name:"applyMaxSize",enabled:!0,phase:"beforeWrite",requires:["maxSize"],fn:function(e){var t=e.state,n=t.modifiersData.maxSize.height;t.styles.popper.maxHeight="".concat(n,"px")}},{name:"matchWidths",enabled:Boolean(n),phase:"write",requires:["computeStyles"],fn:function(){},effect:function(e){var t=e.state,i=t.elements.reference.offsetWidth;"minimum"===n?i>t.elements.popper.offsetWidth&&(t.elements.popper.style.minWidth="".concat(i,"px")):t.elements.popper.style.width="".concat(i,"px")}},{name:"offset",options:{offset:[0,i]}},{name:"preventOverflow",enabled:o},{name:"flip",enabled:a}]}function n(e){var t=e.offsetParent;return t?"fixed"!==getComputedStyle(t).position?n(t):t:null}export{n as getFixedParent,t as getModifiers};
 //# sourceMappingURL=utils.js.map

package/dist/Radio/Radio.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{useRef as r,useState as i,useEffect as n}from"react";import a from'./../ext/mitt/dist/mitt.js';import{Box as s}from"../Box/Box.js";import l from"../Icon/Icon.js";import{StackView as c}from"../StackView/StackView.js";import{Text as m}from"../Text/Text.js";import{VariantProvider as f}from"../VariantProvider/VariantProvider.js";import{useThemeValue as d}from"../system/utils.js";var u="tapestry.radio0",p="tapestry.radio1",v=a(),h=function(a){var h=a.checked,k=a.disabled,b=a.id,g=a.label,j=a.name,x=a.onBlur,y=a.onChange,E=a.onFocus,z=a.size,S=void 0===z?"xs":z,B=a.value,F=e(a,["checked","disabled","id","label","name","onBlur","onChange","onFocus","size","value"]),I=d("radio"),P=r(),V=i(!1),w=V[0],C=V[1],O=i(!1),R=O[0],T=O[1];return n((function(){function e(e){C(e===P.current)}return v.on(j,e),function(){v.off(j,e)}}),[]),o.createElement(f,{checked:void 0===h?w:h,focus:R},o.createElement(c,t({as:g?"label":"span",inline:!0,axis:"horizontal",alignment:"center",shrink:0,opacity:k?.5:void 0,cursor:k?"not-allowed":void 0,position:"relative"},F),o.createElement(s,{innerRef:P,as:"input",type:"radio",id:String(b),name:j,checked:h,value:B,disabled:k,onChange:function(e){v.emit(j,e.target),y&&y(e)},onFocus:function(e){T(!0),E&&E(e)},onBlur:function(e){T(!1),x&&x(e)},position:"absolute",top:0,left:0,zIndex:0,opacity:0}),o.createElement(l,{className:"tapestry-react-Radio-Icon",size:S},o.createElement(l.Path,{name:u,fill:I.fill,stroke:I.stroke,transform:"scale(1)",transformOrigin:"center center",transition:"all 180ms ease-out",variants:{hover:{transform:"scale(1.125)"},focus:{transform:"scale(1.125)",stroke:I.focusStroke},active:{transform:"scale(1)"},checked:{fill:I.checkedFill,stroke:I.checkedStroke}}}),o.createElement(l.Path,{name:p,fill:"#fff",transform:"scale(0)",transformOrigin:"center center",transition:"all 180ms ease-out",variants:{checked:{visibility:"visible",transform:"scale(1)",transition:"all 120ms ease-out"}}})),g&&o.createElement(m,{fontSize:4,lineHeight:2.5,marginLeft:.5},g)))};export{h as default};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{useRef as r,useState as a,useEffect as i}from"react";import n from"mitt";import{Box as s}from"../Box/Box.js";import l from"../Icon/Icon.js";import{StackView as c}from"../StackView/StackView.js";import{Text as m}from"../Text/Text.js";import{VariantProvider as f}from"../VariantProvider/VariantProvider.js";import{useThemeValue as d}from"../system/utils.js";var u="tapestry.radio0",p="tapestry.radio1",v=n(),h=function(n){var h=n.checked,k=n.disabled,b=n.id,g=n.label,x=n.name,y=n.onBlur,j=n.onChange,E=n.onFocus,z=n.size,S=void 0===z?"xs":z,B=n.value,F=e(n,["checked","disabled","id","label","name","onBlur","onChange","onFocus","size","value"]),I=d("radio"),P=r(),V=a(!1),w=V[0],C=V[1],O=a(!1),R=O[0],T=O[1];return i((function(){function e(e){C(e===P.current)}return v.on(x,e),function(){v.off(x,e)}}),[]),o.createElement(f,{checked:void 0===h?w:h,focus:R},o.createElement(c,t({as:g?"label":"span",inline:!0,axis:"horizontal",alignment:"center",shrink:0,opacity:k?.5:void 0,cursor:k?"not-allowed":void 0,position:"relative"},F),o.createElement(s,{innerRef:P,as:"input",type:"radio",id:String(b),name:x,checked:h,value:B,disabled:k,onChange:function(e){v.emit(x,e.target),j&&j(e)},onFocus:function(e){T(!0),E&&E(e)},onBlur:function(e){T(!1),y&&y(e)},position:"absolute",top:0,left:0,zIndex:0,opacity:0}),o.createElement(l,{className:"tapestry-react-Radio-Icon",size:S},o.createElement(l.Path,{name:u,fill:I.fill,stroke:I.stroke,transform:"scale(1)",transformOrigin:"center center",transition:"all 180ms ease-out",variants:{hover:{transform:"scale(1.125)"},focus:{transform:"scale(1.125)",stroke:I.focusStroke},active:{transform:"scale(1)"},checked:{fill:I.checkedFill,stroke:I.checkedStroke}}}),o.createElement(l.Path,{name:p,fill:"#fff",transform:"scale(0)",transformOrigin:"center center",transition:"all 180ms ease-out",variants:{checked:{visibility:"visible",transform:"scale(1)",transition:"all 120ms ease-out"}}})),g&&o.createElement(m,{fontSize:4,lineHeight:2.5,marginLeft:.5},g)))};export{h 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 o,{useRef as n,useState as r}from"react";import{snap as a,clamp as i}from'./../ext/@popmotion/popcorn/dist/popcorn.es.js';import{Box as u}from"../Box/Box.js";import'./../ext/mousetrap/mousetrap.js';import{useMeasure as s}from"../hooks/use-measure.js";import{useThemeProps as c}from"../system/utils.js";function d(d){var m=d.min,l=void 0===m?0:m,v=d.max,p=void 0===v?100:v,f=d.step,h=void 0===f?1:f,g=d.disabled,b=d.value,w=d.onChange,E=e(d,["min","max","step","disabled","value","onChange"]),L=c("rangeSlider",E),y=L.variant,k=void 0===y?{}:y,D=e(L,["variant"]),x=a(h),C=n(),R=n(),j=n(),B=n(),A=n(),K=s(),X=K[0],_=K[1],M=r(0),O=M[0],S=M[1],U=r(0),H=U[0],I=U[1],T=O-H;function V(e){return x(i(l,p,e))}function W(e){return e.touches?e.touches[0].pageX:e.pageX}function q(e){return(e-l)/(p-l)*T}function z(e){var t,o=W(e),n=V((t=function(e){var t=C.current.getBoundingClientRect().left;return e-(window.pageXOffset+t)-H/2}(o),t/T*(p-l)+l));B.current=o,A.current=n,document.addEventListener("mousemove",F),document.addEventListener("mouseup",G),document.addEventListener("mouseleave",G),document.addEventListener("touchmove",F),document.addEventListener("touchend",G),document.addEventListener("touchcancel",G),e.preventDefault(),j.current.focus(),w(n)}function F(e){var t=function(e){var t=e/(O-H)*(p-l);return V(A.current+t)}(W(e)-B.current);e.preventDefault(),w(t)}function G(){document.removeEventListener("mousemove",F),document.removeEventListener("mouseup",G),document.removeEventListener("mouseleave",G),document.removeEventListener("touchmove",F),document.removeEventListener("touchend",G),document.removeEventListener("touchcancel",G)}return X(C),_((function(){var e=C.current.getBoundingClientRect(),t=e.left,o=e.right,n=j.current.getBoundingClientRect().width;S(Math.abs(o-t)),I(n)}),[]),o.createElement(u,t({innerRef:C,width:"100%",paddingVertical:.5,position:"relative",cursor:g?"not-allowed":"pointer",opacity:g?.65:void 0,onMouseDown:g?void 0:z,onTouchStart:g?void 0:z},D),o.createElement(u,t({innerRef:R,height:.5,radius:6,overflow:"hidden",backgroundColor:"grey-3",position:"relative"},k.track),o.createElement(u,t({position:"absolute",top:0,right:0,bottom:0,left:0,transformOrigin:"center left",backgroundColor:"primary",style:{transform:"scaleX(".concat(1-(T-q(b))/(O-H),")")}},k.progress))),o.createElement(u,t({innerRef:j,tabIndex:0,role:"slider","aria-valuenow":b,"aria-valuemin":l,"aria-valuemax":p,"aria-disabled":g,onKeyDown:g?void 0:function(e){if(!(e.ctrlKey||e.shiftKey||e.altKey))switch(e.key){case"ArrowLeft":case"ArrowDown":case"Left":case"Down":e.preventDefault(),w(V(b-h));break;case"ArrowRight":case"ArrowUp":case"Right":case"Up":e.preventDefault(),w(V(b+h));break;case"Home":e.preventDefault(),w(l);break;case"End":e.preventDefault(),w(p)}},width:1.5,height:1.5,radius:"circle",position:"absolute",top:"50%",left:0,backgroundColor:"grey-1",stroke:"grey-6",strokeWeight:1,style:{transform:"translate(".concat(q(b),"px, -50%)")}},k.thumb)))}export{d as default};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import n,{useRef as r,useState as o}from"react";import{snap as a,clamp as i}from"@popmotion/popcorn";import{Box as u}from"../Box/Box.js";import"mousetrap";import{useMeasure as c}from"../hooks/use-measure.js";import{useThemeProps as s}from"../system/utils.js";function d(d){var m=d.min,l=void 0===m?0:m,v=d.max,f=void 0===v?100:v,p=d.step,h=void 0===p?1:p,g=d.disabled,b=d.value,w=d.onChange,E=e(d,["min","max","step","disabled","value","onChange"]),L=s("rangeSlider",E),y=L.variant,k=void 0===y?{}:y,D=e(L,["variant"]),x=a(h),C=r(),R=r(),B=r(),j=r(),A=r(),K=c(),X=K[0],M=K[1],O=o(0),S=O[0],U=O[1],H=o(0),I=H[0],T=H[1],V=S-I;function W(e){return x(i(l,f,e))}function _(e){return e.touches?e.touches[0].pageX:e.pageX}function q(e){return(e-l)/(f-l)*V}function z(e){var t,n=_(e),r=W((t=function(e){var t=C.current.getBoundingClientRect().left;return e-(window.pageXOffset+t)-I/2}(n),t/V*(f-l)+l));j.current=n,A.current=r,document.addEventListener("mousemove",F),document.addEventListener("mouseup",G),document.addEventListener("mouseleave",G),document.addEventListener("touchmove",F),document.addEventListener("touchend",G),document.addEventListener("touchcancel",G),e.preventDefault(),B.current.focus(),w(r)}function F(e){var t=function(e){var t=e/(S-I)*(f-l);return W(A.current+t)}(_(e)-j.current);e.preventDefault(),w(t)}function G(){document.removeEventListener("mousemove",F),document.removeEventListener("mouseup",G),document.removeEventListener("mouseleave",G),document.removeEventListener("touchmove",F),document.removeEventListener("touchend",G),document.removeEventListener("touchcancel",G)}return X(C),M((function(){var e=C.current.getBoundingClientRect(),t=e.left,n=e.right,r=B.current.getBoundingClientRect().width;U(Math.abs(n-t)),T(r)}),[]),n.createElement(u,t({innerRef:C,width:"100%",paddingVertical:.5,position:"relative",cursor:g?"not-allowed":"pointer",opacity:g?.65:void 0,onMouseDown:g?void 0:z,onTouchStart:g?void 0:z},D),n.createElement(u,t({innerRef:R,height:.5,radius:6,overflow:"hidden",backgroundColor:"grey-3",position:"relative"},k.track),n.createElement(u,t({position:"absolute",top:0,right:0,bottom:0,left:0,transformOrigin:"center left",backgroundColor:"primary",style:{transform:"scaleX(".concat(1-(V-q(b))/(S-I),")")}},k.progress))),n.createElement(u,t({innerRef:B,tabIndex:0,role:"slider","aria-valuenow":b,"aria-valuemin":l,"aria-valuemax":f,"aria-disabled":g,onKeyDown:g?void 0:function(e){if(!(e.ctrlKey||e.shiftKey||e.altKey))switch(e.key){case"ArrowLeft":case"ArrowDown":case"Left":case"Down":e.preventDefault(),w(W(b-h));break;case"ArrowRight":case"ArrowUp":case"Right":case"Up":e.preventDefault(),w(W(b+h));break;case"Home":e.preventDefault(),w(l);break;case"End":e.preventDefault(),w(f)}},width:1.5,height:1.5,radius:"circle",position:"absolute",top:"50%",left:0,backgroundColor:"grey-1",stroke:"grey-6",strokeWeight:1,style:{transform:"translate(".concat(q(b),"px, -50%)")}},k.thumb)))}export{d as default};
 //# sourceMappingURL=RangeSlider.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 o,{forwardRef as r,useCallback as i,useRef as s,useState as n,useImperativeHandle as m,useEffect as a}from"react";import l from"../Button/index.js";import d from"../Input/InputBox.js";import"../system/colors/colors.js";import"../utils.js";import{useThemeProps as u,navigateSize as c}from"../system/utils.js";import"../system/style-names.js";import'./../ext/lodash/lodash.js';import'./../ext/lodash/_baseGetTag.js';import'./../ext/lodash/isArguments.js';import'./../ext/lodash/isBuffer.js';import'./../ext/lodash/isTypedArray.js';import"@emotion/react";import"../system/cxs.js";var f=r((function(r,f){var v=i((function(e){return void 0===e.activeSegment?0:e.segments.indexOf(e.activeSegment)}),[r.activeSegment,r.segments]),p=s(null),g=u("segmentedControl",r),j=g.activeSegment,y=g.color,b=void 0===y?"primary":y,h=g.disabled,_=g.onChange,k=g.segments,S=g.segmentBasis,w=void 0===S?"auto":S,x=g.size,A=void 0===x?"md":x,B=e(g,["activeSegment","color","disabled","onChange","segments","segmentBasis","size"]),z=n(v(r)),C=z[0],D=z[1],E=i((function(e){var t;return null===(t=p.current)||void 0===t?void 0:t.focus(e)}),[p]),I=i((function(e){var t=k[e];t&&(void 0===j&&D(e),_&&_(t.title||t),E(e))}),[k,j,_,E]),L=i((function(e){if(_&&("ArrowLeft"===e.key||"ArrowRight"===e.key)){var t="ArrowLeft"===e.key?-1:1,o=C+t;e.preventDefault(),I(o)}}),[_,C,I]),T=i((function(){var e;return null===(e=p.current)||void 0===e?void 0:e.blur()}),[p]);return m(f,(function(){return{focus:E,blur:T}})),a((function(){var e=v(r);C!==e&&D(e)}),[j]),o.createElement(d,t({ref:p,size:A,includeSpacing:!0,evenPadding:!0,role:"group",cursor:"initial",disabled:h},B),k.map((function(r,i){var s=r.title,n=e(r,["title"]),m=s?n:{};return o.createElement(l,t({key:i,grow:1,size:c(A,-1),basis:w,theme:i===C?b:void 0,variant:i===C?"fill":"naked",title:s||r,disabled:h,onKeyDown:L,onClick:function(){return i!==C&&I(i)}},m))})))}));export{f as default};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import n,{forwardRef as i,useCallback as o,useRef as r,useState as s,useImperativeHandle as a,useEffect as m}from"react";import l from"../Button/Button.js";import u from"../Input/InputBox.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import{useThemeProps as c,navigateSize as d}from"../system/utils.js";import"../system/style-names.js";import"lodash";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"lodash/includes";import"@emotion/react";import"../system/cxs.js";var p=i((function(i,p){var v=o((function(e){return void 0===e.activeSegment?0:e.segments.indexOf(e.activeSegment)}),[i.activeSegment,i.segments]),f=r(null),g=c("segmentedControl",i),y=g.activeSegment,b=g.color,h=void 0===b?"primary":b,j=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(i)),D=A[0],E=A[1],I=o((function(e){var t;return null===(t=f.current)||void 0===t?void 0:t.focus(e)}),[f]),L=o((function(e){var t=S[e];t&&(void 0===y&&E(e),k&&k(t.title||t),I(e))}),[S,y,k,I]),K=o((function(e){if(k&&("ArrowLeft"===e.key||"ArrowRight"===e.key)){var t="ArrowLeft"===e.key?-1:1,n=D+t;e.preventDefault(),L(n)}}),[k,D,L]),O=o((function(){var e;return null===(e=f.current)||void 0===e?void 0:e.blur()}),[f]);return a(p,(function(){return{focus:I,blur:O}})),m((function(){var e=v(i);D!==e&&E(e)}),[y]),n.createElement(u,t({ref:f,size:z,includeSpacing:!0,evenPadding:!0,role:"group",cursor:"initial",disabled:j},C),S.map((function(i,o){var r=i.title,s=e(i,["title"]),a=r?s:{};return n.createElement(l,t({key:o,grow:1,size:d(z,-1),basis:B,theme:o===D?h:void 0,variant:o===D?"fill":"naked",title:r||i,disabled:j,onKeyDown:K,onClick:function(){return o!==D&&L(o)}},a))})))}));export{p as default};
 //# sourceMappingURL=SegmentedControl.js.map

package/dist/Select/Option.d.ts

@@ -1,6 +1,7 @@
 import { Component, ComponentProps, ReactElement } from 'react';
 import { ItemListItem } from '../ItemList';
-type Props = {
+import Menu from '../Menu';
+type Props = Omit<ComponentProps<typeof Menu.Item>, 'children'> & {
     children?: number | string | ReactElement | Array<any> | Function;
     disabled?: ComponentProps<typeof ItemListItem>['disabled'];
     index?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../src/Select/Option.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAKtE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAO1C,KAAK,KAAK,GAAG;IACX,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,OAAc,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAKtE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,IAAI,MAAM,SAAS,CAAA;AAM1B,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"}

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

package/dist/Sidebar/Sidebar.js

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

@@ -1,2 +1,2 @@
-import{__rest as i,__assign as e}from'./../ext/tslib/tslib.es6.js';import{jsx as t}from"@emotion/react";import s from"../system/split-styles.js";import"../system/colors/colors.js";import{joinChildren as n}from"../utils.js";import{spacingValue as r}from"../system/utils.js";import"../system/style-names.js";import'./../ext/lodash/lodash.js';import"react";import"../system/cxs.js";import{useVariant as o}from"../VariantProvider/VariantProvider.js";var l="fill",a="horizontal",m="vertical",p={styleProps:["alignment","axis","distribution","spacing"],getStyles:function(e){e.inline;var t=e.alignment,s=e.axis,n=e.distribution,o=e.spacing,m=i(e,["inline","alignment","axis","distribution","spacing"]);return s&&void 0===m.flexDirection&&(m.flexDirection=s===a?"row":"column"),t&&void 0===m.alignItems&&(m.alignItems=t),n===l?m["& > *"]={flex:"1 0 0px"}:void 0===m.justifyContent&&(m.justifyContent=n),"number"!=typeof o&&"string"!=typeof o||(m.gap=r(o)),m}},c=function(r){var l=r.as,a=r.children,c=r.inline,f=r.innerRef,d=i(r,["as","children","inline","innerRef"]),u=o(),y=l||"div",g="textarea"===y?void 0:"object"==typeof d.spacing?n(a,d.spacing):a;return t(y,e({ref:f},s(e({display:c?"inline-flex":"flex",axis:m,plugin:p,variant:u},d))),g)};c.BASELINE="baseline",c.CENTER="center",c.END="end",c.FILL=l,c.HORIZONTAL=a,c.SPACE_BETWEEN="space-between",c.SPACE_EVENLY="space-evenly",c.START="start",c.STRETCH="stretch",c.VERTICAL=m;export{c as StackView};
+import{__rest as i,__assign as t}from'./../ext/tslib/tslib.es6.js';import{jsx as e}from"@emotion/react";import n from"../system/split-styles.js";import"../system/colors/colors.js";import"polished";import{joinChildren as s}from"../utils.js";import{spacingValue as r}from"../system/utils.js";import"../system/style-names.js";import"lodash";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"react";import"../system/cxs.js";import{useVariant as o}from"../VariantProvider/VariantProvider.js";var a="fill",l="horizontal",p="vertical",m={styleProps:["alignment","axis","distribution","spacing"],getStyles:function(t){t.inline;var e=t.alignment,n=t.axis,s=t.distribution,o=t.spacing,p=i(t,["inline","alignment","axis","distribution","spacing"]);return n&&void 0===p.flexDirection&&(p.flexDirection=n===l?"row":"column"),e&&void 0===p.alignItems&&(p.alignItems=e),s===a?p["& > *"]={flex:"1 0 0px"}:void 0===p.justifyContent&&(p.justifyContent=s),"number"!=typeof o&&"string"!=typeof o||(p.gap=r(o)),p}},c=function(r){var a=r.as,l=r.children,c=r.inline,f=r.innerRef,d=i(r,["as","children","inline","innerRef"]),g=o(),y=a||"div",u="textarea"===y?void 0:"object"==typeof d.spacing?s(l,d.spacing):l;return e(y,t({ref:f},n(t({display:c?"inline-flex":"flex",axis:p,plugin:m,variant:g},d))),u)};c.BASELINE="baseline",c.CENTER="center",c.END="end",c.FILL=a,c.HORIZONTAL=l,c.SPACE_BETWEEN="space-between",c.SPACE_EVENLY="space-evenly",c.START="start",c.STRETCH="stretch",c.VERTICAL=p;export{c as StackView};
 //# sourceMappingURL=StackView.js.map

package/dist/StepperField/StepperField.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as i}from'./../ext/tslib/tslib.es6.js';import t from"react";import n from"../Button/index.js";import{useThemeProps as o,useBoxSize as a}from"../system/utils.js";import r from"../NumberField/NumberField.js";import{StackView as m}from"../StackView/StackView.js";var s=function(s){var l=s.max,c=void 0===l?1/0:l,d=s.min,u=void 0===d?-1/0:d,p=s.onChange,f=s.step,z=void 0===f?1:f,v=s.value,b=void 0===v?0:v,g=e(s,["max","min","onChange","step","value"]),h=o("stepperField",g),x=h.size,S=void 0===x?"md":x,j=e(h,["size"]),C=S,k=a(C),E=k.fontSize,y=k.navigateSize,F=k.paddingHorizontal;return t.createElement(m,i({axis:"horizontal",fontSize:E},j),t.createElement(n,{disabled:b<=u,icon:{name:"general.minus",size:y(C,-1)},onClick:function(){return p(Math.max(b-z,u))},size:C,title:"Decrement by ".concat(z)}),t.createElement(r,{fontSize:"inherit",max:c,min:u,onChange:function(e){return p(parseInt(e,10))},paddingHorizontal:F,size:C,step:z,value:b}),t.createElement(n,{disabled:b>=c,icon:{name:"general.plus",size:y(C,-1)},onClick:function(){return p(Math.min(b+z,c))},size:C,title:"Increment by ".concat(z)}))};export{s as default};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import i from"react";import n from"../Button/Button.js";import{useThemeProps as o,useBoxSize as a}from"../system/utils.js";import r from"../NumberField/NumberField.js";import{StackView as m}from"../StackView/StackView.js";var s=function(s){var l=s.max,c=void 0===l?1/0:l,d=s.min,u=void 0===d?-1/0:d,p=s.onChange,f=s.step,z=void 0===f?1:f,v=s.value,b=void 0===v?0:v,g=e(s,["max","min","onChange","step","value"]),h=o("stepperField",g),x=h.size,S=void 0===x?"md":x,j=e(h,["size"]),C=S,k=a(C),E=k.fontSize,y=k.navigateSize,F=k.paddingHorizontal;return i.createElement(m,t({axis:"horizontal",fontSize:E},j),i.createElement(n,{disabled:b<=u,icon:{name:"general.minus",size:y(C,-1)},onClick:function(){return p(Math.max(b-z,u))},size:C,title:"Decrement by ".concat(z)}),i.createElement(r,{fontSize:"inherit",max:c,min:u,onChange:function(e){return p(parseInt(e,10))},paddingHorizontal:F,size:C,step:z,value:b}),i.createElement(n,{disabled:b>=c,icon:{name:"general.plus",size:y(C,-1)},onClick:function(){return p(Math.min(b+z,c))},size:C,title:"Increment by ".concat(z)}))};export{s as default};
 //# sourceMappingURL=StepperField.js.map

package/dist/StepperProgress/Step.js

@@ -1,2 +1,2 @@
-import e,{useContext as t,useState as o,useLayoutEffect as r}from"react";import{Box as i}from"../Box/Box.js";import"../system/colors/colors.js";import"../utils.js";import{spacingValue as s}from"../system/utils.js";import"../system/style-names.js";import'./../ext/lodash/lodash.js';import'./../ext/lodash/_baseGetTag.js';import'./../ext/lodash/isArguments.js';import'./../ext/lodash/isBuffer.js';import'./../ext/lodash/isTypedArray.js';import"@emotion/react";import"../system/cxs.js";import{StackView as a}from"../StackView/StackView.js";import n from"./Context.js";var l=1.5,c="separatorSecondary";function m(){var o=t(n),r=o.active,a=o.activeColor;return e.createElement(i,{position:"absolute",width:"100%",height:"3px",x:"calc(-100% + ".concat(s(l/2),")"),y:"4.5px",backgroundColor:c,zIndex:0},e.createElement(i,{width:"100%",height:"100%",backgroundColor:a,transformOrigin:"left center",transition:"transform 280ms ease-out",style:{transform:"scaleX(".concat(r?1:0)}}))}function d(s){var a=t(n),d=void 0===s.active?a.active:s.active,u=void 0===s.activeColor?a.activeColor:s.activeColor,p=o("0ms"),v=p[0],f=p[1];return r((function(){f(!0===d?"0ms":"280ms")}),[d]),e.createElement(i,null,a.includeLine&&e.createElement(m,null),e.createElement(i,{width:l,height:l,radius:"circle",backgroundColor:d?u:c,position:"relative",zIndex:1,transition:"background-color 280ms ease-out",transitionDelay:v}))}function u(t){var o=t.active,r=t.activeColor,i=t.renderStart,s=t.renderEnd;return e.createElement(a,{alignment:"center",position:"relative"},i,e.createElement(d,{active:o,activeColor:r}),s)}export{u as default};
+import t,{useContext as e,useState as o,useLayoutEffect as r}from"react";import{Box as i}from"../Box/Box.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import{spacingValue as n}from"../system/utils.js";import"../system/style-names.js";import"lodash";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"lodash/includes";import"@emotion/react";import"../system/cxs.js";import{StackView as a}from"../StackView/StackView.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 p(n){var a=e(s),p=void 0===n.active?a.active:n.active,d=void 0===n.activeColor?a.activeColor:n.activeColor,u=o("0ms"),v=u[0],f=u[1];return r((function(){f(!0===p?"0ms":"280ms")}),[p]),t.createElement(i,null,a.includeLine&&t.createElement(m,null),t.createElement(i,{width:c,height:c,radius:"circle",backgroundColor:p?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(p,{active:o,activeColor:r}),n)}export{d as default};
 //# sourceMappingURL=Step.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{StackView as t}from"../StackView/StackView.js";import'./../ext/mousetrap/mousetrap.js';import"../hooks/use-measure.js";import{useMediaQuery as e}from"../hooks/use-media-query.js";import{Tab as a}from"./Tab.js";import{convertToBaseUnit as i}from"../system/utils.js";import{designTokens as s}from"../designTokens/index.js";var d=s.tabNav,m=d.desktop,l=d.mobile,n=function(s){var d=s.selectedTabBackgroundColor,n=void 0===d?m.selectedTabBackgroundColor:d,p=s.tabs,c=e("(max-width: 600px)"),b={paddingHorizontal:i(m.paddingX),spacing:i(m.spacing)},u={backgroundColor:l.backgroundColor,borderBottomColor:l.borderBottomColor,borderBottomStyle:l.borderBottomStyle,borderBottomWidth:l.borderBottomWidth,paddingHorizontal:i(l.paddingX),spacing:i(l.spacing)};return r.createElement(t,o({axis:"horizontal",overflowX:"scroll",role:"tablist",spacing:2.5,width:"100%"},c?u:b),p.map((function(t,e){return r.createElement(a,o({key:e,isMobile:c,selectedTabBackgroundColor:n},t))})))};export{n as TabNav,n as default};
+import{__assign as o}from'./../ext/tslib/tslib.es6.js';import r from"react";import{StackView as t}from"../StackView/StackView.js";import"mousetrap";import"../hooks/use-measure.js";import{useMediaQuery as e}from"../hooks/use-media-query.js";import{Tab as i}from"./Tab.js";import{convertToBaseUnit as a}from"../system/utils.js";import{designTokens as s}from"../designTokens/index.js";var d=s.tabNav,m=d.desktop,l=d.mobile,n=function(s){var d=s.selectedTabBackgroundColor,n=void 0===d?m.selectedTabBackgroundColor:d,p=s.tabs,c=e("(max-width: 600px)"),b={paddingHorizontal:a(m.paddingX),spacing:a(m.spacing)},u={backgroundColor:l.backgroundColor,borderBottomColor:l.borderBottomColor,borderBottomStyle:l.borderBottomStyle,borderBottomWidth:l.borderBottomWidth,paddingHorizontal:a(l.paddingX),spacing:a(l.spacing)};return r.createElement(t,o({axis:"horizontal",overflowX:"scroll",role:"tablist",spacing:2.5,width:"100%"},c?u:b),p.map((function(t,e){return r.createElement(i,o({key:e,isMobile:c,selectedTabBackgroundColor:n},t))})))};export{n as TabNav,n as default};
 //# 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'./../ext/tiny-spring/spring.js';import o from'./../ext/stylefire/dist/stylefire.es.js';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=o(r))}}),Object.defineProperty(e,"setScroll",{enumerable:!0,configurable:!0,writable:!0,value:function(r,o){var t=l(e.scroller.get(r),{stiffness:500,damping:50});t.onUpdate((function(l){var o;return e.scroller.set(((o={})[r]=l,o))})),t.transitionTo(o)}}),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=o(window))}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return this.props.children({ref:this.setRef,moveScrollX:this.moveScrollX,moveScrollY:this.moveScrollY,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"tiny-spring";import o from"stylefire";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=o(r))}}),Object.defineProperty(e,"setScroll",{enumerable:!0,configurable:!0,writable:!0,value:function(r,o){var t=l(e.scroller.get(r),{stiffness:500,damping:50});t.onUpdate((function(l){var o;return e.scroller.set(((o={})[r]=l,o))})),t.transitionTo(o)}}),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=o(window))}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return this.props.children({ref:this.setRef,moveScrollX:this.moveScrollX,moveScrollY:this.moveScrollY,setScrollX:this.setScrollX,setScrollY:this.setScrollY})}}),t}(r);export{t as default};
 //# sourceMappingURL=AnimateScroll.js.map

package/dist/Table/AvatarCell.js

@@ -1,2 +1,2 @@
-import{__assign as e}from'./../ext/tslib/tslib.es6.js';import o from"react";import{Avatar as r}from"../Avatar/Avatar.js";import{StackView as t}from"../StackView/StackView.js";import{useHover as s}from"../hooks/use-hover.js";import'./../ext/mousetrap/mousetrap.js';import"../hooks/use-measure.js";import m from"./CheckboxCell.js";function i(i){var a=i.source,n=i.checked,c=i.onChange,h=s(),u=h.hover,p=h.hoverProps;return o.createElement(t,e({alignment:"center",distribution:"center",width:4,height:4},p),u||n?o.createElement(m,{onChange:c,checked:n}):o.createElement(r,{source:a,size:"sm"}))}export{i as default};
+import{__assign as e}from'./../ext/tslib/tslib.es6.js';import r from"react";import{Avatar as o}from"../Avatar/Avatar.js";import{StackView as t}from"../StackView/StackView.js";import{useHover as s}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import m from"./CheckboxCell.js";function i(i){var a=i.source,c=i.checked,n=i.onChange,h=s(),p=h.hover,u=h.hoverProps;return r.createElement(t,e({alignment:"center",distribution:"center",width:4,height:4},u),p||c?r.createElement(m,{onChange:n,checked:c}):r.createElement(o,{source:a,size:"sm"}))}export{i as default};
 //# sourceMappingURL=AvatarCell.js.map

package/dist/Table/DateCell.js

@@ -1,2 +1,2 @@
-import e from"react";import{Box as o}from"../Box/Box.js";import m from'./../ext/date-fns/esm/format/index.js';function r(r){var t=r.date,d=r.showTime;return e.createElement(o,null,m(t,d?"MMM dd, yyyy h:mm:A":"MMM dd, yyyy"))}export{r as default};
+import r from"react";import{format as t}from"date-fns";import{Box as e}from"../Box/Box.js";function o(o){var m=o.date,y=o.showTime;return r.createElement(e,null,t(m,y?"MMM dd, yyyy h:mm:A":"MMM dd, yyyy"))}export{o as default};
 //# sourceMappingURL=DateCell.js.map

package/dist/Table/NavigationArrow.js

@@ -1,2 +1,2 @@
-import{__assign as t}from'./../ext/tslib/tslib.es6.js';import e from"react";import{Box as o}from"../Box/Box.js";import s from"../Button/index.js";import"../system/colors/colors.js";import"../utils.js";import{parseColor as a}from"../system/utils.js";import"../system/style-names.js";import'./../ext/lodash/lodash.js';import'./../ext/lodash/_baseGetTag.js';import'./../ext/lodash/isArguments.js';import'./../ext/lodash/isBuffer.js';import'./../ext/lodash/isTypedArray.js';import"@emotion/react";import"../system/cxs.js";var i="undefined"!=typeof window&&window.CSS&&window.CSS.supports;function n(n){var r,d,m,l=n.direction,c=n.headerHeight,p=n.offsets,g=n.progress,u=n.mouseTouchHandlers,h=a({base:"grey-0",alpha:0}),f=a("grey-0"),y=-1===l?"left":"right",j=((r={"aria-hidden":!0,position:i?"sticky":"absolute",top:0})[y]=p[y]+"px",r.zIndex=25,r.width=0,r.css={"@media print":{display:"none"}},r),x=((d={position:"absolute",top:0})[y]=0,d.height=c+"px",d.transition="all 300ms ease",d),b=t(((m={icon:{name:"general.".concat(y,"Chevron")},title:"navigate ".concat(y),theme:!1,disabled:1===l?g>=.99:g<=0,height:"100%"})[-1===l?"paddingLeft":"paddingRight"]=1,m[-1===l?"paddingRight":"paddingLeft"]=2,m),u(l)),w=i?-100:0;return 1===l?(x.opacity=g>=.99||null===g?0:1,x.transform="translate(".concat(g>=.99?100:0,"%, ").concat(w,"%)"),x.background="linear-gradient(-90deg, ".concat(f," 24px, ").concat(h,")")):(x.opacity=g<=0?0:1,x.transform="translate(".concat(g<=0?-100:0,"%, ").concat(w,"%)"),x.background="linear-gradient(90deg, ".concat(f," 24px, ").concat(h,")")),e.createElement(o,t({},j),e.createElement(o,t({},x),e.createElement(s,t({},b))))}export{n as default};
+import{__assign as t}from'./../ext/tslib/tslib.es6.js';import e from"react";import{Box as o}from"../Box/Box.js";import n from"../Button/Button.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import{parseColor as i}from"../system/utils.js";import"../system/style-names.js";import"lodash";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"lodash/includes";import"@emotion/react";import"../system/cxs.js";var a="undefined"!=typeof window&&window.CSS&&window.CSS.supports;function r(r){var s,c,p,d=r.direction,m=r.headerHeight,l=r.offsets,g=r.progress,h=r.mouseTouchHandlers,u=i({base:"grey-0",alpha:0}),f=i("grey-0"),y=-1===d?"left":"right",x=((s={"aria-hidden":!0,position:a?"sticky":"absolute",top:0})[y]=l[y]+"px",s.zIndex=25,s.width=0,s.css={"@media print":{display:"none"}},s),b=((c={position:"absolute",top:0})[y]=0,c.height=m+"px",c.transition="all 300ms ease",c),j=t(((p={icon:{name:"general.".concat(y,"Chevron")},title:"navigate ".concat(y),theme:!1,disabled:1===d?g>=.99:g<=0,height:"100%"})[-1===d?"paddingLeft":"paddingRight"]=1,p[-1===d?"paddingRight":"paddingLeft"]=2,p),h(d)),w=a?-100:0;return 1===d?(b.opacity=g>=.99||null===g?0:1,b.transform="translate(".concat(g>=.99?100:0,"%, ").concat(w,"%)"),b.background="linear-gradient(-90deg, ".concat(f," 24px, ").concat(u,")")):(b.opacity=g<=0?0:1,b.transform="translate(".concat(g<=0?-100:0,"%, ").concat(w,"%)"),b.background="linear-gradient(90deg, ".concat(f," 24px, ").concat(u,")")),e.createElement(o,t({},x),e.createElement(o,t({},b),e.createElement(n,t({},j))))}export{r as default};
 //# sourceMappingURL=NavigationArrow.js.map

package/dist/Table/ScrollShadow.js

@@ -1,2 +1,2 @@
-import t from"react";import{interpolate as o}from'./../ext/@popmotion/popcorn/dist/popcorn.es.js';var e=o([0,.2],[0,1]),r=o([.8,1],[1,0]);function n(o){var n=o.offset,a=void 0===n?0:n,i=o.position,p=o.progress,d=isNaN(p)?0:p,s={width:10,position:"absolute",top:0,bottom:0,zIndex:30,pointerEvents:"none"};return"left"===i?(s.left=a,s.background="linear-gradient(-90deg, transparent 4px, rgba(125, 125, 125, 0.15))",s.opacity=e(d)):(s.right=a,s.background="linear-gradient(90deg, transparent 4px, rgba(125, 125, 125, 0.15))",s.opacity=r(d)),t.createElement("div",{"aria-hidden":!0,style:s})}export{n as default};
+import t from"react";import{interpolate as r}from"@popmotion/popcorn";var o=r([0,.2],[0,1]),e=r([.8,1],[1,0]);function a(r){var a=r.offset,n=void 0===a?0:a,i=r.position,p=r.progress,d=isNaN(p)?0:p,s={width:10,position:"absolute",top:0,bottom:0,zIndex:30,pointerEvents:"none"};return"left"===i?(s.left=n,s.background="linear-gradient(-90deg, transparent 4px, rgba(125, 125, 125, 0.15))",s.opacity=o(d)):(s.right=n,s.background="linear-gradient(90deg, transparent 4px, rgba(125, 125, 125, 0.15))",s.opacity=e(d)),t.createElement("div",{"aria-hidden":!0,style:s})}export{a as default};
 //# sourceMappingURL=ScrollShadow.js.map

package/dist/Table/SubRowToggleCell.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import r from"react";import o from"../Button/index.js";import{StackView as n}from"../StackView/StackView.js";var i=function(i){var a=i.contentsHidden;i.rowIndex;var d=i.toggled,s=i.height,m=e(i,["contentsHidden","rowIndex","toggled","height"]);return r.createElement(n,{axis:"horizontal",alignment:"center",distribution:"center",shrink:0,grow:0,basis:6,width:6,height:s,backgroundColor:"inherit",zIndex:35},!a&&r.createElement(o,t({theme:!1,title:"Toggle row",icon:{name:"general.downCaret"},transform:!d&&"rotate(-90deg)"},m)))};export{i as default};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import r from"react";import o from"../Button/Button.js";import{StackView as n}from"../StackView/StackView.js";var i=function(i){var a=i.contentsHidden;i.rowIndex;var d=i.toggled,s=i.height,m=e(i,["contentsHidden","rowIndex","toggled","height"]);return r.createElement(n,{axis:"horizontal",alignment:"center",distribution:"center",shrink:0,grow:0,basis:6,width:6,height:s,backgroundColor:"inherit",zIndex:35},!a&&r.createElement(o,t({theme:!1,title:"Toggle row",icon:{name:"general.downCaret"},transform:!d&&"rotate(-90deg)"},m)))};export{i as default};
 //# sourceMappingURL=SubRowToggleCell.js.map

package/dist/Table/Table.js

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

package/dist/Tabs/Tab.js

@@ -1,2 +1,2 @@
-import{__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import e from"react";import{StackView as s}from"../StackView/StackView.js";import{useHover as t}from"../hooks/use-hover.js";import'./../ext/mousetrap/mousetrap.js';import"../hooks/use-measure.js";import"../system/colors/colors.js";import"../utils.js";import{useThemeProps as i}from"../system/utils.js";import"../system/style-names.js";import'./../ext/lodash/lodash.js';import'./../ext/lodash/_baseGetTag.js';import'./../ext/lodash/isArguments.js';import'./../ext/lodash/isBuffer.js';import'./../ext/lodash/isTypedArray.js';import"@emotion/react";import"../system/cxs.js";function a(a){var d=i("tabs.tab",a),m=d.axis,l=d.children,n=d.disabled,p=d.id,c=d.isActive,u=o(d,["axis","children","disabled","id","isActive"]),h=t(),b=h.hover,j=h.hoverProps,f=!n&&b,y=c?"primary":f?"separator":"separatorSecondary";return"horizontal"===m?(u.borderBottomWidth=2,u.borderBottomColor=y):(u.borderRightWidth=2,u.borderRightColor=y),e.createElement(s,r({id:p,role:"tab","aria-selected":c,"aria-controls":"".concat(p,"-panel"),"aria-disabled":n,alignment:"center",distribution:"center",fontSize:4,padding:1,color:c||f?"foreground":"foregroundSecondary",cursor:n?"not-allowed":"pointer",opacity:n?.6:void 0},j,u),l)}a.displayName="Tabs.Tab";export{a as default};
+import{__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import t from"react";import{StackView as e}from"../StackView/StackView.js";import{useHover as i}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import{useThemeProps as s}from"../system/utils.js";import"../system/style-names.js";import"lodash";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"lodash/includes";import"@emotion/react";import"../system/cxs.js";function a(a){var n=s("tabs.tab",a),m=n.axis,d=n.children,l=n.disabled,p=n.id,c=n.isActive,h=o(n,["axis","children","disabled","id","isActive"]),b=i(),u=b.hover,y=b.hoverProps,f=!l&&u,g=c?"primary":f?"separator":"separatorSecondary";return"horizontal"===m?(h.borderBottomWidth=2,h.borderBottomColor=g):(h.borderRightWidth=2,h.borderRightColor=g),t.createElement(e,r({id:p,role:"tab","aria-selected":c,"aria-controls":"".concat(p,"-panel"),"aria-disabled":l,alignment:"center",distribution:"center",fontSize:4,padding:1,color:c||f?"foreground":"foregroundSecondary",cursor:l?"not-allowed":"pointer",opacity:l?.6:void 0},y,h),d)}a.displayName="Tabs.Tab";export{a as default};
 //# sourceMappingURL=Tab.js.map

package/dist/Tabs/TabList.js

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