@planningcenter/tapestry-react 4.1.0 → 4.2.0-rc.0

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 l from"../ItemList/ItemList.js";import"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import i from"../Button/Button.js";import u from"../FocusGroup/FocusGroup.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(u,{onBlur:this.handleBlur},(function(t){var r=t.requestBlur,u=t.setRef;return n.createElement(l,{ref:e.setItemListRef,onSelect:e.handleSelect},(function(t){var l=t.clearHighlightedIndex;return n.createElement(c,o({keepInView:!1,matchWidths:!0,minWidth:16},y,{as:a,innerRef:function(t){u("".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,u("".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),l()},onClear:L?P:void 0,renderRight:b?n.createElement(i,o({disabled:d,icon:{name:"general.x"},title:"close options",theme:!1},b)):m?n.createElement(i,{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}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};
 //# sourceMappingURL=ComboboxPopover.js.map

package/dist/DataTable/DataTable.d.ts

@@ -4,25 +4,25 @@ export type Props<Data extends Record<string, any>> = {
     accessibility?: {
         toggleAllSubRowsTooltipTitle?: Function;
     };
-    innerBodyRef?: Function;
-    dataTableRef?: any;
     canCollapseSubRows?: boolean;
     columns?: Array<{
         alwaysVisible?: boolean;
         cell?: string | ((row: Data, data: Data[]) => React.ReactNode);
-        header?: any;
+        defaultSortDirection?: 'ASC' | 'DESC';
         footer?: any;
+        header?: any;
         id?: string | number;
+        includeSubCellWidth?: boolean;
         label?: string;
+        maxWidth?: number;
+        minWidth?: number;
         sortable?: boolean;
-        defaultSortDirection?: 'ASC' | 'DESC';
         subCell?: string | Function;
         width?: number;
-        minWidth?: number;
-        maxWidth?: number;
-        includeSubCellWidth?: boolean;
     }>;
+    currentPage?: number;
     data?: Data[];
+    dataTableRef?: any;
     defaultAllSubRowsOpen?: boolean;
     defaultSort?: {
         columnId?: string | number;
@@ -34,31 +34,31 @@ export type Props<Data extends Record<string, any>> = {
     getRowLink?: (rowdata: Data) => string;
     getSubData?: Function;
     hiddenColumnIds?: Array<string | number>;
+    innerBodyRef?: Function;
     keyboardShortcuts?: Record<string, (event: {
         rowData: Record<string, any>;
     }) => void>;
-    onDragStart?: Function;
-    onDragEnd?: Function;
-    onDrop?: Function;
-    sourceOnly?: boolean;
     loading?: boolean;
     loadingTitle?: string;
     onColumnSort?: Function;
+    onDragEnd?: Function;
+    onDragStart?: Function;
+    onDrop?: Function;
+    onPageChange?: ComponentProps<typeof Pagination>['onPageChange'];
     onRowClick?: Function;
     onRowSort?: Function;
+    sourceOnly?: boolean;
+    totalPages?: number;
     variant?: {
-        header?: Object;
-        headerRow?: Object;
-        headerCell?: Object | Function;
         body?: Object;
-        bodyRow?: Object | Function;
         bodyCell?: Object | Function;
-        bodySubRow?: Object | Function;
+        bodyRow?: Object | Function;
         bodySubCell?: Object | Function;
+        bodySubRow?: Object | Function;
+        header?: Object;
+        headerCell?: Object | Function;
+        headerRow?: Object;
     } | Array<Object | boolean>;
-    currentPage?: number;
-    onPageChange?: ComponentProps<typeof Pagination>['onPageChange'];
-    totalPages?: number;
 };
 declare const DataTable: <Data extends Record<string, any>>(props: Props<Data>) => JSX.Element;
 export default DataTable;

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

package/dist/DataTable/components/BodyRow.d.ts

@@ -2,11 +2,11 @@ import { DivProps } from '../../types';
 type BodyRowProps = Partial<Pick<DivProps, 'style' | 'children' | 'className'>> & {
     href?: string;
     innerRef?: string;
+    keyboardShortcuts: Record<string, Function>;
+    onRowClick: (rowData: Record<string, any>, rowIndex: number, event: MouseEvent) => void;
     placeholder?: boolean;
     rowData: Record<string, any>;
     rowIndex: number;
-    keyboardShortcuts: Record<string, Function>;
-    onRowClick: (rowData: Record<string, any>, rowIndex: number, event: MouseEvent) => void;
 };
 declare function BodyRow({ innerRef, placeholder, rowData, rowIndex, style, keyboardShortcuts, onRowClick, ...restProps }: BodyRowProps): JSX.Element;
 export default BodyRow;

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

@@ -1 +1 @@
-{"version":3,"file":"BodyRow.d.ts","sourceRoot":"","sources":["../../../src/DataTable/components/BodyRow.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,KAAK,YAAY,GAAG,OAAO,CACzB,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC,CACnD,GAAG;IACF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5B,QAAQ,EAAE,MAAM,CAAA;IAChB,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAC3C,UAAU,EAAE,CACV,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC5B,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,UAAU,KACd,IAAI,CAAA;CACV,CAAA;AAED,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,WAAW,EACX,OAAO,EACP,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,UAAU,EACV,GAAG,SAAS,EACb,EAAE,YAAY,eAsBd;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"BodyRow.d.ts","sourceRoot":"","sources":["../../../src/DataTable/components/BodyRow.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,KAAK,YAAY,GAAG,OAAO,CACzB,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC,CACnD,GAAG;IACF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAC3C,UAAU,EAAE,CACV,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC5B,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,UAAU,KACd,IAAI,CAAA;IACT,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5B,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,WAAW,EACX,OAAO,EACP,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,UAAU,EACV,GAAG,SAAS,EACb,EAAE,YAAY,eAsBd;AAED,eAAe,OAAO,CAAA"}

package/dist/DataTable/components/BodyRow.js

@@ -1,2 +1,2 @@
-import{__rest as o,__assign as e}from'./../../ext/tslib/tslib.es6.js';import r from"react";import{useKeyboardShortcuts as t}from"../../hooks/use-keyboard-shortcuts.js";import"../../hooks/use-measure.js";function n(n){var s=n.innerRef,a=n.placeholder,i=n.rowData,d=n.rowIndex,u=n.style,l=n.keyboardShortcuts,c=n.onRowClick,f=o(n,["innerRef","placeholder","rowData","rowIndex","style","keyboardShortcuts","onRowClick"]),h=f.href?"a":"div",m=t(l,{rowData:i,rowIndex:d}),b=m.bindKeyboardShortcuts,w=m.unbindKeyboardShortcuts,y=e({ref:s,onClick:function(o){return c&&c(i,d,o)},onMouseEnter:b,onMouseLeave:w,style:e({opacity:a?.65:void 0},u)},f),k={};return f.href||(k.role="row"),r.createElement(h,e({},y,k))}export{n as default};
+import{__rest as o,__assign as e}from'./../../ext/tslib/tslib.es6.js';import r from"react";import{useKeyboardShortcuts as t}from"../../hooks/use-keyboard-shortcuts.js";import"../../hooks/use-measure.js";function n(n){var s=n.innerRef,a=n.placeholder,i=n.rowData,d=n.rowIndex,u=n.style,l=n.keyboardShortcuts,c=n.onRowClick,f=o(n,["innerRef","placeholder","rowData","rowIndex","style","keyboardShortcuts","onRowClick"]),h=f.href?"a":"div",m=t(l,{rowData:i,rowIndex:d}),b=m.bindKeyboardShortcuts,w=m.unbindKeyboardShortcuts,y=e({onClick:function(o){return c&&c(i,d,o)},onMouseEnter:b,onMouseLeave:w,ref:s,style:e({opacity:a?.65:void 0},u)},f),k={};return f.href||(k.role="row"),r.createElement(h,e({},y,k))}export{n as default};
 //# sourceMappingURL=BodyRow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BodyRows.d.ts","sourceRoot":"","sources":["../../../src/DataTable/components/BodyRows.tsx"],"names":[],"mappings":"AAuBA,iBAAS,QAAQ,CAAC,EAChB,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,UAAU,GACX;;;;;;;;;;;;CAAA,OAqGA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"BodyRows.d.ts","sourceRoot":"","sources":["../../../src/DataTable/components/BodyRows.tsx"],"names":[],"mappings":"AAsBA,iBAAS,QAAQ,CAAC,EAChB,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,UAAU,GACX;;;;;;;;;;;;CAAA,OAqGA;AAED,eAAe,QAAQ,CAAA"}

package/dist/DataTable/components/BodyRows.js

@@ -1,2 +1,2 @@
-import{__assign as t,__spreadArray as e}from'./../../ext/tslib/tslib.es6.js';import o,{Fragment as r}from"react";import"../../system/colors/colors.js";import"polished";import"../../utils.js";import"@emotion/react";import"lodash/get";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"../../system/style-names.js";import"lodash";import"lodash/includes";import a from"../../system/use-css.js";import n from"../../DragDrop/DragDrop.js";import s from"../utils/getCell.js";import"../../VariantProvider/VariantProvider.js";import"../../Tooltip/Tooltip.js";import"../hooks/useCollapsibleRows.js";import"../../Icon/Icon.js";import l from"../utils/getRowLinkProps.js";import"../utils/variants.js";import i from"./BodyRow.js";import m from"./BodySubRows.js";function c(c){var p=c.columns,d=c.columnWidths,u=c.data,g=c.draggable,w=c.getColumnRef,f=c.getRowId,R=c.getRowLink,h=c.getSubData,y=c.getVariant,b=c.keyboardShortcuts,j=c.onRowClick,k=a();return u.map((function(a,c){var x=function(t){return p.map((function(r,n){var l=y("bodyCell",{rowData:a,rowIndex:c,columnIndex:n,firstRow:0===c,lastRow:c===Math.max(0,u.length-1),firstCell:0===n,lastCell:n===Math.max(0,p.length-1)});return o.createElement("div",{key:n,ref:w("".concat(n,".").concat(c+1)),role:"cell",className:"tapestry-react-reset ".concat(k(e(e([],l,!0),[r.css],!1)))},s(r.cell,{columnIndex:n,rowData:a,rowIndex:c,_dragHandleProps:t}))}))},I=f(a,c),D=y("bodyRow",{rowData:a,rowIndex:c,isLink:Boolean(R)||Boolean(j),firstRow:0===c,lastRow:c===Math.max(0,u.length-1),evenRow:c%2==0,oddRow:1===Math.abs(c%2)}),C=t({rowData:a,rowIndex:c,keyboardShortcuts:b,onRowClick:j,className:"tapestry-react-reset ".concat(k(D))},l({getRowLink:R,data:a,isSubRow:!1})),v=h?h(a):null,E=v&&o.createElement(m,{columns:p,data:v,getColumnRef:w,getRowLink:R,getVariant:y,keyboardShortcuts:b,columnWidths:d,parentRowIndex:c});return g?o.createElement(n.Draggable,{key:I,draggableId:I.toString(),index:c,data:a,placeholder:function(){return o.createElement(i,t({},C,{placeholder:!0}),x({}))}},(function(e){return o.createElement(r,null,o.createElement(i,t({innerRef:e.innerRef},e.draggableProps,C),x(e.dragHandleProps)),E)})):o.createElement(r,{key:I},o.createElement(i,t({},C),x()),E)}))}export{c as default};
+import{__assign as t,__spreadArray as e}from'./../../ext/tslib/tslib.es6.js';import o,{Fragment as r}from"react";import a from"../../DragDrop/DragDrop.js";import"../../system/colors/colors.js";import"polished";import"../../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"../../system/style-names.js";import n from"../../system/use-css.js";import s from"../utils/getCell.js";import"../../VariantProvider/VariantProvider.js";import"../../Icon/Icon.js";import"../../Tooltip/Tooltip.js";import"../hooks/useCollapsibleRows.js";import l from"../utils/getRowLinkProps.js";import"../utils/variants.js";import i from"./BodyRow.js";import m from"./BodySubRows.js";function c(c){var p=c.columns,d=c.columnWidths,u=c.data,g=c.draggable,w=c.getColumnRef,f=c.getRowId,R=c.getRowLink,h=c.getSubData,y=c.getVariant,b=c.keyboardShortcuts,j=c.onRowClick,k=n();return u.map((function(n,c){var x=function(t){return p.map((function(r,a){var l=y("bodyCell",{columnIndex:a,firstCell:0===a,firstRow:0===c,lastCell:a===Math.max(0,p.length-1),lastRow:c===Math.max(0,u.length-1),rowData:n,rowIndex:c});return o.createElement("div",{key:a,ref:w("".concat(a,".").concat(c+1)),role:"cell",className:"tapestry-react-reset ".concat(k(e(e([],l,!0),[r.css],!1)))},s(r.cell,{_dragHandleProps:t,columnIndex:a,rowData:n,rowIndex:c}))}))},I=f(n,c),D=y("bodyRow",{evenRow:c%2==0,firstRow:0===c,isLink:Boolean(R)||Boolean(j),lastRow:c===Math.max(0,u.length-1),oddRow:1===Math.abs(c%2),rowData:n,rowIndex:c}),C=t({className:"tapestry-react-reset ".concat(k(D)),keyboardShortcuts:b,onRowClick:j,rowData:n,rowIndex:c},l({data:n,getRowLink:R,isSubRow:!1})),v=h?h(n):null,E=v&&o.createElement(m,{columns:p,data:v,getColumnRef:w,getRowLink:R,getVariant:y,keyboardShortcuts:b,columnWidths:d,parentRowIndex:c});return g?o.createElement(a.Draggable,{key:I,draggableId:I.toString(),index:c,data:n,placeholder:function(){return o.createElement(i,t({},C,{placeholder:!0}),x({}))}},(function(e){return o.createElement(r,null,o.createElement(i,t({innerRef:e.innerRef},e.draggableProps,C),x(e.dragHandleProps)),E)})):o.createElement(r,{key:I},o.createElement(i,t({},C),x()),E)}))}export{c as default};
 //# sourceMappingURL=BodyRows.js.map

package/dist/DataTable/components/BodySubRows.d.ts

@@ -1,31 +1,31 @@
 import { ComponentProps, LegacyRef } from 'react';
 import BodyRow from './BodyRow';
 type BodySubRowsProps = Partial<Pick<ComponentProps<typeof BodyRow>, 'onRowClick'>> & {
+    columnWidths: {
+        current: number[];
+    };
     columns: {
         cell: any;
         css: any;
         includeSubCellWidth: boolean;
         subCell: any;
     }[];
-    columnWidths: {
-        current: number[];
-    };
     data: Record<string, any>[];
     getColumnRef: (key: string) => LegacyRef<HTMLDivElement>;
     getRowLink?: Function;
     getVariant: (key: string, data: {
-        rowData: unknown;
-        rowIndex: number;
-        firstRow: boolean;
-        lastRow: boolean;
         columnIndex?: number;
         columnWidth?: number;
         evenRow?: boolean;
         firstCell?: boolean;
+        firstRow: boolean;
         isLink?: boolean;
         lastCell?: boolean;
+        lastRow: boolean;
         oddRow?: boolean;
         parentRowIndex?: number;
+        rowData: unknown;
+        rowIndex: number;
     }) => any;
     keyboardShortcuts: Record<string, Function>;
     parentRowIndex: number;

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

@@ -1 +1 @@
-{"version":3,"file":"BodySubRows.d.ts","sourceRoot":"","sources":["../../../src/DataTable/components/BodySubRows.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAO,MAAM,OAAO,CAAA;AAE7D,OAAO,OAAO,MAAM,WAAW,CAAA;AAyB/B,KAAK,gBAAgB,GAAG,OAAO,CAC7B,IAAI,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,EAAE,YAAY,CAAC,CACnD,GAAG;IACF,OAAO,EAAE;QAAE,IAAI,EAAE,GAAG,CAAC;QAAC,GAAG,EAAE,GAAG,CAAC;QAAC,mBAAmB,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,GAAG,CAAA;KAAE,EAAE,CAAA;IAC9E,YAAY,EAAE;QAAE,OAAO,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;IACnC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAA;IAC3B,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,SAAS,CAAC,cAAc,CAAC,CAAA;IACxD,UAAU,CAAC,EAAE,QAAQ,CAAA;IACrB,UAAU,EAAE,CACV,GAAG,EAAE,MAAM,EACX,IAAI,EAAE;QACJ,OAAO,EAAE,OAAO,CAAA;QAChB,QAAQ,EAAE,MAAM,CAAA;QAChB,QAAQ,EAAE,OAAO,CAAA;QACjB,OAAO,EAAE,OAAO,CAAA;QAChB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,SAAS,CAAC,EAAE,OAAO,CAAA;QACnB,MAAM,CAAC,EAAE,OAAO,CAAA;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,MAAM,CAAC,EAAE,OAAO,CAAA;QAChB,cAAc,CAAC,EAAE,MAAM,CAAA;KACxB,KACE,GAAG,CAAA;IACR,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAC3C,cAAc,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,QAAA,MAAM,WAAW,0HAUd,gBAAgB,gBA8DlB,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"BodySubRows.d.ts","sourceRoot":"","sources":["../../../src/DataTable/components/BodySubRows.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAO,MAAM,OAAO,CAAA;AAS7D,OAAO,OAAO,MAAM,WAAW,CAAA;AAkB/B,KAAK,gBAAgB,GAAG,OAAO,CAC7B,IAAI,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,EAAE,YAAY,CAAC,CACnD,GAAG;IACF,YAAY,EAAE;QAAE,OAAO,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;IACnC,OAAO,EAAE;QAAE,IAAI,EAAE,GAAG,CAAC;QAAC,GAAG,EAAE,GAAG,CAAC;QAAC,mBAAmB,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,GAAG,CAAA;KAAE,EAAE,CAAA;IAC9E,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAA;IAC3B,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,SAAS,CAAC,cAAc,CAAC,CAAA;IACxD,UAAU,CAAC,EAAE,QAAQ,CAAA;IACrB,UAAU,EAAE,CACV,GAAG,EAAE,MAAM,EACX,IAAI,EAAE;QACJ,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,SAAS,CAAC,EAAE,OAAO,CAAA;QACnB,QAAQ,EAAE,OAAO,CAAA;QACjB,MAAM,CAAC,EAAE,OAAO,CAAA;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,OAAO,EAAE,OAAO,CAAA;QAChB,MAAM,CAAC,EAAE,OAAO,CAAA;QAChB,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,OAAO,EAAE,OAAO,CAAA;QAChB,QAAQ,EAAE,MAAM,CAAA;KACjB,KACE,GAAG,CAAA;IACR,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAC3C,cAAc,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,QAAA,MAAM,WAAW,0HAUd,gBAAgB,gBA8DlB,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/DataTable/components/BodySubRows.js

@@ -1,2 +1,2 @@
-import{__assign as t,__spreadArray as o}from'./../../ext/tslib/tslib.es6.js';import e from"react";import r from"./BodyRow.js";import n from"../../Collapse/Collapse.js";import"../../system/colors/colors.js";import"polished";import"../../utils.js";import"@emotion/react";import"lodash/get";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"../../system/style-names.js";import"lodash";import"lodash/includes";import a from"../../system/use-css.js";import s from"../utils/getCell.js";import"../../VariantProvider/VariantProvider.js";import"../../Tooltip/Tooltip.js";import{useCollapsibleRowsStore as i,useSubRowOpen as l}from"../hooks/useCollapsibleRows.js";import"../../Icon/Icon.js";import m from"../utils/getRowLinkProps.js";import"../utils/variants.js";var c=function(t){var o=t.children,r=t.lazy,a=t.rowIndex,s=i((function(t){return t.instant})),m=l(a);return e.createElement(n,{lazy:r,instant:s,open:m,role:"row",style:{minWidth:"min-content"}},o)},p=function(n){var i=n.columns,l=n.columnWidths,p=n.data,d=n.getColumnRef,u=n.getRowLink,w=n.getVariant,h=n.keyboardShortcuts,f=n.onRowClick,y=n.parentRowIndex,R=a();return e.createElement(c,{lazy:!1===i.some((function(t){return t.includeSubCellWidth})),rowIndex:y},p.map((function(n,a){var c=w("bodySubRow",{rowData:n,rowIndex:a,parentRowIndex:y,isLink:Boolean(u)||Boolean(f),firstRow:0===a,lastRow:a===Math.max(0,p.length-1),evenRow:a%2==0,oddRow:1===Math.abs(a%2)});return e.createElement(r,t({key:a,rowData:n,rowIndex:a,keyboardShortcuts:h,onRowClick:f,className:"tapestry-react-reset ".concat(R(c))},m({getRowLink:u,data:n,isSubRow:!0})),i.map((function(t,r){var m=w("bodySubCell",{rowData:n,rowIndex:a,columnIndex:r,columnWidth:l.current[r],firstRow:0===a,lastRow:a===Math.max(0,p.length-1),firstCell:0===r,lastCell:r===Math.max(0,i.length-1)});return e.createElement("div",{key:r,ref:d("".concat(r,".").concat(y+1,".").concat(a)),className:"tapestry-react-reset ".concat(R(o(o([],m,!0),[t.css],!1)))},s(void 0!==t.subCell?t.subCell:t.cell,{columnIndex:r,rowData:n,rowIndex:a}))})))})))};export{p as default};
+import{__assign as t,__spreadArray as o}from'./../../ext/tslib/tslib.es6.js';import e from"react";import r from"../../Collapse/Collapse.js";import"../../system/colors/colors.js";import"polished";import"../../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"../../system/style-names.js";import n from"../../system/use-css.js";import{useCollapsibleRowsStore as a,useSubRowOpen as s}from"../hooks/useCollapsibleRows.js";import i from"../utils/getCell.js";import"../../VariantProvider/VariantProvider.js";import"../../Icon/Icon.js";import"../../Tooltip/Tooltip.js";import l from"../utils/getRowLinkProps.js";import"../utils/variants.js";import m from"./BodyRow.js";var c=function(t){var o=t.children,n=t.lazy,i=t.rowIndex,l=a((function(t){return t.instant})),m=s(i);return e.createElement(r,{lazy:n,instant:l,open:m,role:"row",style:{minWidth:"min-content"}},o)},p=function(r){var a=r.columns,s=r.columnWidths,p=r.data,u=r.getColumnRef,d=r.getRowLink,w=r.getVariant,f=r.keyboardShortcuts,h=r.onRowClick,y=r.parentRowIndex,R=n();return e.createElement(c,{lazy:!1===a.some((function(t){return t.includeSubCellWidth})),rowIndex:y},p.map((function(r,n){var c=w("bodySubRow",{evenRow:n%2==0,firstRow:0===n,isLink:Boolean(d)||Boolean(h),lastRow:n===Math.max(0,p.length-1),oddRow:1===Math.abs(n%2),parentRowIndex:y,rowData:r,rowIndex:n});return e.createElement(m,t({key:n,rowData:r,rowIndex:n,keyboardShortcuts:f,onRowClick:h,className:"tapestry-react-reset ".concat(R(c))},l({data:r,getRowLink:d,isSubRow:!0})),a.map((function(t,l){var m=w("bodySubCell",{columnIndex:l,columnWidth:s.current[l],firstCell:0===l,firstRow:0===n,lastCell:l===Math.max(0,a.length-1),lastRow:n===Math.max(0,p.length-1),rowData:r,rowIndex:n});return e.createElement("div",{key:l,ref:u("".concat(l,".").concat(y+1,".").concat(n)),className:"tapestry-react-reset ".concat(R(o(o([],m,!0),[t.css],!1)))},i(void 0!==t.subCell?t.subCell:t.cell,{columnIndex:l,rowData:r,rowIndex:n}))})))})))};export{p as default};
 //# sourceMappingURL=BodySubRows.js.map

package/dist/DataTable/components/CheckboxCell.js

@@ -1,2 +1,2 @@
-import{__rest as e}from'./../../ext/tslib/tslib.es6.js';import t,{useCallback as r}from"react";import a from"../../Icon/Icon.js";var s="tapestry.checkbox0",c="tapestry.checkbox1",o="tapestry.checkbox2",n={visibility:"visible",transform:"scale(1)",transition:"all 120ms ease-out"},i={flexShrink:0,outline:0,cursor:"pointer"," .tapestry-react-Checkbox-Fill ":{transform:"scale(1)",transformOrigin:"center center",transition:"all 180ms ease-out"}," .tapestry-react-Checkbox-Minus, .tapestry-react-Checkbox-Checked ":{fill:"#fff",visibility:"hidden",transform:"scale(0)",transformOrigin:"center center",transition:"all 180ms ease-out"}," &:hover, &:focus ":{" .tapestry-react-Checkbox-Fill ":{transform:"scale(1.125)"}}," &:active ":{" .tapestry-react-Checkbox-Fill ":{transform:"scale(1)"}}},l={" .tapestry-react-Checkbox-Checked ":n},m={" .tapestry-react-Checkbox-Minus ":n};function h(n){var h=n.checked,p=n.disabled,y=n.indeterminate,k=n.onBlur,u=n.onChange,b=n.onFocus,d=n.size,f=void 0===d?"md":d;e(n,["checked","disabled","indeterminate","onBlur","onChange","onFocus","size"]);var x=r((function(e){e.preventDefault(),u&&u(e)}),[u]),C=[i];return h&&C.push(l),y&&C.push(m),t.createElement(a,{size:f,tabIndex:0,role:"checkbox","aria-checked":y?"mixed":h,"aria-disabled":p,onBlur:k,onFocus:b,onClick:x,onKeyDown:function(e){return" "===e.key&&x(e)},className:"tapestry-react-reset tapestry-react-Checkbox",css:C},t.createElement(a.Path,{name:s,className:"tapestry-react-reset tapestry-react-Checkbox-Fill",fill:h||y?"primary":"surfaceTertiary",stroke:h||y?"primary":"separatorSecondary"}),t.createElement(a.Path,{name:c,className:"tapestry-react-reset tapestry-react-Checkbox-Fill"}),t.createElement(a.Path,{name:o,className:"tapestry-react-reset tapestry-react-Checkbox-Checked"}))}export{h as default};
+import{__rest as e}from'./../../ext/tslib/tslib.es6.js';import t,{useCallback as r}from"react";import a from"../../Icon/Icon.js";var s="tapestry.checkbox2",c="tapestry.checkbox0",o="tapestry.checkbox1",n={transform:"scale(1)",transition:"all 120ms ease-out",visibility:"visible"},i={" &:active ":{" .tapestry-react-Checkbox-Fill ":{transform:"scale(1)"}}," &:hover, &:focus ":{" .tapestry-react-Checkbox-Fill ":{transform:"scale(1.125)"}}," .tapestry-react-Checkbox-Fill ":{transform:"scale(1)",transformOrigin:"center center",transition:"all 180ms ease-out"}," .tapestry-react-Checkbox-Minus, .tapestry-react-Checkbox-Checked ":{fill:"#fff",transform:"scale(0)",transformOrigin:"center center",transition:"all 180ms ease-out",visibility:"hidden"},cursor:"pointer",flexShrink:0,outline:0},l={" .tapestry-react-Checkbox-Checked ":n},m={" .tapestry-react-Checkbox-Minus ":n};function h(n){var h=n.checked,p=n.disabled,y=n.indeterminate,k=n.onBlur,u=n.onChange,b=n.onFocus,d=n.size,f=void 0===d?"md":d;e(n,["checked","disabled","indeterminate","onBlur","onChange","onFocus","size"]);var x=r((function(e){e.preventDefault(),u&&u(e)}),[u]),C=[i];return h&&C.push(l),y&&C.push(m),t.createElement(a,{size:f,tabIndex:0,role:"checkbox","aria-checked":y?"mixed":h,"aria-disabled":p,onBlur:k,onFocus:b,onClick:x,onKeyDown:function(e){return" "===e.key&&x(e)},className:"tapestry-react-reset tapestry-react-Checkbox",css:C},t.createElement(a.Path,{name:c,className:"tapestry-react-reset tapestry-react-Checkbox-Fill",fill:h||y?"primary":"surfaceTertiary",stroke:h||y?"primary":"separatorSecondary"}),t.createElement(a.Path,{name:o,className:"tapestry-react-reset tapestry-react-Checkbox-Fill"}),t.createElement(a.Path,{name:s,className:"tapestry-react-reset tapestry-react-Checkbox-Checked"}))}export{h as default};
 //# sourceMappingURL=CheckboxCell.js.map

package/dist/DataTable/components/ColumnPicker.d.ts

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
 type ColumnPickerProps = {
     columns?: {
-        id: string | number;
         alwaysVisible?: boolean;
-        label?: ReactNode;
         header?: ReactNode;
+        id: string | number;
+        label?: ReactNode;
     }[];
     hiddenColumnIds?: (string | number)[];
     onChange?: (data: {

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnPicker.d.ts","sourceRoot":"","sources":["../../../src/DataTable/components/ColumnPicker.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQxC,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE;QACR,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;QACnB,aAAa,CAAC,EAAE,OAAO,CAAA;QACvB,KAAK,CAAC,EAAE,SAAS,CAAA;QACjB,MAAM,CAAC,EAAE,SAAS,CAAA;KACnB,EAAE,CAAA;IACH,eAAe,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACrC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;QACzB,eAAe,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;KACrC,KAAK,IAAI,CAAA;CACX,CAAA;AAED,iBAAS,YAAY,CAAC,EACpB,OAAY,EACZ,eAAoB,EACpB,QAAe,EACf,GAAG,SAAS,EACb,EAAE,iBAAiB,eAmCnB;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"ColumnPicker.d.ts","sourceRoot":"","sources":["../../../src/DataTable/components/ColumnPicker.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQxC,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE;QACR,aAAa,CAAC,EAAE,OAAO,CAAA;QACvB,MAAM,CAAC,EAAE,SAAS,CAAA;QAClB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;QACnB,KAAK,CAAC,EAAE,SAAS,CAAA;KAClB,EAAE,CAAA;IACH,eAAe,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACrC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;QACzB,eAAe,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;KACrC,KAAK,IAAI,CAAA;CACX,CAAA;AAED,iBAAS,YAAY,CAAC,EACpB,OAAY,EACZ,eAAoB,EACpB,QAAe,EACf,GAAG,SAAS,EACb,EAAE,iBAAiB,eAmCnB;AAED,eAAe,YAAY,CAAA"}

package/dist/DataTable/components/ColumnPicker.js

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

package/dist/DataTable/components/HeaderCell.d.ts

@@ -1,9 +1,9 @@
 import { DivProps } from '../../types';
 type Column = {
-    id: string | number;
-    sortable: boolean;
     defaultSortDirection: string;
     header?: any;
+    id: string | number;
+    sortable: boolean;
 };
 type Sort = {
     columnId?: string | number;

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../src/DataTable/components/HeaderCell.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,KAAK,MAAM,GAAG;IACZ,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,MAAM,CAAC,EAAE,GAAG,CAAA;CACb,CAAA;AACD,KAAK,IAAI,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAiC9D,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,MAAM,EACN,WAAW,EACX,UAAU,EACV,WAAW,EACX,GAAG,SAAS,EACb,EAAE,QAAQ,GAAG;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE;QACV,WAAW,EAAE,IAAI,CAAA;QACjB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;KACzC,CAAA;IACD,WAAW,CAAC,EAAE,IAAI,CAAA;CACnB,eA+CA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../src/DataTable/components/HeaderCell.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAItC,KAAK,MAAM,GAAG;IACZ,oBAAoB,EAAE,MAAM,CAAA;IAC5B,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AACD,KAAK,IAAI,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAiC9D,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,MAAM,EACN,WAAW,EACX,UAAU,EACV,WAAW,EACX,GAAG,SAAS,EACb,EAAE,QAAQ,GAAG;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE;QACV,WAAW,EAAE,IAAI,CAAA;QACjB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;KACzC,CAAA;IACD,WAAW,CAAC,EAAE,IAAI,CAAA;CACnB,eA+CA;AAED,eAAe,UAAU,CAAA"}

package/dist/DataTable/components/HeaderCell.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as r}from'./../../ext/tslib/tslib.es6.js';import o from"react";import n from"../../Icon/Icon.js";import t from"../../HeadingUppercase/HeadingUppercase.js";import{getIconDirection as c,SORT_ASC as l}from"../hooks/useColumnSort.js";import a from"../hooks/useHoverFocus.js";var d=function(e){var r=e.children;return o.createElement(t,{truncate:!0,color:"foregroundSecondary",cursor:"inherit"},r)},u=function(e){var r=e.affordance,t=e.column,a=e.currentSort,d=e.defaultSort,u=e.sorted;return o.createElement(n,{size:"xs",name:c(a.columnId===t.id?a.direction:t.defaultSortDirection||(d?d.direction:l)),opacity:u?1:r?.4:0})};function i(n){var t=n.cellRef,c=n.column,l=n.columnIndex,i=n.columnSort,m=n.defaultSort,s=e(n,["cellRef","column","columnIndex","columnSort","defaultSort"]),f=i.currentSort,p=i.sortColumnById,S=a(),h=S.isHoverFocus,I=S.bind,E={};return c.sortable&&(E.tabIndex=0,E["aria-sort"]=f.columnId===c.id?"ASC"===f.direction?"ascending":"descending":"none",E.onClick=function(){p(c)},E.onKeyDown=function(e){"Enter"===e.key&&p(c)}),o.createElement("div",r({ref:t,role:"columnheader"},s,E,I),"string"==typeof c.header?o.createElement(d,null,c.header):o.isValidElement(c.header)?c.header:c.header?o.createElement(c.header,{columnIndex:l}):null,c.sortable&&o.createElement(u,{defaultSort:m,currentSort:f,column:c,sorted:f.columnId===c.id,affordance:h}))}export{i as default};
+import{__rest as e,__assign as r}from'./../../ext/tslib/tslib.es6.js';import o from"react";import n from"../../HeadingUppercase/HeadingUppercase.js";import t from"../../Icon/Icon.js";import{getIconDirection as c,SORT_ASC as l}from"../hooks/useColumnSort.js";import a from"../hooks/useHoverFocus.js";var d=function(e){var r=e.children;return o.createElement(n,{truncate:!0,color:"foregroundSecondary",cursor:"inherit"},r)},u=function(e){var r=e.affordance,n=e.column,a=e.currentSort,d=e.defaultSort,u=e.sorted;return o.createElement(t,{size:"xs",name:c(a.columnId===n.id?a.direction:n.defaultSortDirection||(d?d.direction:l)),opacity:u?1:r?.4:0})};function i(n){var t=n.cellRef,c=n.column,l=n.columnIndex,i=n.columnSort,m=n.defaultSort,s=e(n,["cellRef","column","columnIndex","columnSort","defaultSort"]),f=i.currentSort,p=i.sortColumnById,S=a(),h=S.isHoverFocus,I=S.bind,E={};return c.sortable&&(E.tabIndex=0,E["aria-sort"]=f.columnId===c.id?"ASC"===f.direction?"ascending":"descending":"none",E.onClick=function(){p(c)},E.onKeyDown=function(e){"Enter"===e.key&&p(c)}),o.createElement("div",r({ref:t,role:"columnheader"},s,E,I),"string"==typeof c.header?o.createElement(d,null,c.header):o.isValidElement(c.header)?c.header:c.header?o.createElement(c.header,{columnIndex:l}):null,c.sortable&&o.createElement(u,{defaultSort:m,currentSort:f,column:c,sorted:f.columnId===c.id,affordance:h}))}export{i as default};
 //# sourceMappingURL=HeaderCell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/DataTable/components/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAapC,iBAAS,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,IAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE;;;;;;;CAAA,mBAgBjE;kBAhBQ,IAAI;;;;;;;;AAkBb,iBAAS,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE;;;;;CAAA,mBAYjD;;UAI4C,WAAW;;AAAxD,wBAA0D"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/DataTable/components/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAcpC,iBAAS,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,IAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE;;;;;;;CAAA,mBAgBjE;kBAhBQ,IAAI;;;;;;;;AAkBb,iBAAS,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE;;;;;CAAA,mBAYjD;;UAI4C,WAAW;;AAAxD,wBAA0D"}

package/dist/DataTable/hooks/useCollapsibleRows.js

@@ -1,2 +1,2 @@
-import{__spreadArray as n,__assign as o}from'./../../ext/tslib/tslib.es6.js';import{createContext as t,useEffect as u,useContext as e,useCallback as r}from"react";import s from"../../hooks/useConstant.js";import{create as i}from"zustand";import{range as l}from"../../utils.js";var a=t(null);function f(n){return(0,e(a).useStore)(n)}function p(n){return f(r((function(o){return o.allSubRowsOpen||o.openSubRows.indexOf(n)>-1}),[n]))}function w(){return f(r((function(n){return n.openSubRows.length>0}),[]))}function R(t,e){void 0===e&&(e=!1);var r=s((function(){return i((function(o){return{instant:!1,allSubRowsOpen:e,openSubRows:[],rowCountRange:[],callbacks:{openAllSubRows:function(){o((function(n){return{instant:!0,allSubRowsOpen:!0,openSubRows:n.rowCountRange}}))},closeAllSubRows:function(){o({instant:!0,allSubRowsOpen:!1,openSubRows:[]})},toggleAllSubRows:function(){o((function(n){var o=0===n.openSubRows.length;return{instant:!0,allSubRowsOpen:o,openSubRows:o?n.rowCountRange:[]}}))},toggleSubRowAtIndex:function(t){o((function(o){var u=n([],o.openSubRows,!0),e=o.openSubRows.indexOf(t);return e>-1?u.splice(e,1):u.push(t),{instant:!1,allSubRowsOpen:o.rowCountRange.every((function(n){return u.indexOf(n)>-1})),openSubRows:u}}))}}}}))})),a=r((function(n){return n.callbacks}));return u((function(){var n=l(0,t.length);r.setState((function(o){return{instant:!0,openSubRows:o.allSubRowsOpen?n:[],rowCountRange:n}}))}),[t]),o({useStore:r},a)}export{a as CollapsibleRowsContext,w as useAnySubRowsOpen,R as useCollapsibleRows,f as useCollapsibleRowsStore,p as useSubRowOpen};
+import{__spreadArray as n,__assign as o}from'./../../ext/tslib/tslib.es6.js';import{createContext as t,useEffect as u,useContext as e,useCallback as r}from"react";import{create as s}from"zustand";import i from"../../hooks/useConstant.js";import{range as l}from"../../utils.js";var a=t(null);function f(n){return(0,e(a).useStore)(n)}function p(n){return f(r((function(o){return o.allSubRowsOpen||o.openSubRows.indexOf(n)>-1}),[n]))}function w(){return f(r((function(n){return n.openSubRows.length>0}),[]))}function R(t,e){void 0===e&&(e=!1);var r=i((function(){return s((function(o){return{allSubRowsOpen:e,callbacks:{closeAllSubRows:function(){o({allSubRowsOpen:!1,instant:!0,openSubRows:[]})},openAllSubRows:function(){o((function(n){return{allSubRowsOpen:!0,instant:!0,openSubRows:n.rowCountRange}}))},toggleAllSubRows:function(){o((function(n){var o=0===n.openSubRows.length;return{allSubRowsOpen:o,instant:!0,openSubRows:o?n.rowCountRange:[]}}))},toggleSubRowAtIndex:function(t){o((function(o){var u=n([],o.openSubRows,!0),e=o.openSubRows.indexOf(t);return e>-1?u.splice(e,1):u.push(t),{allSubRowsOpen:o.rowCountRange.every((function(n){return u.indexOf(n)>-1})),instant:!1,openSubRows:u}}))}},instant:!1,openSubRows:[],rowCountRange:[]}}))})),a=r((function(n){return n.callbacks}));return u((function(){var n=l(0,t.length);r.setState((function(o){return{instant:!0,openSubRows:o.allSubRowsOpen?n:[],rowCountRange:n}}))}),[t]),o({useStore:r},a)}export{a as CollapsibleRowsContext,w as useAnySubRowsOpen,R as useCollapsibleRows,f as useCollapsibleRowsStore,p as useSubRowOpen};
 //# sourceMappingURL=useCollapsibleRows.js.map

package/dist/DataTable/hooks/useColumnSort.d.ts

@@ -1,7 +1,7 @@
 type Sort = {
-    order?: string;
     columnId?: string | number;
     direction?: string;
+    order?: string;
 };
 export declare const SORT_ASC = "ASC";
 export declare const SORT_DESC = "DESC";

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

@@ -1 +1 @@
-{"version":3,"file":"useColumnSort.d.ts","sourceRoot":"","sources":["../../../src/DataTable/hooks/useColumnSort.ts"],"names":[],"mappings":"AAEA,KAAK,IAAI,GAAG;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,QAAQ,QAAQ,CAAA;AAC7B,eAAO,MAAM,SAAS,SAAS,CAAA;AAE/B,wBAAgB,gBAAgB,CAAC,SAAS,KAAA,2CAEzC;AAED,wBAAgB,wBAAwB,CAAC,SAAS,KAAA,kBAEjD;AAsBD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,WAAkE,EAClE,YAAY,GACb,EAAE;IACD,WAAW,EAAE,IAAI,CAAA;IACjB,YAAY,EAAE,QAAQ,CAAA;CACvB;;;EA2BA"}
+{"version":3,"file":"useColumnSort.d.ts","sourceRoot":"","sources":["../../../src/DataTable/hooks/useColumnSort.ts"],"names":[],"mappings":"AAEA,KAAK,IAAI,GAAG;IACV,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,QAAQ,QAAQ,CAAA;AAC7B,eAAO,MAAM,SAAS,SAAS,CAAA;AAE/B,wBAAgB,gBAAgB,CAAC,SAAS,KAAA,2CAEzC;AAED,wBAAgB,wBAAwB,CAAC,SAAS,KAAA,kBAEjD;AAsBD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,WAAkE,EAClE,YAAY,GACb,EAAE;IACD,WAAW,EAAE,IAAI,CAAA;IACjB,YAAY,EAAE,QAAQ,CAAA;CACvB;;;EA2BA"}

package/dist/DataTable/hooks/useHoverFocus.d.ts

@@ -1,11 +1,11 @@
 declare function useHoverFocus(): {
-    isHoverFocus: boolean;
     bind: {
-        onFocus: () => void;
         onBlur: () => void;
+        onFocus: () => void;
         onMouseEnter: () => void;
         onMouseLeave: () => void;
     };
+    isHoverFocus: boolean;
 };
 export default useHoverFocus;
 //# sourceMappingURL=useHoverFocus.d.ts.map

package/dist/DataTable/hooks/useHoverFocus.js

@@ -1,2 +1,2 @@
-import{useState as n}from"react";function r(){var r=n(!1),o=r[0],u=r[1];return{isHoverFocus:o,bind:{onFocus:function(){return u(!0)},onBlur:function(){return u(!1)},onMouseEnter:function(){return u(!0)},onMouseLeave:function(){return u(!1)}}}}export{r as default};
+import{useState as n}from"react";function r(){var r=n(!1),o=r[0],u=r[1];return{bind:{onBlur:function(){return u(!1)},onFocus:function(){return u(!0)},onMouseEnter:function(){return u(!0)},onMouseLeave:function(){return u(!1)}},isHoverFocus:o}}export{r as default};
 //# sourceMappingURL=useHoverFocus.js.map

package/dist/DataTable/hooks/useScrollShadows.js

@@ -1,2 +1,2 @@
-import t,{useRef as e,useState as r,useLayoutEffect as o,Fragment as n}from"react";import{interpolate as i}from"@popmotion/popcorn";import"mousetrap";import{useMeasure as s}from"../../hooks/use-measure.js";import{supportsPassiveEvents as l}from"../../utils.js";var a=i([0,.2],[0,1]),c=i([.8,1],[1,0]),u=!l||{capture:!0,passive:!1},f={width:10,position:"absolute",top:0,bottom:0,zIndex:30,pointerEvents:"none"};function p(t,e){return t&&e?t/e:0}function d(t){return"linear-gradient(".concat(90*t,"deg, transparent 4px, rgba(125, 125, 125, 0.15))")}function m(i){var l=e(),m=e(),v=r(!1),h=v[0],g=v[1],y=r(null),E=y[0],b=y[1],x=s(),N=x[0],W=x[1];return N(i),W((function(t){var e=t[0];e&&(g(e.scrollWidth>e.offsetWidth),b(e.scrollWidth-e.offsetWidth))}),[i.current]),o((function(){var t=i.current;function e(){!function(t){var e=t.leftNode,r=t.rightNode,o=t.offset,n=t.progress;e.style.left=o+"px",e.style.background=d(-1),e.style.opacity=a(n),r.style.right=o+"px",r.style.background=d(1),r.style.opacity=c(n)}({leftNode:l.current,rightNode:m.current,progress:p(t.scrollLeft,E),offset:0})}if(l.current&&m.current)return e(),t.addEventListener("scroll",e,u),function(){t.removeEventListener("scroll",e,u)}}),[E]),h&&t.createElement(n,null,t.createElement("div",{ref:l,style:f,"aria-hidden":!0}),t.createElement("div",{ref:m,style:f,"aria-hidden":!0}))}export{m as default};
+import{interpolate as t}from"@popmotion/popcorn";import e,{useRef as r,useState as o,useLayoutEffect as n,Fragment as i}from"react";import"mousetrap";import{useMeasure as s}from"../../hooks/use-measure.js";import{supportsPassiveEvents as l}from"../../utils.js";var a=t([0,.2],[0,1]),c=t([.8,1],[1,0]),u=!l||{capture:!0,passive:!1},f={bottom:0,pointerEvents:"none",position:"absolute",top:0,width:10,zIndex:30};function p(t,e){return t&&e?t/e:0}function d(t){return"linear-gradient(".concat(90*t,"deg, transparent 4px, rgba(125, 125, 125, 0.15))")}function m(t){var l=r(),m=r(),v=o(!1),h=v[0],g=v[1],y=o(null),E=y[0],b=y[1],x=s(),N=x[0],W=x[1];return N(t),W((function(t){var e=t[0];e&&(g(e.scrollWidth>e.offsetWidth),b(e.scrollWidth-e.offsetWidth))}),[t.current]),n((function(){var e=t.current;function r(){!function(t){var e=t.leftNode,r=t.rightNode,o=t.offset,n=t.progress;e.style.left=o+"px",e.style.background=d(-1),e.style.opacity=a(n),r.style.right=o+"px",r.style.background=d(1),r.style.opacity=c(n)}({leftNode:l.current,offset:0,progress:p(e.scrollLeft,E),rightNode:m.current})}if(l.current&&m.current)return r(),e.addEventListener("scroll",r,u),function(){e.removeEventListener("scroll",r,u)}}),[E]),h&&e.createElement(i,null,e.createElement("div",{ref:l,style:f,"aria-hidden":!0}),e.createElement("div",{ref:m,style:f,"aria-hidden":!0}))}export{m as default};
 //# sourceMappingURL=useScrollShadows.js.map

package/dist/DataTable/index.d.ts

@@ -1,7 +1,11 @@
-import React from 'react';
+import { Ref } from 'react';
 import { CheckboxCell, ColumnPicker } from './components';
+import DataTable, { Props } from './DataTable';
+import { useCollapsibleRows } from './hooks';
 import { variants } from './utils';
-declare const ForwardRefDataTable: React.ForwardRefExoticComponent<import("./DataTable").Props<Record<string, any>> & React.RefAttributes<(<Data extends Record<string, any>>(props: import("./DataTable").Props<Data>) => JSX.Element)>> & {
+declare const ForwardRefDataTable: (<T extends Record<string, any>>(props: Props<T> & {
+    ref?: Ref<ReturnType<typeof useCollapsibleRows>>;
+}) => ReturnType<typeof DataTable>) & {
     CheckboxCell: typeof CheckboxCell;
     ColumnPicker: typeof ColumnPicker;
     variants: typeof variants;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DataTable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAA;AAEzD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAgBlC,QAAA,MAAM,mBAAmB;kBACT,mBAAmB;kBACnB,mBAAmB;cACvB,eAAe;CAC1B,CAAA;AAMD,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DataTable/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAc,GAAG,EAAE,MAAM,OAAO,CAAA;AAE9C,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AACzD,OAAO,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAUlC,QAAA,MAAM,mBAAmB;UAJf,IAAI,WAAW,yBAAyB,CAAC,CAAC;MAE/C,WAAW,gBAAgB,CAAC;kBAGjB,mBAAmB;kBACnB,mBAAmB;cACvB,eAAe;CAC1B,CAAA;AAMD,eAAe,mBAAmB,CAAA"}

package/dist/DataTable/index.js

@@ -1,2 +1,2 @@
-import{__assign as o}from'./../ext/tslib/tslib.es6.js';import r,{forwardRef as t}from"react";import"../system/colors/colors.js";import"polished";import"../utils.js";import"@emotion/react";import"lodash/get";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"../system/style-names.js";import"lodash";import"lodash/includes";import"../system/cxs.js";import"../DragDrop/DragDrop.js";import"../VariantProvider/VariantProvider.js";import"../Tooltip/Tooltip.js";import"./hooks/useCollapsibleRows.js";import"../Icon/Icon.js";import{variants as s}from"./utils/variants.js";import"mousetrap";import"../hooks/use-measure.js";import e from"./components/CheckboxCell.js";import i from"./components/ColumnPicker.js";import m from"./DataTable.js";var p=t((function(t,s){return r.createElement(m,o({dataTableRef:s},t))}));p.CheckboxCell=e,p.ColumnPicker=i,p.variants=s;export{p as default};
+import{__assign as o}from'./../ext/tslib/tslib.es6.js';import r,{forwardRef as t}from"react";import"../DragDrop/DragDrop.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"../system/style-names.js";import"../system/cxs.js";import"../VariantProvider/VariantProvider.js";import"../Icon/Icon.js";import"../Tooltip/Tooltip.js";import"./hooks/useCollapsibleRows.js";import{variants as s}from"./utils/variants.js";import"mousetrap";import"../hooks/use-measure.js";import e from"./components/CheckboxCell.js";import i from"./components/ColumnPicker.js";import m from"./DataTable.js";var p=t((function(t,s){return r.createElement(m,o({dataTableRef:s},t))}));p.CheckboxCell=e,p.ColumnPicker=i,p.variants=s;export{p as default};
 //# sourceMappingURL=index.js.map

package/dist/DataTable/utils/getCell.d.ts

@@ -1,12 +1,12 @@
 declare function getCell(cell: string | ((rowData: Record<string, any>, options: {
-    rowIndex: number;
-    columnIndex: number;
     _dragHandleProps: Record<string, string>;
+    columnIndex: number;
+    rowIndex: number;
 }) => string), { rowData, rowIndex, columnIndex, _dragHandleProps, }: {
+    _dragHandleProps?: Record<string, string>;
+    columnIndex: number;
     rowData: Record<string, any>;
     rowIndex: number;
-    columnIndex: number;
-    _dragHandleProps?: Record<string, string>;
 }): any;
 export default getCell;
 //# sourceMappingURL=getCell.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"getCell.d.ts","sourceRoot":"","sources":["../../../src/DataTable/utils/getCell.ts"],"names":[],"mappings":"AAAA,iBAAS,OAAO,CACd,IAAI,EACA,MAAM,GACN,CAAC,CACC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC5B,OAAO,EAAE;IACP,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACzC,KACE,MAAM,CAAC,EAChB,EACE,OAAO,EACP,QAAQ,EACR,WAAW,EACX,gBAAgB,GACjB,EAAE;IACD,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5B,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC1C,OAOF;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"getCell.d.ts","sourceRoot":"","sources":["../../../src/DataTable/utils/getCell.ts"],"names":[],"mappings":"AAAA,iBAAS,OAAO,CACd,IAAI,EACA,MAAM,GACN,CAAC,CACC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC5B,OAAO,EAAE;IACP,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACxC,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;CACjB,KACE,MAAM,CAAC,EAChB,EACE,OAAO,EACP,QAAQ,EACR,WAAW,EACX,gBAAgB,GACjB,EAAE;IACD,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACzC,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5B,QAAQ,EAAE,MAAM,CAAA;CACjB,OAOF;AAED,eAAe,OAAO,CAAA"}

package/dist/DataTable/utils/getCell.js

@@ -1,2 +1,2 @@
-function n(n,r){var o=r.rowData,d=r.rowIndex,e=r.columnIndex,a=r._dragHandleProps;return"string"==typeof n?o[n]:n?n(o,{rowIndex:d,columnIndex:e,_dragHandleProps:a}):void 0}export{n as default};
+function n(n,r){var o=r.rowData,d=r.rowIndex,e=r.columnIndex,a=r._dragHandleProps;return"string"==typeof n?o[n]:n?n(o,{_dragHandleProps:a,columnIndex:e,rowIndex:d}):void 0}export{n as default};
 //# sourceMappingURL=getCell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getParsedColumns.d.ts","sourceRoot":"","sources":["../../../src/DataTable/utils/getParsedColumns.tsx"],"names":[],"mappings":"AAwFA,iBAAS,gBAAgB,CAAC,EACxB,aAAa,EACb,OAAO,EACP,UAAU,EACV,eAAe,EACf,SAAS,GACV;;;;;;CAAA,OA6CA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"getParsedColumns.d.ts","sourceRoot":"","sources":["../../../src/DataTable/utils/getParsedColumns.tsx"],"names":[],"mappings":"AAuFA,iBAAS,gBAAgB,CAAC,EACxB,aAAa,EACb,OAAO,EACP,UAAU,EACV,eAAe,EACf,SAAS,GACV;;;;;;CAAA,OA6CA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/DataTable/utils/getParsedColumns.js

@@ -1,2 +1,2 @@
-import{__assign as e}from'./../../ext/tslib/tslib.es6.js';import t from"react";import{Box as n}from"../../Box/Box.js";import r from"../../Tooltip/Tooltip.js";import{useCollapsibleRowsStore as o,useAnySubRowsOpen as l,useSubRowOpen as a}from"../hooks/useCollapsibleRows.js";import i from"../../Icon/Icon.js";var s={appearance:"none",display:"flex",alignSelf:"center",alignItems:"center",justifyContent:"center",padding:1,margin:0,border:"none",borderRadius:3,backgroundColor:"hsla(0, 0%, 0%, 0)",fill:"foreground",cursor:"pointer"," &:focus ":{outline:0}," &:hover ":{backgroundColor:"highlight"}};function c(e){var a=e.accessibility,c=o((function(e){return e.callbacks})),u=l(),d=a.toggleAllSubRowsTooltipTitle(u);return t.createElement(r,{title:d,placement:"bottom-start"},t.createElement(n,{as:"button",display:"flex","aria-label":d,css:s,onClick:function(e){e.preventDefault(),c.toggleAllSubRows()}},t.createElement(i,{name:"general.downCaret",size:"sm",style:{transform:u?void 0:"rotate(-90deg)",transition:"transform 180ms ease"}})))}function u(e){var r=e.rowIndex,l=o((function(e){return e.callbacks})),c=a(r);return t.createElement(n,{as:"button",css:s,onClick:function(e){e.preventDefault(),l.toggleSubRowAtIndex(r)}},t.createElement(i,{name:"general.downCaret",size:"sm",style:{transform:c?void 0:"rotate(-90deg)",transition:"transform 180ms ease"}}))}function d(r){var o=r.accessibility,l=r.columns,a=r.hasSubRows,d=r.hiddenColumnIds,m=r.draggable,f=l.filter((function(e){return null!==e&&!1!==e&&void 0!==e&&(e.alwaysVisible||-1===d.indexOf(e.id))}));return a&&f.unshift({header:t.createElement(c,{accessibility:o}),cell:function(e,n){var r=n.rowIndex;return t.createElement(u,{rowIndex:r})},subCell:null,width:32,css:{paddingLeft:m?0:void 0,"@media print":{display:"none !important"}}}),m&&f.unshift({cell:function(r,o){var l=o._dragHandleProps;return t.createElement(n,e({css:s,onClick:function(e){return e.preventDefault()}},l),t.createElement(i,{name:"general.dragHandle",size:"sm",color:"foregroundTertiary",style:{cursor:"grab"}}))},subCell:null,width:32,css:{paddingRight:a?0:void 0,"@media print":{display:"none !important"}}}),f}export{d as default};
+import{__assign as e}from'./../../ext/tslib/tslib.es6.js';import t from"react";import{Box as n}from"../../Box/Box.js";import r from"../../Icon/Icon.js";import o from"../../Tooltip/Tooltip.js";import{useCollapsibleRowsStore as l,useAnySubRowsOpen as a,useSubRowOpen as i}from"../hooks/useCollapsibleRows.js";var s={" &:focus ":{outline:0}," &:hover ":{backgroundColor:"highlight"},alignItems:"center",alignSelf:"center",appearance:"none",backgroundColor:"hsla(0, 0%, 0%, 0)",border:"none",borderRadius:3,cursor:"pointer",display:"flex",fill:"foreground",justifyContent:"center",margin:0,padding:1};function c(e){var i=e.accessibility,c=l((function(e){return e.callbacks})),u=a(),d=i.toggleAllSubRowsTooltipTitle(u);return t.createElement(o,{title:d,placement:"bottom-start"},t.createElement(n,{as:"button",display:"flex","aria-label":d,css:s,onClick:function(e){e.preventDefault(),c.toggleAllSubRows()}},t.createElement(r,{name:"general.downCaret",size:"sm",style:{transform:u?void 0:"rotate(-90deg)",transition:"transform 180ms ease"}})))}function u(e){var o=e.rowIndex,a=l((function(e){return e.callbacks})),c=i(o);return t.createElement(n,{as:"button",css:s,onClick:function(e){e.preventDefault(),a.toggleSubRowAtIndex(o)}},t.createElement(r,{name:"general.downCaret",size:"sm",style:{transform:c?void 0:"rotate(-90deg)",transition:"transform 180ms ease"}}))}function d(o){var l=o.accessibility,a=o.columns,i=o.hasSubRows,d=o.hiddenColumnIds,m=o.draggable,f=a.filter((function(e){return null!==e&&!1!==e&&void 0!==e&&(e.alwaysVisible||-1===d.indexOf(e.id))}));return i&&f.unshift({cell:function(e,n){var r=n.rowIndex;return t.createElement(u,{rowIndex:r})},css:{"@media print":{display:"none !important"},paddingLeft:m?0:void 0},header:t.createElement(c,{accessibility:l}),subCell:null,width:32}),m&&f.unshift({cell:function(o,l){var a=l._dragHandleProps;return t.createElement(n,e({css:s,onClick:function(e){return e.preventDefault()}},a),t.createElement(r,{name:"general.dragHandle",size:"sm",color:"foregroundTertiary",style:{cursor:"grab"}}))},css:{"@media print":{display:"none !important"},paddingRight:i?0:void 0},subCell:null,width:32}),f}export{d as default};
 //# sourceMappingURL=getParsedColumns.js.map