@planningcenter/tapestry-react 4.12.3 → 4.13.1

package/dist/CheckboxGroup/CheckboxGroupContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type CheckboxGroupContextValue = {
     name: string;
     onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;

package/dist/CheckboxGroup/CheckboxGroupContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupContext.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroupContext.tsx"],"names":[],"mappings":";AAEA,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC9D,KAAK,EAAE,MAAM,EAAE,CAAA;CAChB,CAAA;AAED,QAAA,MAAM,oBAAoB,oDAEd,CAAA;AAEZ,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"CheckboxGroupContext.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroupContext.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC9D,KAAK,EAAE,MAAM,EAAE,CAAA;CAChB,CAAA;AAED,QAAA,MAAM,oBAAoB,oDAEd,CAAA;AAEZ,eAAe,oBAAoB,CAAA"}

package/dist/ChurchCenterStatus/ChurchCenterStatus.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type ChurchCenterStatusProps = {
     buttonProps?: object;
     ccAppEnabled?: boolean;
@@ -13,6 +14,6 @@ type ChurchCenterStatusProps = {
     settingsUrl: string;
     showSettingsLink?: boolean;
 };
-export declare function ChurchCenterStatus({ buttonProps: passedButtonProps, ccAppEnabled, ccPublishingEnabled, ccWebEnabled, description, destinationLabel, disabledDescription, dropdownProps, icons, productUrl, renderPopoverFooter, settingsUrl, showSettingsLink, ...props }: ChurchCenterStatusProps): JSX.Element;
+export declare function ChurchCenterStatus({ buttonProps: passedButtonProps, ccAppEnabled, ccPublishingEnabled, ccWebEnabled, description, destinationLabel, disabledDescription, dropdownProps, icons, productUrl, renderPopoverFooter, settingsUrl, showSettingsLink, ...props }: ChurchCenterStatusProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=ChurchCenterStatus.d.ts.map

package/dist/ChurchCenterStatus/ChurchCenterStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChurchCenterStatus.d.ts","sourceRoot":"","sources":["../../src/ChurchCenterStatus/ChurchCenterStatus.tsx"],"names":[],"mappings":"AAUA,KAAK,uBAAuB,GAAG;IAI7B,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,YAAY,CAAC,EAAE,OAAO,CAAA;IAKtB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAK7B,YAAY,CAAC,EAAE,OAAO,CAAA;IAKtB,WAAW,EAAE,MAAM,CAAA;IAKnB,gBAAgB,EAAE,MAAM,CAAA;IAKxB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAK5B,aAAa,CAAC,EAAE,MAAM,CAAA;IAKtB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,UAAU,EAAE,MAAM,CAAA;IAOlB,mBAAmB,EAAE,QAAQ,CAAA;IAK7B,WAAW,EAAE,MAAM,CAAA;IAKnB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EAAE,iBAAsB,EACnC,YAAoB,EACpB,mBAA2B,EAC3B,YAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,mBAAmF,EACnF,aAAkB,EAClB,KAAK,EACL,UAAU,EACV,mBAA8B,EAC9B,WAAW,EACX,gBAAuB,EACvB,GAAG,KAAK,EACT,EAAE,uBAAuB,eA0GzB"}
+{"version":3,"file":"ChurchCenterStatus.d.ts","sourceRoot":"","sources":["../../src/ChurchCenterStatus/ChurchCenterStatus.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,KAAK,uBAAuB,GAAG;IAI7B,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,YAAY,CAAC,EAAE,OAAO,CAAA;IAKtB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAK7B,YAAY,CAAC,EAAE,OAAO,CAAA;IAKtB,WAAW,EAAE,MAAM,CAAA;IAKnB,gBAAgB,EAAE,MAAM,CAAA;IAKxB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAK5B,aAAa,CAAC,EAAE,MAAM,CAAA;IAKtB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,UAAU,EAAE,MAAM,CAAA;IAOlB,mBAAmB,EAAE,QAAQ,CAAA;IAK7B,WAAW,EAAE,MAAM,CAAA;IAKnB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EAAE,iBAAsB,EACnC,YAAoB,EACpB,mBAA2B,EAC3B,YAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,mBAAmF,EACnF,aAAkB,EAClB,KAAK,EACL,UAAU,EACV,mBAA8B,EAC9B,WAAW,EACX,gBAAuB,EACvB,GAAG,KAAK,EACT,EAAE,uBAAuB,qBA0GzB"}

package/dist/ChurchCenterStatus/ChurchCenterStatus.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{token as r}from"@planningcenter/tapestry";import n from"react";import{Button as o}from"../Button/Button.js";import{Divider as i}from"../Divider/Divider.js";import a from"../Dropdown/Dropdown.js";import c from"../Icon/Icon.js";import{StackView as s}from"../StackView/StackView.js";import{Text as l}from"../Text/Text.js";function p(p){var m=p.buttonProps,d=void 0===m?{}:m,g=p.ccAppEnabled,u=void 0!==g&&g,h=p.ccPublishingEnabled,b=void 0!==h&&h,x=p.ccWebEnabled,E=void 0!==x&&x,v=p.description,f=p.destinationLabel,w=p.disabledDescription,z=void 0===w?"People cannot access this product on the web or mobile app.":w,P=p.dropdownProps,k=void 0===P?{}:P,j=p.icons,y=p.productUrl,C=p.renderPopoverFooter,D=void 0===C?function(){}:C,L=p.settingsUrl,T=p.showSettingsLink,W=void 0===T||T,U=e(p,["buttonProps","ccAppEnabled","ccPublishingEnabled","ccWebEnabled","description","destinationLabel","disabledDescription","dropdownProps","icons","productUrl","renderPopoverFooter","settingsUrl","showSettingsLink"]),S=t({distribution:"start",fontWeight:400,paddingHorizontal:2,radius:0,variant:"naked"},d),V=u||E,A=W||V&&b||!!D(),B=t({check:"general.check",exclamationTriangle:"general.exclamationTriangle",external:"general.newWindow",x:"general.x"},j);return n.createElement(s,t({axis:"horizontal",spacing:1},U),n.createElement(a,t({fontWeight:400,placement:"bottom-end",popoverProps:t({width:"280px"},k.popoverProps),theme:"dark",title:"Church Center",variant:"outline"},(!V||!b)&&{iconLeft:{name:B.exclamationTriangle,size:"sm"}},k),n.createElement(s,{padding:2,spacing:2},b?V?n.createElement(l,{size:"14px"},v):n.createElement(l,{size:"14px"},n.createElement("strong",null,"Church Center is disabled.")," ",z):n.createElement(l,{size:"14px"},n.createElement("strong",null,"This product is not published on Church Center.")," ",z),V&&b&&n.createElement(s,{axis:"horizontal",spacing:3},n.createElement(s,{axis:"horizontal",alignment:"center",spacing:.5},n.createElement(c,{color:r(E?"--t-icon-color-status-success-primary":"--t-icon-color-status-error-primary"),name:E?B.check:B.x,size:"sm"}),n.createElement(l,{size:"14px",weight:700},"Web")),n.createElement(s,{axis:"horizontal",alignment:"center",spacing:.5},n.createElement(c,{color:r(u?"--t-icon-color-status-success-primary":"--t-icon-color-status-error-primary"),name:u?B.check:B.x,size:"sm"}),n.createElement(l,{size:"14px",weight:700},"Mobile app")))),A&&n.createElement(i,{margin:.5}),n.createElement(s,null,W&&n.createElement(o,t({external:!0,title:"Update settings",to:L},S)),V&&b&&n.createElement(o,t({external:!0,iconRight:{color:r("--t-icon-color-default-primary"),marginLeft:1,name:B.external,size:"xs"},title:"Visit ".concat(f),to:y},S,{as:"a"})),D(S))))}export{p as ChurchCenterStatus};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{token as n}from"@planningcenter/tapestry";import o from"react";import{Button as r}from"../Button/Button.js";import{Divider as i}from"../Divider/Divider.js";import a from"../Dropdown/Dropdown.js";import c from"../Icon/Icon.js";import{StackView as s}from"../StackView/StackView.js";import{Text as l}from"../Text/Text.js";function p(p){var m=p.buttonProps,d=void 0===m?{}:m,g=p.ccAppEnabled,u=void 0!==g&&g,h=p.ccPublishingEnabled,b=void 0!==h&&h,x=p.ccWebEnabled,E=void 0!==x&&x,v=p.description,f=p.destinationLabel,w=p.disabledDescription,z=void 0===w?"People cannot access this product on the web or mobile app.":w,P=p.dropdownProps,k=void 0===P?{}:P,j=p.icons,C=p.productUrl,D=p.renderPopoverFooter,L=void 0===D?function(){}:D,T=p.settingsUrl,W=p.showSettingsLink,U=void 0===W||W,S=e(p,["buttonProps","ccAppEnabled","ccPublishingEnabled","ccWebEnabled","description","destinationLabel","disabledDescription","dropdownProps","icons","productUrl","renderPopoverFooter","settingsUrl","showSettingsLink"]),V=t({distribution:"start",fontWeight:400,paddingHorizontal:2,radius:0,variant:"naked"},d),A=u||E,B=U||A&&b||!!L(),F=t({check:"general.check",exclamationTriangle:"general.exclamationTriangle",external:"general.newWindow",x:"general.x"},j);return o.createElement(s,t({axis:"horizontal",spacing:1},S),o.createElement(a,t({fontWeight:400,placement:"bottom-end",popoverProps:t({width:"280px"},k.popoverProps),theme:"dark",title:"Church Center",variant:"outline"},(!A||!b)&&{iconLeft:{name:F.exclamationTriangle,size:"sm"}},k),o.createElement(s,{padding:2,spacing:2},b?A?o.createElement(l,{size:"14px"},v):o.createElement(l,{size:"14px"},o.createElement("strong",null,"Church Center is disabled.")," ",z):o.createElement(l,{size:"14px"},o.createElement("strong",null,"This product is not published on Church Center.")," ",z),A&&b&&o.createElement(s,{axis:"horizontal",spacing:3},o.createElement(s,{axis:"horizontal",alignment:"center",spacing:.5},o.createElement(c,{color:n(E?"--t-icon-color-status-success":"--t-icon-color-status-error"),name:E?F.check:F.x,size:"sm"}),o.createElement(l,{size:"14px",weight:700},"Web")),o.createElement(s,{axis:"horizontal",alignment:"center",spacing:.5},o.createElement(c,{color:n(u?"--t-icon-color-status-success":"--t-icon-color-status-error"),name:u?F.check:F.x,size:"sm"}),o.createElement(l,{size:"14px",weight:700},"Mobile app")))),B&&o.createElement(i,{margin:.5}),o.createElement(s,null,U&&o.createElement(r,t({external:!0,title:"Update settings",to:T},V)),A&&b&&o.createElement(r,t({external:!0,iconRight:{color:n("--t-icon-color"),marginLeft:1,name:F.external,size:"xs"},title:"Visit ".concat(f),to:C},V,{as:"a"})),L(V))))}export{p as ChurchCenterStatus};
 //# sourceMappingURL=ChurchCenterStatus.js.map

package/dist/Collapse/Collapse.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { DivProps } from '../types';
 export type Props = Partial<Pick<DivProps, 'children' | 'style' | 'role'>> & {
     instant?: boolean;
@@ -5,6 +6,6 @@ export type Props = Partial<Pick<DivProps, 'children' | 'style' | 'role'>> & {
     onComplete?: Function;
     open?: boolean;
 };
-declare function Collapse(props: Props): JSX.Element;
+declare function Collapse(props: Props): React.JSX.Element;
 export default Collapse;
 //# sourceMappingURL=Collapse.d.ts.map

package/dist/Collapse/Collapse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.d.ts","sourceRoot":"","sources":["../../src/Collapse/Collapse.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAInC,MAAM,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC,GAAG;IAI3E,OAAO,CAAC,EAAE,OAAO,CAAA;IAIjB,IAAI,CAAC,EAAE,OAAO,CAAA;IAId,UAAU,CAAC,EAAE,QAAQ,CAAA;IAIrB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,KAAK,eAoG7B;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Collapse.d.ts","sourceRoot":"","sources":["../../src/Collapse/Collapse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAInC,MAAM,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC,GAAG;IAI3E,OAAO,CAAC,EAAE,OAAO,CAAA;IAIjB,IAAI,CAAC,EAAE,OAAO,CAAA;IAId,UAAU,CAAC,EAAE,QAAQ,CAAA;IAIrB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,KAAK,qBAoG7B;AAED,eAAe,QAAQ,CAAA"}

package/dist/Collapse/Collapse.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import n,{useState as i,useRef as r,useLayoutEffect as o}from"react";function s(s){var a=s.children,l=s.instant,u=s.lazy,c=s.onComplete,m=s.open,f=s.style,h=e(s,["children","instant","lazy","onComplete","open","style"]),d=i(!u||m),y=d[0],v=d[1],g=r(),p=r(!0),q=l||p.current;function A(){var e=g.current;requestAnimationFrame((function(){e.style.height=e.scrollHeight+"px"}))}function F(){var e=g.current;requestAnimationFrame((function(){e.style.height=e.offsetHeight+"px",e.style.overflow="hidden",requestAnimationFrame((function(){e.style.height="0"}))}))}return o((function(){u?m?y?A():v(!0):F():m?A():F()}),[m,y]),o((function(){var e=g.current;function t(){e.style.overflow=m?"initial":"hidden",m&&requestAnimationFrame((function(){e.style.margin=null,e.style.height="auto"})),!m&&u&&(e.style.margin="0",v(!1)),p.current?p.current=!1:c&&c()}function n(n){n.target===e&&"height"===n.propertyName&&t()}return q&&requestAnimationFrame((function(){return t()})),e.addEventListener("transitionend",n),function(){e.removeEventListener("transitionend",n)}}),[m]),n.createElement("div",t({ref:g,style:t({transition:q?void 0:"height 200ms ease-out",visibility:m?"visible":"hidden"},f)},h),y?a:null)}export{s as default};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import n,{useState as i,useRef as r,useLayoutEffect as o}from"react";function s(s){var a=s.children,l=s.instant,u=s.lazy,c=s.onComplete,m=s.open,f=s.style,h=e(s,["children","instant","lazy","onComplete","open","style"]),d=i(!u||m),y=d[0],v=d[1],g=r(void 0),p=r(!0),q=l||p.current;function A(){var e=g.current;requestAnimationFrame((function(){e.style.height=e.scrollHeight+"px"}))}function F(){var e=g.current;requestAnimationFrame((function(){e.style.height=e.offsetHeight+"px",e.style.overflow="hidden",requestAnimationFrame((function(){e.style.height="0"}))}))}return o((function(){u?m?y?A():v(!0):F():m?A():F()}),[m,y]),o((function(){var e=g.current;function t(){e.style.overflow=m?"initial":"hidden",m&&requestAnimationFrame((function(){e.style.margin=null,e.style.height="auto"})),!m&&u&&(e.style.margin="0",v(!1)),p.current?p.current=!1:c&&c()}function n(n){n.target===e&&"height"===n.propertyName&&t()}return q&&requestAnimationFrame((function(){return t()})),e.addEventListener("transitionend",n),function(){e.removeEventListener("transitionend",n)}}),[m]),n.createElement("div",t({ref:g,style:t({transition:q?void 0:"height 200ms ease-out",visibility:m?"visible":"hidden"},f)},h),y?a:null)}export{s as default};
 //# sourceMappingURL=Collapse.js.map

package/dist/Collapse/Collapse.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Collapse.test.d.ts.map

package/dist/Collapse/Collapse.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.test.d.ts","sourceRoot":"","sources":["../../src/Collapse/Collapse.test.tsx"],"names":[],"mappings":""}

package/dist/ColumnView/ColumnView.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 declare function Column(): any;
 export type Props = {
     children?: any;
@@ -8,7 +9,7 @@ export type Props = {
     } | number | string>;
     spacing?: number | string;
 };
-declare function ColumnView(props: Props): JSX.Element;
+declare function ColumnView(props: Props): React.JSX.Element;
 declare namespace ColumnView {
     var Column: () => any;
 }

package/dist/ColumnView/ColumnView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnView.d.ts","sourceRoot":"","sources":["../../src/ColumnView/ColumnView.tsx"],"names":[],"mappings":"AAKA,iBAAS,MAAM,QAEd;AAED,MAAM,MAAM,KAAK,GAAG;IAElB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAEd,KAAK,CAAC,EAAE,KAAK,CACT;QACE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACvB,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,MAAM,CAAC,EAAE,MAAM,CAAA;KAChB,GACD,MAAM,GACN,MAAM,CACT,CAAA;IAED,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC1B,CAAA;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,KAAK,eAkD/B;kBAlDQ,UAAU;;;;YAsDwC,aAAa;;AAAxE,wBAA0E"}
+{"version":3,"file":"ColumnView.d.ts","sourceRoot":"","sources":["../../src/ColumnView/ColumnView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAKlE,iBAAS,MAAM,QAEd;AAED,MAAM,MAAM,KAAK,GAAG;IAElB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAEd,KAAK,CAAC,EAAE,KAAK,CACT;QACE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACvB,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,MAAM,CAAC,EAAE,MAAM,CAAA;KAChB,GACD,MAAM,GACN,MAAM,CACT,CAAA;IAED,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC1B,CAAA;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,KAAK,qBAwD/B;kBAxDQ,UAAU;;;;YA4DwC,aAAa;;AAAxE,wBAA0E"}

package/dist/ColumnView/ColumnView.js

@@ -1,2 +1,2 @@
-import{__rest as r,__assign as s}from'./../ext/tslib/tslib.es6.js';import o,{Children as t,isValidElement as e}from"react";import{StackView as i}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{spacingValue as n}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";function m(m){var p=m.children,a=m.sizes,u=void 0===a?[]:a,c=m.spacing,l=r(m,["children","sizes","spacing"]),d=n(c),f=t.toArray(p).sort((function(r,s){return(e(r)&&r.props.order||0)-(e(s)&&s.props.order||0)})).reduce((function(r,s,o){var t=e(s)&&void 0!==s.props.index?s.props.index:o;return r[t]||(r[t]=[]),r[t].push(s),r}),[]);return o.createElement(i,s({axis:"horizontal",grow:1,shrink:1},l),f.map((function(r,t){var n=u&&u[t]||"auto",m="object"==typeof n?s(s({},n),{grow:n.grow||0,shrink:n.shrink||0}):"auto"===n?{basis:"100%",grow:1,shrink:1}:{basis:n,grow:0,shrink:0};return o.createElement(i,s({key:t},m,{marginLeft:0===t?null:d,spacing:d}),r.map((function(r){return e(r)?r.props.children:r})))})))}m.Column=function(){return null};export{m as default};
+import{__rest as r,__assign as s}from'./../ext/tslib/tslib.es6.js';import o,{Children as t,isValidElement as e}from"react";import{StackView as i}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{spacingValue as n}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";function m(m){var p=m.children,a=m.sizes,u=void 0===a?[]:a,c=m.spacing,l=r(m,["children","sizes","spacing"]),d=n(c),f=t.toArray(p).sort((function(r,s){return(e(r)&&r.props.order||0)-(e(s)&&s.props.order||0)})).reduce((function(r,s,o){var t=s,i=e(s)&&void 0!==t.props.index?t.props.index:o;return r[i]||(r[i]=[]),r[i].push(t),r}),[]);return o.createElement(i,s({axis:"horizontal",grow:1,shrink:1},l),f.map((function(r,t){var n=u&&u[t]||"auto",m="object"==typeof n?s(s({},n),{grow:n.grow||0,shrink:n.shrink||0}):"auto"===n?{basis:"100%",grow:1,shrink:1}:{basis:n,grow:0,shrink:0};return o.createElement(i,s({key:t},m,{marginLeft:0===t?null:d,spacing:d}),r.map((function(r){return e(r)?r.props.children:r})))})))}m.Column=function(){return null};export{m as default};
 //# sourceMappingURL=ColumnView.js.map

package/dist/Combobox/Combobox.d.ts

@@ -12,14 +12,14 @@ export interface ComboboxProps {
     onSelect: (item: any) => void;
     selectedValue: any;
 }
-declare function Combobox(props: ComboboxProps): JSX.Element;
+declare function Combobox(props: ComboboxProps): React.JSX.Element;
 declare namespace Combobox {
-    var Input: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<{
+    var Input: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<{
         blur: () => void;
         focus: () => void;
     }>>;
     var Item: typeof ComboboxItem;
-    var Items: (<Item extends object>(props: import("./ComboboxItems").ComboboxItemsProps<Item>) => JSX.Element) & import("./ComboboxItems").ComboboxItemsInterface;
+    var Items: (<Item extends object>(props: import("./ComboboxItems").ComboboxItemsProps<Item>) => React.JSX.Element) & import("./ComboboxItems").ComboboxItemsInterface;
     var Popover: typeof ComboboxPopover;
 }
 declare const _default: typeof Combobox & {

package/dist/Combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAE/C,MAAM,WAAW,aAAa;IAI5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAKzB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAKtE,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAK7B,aAAa,EAAE,GAAG,CAAA;CACnB;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,eAkBrC;kBAlBQ,QAAQ;;;;;;;;;;WA0BR,oBAAoB;UACrB,mBAAmB;WAClB,oBAAoB;aAClB,eAAe;;AAJ1B,wBAKC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAE/C,MAAM,WAAW,aAAa;IAI5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAKzB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAKtE,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAK7B,aAAa,EAAE,GAAG,CAAA;CACnB;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAkBrC;kBAlBQ,QAAQ;;;;;;;;;;WA0BR,oBAAoB;UACrB,mBAAmB;WAClB,oBAAoB;aAClB,eAAe;;AAJ1B,wBAKC"}

package/dist/Combobox/Combobox.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Combobox.test.d.ts.map

package/dist/Combobox/Combobox.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.test.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.test.tsx"],"names":[],"mappings":""}

package/dist/Combobox/ComboboxInput.d.ts

@@ -3,6 +3,6 @@ type ComboboxInputRef = {
     blur: () => void;
     focus: () => void;
 };
-declare const ComboboxInput: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<ComboboxInputRef>>;
+declare const ComboboxInput: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<ComboboxInputRef>>;
 export default ComboboxInput;
 //# sourceMappingURL=ComboboxInput.d.ts.map

package/dist/Combobox/ComboboxInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAA;AA8Bd,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,aAAa,8GAgIlB,CAAA;AAID,eAAe,aAAa,CAAA"}
+{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAA;AA8Bd,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,aAAa,2FAgIlB,CAAA;AAID,eAAe,aAAa,CAAA"}

package/dist/Combobox/ComboboxItem.d.ts

@@ -1,4 +1,5 @@
-declare function ComboboxItem(props: any): JSX.Element;
+import React from 'react';
+declare function ComboboxItem(props: any): React.JSX.Element;
 declare namespace ComboboxItem {
     var displayName: string;
 }

package/dist/Combobox/ComboboxItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxItem.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxItem.tsx"],"names":[],"mappings":"AAMA,iBAAS,YAAY,CAAC,KAAK,KAAA,eAwB1B;kBAxBQ,YAAY;;;AA0BrB,eAAe,YAAY,CAAA"}
+{"version":3,"file":"ComboboxItem.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,iBAAS,YAAY,CAAC,KAAK,KAAA,qBAwB1B;kBAxBQ,YAAY;;;AA0BrB,eAAe,YAAY,CAAA"}

package/dist/Combobox/ComboboxItems.d.ts

@@ -1,5 +1,5 @@
-import { type MatchSorterOptions } from 'match-sorter';
-import { ReactElement } from 'react';
+import { MatchSorterOptions } from 'match-sorter';
+import { JSX, ReactElement } from 'react';
 export interface ComboboxItemsProps<Item extends object> {
     filter?: MatchSorterOptions<Item>;
     items: Item[];

package/dist/Combobox/ComboboxItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxItems.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxItems.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,kBAAkB,EAAE,MAAM,cAAc,CAAA;AACnE,OAAc,EAAY,YAAY,EAAuB,MAAM,OAAO,CAAA;AAyB1E,MAAM,WAAW,kBAAkB,CAAC,IAAI,SAAS,MAAM;IAIrD,MAAM,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAKjC,KAAK,EAAE,IAAI,EAAE,CAAA;IAKb,WAAW,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,YAAY,CAAC,CAAA;IAK9D,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,YAAY,CAAA;IAKxD,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAyCD,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAA;CACpB;mFAKI,WAAW;AAFhB,wBAGwB"}
+{"version":3,"file":"ComboboxItems.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxItems.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAC9D,OAAc,EAAY,GAAG,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAA;AAyB/E,MAAM,WAAW,kBAAkB,CAAC,IAAI,SAAS,MAAM;IAIrD,MAAM,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAKjC,KAAK,EAAE,IAAI,EAAE,CAAA;IAKb,WAAW,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,YAAY,CAAC,CAAA;IAK9D,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,YAAY,CAAA;IAKxD,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAyCD,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAA;CACpB;mFAKI,WAAW;AAFhB,wBAGwB"}

package/dist/Combobox/ComboboxItems.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{matchSorter as r}from"match-sorter";import o,{useState as i,useEffect as n,Children as m}from"react";import{Box as l}from"../Box/Box.js";import a from"../HeadingUppercase/HeadingUppercase.js";import s from"../Menu/Menu.js";import{StackView as u}from"../StackView/StackView.js";import{useThemeProps as f}from"../system/utils.js";import{Text as c}from"../Text/Text.js";import p from"./ComboboxItem.js";var d=function(e){return o.createElement(s.Item,null,o.createElement(c,null,"No results for"," ",o.createElement(c,{as:"span",inline:!0,color:"grey-7"},"“",e,"”")))},v=function(e){return o.createElement(p,{value:e,children:e?String(e):null})};function E(s){var c=f("combobox.items",s),p=c.filter,E=c.items,b=c.renderEmpty,g=void 0===b?d:b,j=c.renderItem,x=void 0===j?v:j,y=c.title,I=c.value,h=void 0===I?"":I,H=e(c,["filter","items","renderEmpty","renderItem","title","value"]),S=i(w({filter:p,items:E,value:h})),V=S[0],k=S[1];function w(e){var t=e.items,o=e.value,i=e.filter;return r(t,o.length>0?o:"",i)}return n((function(){k(w({filter:p,items:E,value:h}))}),[E,h,p]),o.createElement(l,t({},H),y&&o.createElement(u,{paddingHorizontal:1,paddingVertical:.5},o.createElement(a,null,y)),m.toArray(V.length>0?V.map((function(e,t){return x(e,t)})):"function"==typeof g?g(h):g))}E.displayName="Combobox.Items";export{E as default};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{matchSorter as r}from"match-sorter";import o,{useState as i,useEffect as m,Children as n}from"react";import{Box as l}from"../Box/Box.js";import a from"../HeadingUppercase/HeadingUppercase.js";import s from"../Menu/Menu.js";import{StackView as u}from"../StackView/StackView.js";import{useThemeProps as f}from"../system/utils.js";import{Text as c}from"../Text/Text.js";import p from"./ComboboxItem.js";var d=function(e){return o.createElement(s.Item,null,o.createElement(c,null,"No results for"," ",o.createElement(c,{as:"span",inline:!0,color:"grey-7"},"“",e,"”")))},v=function(e){return o.createElement(p,{value:e},e?String(e):null)};function E(s){var c=f("combobox.items",s),p=c.filter,E=c.items,b=c.renderEmpty,g=void 0===b?d:b,j=c.renderItem,x=void 0===j?v:j,y=c.title,I=c.value,h=void 0===I?"":I,H=e(c,["filter","items","renderEmpty","renderItem","title","value"]),S=i(w({filter:p,items:E,value:h})),V=S[0],k=S[1];function w(e){var t=e.items,o=e.value,i=e.filter;return r(t,o.length>0?o:"",i)}return m((function(){k(w({filter:p,items:E,value:h}))}),[E,h,p]),o.createElement(l,t({},H),y&&o.createElement(u,{paddingHorizontal:1,paddingVertical:.5},o.createElement(a,null,y)),n.toArray(V.length>0?V.map((function(e,t){return x(e,t)})):"function"==typeof g?g(h):g))}E.displayName="Combobox.Items";export{E as default};
 //# sourceMappingURL=ComboboxItems.js.map

package/dist/Combobox/ComboboxPopover.d.ts

@@ -1,4 +1,4 @@
-import { Component, ComponentProps, RefCallback } from 'react';
+import React, { Component, ComponentProps, RefCallback } from 'react';
 import { InputProps } from '..';
 import Button from '../Button';
 import { ItemList } from '../ItemList';
@@ -38,7 +38,7 @@ declare class ComboboxPopover extends Component<Props> {
     closePopover: () => void;
     handleBlur: (event: any) => void;
     handleSelect: (event: any) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default ComboboxPopover;
 //# sourceMappingURL=ComboboxPopover.d.ts.map

package/dist/Combobox/ComboboxPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxPopover.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxPopover.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAA;AAC/B,OAAO,MAAM,MAAM,WAAW,CAAA;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,OAAO,OAAO,MAAM,YAAY,CAAA;AAEhC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAE3C,KAAK,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,KAAK,CAAC,GAC/C,IAAI,CACF,cAAc,CAAC,OAAO,OAAO,CAAC,EAC9B,qBAAqB,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,CAChE,GACD,IAAI,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG;IAKlD,WAAW,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,CAAA;IAEpD,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAE9B,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAEH,cAAM,eAAgB,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC5C,QAAQ,EAAE,QAAQ,CAAA;IAClB,KAAK,EAAE,gBAAgB,CAAA;IAEvB,MAAM,CAAC,WAAW,SAAqB;IAEvC,MAAM,CAAC,YAAY;;;MAGlB;IAED,KAAK;;MAEJ;IAED,EAAE,SAAyB;IAE3B,SAAS,MAAO;IAEhB,YAAY,UAAQ;IAEpB,cAAc,MAAO;IAErB,kBAAkB,CAAC,SAAS,KAAA;IAkB5B,oBAAoB;IAMpB,cAAc,2BAEb;IAED,WAAW,2BAEV;IAED,WAAW,aAIV;IAED,YAAY,aAOX;IAED,UAAU,uBAMT;IAED,YAAY,uBAOX;IAED,MAAM;CA6HP;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"ComboboxPopover.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAA;AAC/B,OAAO,MAAM,MAAM,WAAW,CAAA;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,OAAO,OAAO,MAAM,YAAY,CAAA;AAEhC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAE3C,KAAK,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,KAAK,CAAC,GAC/C,IAAI,CACF,cAAc,CAAC,OAAO,OAAO,CAAC,EAC9B,qBAAqB,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,CAChE,GACD,IAAI,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG;IAKlD,WAAW,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,CAAA;IAEpD,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAE9B,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAEH,cAAM,eAAgB,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC5C,QAAQ,EAAE,QAAQ,CAAA;IAClB,KAAK,EAAE,gBAAgB,CAAA;IAEvB,MAAM,CAAC,WAAW,SAAqB;IAEvC,MAAM,CAAC,YAAY;;;MAGlB;IAED,KAAK;;MAEJ;IAED,EAAE,SAAyB;IAE3B,SAAS,MAAO;IAEhB,YAAY,UAAQ;IAEpB,cAAc,MAAO;IAErB,kBAAkB,CAAC,SAAS,KAAA;IAkB5B,oBAAoB;IAMpB,cAAc,2BAEb;IAED,WAAW,2BAEV;IAED,WAAW,aAIV;IAED,YAAY,aAOX;IAED,UAAU,uBAMT;IAED,YAAY,uBAOX;IAED,MAAM;CA2HP;AAED,eAAe,eAAe,CAAA"}

package/dist/Combobox/ComboboxPopover.js

@@ -1,2 +1,2 @@
-import{__extends as e,__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import n,{Component as r}from"react";import{Button as l}from"../Button/Button.js";import i from"../FocusGroup/FocusGroup.js";import u from"../ItemList/ItemList.js";import"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import a from"../Menu/Menu.js";import{Popover as c}from"../Popover/Popover.js";import{generateId as p}from"../utils.js";import s from"./ComboboxInput.js";var b=function(r){function b(){var e=null!==r&&r.apply(this,arguments)||this;return Object.defineProperty(e,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"input",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"state",{enumerable:!0,configurable:!0,writable:!0,value:{isPopoverOpen:e.props.defaultOpen||!1}}),Object.defineProperty(e,"id",{enumerable:!0,configurable:!0,writable:!0,value:p("combobox")}),Object.defineProperty(e,"inputNode",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"inputTouched",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(e,"closeRequestId",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"setItemListRef",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.itemList=t}}),Object.defineProperty(e,"setInputRef",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.input=t}}),Object.defineProperty(e,"openPopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.setState({isPopoverOpen:!0},(function(){e.itemList.setHighlightedIndex(0,{maybeScrollIntoView:!1})}))}}),Object.defineProperty(e,"closePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.closeRequestId=requestAnimationFrame((function(){e.setState({isPopoverOpen:!1},(function(){e.itemList.clearHighlightedIndex()}))}))}}),Object.defineProperty(e,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.closePopover(),e.inputTouched=!1,e.props.onBlur&&e.props.onBlur(t)}}),Object.defineProperty(e,"handleSelect",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.props.closeOnSelect&&e.closePopover(),e.props.onSelect&&e.props.onSelect(t)}}),e}return e(b,r),Object.defineProperty(b.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){e.disabled!=e.disabled&&!0===this.props.disabled&&this.closePopover(),document.activeElement===this.inputNode&&e.value!==this.props.value&&this.props.value.length>0&&!this.state.isPopoverOpen&&this.openPopover()}}),Object.defineProperty(b.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.closeRequestId&&cancelAnimationFrame(this.closeRequestId)}}),Object.defineProperty(b.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props,p=r.children,b=r.closeButton,f=r.closeOnSelect,d=r.disabled,m=r.dropdownButton,v=r.innerRef;r.defaultOpen;var h=r.lockScrollWhileOpen,P=r.onClear;r.onBlur;var O=r.onFocus;r.onSelect;var g=r.openOnFocus,j=r.placement,y=r.popoverProps,w=r.relativeTo,I=r.renderTo,R=r.value,S=t(r,["children","closeButton","closeOnSelect","disabled","dropdownButton","innerRef","defaultOpen","lockScrollWhileOpen","onClear","onBlur","onFocus","onSelect","openOnFocus","placement","popoverProps","relativeTo","renderTo","value"]),B=this.state.isPopoverOpen,L=R&&R.length>0;return n.createElement(i,{onBlur:this.handleBlur},(function(t){var r=t.requestBlur,i=t.setRef;return n.createElement(u,{ref:e.setItemListRef,onSelect:e.handleSelect},(function(t){var u=t.clearHighlightedIndex;return n.createElement(c,o({keepInView:!1,matchWidths:!0,minWidth:16},y,{as:a,innerRef:function(t){i("".concat(e.id,"-popover"))(t)},role:"menu",tabIndex:-1,elevation:2,lockScrollWhileOpen:h,placement:j,relativeTo:w,renderTo:I,open:B,onBlur:r,anchorElement:function(t){return n.createElement(s,o({ref:e.setInputRef,innerRef:function(o){var n;"function"==typeof t.innerRef?t.innerRef(o):(null===(n=t.innerRef)||void 0===n?void 0:n.current)&&(t.innerRef.current=o),e.inputNode=o?o.querySelector("input"):null,i("".concat(e.id,"-input"))(o),v&&v(o)},value:R,onFocus:function(t){(f?g&&!e.inputTouched:g)&&e.openPopover(),e.inputTouched=!0,O&&O(t)},onBlur:function(e){r(e),u()},onClear:L?P:void 0,renderRight:b?n.createElement(l,o({disabled:d,icon:{name:"general.x"},title:"close options",theme:!1},b)):m?n.createElement(l,{disabled:d,icon:{name:B?"general.x":"general.downCaret"},title:B?"close options":"open options",theme:!1,onClick:function(){B?e.closePopover():e.openPopover(),e.input.focus()}}):null,disabled:d},S))}}),p)}))}))}}),Object.defineProperty(b,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Combobox.Popover"}),Object.defineProperty(b,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{closeOnSelect:!1,openOnFocus:!1}}),b}(r);export{b as default};
+import{__extends as e,__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import n,{Component as r}from"react";import{Button as l}from"../Button/Button.js";import i from"../FocusGroup/FocusGroup.js";import u from"../ItemList/ItemList.js";import"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import a from"../Menu/Menu.js";import{Popover as c}from"../Popover/Popover.js";import{generateId as p,callRef as s}from"../utils.js";import b from"./ComboboxInput.js";var d=function(r){function d(){var e=null!==r&&r.apply(this,arguments)||this;return Object.defineProperty(e,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"input",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"state",{enumerable:!0,configurable:!0,writable:!0,value:{isPopoverOpen:e.props.defaultOpen||!1}}),Object.defineProperty(e,"id",{enumerable:!0,configurable:!0,writable:!0,value:p("combobox")}),Object.defineProperty(e,"inputNode",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"inputTouched",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(e,"closeRequestId",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"setItemListRef",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.itemList=t}}),Object.defineProperty(e,"setInputRef",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.input=t}}),Object.defineProperty(e,"openPopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.setState({isPopoverOpen:!0},(function(){e.itemList.setHighlightedIndex(0,{maybeScrollIntoView:!1})}))}}),Object.defineProperty(e,"closePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.closeRequestId=requestAnimationFrame((function(){e.setState({isPopoverOpen:!1},(function(){e.itemList.clearHighlightedIndex()}))}))}}),Object.defineProperty(e,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.closePopover(),e.inputTouched=!1,e.props.onBlur&&e.props.onBlur(t)}}),Object.defineProperty(e,"handleSelect",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.props.closeOnSelect&&e.closePopover(),e.props.onSelect&&e.props.onSelect(t)}}),e}return e(d,r),Object.defineProperty(d.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){e.disabled!=e.disabled&&!0===this.props.disabled&&this.closePopover(),document.activeElement===this.inputNode&&e.value!==this.props.value&&this.props.value.length>0&&!this.state.isPopoverOpen&&this.openPopover()}}),Object.defineProperty(d.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.closeRequestId&&cancelAnimationFrame(this.closeRequestId)}}),Object.defineProperty(d.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props,p=r.children,d=r.closeButton,f=r.closeOnSelect,m=r.disabled,v=r.dropdownButton,h=r.innerRef;r.defaultOpen;var P=r.lockScrollWhileOpen,O=r.onClear;r.onBlur;var g=r.onFocus;r.onSelect;var j=r.openOnFocus,y=r.placement,w=r.popoverProps,I=r.relativeTo,S=r.renderTo,B=r.value,R=t(r,["children","closeButton","closeOnSelect","disabled","dropdownButton","innerRef","defaultOpen","lockScrollWhileOpen","onClear","onBlur","onFocus","onSelect","openOnFocus","placement","popoverProps","relativeTo","renderTo","value"]),L=this.state.isPopoverOpen,x=B&&B.length>0;return n.createElement(i,{onBlur:this.handleBlur},(function(t){var r=t.requestBlur,i=t.setRef;return n.createElement(u,{ref:e.setItemListRef,onSelect:e.handleSelect},(function(t){var u=t.clearHighlightedIndex;return n.createElement(c,o({keepInView:!1,matchWidths:!0,minWidth:16},w,{as:a,innerRef:function(t){i("".concat(e.id,"-popover"))(t)},role:"menu",tabIndex:-1,elevation:2,lockScrollWhileOpen:P,placement:y,relativeTo:I,renderTo:S,open:L,onBlur:r,anchorElement:function(t){return n.createElement(b,o({ref:e.setInputRef,innerRef:function(o){t.innerRef&&s(t.innerRef,o),e.inputNode=o?o.querySelector("input"):null,i("".concat(e.id,"-input"))(o),h&&h(o)},value:B,onFocus:function(t){(f?j&&!e.inputTouched:j)&&e.openPopover(),e.inputTouched=!0,g&&g(t)},onBlur:function(e){r(e),u()},onClear:x?O:void 0,renderRight:d?n.createElement(l,o({disabled:m,icon:{name:"general.x"},title:"close options",theme:!1},d)):v?n.createElement(l,{disabled:m,icon:{name:L?"general.x":"general.downCaret"},title:L?"close options":"open options",theme:!1,onClick:function(){L?e.closePopover():e.openPopover(),e.input.focus()}}):null,disabled:m},R))}}),p)}))}))}}),Object.defineProperty(d,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Combobox.Popover"}),Object.defineProperty(d,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{closeOnSelect:!1,openOnFocus:!1}}),d}(r);export{d as default};
 //# sourceMappingURL=ComboboxPopover.js.map

package/dist/DataTable/DataTable.d.ts

@@ -61,6 +61,6 @@ export type Props<Data extends Record<string, any>> = {
         headerRow?: Object;
     } | Array<Object | boolean>;
 };
-declare const DataTable: <Data extends Record<string, any>>(props: Props<Data>) => JSX.Element;
+declare const DataTable: <Data extends Record<string, any>>(props: Props<Data>) => React.JSX.Element;
 export default DataTable;
 //# sourceMappingURL=DataTable.d.ts.map

package/dist/DataTable/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/DataTable/DataTable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/DataTable/DataTable.tsx"],"names":[],"mappings":"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"}

package/dist/DataTable/DataTable.js

@@ -1,2 +1,2 @@
-import{__assign as e,__spreadArray as o}from'./../ext/tslib/tslib.es6.js';import{token as r}from"@planningcenter/tapestry";import t,{useRef as n,useMemo as a,useImperativeHandle as s,Fragment as l}from"react";import i from"../DragDrop/DragDrop.js";import{useId as m}from"../hooks/use-id.js";import"mousetrap";import"../hooks/use-measure.js";import c from"../Pagination/Pagination.js";import{Spinner as d}from"../Spinner/Spinner.js";import{StackView as p}from"../StackView/StackView.js";import u from"../Summary/Summary.js";import"../system/colors/colors.js";import"polished";import{reorderArray as f}from"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"../system/default-theme.js";import"../system/style-names.js";import g from"../system/use-css.js";import b from"./components/BodyRows.js";import"../Icon/Icon.js";import"../VariantProvider/VariantProvider.js";import"../CheckboxGroup/CheckboxGroupContext.js";import"../designTokens/index.js";import"../Link/Link.js";import"../Tooltip/Tooltip.js";import"../Dropdown/Dropdown.js";import h from"./components/HeaderCell.js";import{useCollapsibleRows as y,CollapsibleRowsContext as v}from"./hooks/useCollapsibleRows.js";import j from"./hooks/useColumnSort.js";import w from"./hooks/useColumnWidths.js";import S from"./hooks/useScrollShadows.js";import k from"./hooks/useScrollSync.js";import C from"./hooks/useVariants.js";import E from"./utils/getParsedColumns.js";import"./utils/variants.js";var R={toggleAllSubRowsTooltipTitle:function(e){return e?"Close all sub rows":"Open all sub rows"}},D=[],x=function(x){var I,P=x.accessibility,N=void 0===P?R:P,T=x.innerBodyRef,V=x.canCollapseSubRows,O=void 0===V||V,L=x.columns,W=x.currentPage,B=x.data,z=x.dataTableRef,A=x.defaultSort,G=x.defaultAllSubRowsOpen,H=x.droppableId,_=x.empty,q=x.getRowId,F=void 0===q?function(e,o){return e.id||(void 0===H?o:"".concat(H,"-").concat(o))}:q,J=x.getRowLink,K=x.getSubData,M=x.hiddenColumnIds,Q=void 0===M?D:M,U=x.keyboardShortcuts,X=x.loading,Y=x.loadingTitle,Z=x.onColumnSort,$=x.onDragStart,ee=x.onDragEnd,oe=x.onDrop,re=x.onPageChange,te=x.onRowClick,ne=x.onRowSort,ae=x.sourceOnly,se=x.totalPages,le=x.variant,ie=void 0===le?{}:le,me=g(),ce=m("table"),de=i.useDragDrop(),pe=X||B.length<=0,ue=n(),fe=n(),ge=n(),be=[ue,fe],he=ae||ne||oe,ye=C(ie),ve=y(B,G),je=Boolean(O&&K),we=a((function(){return E({accessibility:N,columns:L,draggable:he,hasSubRows:je,hiddenColumnIds:Q})}),[L,je,Q,he]),Se=we.map(Object.keys).some((function(e){return e.some((function(e){return"footer"===e}))})),ke=w({bodyRef:fe,columns:we,data:B,headerRef:ue,loading:X}),Ce=ke.columnWidths,Ee=ke.getColumnRef,Re=j({defaultSort:A,onColumnSort:Z}),De=S(fe),xe={collapsibleRows:ve,columnWidths:Ce,columns:we,data:B,draggable:he,getColumnRef:Ee,getRowId:F,getRowLink:J,getSubData:K,getVariant:ye,keyboardShortcuts:U,onRowClick:te};return Se&&be.push(ge),k.apply(void 0,be),s(z,(function(){return ve})),"function"==typeof T&&T(fe),I=de||he?t.createElement(i.Provider,{onDragEnd:function(e){var o=e.source,r=e.destination;ne&&r&&ne(f({endIndex:r.index,list:B,startIndex:o.index}))}},t.createElement(i.Droppable,{droppableId:void 0===H?ce:H,sourceOnly:ae,onDragStart:$,onDragEnd:ee,onDrop:oe},(function(o){return t.createElement("div",e({className:me(ye("body")),"data-dnd-ignore-scrollable":!0,ref:function(e){fe.current=e,o.innerRef(e)},role:"rowgroup"},o.droppableProps),t.createElement(b,e({},xe)),o.placeholder)}))):t.createElement("div",{ref:fe,role:"rowgroup",className:me(ye("body"))},t.createElement(b,e({},xe))),t.createElement(l,null,pe&&t.createElement(p,{grow:1,alignment:"center",distribution:"center",minHeight:"100%",paddingVertical:8},X?t.createElement(u,{image:t.createElement(d,{size:"xl"}),title:Y}):_),t.createElement(v.Provider,{value:ve},t.createElement("div",{role:J?void 0:"grid",style:pe?{display:"none"}:void 0,className:"tapestry-react-reset ".concat(me({position:"relative"}))},t.createElement("div",{ref:ue,role:"rowgroup",className:me(ye("header"))},t.createElement("div",{role:"row",className:me(ye("headerRow"))},we.map((function(e,r){var n=ye("headerCell",{columnIndex:r,isSortable:e.sortable});return t.createElement(h,{key:r,cellRef:Ee("".concat(r,".0")),column:e,columnIndex:r,columnSort:Re,className:"tapestry-react-reset ".concat(me(o(o([],n,!0),[e.css],!1)))})})))),I,Se&&t.createElement("div",{ref:ge,role:"rowgroup",className:me(ye("footer"))},t.createElement("div",{role:"row",className:me(ye("footerRow"))},we.map((function(e,r){var n=ye("footerCell",{columnIndex:r,isSortable:e.sortable});return t.createElement("div",{key:r,role:"cell",ref:Ee("".concat(r,".").concat(B.length+1)),className:"tapestry-react-reset ".concat(me(o(o([],n,!0),[e.css],!1)))},"string"==typeof e.footer||t.isValidElement(e.footer)?e.footer:e.footer?t.createElement(e.footer,{columnIndex:r}):null)})))),De,t.createElement(c,{currentPage:W,totalPages:se,onPageChange:re,position:"sticky",bottom:0,zIndex:35,marginTop:"-1px",backgroundColor:r("--t-surface-color-card"),borderTopWidth:1,borderTopColor:"grey-3",className:me({"@media print":{position:"relative"}})}))))};export{x as default};
+import{__assign as e,__spreadArray as o}from'./../ext/tslib/tslib.es6.js';import{token as r}from"@planningcenter/tapestry";import t,{useRef as n,useMemo as a,useImperativeHandle as s,Fragment as i}from"react";import l from"../DragDrop/DragDrop.js";import{useId as m}from"../hooks/use-id.js";import"mousetrap";import"../hooks/use-measure.js";import c from"../Pagination/Pagination.js";import{Spinner as d}from"../Spinner/Spinner.js";import{StackView as p}from"../StackView/StackView.js";import u from"../Summary/Summary.js";import"../system/colors/colors.js";import"polished";import{reorderArray as f}from"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"../system/default-theme.js";import"../system/style-names.js";import g from"../system/use-css.js";import b from"./components/BodyRows.js";import"../Icon/Icon.js";import"../VariantProvider/VariantProvider.js";import"../CheckboxGroup/CheckboxGroupContext.js";import"../designTokens/index.js";import"../Link/Link.js";import"../Tooltip/Tooltip.js";import"../Dropdown/Dropdown.js";import h from"./components/HeaderCell.js";import{useCollapsibleRows as v,CollapsibleRowsContext as y}from"./hooks/useCollapsibleRows.js";import j from"./hooks/useColumnSort.js";import w from"./hooks/useColumnWidths.js";import S from"./hooks/useScrollShadows.js";import k from"./hooks/useScrollSync.js";import C from"./hooks/useVariants.js";import E from"./utils/getParsedColumns.js";import"./utils/variants.js";var R={toggleAllSubRowsTooltipTitle:function(e){return e?"Close all sub rows":"Open all sub rows"}},D=[],x=function(x){var I,P=x.accessibility,N=void 0===P?R:P,T=x.innerBodyRef,V=x.canCollapseSubRows,O=void 0===V||V,L=x.columns,W=x.currentPage,B=x.data,z=x.dataTableRef,A=x.defaultSort,G=x.defaultAllSubRowsOpen,H=x.droppableId,_=x.empty,q=x.getRowId,F=void 0===q?function(e,o){return e.id||(void 0===H?o:"".concat(H,"-").concat(o))}:q,J=x.getRowLink,K=x.getSubData,M=x.hiddenColumnIds,Q=void 0===M?D:M,U=x.keyboardShortcuts,X=x.loading,Y=x.loadingTitle,Z=x.onColumnSort,$=x.onDragStart,ee=x.onDragEnd,oe=x.onDrop,re=x.onPageChange,te=x.onRowClick,ne=x.onRowSort,ae=x.sourceOnly,se=x.totalPages,ie=x.variant,le=void 0===ie?{}:ie,me=g(),ce=m("table"),de=l.useDragDrop(),pe=X||B.length<=0,ue=n(void 0),fe=n(void 0),ge=n(void 0),be=[ue,fe],he=ae||ne||oe,ve=C(le),ye=v(B,G),je=Boolean(O&&K),we=a((function(){return E({accessibility:N,columns:L,draggable:he,hasSubRows:je,hiddenColumnIds:Q})}),[L,je,Q,he]),Se=we.map(Object.keys).some((function(e){return e.some((function(e){return"footer"===e}))})),ke=w({bodyRef:fe,columns:we,data:B,headerRef:ue,loading:X}),Ce=ke.columnWidths,Ee=ke.getColumnRef,Re=j({defaultSort:A,onColumnSort:Z}),De=S(fe),xe={collapsibleRows:ye,columnWidths:Ce,columns:we,data:B,draggable:he,getColumnRef:Ee,getRowId:F,getRowLink:J,getSubData:K,getVariant:ve,keyboardShortcuts:U,onRowClick:te};return Se&&be.push(ge),k.apply(void 0,be),s(z,(function(){return ye})),"function"==typeof T&&T(fe),I=de||he?t.createElement(l.Provider,{onDragEnd:function(e){var o=e.source,r=e.destination;ne&&r&&ne(f({endIndex:r.index,list:B,startIndex:o.index}))}},t.createElement(l.Droppable,{droppableId:void 0===H?ce:H,sourceOnly:ae,onDragStart:$,onDragEnd:ee,onDrop:oe},(function(o){return t.createElement("div",e({className:me(ve("body")),"data-dnd-ignore-scrollable":!0,ref:function(e){fe.current=e,o.innerRef(e)},role:"rowgroup"},o.droppableProps),t.createElement(b,e({},xe)),o.placeholder)}))):t.createElement("div",{ref:fe,role:"rowgroup",className:me(ve("body"))},t.createElement(b,e({},xe))),t.createElement(i,null,pe&&t.createElement(p,{grow:1,alignment:"center",distribution:"center",minHeight:"100%",paddingVertical:8},X?t.createElement(u,{image:t.createElement(d,{size:"xl"}),title:Y}):_),t.createElement(y.Provider,{value:ye},t.createElement("div",{role:J?void 0:"grid",style:pe?{display:"none"}:void 0,className:"tapestry-react-reset ".concat(me({position:"relative"}))},t.createElement("div",{ref:ue,role:"rowgroup",className:me(ve("header"))},t.createElement("div",{role:"row",className:me(ve("headerRow"))},we.map((function(e,r){var n=ve("headerCell",{columnIndex:r,isSortable:e.sortable});return t.createElement(h,{key:r,cellRef:Ee("".concat(r,".0")),column:e,columnIndex:r,columnSort:Re,className:"tapestry-react-reset ".concat(me(o(o([],n,!0),[e.css],!1)))})})))),I,Se&&t.createElement("div",{ref:ge,role:"rowgroup",className:me(ve("footer"))},t.createElement("div",{role:"row",className:me(ve("footerRow"))},we.map((function(e,r){var n=ve("footerCell",{columnIndex:r,isSortable:e.sortable});return t.createElement("div",{key:r,role:"cell",ref:Ee("".concat(r,".").concat(B.length+1)),className:"tapestry-react-reset ".concat(me(o(o([],n,!0),[e.css],!1)))},"string"==typeof e.footer||t.isValidElement(e.footer)?e.footer:e.footer?t.createElement(e.footer,{columnIndex:r}):null)})))),De,t.createElement(c,{currentPage:W,totalPages:se,onPageChange:re,position:"sticky",bottom:0,zIndex:35,marginTop:"-1px",backgroundColor:r("--t-surface-color-card"),borderTopWidth:1,borderTopColor:"grey-3",className:me({"@media print":{position:"relative"}})}))))};export{x as default};
 //# sourceMappingURL=DataTable.js.map

package/dist/DataTable/DataTable.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DataTable.test.d.ts.map

package/dist/DataTable/DataTable.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.test.d.ts","sourceRoot":"","sources":["../../src/DataTable/DataTable.test.tsx"],"names":[],"mappings":""}