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

package/dist/DataTable/DataTable.js

@@ -1,2 +1,2 @@
-import{__assign as o,__spreadArray as e}from'./../ext/tslib/tslib.es6.js';import r,{useRef as t,useMemo as n,useImperativeHandle as s,Fragment as a}from"react";import l from"../DragDrop/DragDrop.js";import i from"../Pagination/Pagination.js";import{Spinner as m}from"../Spinner/Spinner.js";import{StackView as d}from"../StackView/StackView.js";import c from"../Summary/Summary.js";import"../system/colors/colors.js";import{reorderArray as u}from"../utils.js";import"@emotion/react";import'./../ext/lodash/_baseGetTag.js';import'./../ext/lodash/_stringToPath.js';import'./../ext/lodash/_baseToString.js';import"../system/style-names.js";import'./../ext/lodash/lodash.js';import'./../ext/lodash/isArguments.js';import'./../ext/lodash/isBuffer.js';import'./../ext/lodash/isTypedArray.js';import p from"../system/use-css.js";import{useId as f}from"../hooks/use-id.js";import'./../ext/mousetrap/mousetrap.js';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 j}from"./hooks/useCollapsibleRows.js";import y from"./hooks/useColumnSort.js";import v from"./hooks/useColumnWidths.js";import w 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,T=D.innerBodyRef,_=D.canCollapseSubRows,N=void 0===_||_,V=D.columns,O=D.currentPage,A=D.data,B=D.dataTableRef,L=D.defaultSort,W=D.defaultAllSubRowsOpen,G=D.droppableId,z=D.empty,H=D.getRowId,q=void 0===H?function(o,e){return o.id||(void 0===G?e:"".concat(G,"-").concat(e))}:H,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,ro=D.onRowClick,to=D.onRowSort,no=D.sourceOnly,so=D.totalPages,ao=D.variant,lo=void 0===ao?{}:ao,io=p(),mo=f("table"),co=l.useDragDrop(),uo=U||A.length<=0,po=t(),fo=t(),go=t(),bo=[po,fo],ho=no||to||oo,jo=k(lo),yo=h(A,W),vo=Boolean(N&&J),wo=n((function(){return C({accessibility:P,hasSubRows:vo,columns:V,hiddenColumnIds:M,draggable:ho})}),[V,vo,M,ho]),So=wo.map(Object.keys).some((function(o){return o.some((function(o){return"footer"===o}))})),ko=v({columns:wo,data:A,loading:U,bodyRef:fo}),Co=ko.columnWidths,Eo=ko.getColumnRef,Ro=y({defaultSort:L,onColumnSort:Y}),Do=w(fo),xo={columns:wo,collapsibleRows:yo,columnWidths:Co,data:A,draggable:ho,getColumnRef:Eo,getRowId:q,getRowLink:F,getSubData:J,getVariant:jo,keyboardShortcuts:Q,onRowClick:ro};return So&&bo.push(go),S.apply(void 0,bo),s(B,(function(){return yo})),"function"==typeof T&&T(fo),x=co||ho?r.createElement(l.Provider,{onDragEnd:function(o){var e=o.source,r=o.destination;to&&r&&to(u({list:A,startIndex:e.index,endIndex:r.index}))}},r.createElement(l.Droppable,{droppableId:void 0===G?mo:G,sourceOnly:no,onDragStart:Z,onDragEnd:$,onDrop:oo},(function(e){return r.createElement("div",o({className:io(jo("body")),"data-dnd-ignore-scrollable":!0,ref:function(o){fo.current=o,e.innerRef(o)},role:"rowgroup"},e.droppableProps),r.createElement(g,o({},xo)),e.placeholder)}))):r.createElement("div",{ref:fo,role:"rowgroup",className:io(jo("body"))},r.createElement(g,o({},xo))),r.createElement(a,null,uo&&r.createElement(d,{grow:1,alignment:"center",distribution:"center",minHeight:"100%",paddingVertical:8},U?r.createElement(c,{image:r.createElement(m,{size:"xl"}),title:X}):z),r.createElement(j.Provider,{value:yo},r.createElement("div",{role:F?void 0:"grid",style:uo?{display:"none"}:void 0,className:"tapestry-react-reset ".concat(io({position:"relative"}))},r.createElement("div",{ref:po,role:"rowgroup",className:io(jo("header"))},r.createElement("div",{role:"row",className:io(jo("headerRow"))},wo.map((function(o,t){var n=jo("headerCell",{columnIndex:t,isSortable:o.sortable});return r.createElement(b,{key:t,cellRef:Eo("".concat(t,".0")),column:o,columnIndex:t,columnSort:Ro,className:"tapestry-react-reset ".concat(io(e(e([],n,!0),[o.css],!1)))})})))),x,So&&r.createElement("div",{ref:go,role:"rowgroup",className:io(jo("footer"))},r.createElement("div",{role:"row",className:io(jo("footerRow"))},wo.map((function(o,t){var n=jo("footerCell",{columnIndex:t,isSortable:o.sortable});return r.createElement("div",{key:t,role:"cell",ref:Eo("".concat(t,".").concat(A.length+1)),className:"tapestry-react-reset ".concat(io(e(e([],n,!0),[o.css],!1)))},"string"==typeof o.footer||r.isValidElement(o.footer)?o.footer:o.footer?r.createElement(o.footer,{columnIndex:t}):null)})))),Do,r.createElement(i,{currentPage:O,totalPages:so,onPageChange:eo,position:"sticky",bottom:0,zIndex:35,marginTop:"-1px",backgroundColor:"white",borderTopWidth:1,borderTopColor:"grey-3",className:io({"@media print":{position:"relative"}})}))))};export{D as default};
+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};
 //# sourceMappingURL=DataTable.js.map

package/dist/DataTable/components/BodyRows.js

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

package/dist/DataTable/components/BodySubRows.js

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

package/dist/DataTable/hooks/useCollapsibleRows.js

@@ -1,2 +1,2 @@
-import{__assign as n,__spreadArray 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'./../../ext/zustand/esm/index.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=s((function(){return i((function(n){return{instant:!1,allSubRowsOpen:e,openSubRows:[],rowCountRange:[],callbacks:{openAllSubRows:function(){n((function(n){return{instant:!0,allSubRowsOpen:!0,openSubRows:n.rowCountRange}}))},closeAllSubRows:function(){n({instant:!0,allSubRowsOpen:!1,openSubRows:[]})},toggleAllSubRows:function(){n((function(n){var o=0===n.openSubRows.length;return{instant:!0,allSubRowsOpen:o,openSubRows:o?n.rowCountRange:[]}}))},toggleSubRowAtIndex:function(t){n((function(n){var u=o([],n.openSubRows,!0),e=n.openSubRows.indexOf(t);return e>-1?u.splice(e,1):u.push(t),{instant:!1,allSubRowsOpen:n.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]),n({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 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};
 //# sourceMappingURL=useCollapsibleRows.js.map

package/dist/DataTable/hooks/useScrollShadows.js

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

package/dist/DataTable/index.d.ts

@@ -1,12 +1,7 @@
 import React from 'react';
 import { CheckboxCell, ColumnPicker } from './components';
 import { variants } from './utils';
-declare const _ForwardRefDataTable: React.ForwardRefExoticComponent<{
-    currentPage?: number;
-    onPageChange?: Function;
-    totalPages?: number;
-} & React.RefAttributes<unknown>>;
-declare const ForwardRefDataTable: typeof _ForwardRefDataTable & {
+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)>> & {
     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,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAElC,QAAA,MAAM,oBAAoB;kBAGN,MAAM;mBACL,QAAQ;iBACV,MAAM;iCAIxB,CAAA;AAED,QAAA,MAAM,mBAAmB,EAAE,OAAO,oBAAoB,GAAG;IACvD,YAAY,EAAE,OAAO,YAAY,CAAA;IACjC,YAAY,EAAE,OAAO,YAAY,CAAA;IACjC,QAAQ,EAAE,OAAO,QAAQ,CAAA;CACI,CAAA;AAM/B,eAAe,mBAAmB,CAAA"}
+{"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"}

package/dist/DataTable/index.js

@@ -1,2 +1,2 @@
-import{__assign as o}from'./../ext/tslib/tslib.es6.js';import s,{forwardRef as r}from"react";import"../system/colors/colors.js";import"../utils.js";import"@emotion/react";import'./../ext/lodash/_baseGetTag.js';import'./../ext/lodash/_stringToPath.js';import'./../ext/lodash/_baseToString.js';import"../system/style-names.js";import'./../ext/lodash/lodash.js';import'./../ext/lodash/isArguments.js';import'./../ext/lodash/isBuffer.js';import'./../ext/lodash/isTypedArray.js';import"../system/cxs.js";import"../DragDrop/DragDrop.js";import"../VariantProvider/VariantProvider.js";import"../Tooltip/Tooltip.js";import"./hooks/useCollapsibleRows.js";import"../Icon/Icon.js";import{variants as e}from"./utils/variants.js";import'./../ext/mousetrap/mousetrap.js';import"../hooks/use-measure.js";import t from"./components/CheckboxCell.js";import m from"./components/ColumnPicker.js";import i from"./DataTable.js";var a=r((function(r,e){return s.createElement(i,o({dataTableRef:e},r))}));a.CheckboxCell=t,a.ColumnPicker=m,a.variants=e;export{a as default};
+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};
 //# sourceMappingURL=index.js.map

package/dist/DateField/DateField.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import o,{useState as n,useRef as t,useCallback as a,useMemo as l}from"react";import c from"../Card/index.js";import i from"../Calendar/Calendar.js";import u from"../FocusGroup/FocusGroup.js";import s from"../Icon/Icon.js";import m from"../Input/Input.js";import{Popover as p}from"../Popover/Popover.js";import{generateId as f}from"../utils.js";import{useThemeProps as d}from"../system/utils.js";import{useArrowKeysToNavigateCalendar as v}from"./useArrowKeysToNavigateCalendar.js";import{useEditableDate as C}from"./useEditableDate.js";function h(h){var g=h.formatValue,k=void 0===g?"MMMM dd, yyyy":g,D=h.defaultOpen,j=void 0!==D&&D,y=h.keepInView,I=h.lockScrollWhileOpen,E=void 0===I||I,x=h.minDate,B=h.maxDate,O=h.onChange,P=h.placement,V=h.value,b=e(h,["formatValue","defaultOpen","keepInView","lockScrollWhileOpen","minDate","maxDate","onChange","placement","value"]),w=d("dateField",b),F=w.calendarProps;w.color;var R=w.popoverProps;w.sizes,w.thickness,w.trackColor;var S=e(w,["calendarProps","color","popoverProps","sizes","thickness","trackColor"]),K=n(j),M=K[0],q=K[1],z=f("datefield"),T=t(null),W=t(null),G=a((function(){var e=W.current.querySelector("input");e.focus&&e.focus()}),[]),A=a((function(){q(!0)}),[]),N=a((function(){q(!1)}),[]),_=a((function(e){return!!e&&(!(x&&e<x)&&!(B&&e>B))}),[x,B]),H=C({date:V,dateFormat:k,dateValidator:_,onChange:O}),J=H.formattedDate,L=H.setDate,Q=H.clearKeyBuffer,U=H.invalidKeyBuffer,X=a((function(e){G(),L(e),N()}),[G,L,N]),Y=a((function(e){L(e)}),[L]),Z=v({date:V,calendarIsOpen:M,closeCalendar:N,openCalendar:A,onChange:L}),$=a((function(e){L(e.currentTarget.value)}),[L]),ee=a((function(){Q(),N()}),[Q,N]),re=l((function(){return U?{color:"error-darker",backgroundColor:"error-lighter"}:{}}),[U]);return o.createElement(u,{onBlur:ee},(function(e){var n=e.requestBlur,t=e.setRef;return o.createElement(p,r({},R,{ref:function(e){T.current=e},as:c,elevation:2,innerRef:function(e){T.current=e,t("".concat(z,"-popover"))(e)},keepInView:y,lockScrollWhileOpen:E,onBlur:n,onRequestClose:N,open:M,placement:P,tabIndex:-1,anchorElement:o.createElement(m,r({innerRef:function(e){W.current=e,t("".concat(z,"-input"))(e)},onBlur:n,onFocus:A,onChange:$,onKeyDown:Z,value:J,renderRight:o.createElement(s,{name:"general.calendar",color:"foregroundTertiary",onClick:A})},re,S))}),o.createElement(i,r({size:"sm"},F,{date:V,selected:V,minDate:x,maxDate:B,onDateSelect:X,onDateChange:Y})))}))}export{h as default};
+import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import o,{useState as n,useRef as t,useCallback as a,useMemo as l}from"react";import c from"../Card/Card.js";import i from"../Calendar/Calendar.js";import u from"../FocusGroup/FocusGroup.js";import s from"../Icon/Icon.js";import m from"../Input/Input.js";import{Popover as p}from"../Popover/Popover.js";import{generateId as f}from"../utils.js";import{useThemeProps as d}from"../system/utils.js";import{useArrowKeysToNavigateCalendar as v}from"./useArrowKeysToNavigateCalendar.js";import{useEditableDate as C}from"./useEditableDate.js";function h(h){var g=h.formatValue,k=void 0===g?"MMMM dd, yyyy":g,D=h.defaultOpen,j=void 0!==D&&D,y=h.keepInView,I=h.lockScrollWhileOpen,E=void 0===I||I,B=h.minDate,O=h.maxDate,P=h.onChange,V=h.placement,b=h.value,w=e(h,["formatValue","defaultOpen","keepInView","lockScrollWhileOpen","minDate","maxDate","onChange","placement","value"]),x=d("dateField",w),F=x.calendarProps;x.color;var R=x.popoverProps;x.sizes,x.thickness,x.trackColor;var S=e(x,["calendarProps","color","popoverProps","sizes","thickness","trackColor"]),K=n(j),M=K[0],q=K[1],z=f("datefield"),T=t(null),W=t(null),G=a((function(){var e=W.current.querySelector("input");e.focus&&e.focus()}),[]),A=a((function(){q(!0)}),[]),N=a((function(){q(!1)}),[]),_=a((function(e){return!!e&&(!(B&&e<B)&&!(O&&e>O))}),[B,O]),H=C({date:b,dateFormat:k,dateValidator:_,onChange:P}),J=H.formattedDate,L=H.setDate,Q=H.clearKeyBuffer,U=H.invalidKeyBuffer,X=a((function(e){G(),L(e),N()}),[G,L,N]),Y=a((function(e){L(e)}),[L]),Z=v({date:b,calendarIsOpen:M,closeCalendar:N,openCalendar:A,onChange:L}),$=a((function(e){L(e.currentTarget.value)}),[L]),ee=a((function(){Q(),N()}),[Q,N]),re=l((function(){return U?{color:"error-darker",backgroundColor:"error-lighter"}:{}}),[U]);return o.createElement(u,{onBlur:ee},(function(e){var n=e.requestBlur,t=e.setRef;return o.createElement(p,r({},R,{ref:function(e){T.current=e},as:c,elevation:2,innerRef:function(e){T.current=e,t("".concat(z,"-popover"))(e)},keepInView:y,lockScrollWhileOpen:E,onBlur:n,onRequestClose:N,open:M,placement:V,tabIndex:-1,anchorElement:o.createElement(m,r({innerRef:function(e){W.current=e,t("".concat(z,"-input"))(e)},onBlur:n,onFocus:A,onChange:$,onKeyDown:Z,value:J,renderRight:o.createElement(s,{name:"general.calendar",color:"foregroundTertiary",onClick:A})},re,S))}),o.createElement(i,r({size:"sm"},F,{date:b,selected:b,minDate:B,maxDate:O,onDateSelect:X,onDateChange:Y})))}))}export{h as default};
 //# sourceMappingURL=DateField.js.map

package/dist/DateField/useEditableDate.js

@@ -1,2 +1,2 @@
-import{useState as t,useMemo as e,useCallback as r}from"react";import{parseDate as o}from"./parse.js";import a from'./../ext/date-fns/esm/format/index.js';var n=function(n){var f=n.date,i=n.dateFormat,d=n.dateValidator,m=n.onChange,u=t(),s=u[0],c=u[1],v=t(!1),p=v[0],l=v[1],y=e((function(){return void 0!==s?s:f?a(f,i):""}),[f,i,s]),g=r((function(t){c(t),t&&!d(o({date:t,format:i}))?l(!0):l(!1)}),[i,d]),j=r((function(t){var e;"string"==typeof t?(g(t),e=o({date:t,format:i})):(g(void 0),e=t),d(e)&&m&&m(e)}),[m,g,d,i]);return{formattedDate:y,setDate:j,clearKeyBuffer:r((function(){g(void 0)}),[]),invalidKeyBuffer:p}};export{n as useEditableDate};
+import{useState as t,useMemo as r,useCallback as a}from"react";import{format as e}from"date-fns";import{parseDate as o}from"./parse.js";var f=function(f){var n=f.date,i=f.dateFormat,d=f.dateValidator,m=f.onChange,u=t(),c=u[0],v=u[1],p=t(!1),s=p[0],l=p[1],y=r((function(){return void 0!==c?c:n?e(n,i):""}),[n,i,c]),g=a((function(t){v(t),t&&!d(o({date:t,format:i}))?l(!0):l(!1)}),[i,d]),B=a((function(t){var r;"string"==typeof t?(g(t),r=o({date:t,format:i})):(g(void 0),r=t),d(r)&&m&&m(r)}),[m,g,d,i]);return{formattedDate:y,setDate:B,clearKeyBuffer:a((function(){g(void 0)}),[]),invalidKeyBuffer:s}};export{f as useEditableDate};
 //# sourceMappingURL=useEditableDate.js.map

package/dist/Dialog/Dialog.js

@@ -1,2 +1,2 @@
-import{jsx as i}from"@emotion/react";import o from"../Button/index.js";import{StackView as e}from"../StackView/StackView.js";import n from"../Heading/Heading.js";import{Divider as r}from"../Divider/Divider.js";import{Box as t}from"../Box/Box.js";var a={padding:0,minWidth:"400px",borderRadius:"8px",border:"none",boxShadow:"0px 0px 20px 0px hsla(0, 0%, 0%, 0.15)","&::backdrop":{backgroundColor:"rgba(0, 0, 0, 0.4)"}},l=function(l){var d=l.body,c=l.cancelText,s=void 0===c?"Cancel":c,p=l.confirmText,u=void 0===p?"Done":p,g=l.destroyText,x=void 0===g?"Delete":g,m=l.dialogRef,v=l.onCancelClick,f=void 0===v?function(){return m.current.close()}:v,h=l.onCloseClick,C=void 0===h?function(){return m.current.close()}:h,k=l.onConfirmClick,b=void 0===k?function(){return m.current.close()}:k,w=l.onDestroyClick,y=void 0===w?function(){return m.current.close()}:w,z=l.showCancel,D=void 0!==z&&z,H=l.showDestroy,j=void 0!==H&&H,S=l.subtitle,T=void 0===S?"":S,B=l.title;return i("dialog",{ref:m,css:a},i(t,{paddingTop:3,paddingHorizontal:4},i(e,{axis:"horizontal",distribution:"space-between"},i(n,{level:1,margin:0,fontSize:"25px",lineHeight:"35px",weight:500},B),i(o,{title:"Close",icon:{name:"general.x",color:"grey-7"},radius:"circle",height:4,width:4,variant:"naked",onClick:C})),T&&i(n,{level:2,fontSize:"16px",lineHeight:"26px",weight:500,color:"grey-8"},T)),i(t,{padding:4},d),i(r,null),i(t,{paddingVertical:3,paddingHorizontal:4},i(e,{axis:"horizontal",distribution:"space-between"},j?i(o,{onClick:y,title:x,theme:"error",variant:"outline"}):i(t,null),i(e,{axis:"horizontal",spacing:2},D&&i(o,{title:s,variant:"naked",onClick:f}),i(o,{title:u,onClick:b,theme:"primary"})))))};export{l as Dialog,l as default};
+import{jsx as i}from"@emotion/react";import o from"../Button/Button.js";import{StackView as e}from"../StackView/StackView.js";import t from"../Heading/Heading.js";import{Divider as n}from"../Divider/Divider.js";import{Box as r}from"../Box/Box.js";var a={padding:0,minWidth:"400px",borderRadius:"8px",border:"none",boxShadow:"0px 0px 20px 0px hsla(0, 0%, 0%, 0.15)","&::backdrop":{backgroundColor:"rgba(0, 0, 0, 0.4)"}},l=function(l){var d=l.body,c=l.cancelText,s=void 0===c?"Cancel":c,p=l.confirmText,u=void 0===p?"Done":p,g=l.destroyText,m=void 0===g?"Delete":g,x=l.dialogRef,v=l.onCancelClick,f=void 0===v?function(){return x.current.close()}:v,h=l.onCloseClick,C=void 0===h?function(){return x.current.close()}:h,k=l.onConfirmClick,b=void 0===k?function(){return x.current.close()}:k,w=l.onDestroyClick,y=void 0===w?function(){return x.current.close()}:w,z=l.showCancel,D=void 0!==z&&z,H=l.showDestroy,j=void 0!==H&&H,S=l.subtitle,B=void 0===S?"":S,T=l.title;return i("dialog",{ref:x,css:a},i(r,{paddingTop:3,paddingHorizontal:4},i(e,{axis:"horizontal",distribution:"space-between"},i(t,{level:1,margin:0,fontSize:"25px",lineHeight:"35px",weight:500},T),i(o,{title:"Close",icon:{name:"general.x",color:"grey-7"},radius:"circle",height:4,width:4,variant:"naked",onClick:C})),B&&i(t,{level:2,fontSize:"16px",lineHeight:"26px",weight:500,color:"grey-8"},B)),i(r,{padding:4},d),i(n,null),i(r,{paddingVertical:3,paddingHorizontal:4},i(e,{axis:"horizontal",distribution:"space-between"},j?i(o,{onClick:y,title:m,theme:"error",variant:"outline"}):i(r,null),i(e,{axis:"horizontal",spacing:2},D&&i(o,{title:s,variant:"naked",onClick:f}),i(o,{title:u,onClick:b,theme:"primary"})))))};export{l as Dialog,l as default};
 //# sourceMappingURL=Dialog.js.map

package/dist/DragDrop/DragDrop.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import n,{createContext as t,useContext as a,useEffect as o,Fragment as d,Children as i,createElement as l}from"react";import{createPortal as c}from"react-dom";import{DragDropContext as u,Droppable as s,Draggable as p}from'./../ext/@planningcenter/react-beautiful-dnd/dist/react-beautiful-dnd.esm.js';import g from'./../ext/mitt/dist/mitt.js';import{getThemeDataAttribute as m}from"../ThemeProvider/styles.js";import{useThemeValue as f}from"../system/utils.js";import{StackView as b}from"../StackView/StackView.js";var D=t(!1),v=t(!1),E=g(),y={},h=null,I=0;function S(){return a(D)}function P(t){var a=t.children,d=t.sourceOnly,i=t.onDragStart,l=t.onDragEnd,c=t.onDrop,u=e(t,["children","sourceOnly","onDragStart","onDragEnd","onDrop"]);return o((function(){function e(e){i&&e.source.droppableId===u.droppableId&&i(e)}return E.on("dragStart",e),function(){E.off("dragStart",e)}}),[i]),o((function(){function e(e){l&&e.source.droppableId===u.droppableId&&l(e),c&&e.destination&&e.destination.droppableId===u.droppableId&&c(e)}return E.on("dragEnd",e),function(){E.off("dragEnd",e)}}),[l,c]),n.createElement(v.Provider,{value:d},n.createElement(s,r({isDropDisabled:d},u),(function(e,r){return d&&(e.placeholder=n.createElement("div",{style:{display:"none"}},e.placeholder)),a(e,r)})))}function j(t){var i=t.children,l=t.placeholder,u=t.data,s=e(t,["children","placeholder","data"]),g=a(v);return o((function(){return function(e,r){return y[e]=r,function(){delete y[e]}}(s.draggableId,u)}),[u]),n.createElement(p,r({},s),(function(e,r){g&&(e.draggableProps.style=r.isDragging?e.draggableProps.style:{transform:"none",transition:"none"});var t=i(e,r);return r.isDragging?n.createElement(d,null,c(t,h),g&&l&&l()):t}))}var k={Provider:function(t){var a=t.onDragStart,d=t.onDragEnd,i=e(t,["onDragStart","onDragEnd"]),l=S(),c=f("id");return"undefined"!=typeof document&&null===h&&((h=document.createElement("div")).id="rbd-portal",h.className="tapestry-react-reset",h.setAttribute(m(c),"true"),document.body.appendChild(h)),o((function(){return I+=1,function(){0===(I-=1)&&(h=null)}}),[]),l?i.children:n.createElement(D.Provider,{value:!0},n.createElement(u,r({onDragStart:function(e){var n=r(r({},e),{data:y[e.draggableId]||null});E.emit("dragStart",n),a&&a(n)},onDragEnd:function(e){var n=r(r({},e),{data:y[e.draggableId]||null});E.emit("dragEnd",n),d&&d(n)}},i)))},Droppable:P,Draggable:j,StaticList:function(t){var a=t.children,o=t.variants,c=t.id,u=e(t,["children","variants","id"]),s=r({item:function(e){return e},placeholder:{opacity:.5}},o);return n.createElement(P,{droppableId:c,isDropDisabled:!0},(function(t){return n.createElement(b,r({innerRef:t.innerRef},u),i.map(a,(function(t,a){var o=t.props,i=o.id,c=e(o,["id"]);return n.createElement(j,{key:t.key,draggableId:i,index:a},(function(e,a){return n.createElement(d,null,l(t.type,r(r(r(r({},c),e.draggableProps),e.dragHandleProps),{innerRef:e.innerRef,style:s.item(a.isDragging?e.draggableProps.style:{transform:"none",transition:"none"},a)})),a.isDragging&&l(t.type,r(r({},c),s.placeholder)))}))})),n.createElement("div",{style:{display:"none"}},t.placeholder))}))},useDragDrop:S};export{k as default};
+import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import n,{createContext as t,useContext as a,useEffect as o,Fragment as i,Children as d,createElement as l}from"react";import{createPortal as c}from"react-dom";import*as u from"@planningcenter/react-beautiful-dnd";import p from"mitt";import{getThemeDataAttribute as s}from"../ThemeProvider/styles.js";import{useThemeValue as g}from"../system/utils.js";import{StackView as f}from"../StackView/StackView.js";var m=t(!1),D=t(!1),b=p(),v={},E=null,y=0;function h(){return a(m)}function I(t){var a=t.children,i=t.sourceOnly,d=t.onDragStart,l=t.onDragEnd,c=t.onDrop,p=e(t,["children","sourceOnly","onDragStart","onDragEnd","onDrop"]);return o((function(){function e(e){d&&e.source.droppableId===p.droppableId&&d(e)}return b.on("dragStart",e),function(){b.off("dragStart",e)}}),[d]),o((function(){function e(e){l&&e.source.droppableId===p.droppableId&&l(e),c&&e.destination&&e.destination.droppableId===p.droppableId&&c(e)}return b.on("dragEnd",e),function(){b.off("dragEnd",e)}}),[l,c]),n.createElement(D.Provider,{value:i},n.createElement(u.Droppable,r({isDropDisabled:i},p),(function(e,r){return i&&(e.placeholder=n.createElement("div",{style:{display:"none"}},e.placeholder)),a(e,r)})))}function S(t){var d=t.children,l=t.placeholder,p=t.data,s=e(t,["children","placeholder","data"]),g=a(D);return o((function(){return function(e,r){return v[e]=r,function(){delete v[e]}}(s.draggableId,p)}),[p]),n.createElement(u.Draggable,r({},s),(function(e,r){g&&(e.draggableProps.style=r.isDragging?e.draggableProps.style:{transform:"none",transition:"none"});var t=d(e,r);return r.isDragging?n.createElement(i,null,c(t,E),g&&l&&l()):t}))}var P={Provider:function(t){var a=t.onDragStart,i=t.onDragEnd,d=e(t,["onDragStart","onDragEnd"]),l=h(),c=g("id");return"undefined"!=typeof document&&null===E&&((E=document.createElement("div")).id="rbd-portal",E.className="tapestry-react-reset",E.setAttribute(s(c),"true"),document.body.appendChild(E)),o((function(){return y+=1,function(){0===(y-=1)&&(E=null)}}),[]),l?d.children:n.createElement(m.Provider,{value:!0},n.createElement(u.DragDropContext,r({onDragStart:function(e){var n=r(r({},e),{data:v[e.draggableId]||null});b.emit("dragStart",n),a&&a(n)},onDragEnd:function(e){var n=r(r({},e),{data:v[e.draggableId]||null});b.emit("dragEnd",n),i&&i(n)}},d)))},Droppable:I,Draggable:S,StaticList:function(t){var a=t.children,o=t.variants,c=t.id,u=e(t,["children","variants","id"]),p=r({item:function(e){return e},placeholder:{opacity:.5}},o);return n.createElement(I,{droppableId:c,isDropDisabled:!0},(function(t){return n.createElement(f,r({innerRef:t.innerRef},u),d.map(a,(function(t,a){var o=t.props,d=o.id,c=e(o,["id"]);return n.createElement(S,{key:t.key,draggableId:d,index:a},(function(e,a){return n.createElement(i,null,l(t.type,r(r(r(r({},c),e.draggableProps),e.dragHandleProps),{innerRef:e.innerRef,style:p.item(a.isDragging?e.draggableProps.style:{transform:"none",transition:"none"},a)})),a.isDragging&&l(t.type,r(r({},c),p.placeholder)))}))})),n.createElement("div",{style:{display:"none"}},t.placeholder))}))},useDragDrop:h};export{P as default};
 //# sourceMappingURL=DragDrop.js.map

package/dist/Dropdown/Dropdown.d.ts

@@ -1,11 +1,12 @@
 import React, { Component, ComponentProps, KeyboardEventHandler, MouseEventHandler } from 'react';
+import Button from '../Button';
 import { ItemList } from '../ItemList';
 import Item from './Item';
 import Link from './Link';
 import { Placement } from '@popperjs/core';
 import { StyleProps } from '../types';
 import Icon from '../Icon';
-type Props = {
+type Props = ComponentProps<typeof Button> & {
     as?: never;
     children?: React.ReactNode;
     triggerElement?: React.ElementType | string | React.ComponentClass<any, any> | React.FunctionComponent<any>;
@@ -53,7 +54,7 @@ declare class Dropdown extends Component<Props, {
         focusAnchor: () => void;
     };
     static defaultProps: {
-        triggerElement: typeof import("../Button/Button").Button;
+        triggerElement: React.FunctionComponent<any>;
         closeOnSelect: boolean;
         defaultOpen: boolean;
     };

package/dist/Dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,iBAAiB,EAGlB,MAAM,OAAO,CAAA;AAId,OAAO,EAAE,QAAQ,EAAsB,MAAM,aAAa,CAAA;AAK1D,OAAO,IAA2B,MAAM,QAAQ,CAAA;AAChD,OAAO,IAA2B,MAAM,QAAQ,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,KAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,KAAK,CAAA;IAEV,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAG1B,cAAc,CAAC,EACX,KAAK,CAAC,WAAW,GACjB,MAAM,GACN,KAAK,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,GAC9B,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAA;IAEhC,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAGvB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAGd,aAAa,CAAC,EAAE,OAAO,CAAA;IAGvB,SAAS,CAAC,EAAE,OAAO,CAAA;IAGnB,WAAW,CAAC,EAAE,OAAO,CAAA;IAGrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAEnB,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAG3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAGhC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAEzC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAG9B,UAAU,CAAC,EAAE,OAAO,CAAA;IAGpB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAG7B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAkBjC,SAAS,CAAC,EAAE,SAAS,CAAA;IAMrB,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAG/B,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IACjC,UAAU,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAA;IACrC,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAC/C,WAAW,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,CAAA;IACvC,eAAe,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,cAAM,QAAS,SAAQ,SAAS,CAC9B,KAAK,EACL;IAAE,aAAa,EAAE,OAAO,CAAC;IAAC,WAAW,EAAE,OAAO,CAAA;CAAE,CACjD;IACC,MAAM,CAAC,IAAI,cAAO;IAElB,MAAM,CAAC,IAAI,cAAO;IAElB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,EAAE,WAAW,GAAG;QAAE,WAAW,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;IAElD,MAAM,CAAC,YAAY;;;;MAIlB;gBAEW,KAAK,EAAE,KAAK;IASxB,WAAW,aAKV;IAED,YAAY,aAOX;IAED,aAAa,aAOZ;IAED,YAAY;;eAWX;IAED,MAAM;CA0LP;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,iBAAiB,EAGlB,MAAM,OAAO,CAAA;AAEd,OAAO,MAAM,MAAM,WAAW,CAAA;AAE9B,OAAO,EAAE,QAAQ,EAAsB,MAAM,aAAa,CAAA;AAK1D,OAAO,IAA2B,MAAM,QAAQ,CAAA;AAChD,OAAO,IAA2B,MAAM,QAAQ,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAC3C,EAAE,CAAC,EAAE,KAAK,CAAA;IAEV,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAG1B,cAAc,CAAC,EACX,KAAK,CAAC,WAAW,GACjB,MAAM,GACN,KAAK,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,GAC9B,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAA;IAEhC,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAGvB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAGd,aAAa,CAAC,EAAE,OAAO,CAAA;IAGvB,SAAS,CAAC,EAAE,OAAO,CAAA;IAGnB,WAAW,CAAC,EAAE,OAAO,CAAA;IAGrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAEnB,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAG3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAGhC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAEzC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAG9B,UAAU,CAAC,EAAE,OAAO,CAAA;IAGpB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAG7B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAkBjC,SAAS,CAAC,EAAE,SAAS,CAAA;IAMrB,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAG/B,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IACjC,UAAU,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAA;IACrC,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAC/C,WAAW,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,CAAA;IACvC,eAAe,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,cAAM,QAAS,SAAQ,SAAS,CAC9B,KAAK,EACL;IAAE,aAAa,EAAE,OAAO,CAAC;IAAC,WAAW,EAAE,OAAO,CAAA;CAAE,CACjD;IACC,MAAM,CAAC,IAAI,cAAO;IAElB,MAAM,CAAC,IAAI,cAAO;IAElB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,EAAE,WAAW,GAAG;QAAE,WAAW,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;IAElD,MAAM,CAAC,YAAY;;;;MAMlB;gBAEW,KAAK,EAAE,KAAK;IASxB,WAAW,aAKV;IAED,YAAY,aAOX;IAED,aAAa,aAOZ;IAED,YAAY;;eAWX;IAED,MAAM;CA0LP;AAED,eAAe,QAAQ,CAAA"}

package/dist/Dropdown/Dropdown.js

@@ -1,2 +1,2 @@
-import{__extends as e,__rest as o,__assign as n}from'./../ext/tslib/tslib.es6.js';import r,{cloneElement as t,createElement as i,Component as l}from"react";import p from"../Button/index.js";import a from"../FocusGroup/FocusGroup.js";import c from"../ItemList/ItemList.js";import u from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import s from"../Menu/Menu.js";import{Popover as f}from"../Popover/Popover.js";import{generateId as m,cloneChildren as d}from"../utils.js";import v,{ITEM_DISPLAY_NAME as b}from"./Item.js";import g,{LINK_DISPLAY_NAME as h}from"./Link.js";var O=function(l){function O(e){var o=l.call(this,e)||this;return Object.defineProperty(o,"id",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"popover",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"openPopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onOpen&&o.props.onOpen(),o.setState({isPopoverOpen:!0})}}),Object.defineProperty(o,"closePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onClose&&o.props.onClose(),o.props.forceOpen||o.setState({isPopoverOpen:!1})}}),Object.defineProperty(o,"togglePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.setState({preventBlur:!1}),o.state.isPopoverOpen?o.closePopover():o.openPopover()}}),Object.defineProperty(o,"handleSelect",{enumerable:!0,configurable:!0,writable:!0,value:function(e,n){var r=n.node;o.props.closeOnSelect&&(o.itemList.clearHighlightedIndex(),o.closePopover(),o.popover.focusAnchor()),"A"===r.tagName&&"click"!==event.type?r.click():o.props.onSelect&&o.props.onSelect(e)}}),o.state={isPopoverOpen:e.defaultOpen||e.forceOpen,preventBlur:!1},o.id=m("dropdown"),o}return e(O,l),Object.defineProperty(O.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,l=this.props;l.forceOpen,l.closeOnSelect;var p=l.children;l.as,l.defaultOpen;var m=l.innerRef,v=l.keepInView,g=l.lockScrollWhileOpen,O=l.matchWidths,P=l.onClick;l.onClose,l.onKeyDown,l.onOpen;var w=l.onSearch,y=l.placement,j=l.popoverProps,I=l.renderTo,S=l.triggerElement,k=o(l,["forceOpen","closeOnSelect","children","as","defaultOpen","innerRef","keepInView","lockScrollWhileOpen","matchWidths","onClick","onClose","onKeyDown","onOpen","onSearch","placement","popoverProps","renderTo","triggerElement"]),B=this.state.isPopoverOpen,R=!k.icon&&!k.title,x=-1;return r.createElement(a,{onBlur:this.closePopover},(function(o){var l=o.requestBlur,a=o.setRef;return r.createElement(c,{ref:function(o){return e.itemList=o},onSelect:e.handleSelect},(function(o){var c=o.getItemByText,C=o.moveHighlightedIndex,L=o.selectHighlightedItem,D=o.setHighlightedIndex,E=o.stringSearch;return r.createElement(f,n({},j,{as:s,ref:function(o){e.popover=o},innerRef:function(o){a("".concat(e.id,"-popover"))(o)},role:"menu",tabIndex:-1,elevation:2,display:Boolean(k.spinner)?"none":void 0,onBlur:l,matchWidths:O,keepInView:v,lockScrollWhileOpen:g,placement:y,renderTo:I,open:B,onRequestClose:function(){e.closePopover(),e.popover.focusAnchor()},anchorElement:function(o){return r.createElement(u,null,(function(p){var u,s=p.getHighlightedItemId,f=n(((u={innerRef:function(n){"function"==typeof o.innerRef?o.innerRef(n):o.innerRef&&o.innerRef.current&&(o.innerRef.current=n),a("".concat(e.id,"-button"))(n),m&&m(n)},"aria-activedescendant":s(),"aria-owns":s(),"aria-haspopup":!0,"aria-expanded":B})[R?"icon":"iconRight"]={name:B?"general.upCaret":"general.downCaret",size:"sm"},u.title=R?"arrow down":k.title,u.tabIndex=0,u.cursor="pointer",u.onBlur=function(o){e.state.preventBlur?e.setState({preventBlur:!1}):l(o)},u.onClick=function(o){e.togglePopover(),B||e.popover.focusAnchor(),P&&P(o)},u.onKeyDown=function(n){switch(o.onKeyDown(n),n.key){case"ArrowUp":n.preventDefault(),B?C(-1):(e.openPopover(),setTimeout((function(){C(-1)})));break;case"ArrowDown":n.preventDefault(),B?C(1):(e.openPopover(),setTimeout((function(){C(1)})));break;case"Enter":B&&(n.preventDefault(),L());break;case" ":n.preventDefault(),e.togglePopover();break;default:w?w(n):E(n).then((function(e){var o=c(e);o&&D(o.props.index)}))}},u.onMouseDown=function(){e.setState({preventBlur:!0})},u),k);return r.isValidElement(S)?t(S,f):i(S,f)}))}}),d(p,(function(e){return e.type.displayName===b||e.type.displayName===h?{index:++x}:{}})))}))}))}}),Object.defineProperty(O,"Item",{enumerable:!0,configurable:!0,writable:!0,value:v}),Object.defineProperty(O,"Link",{enumerable:!0,configurable:!0,writable:!0,value:g}),Object.defineProperty(O,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{triggerElement:p,closeOnSelect:!0,defaultOpen:!1}}),O}(l);export{O as default};
+import{__extends as e,__rest as o,__assign as n}from'./../ext/tslib/tslib.es6.js';import r,{cloneElement as t,createElement as i,Component as l}from"react";import p from"../Button/Button.js";import a from"../FocusGroup/FocusGroup.js";import c from"../ItemList/ItemList.js";import u from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import s from"../Menu/Menu.js";import{Popover as f}from"../Popover/Popover.js";import{generateId as m,cloneChildren as v}from"../utils.js";import d,{ITEM_DISPLAY_NAME as b}from"./Item.js";import g,{LINK_DISPLAY_NAME as h}from"./Link.js";var O=function(l){function O(e){var o=l.call(this,e)||this;return Object.defineProperty(o,"id",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"popover",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"openPopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onOpen&&o.props.onOpen(),o.setState({isPopoverOpen:!0})}}),Object.defineProperty(o,"closePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onClose&&o.props.onClose(),o.props.forceOpen||o.setState({isPopoverOpen:!1})}}),Object.defineProperty(o,"togglePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.setState({preventBlur:!1}),o.state.isPopoverOpen?o.closePopover():o.openPopover()}}),Object.defineProperty(o,"handleSelect",{enumerable:!0,configurable:!0,writable:!0,value:function(e,n){var r=n.node;o.props.closeOnSelect&&(o.itemList.clearHighlightedIndex(),o.closePopover(),o.popover.focusAnchor()),"A"===r.tagName&&"click"!==event.type?r.click():o.props.onSelect&&o.props.onSelect(e)}}),o.state={isPopoverOpen:e.defaultOpen||e.forceOpen,preventBlur:!1},o.id=m("dropdown"),o}return e(O,l),Object.defineProperty(O.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,l=this.props;l.forceOpen,l.closeOnSelect;var p=l.children;l.as,l.defaultOpen;var m=l.innerRef,d=l.keepInView,g=l.lockScrollWhileOpen,O=l.matchWidths,P=l.onClick;l.onClose,l.onKeyDown,l.onOpen;var w=l.onSearch,y=l.placement,j=l.popoverProps,I=l.renderTo,S=l.triggerElement,k=o(l,["forceOpen","closeOnSelect","children","as","defaultOpen","innerRef","keepInView","lockScrollWhileOpen","matchWidths","onClick","onClose","onKeyDown","onOpen","onSearch","placement","popoverProps","renderTo","triggerElement"]),B=this.state.isPopoverOpen,R=!k.icon&&!k.title,C=-1;return r.createElement(a,{onBlur:this.closePopover},(function(o){var l=o.requestBlur,a=o.setRef;return r.createElement(c,{ref:function(o){return e.itemList=o},onSelect:e.handleSelect},(function(o){var c=o.getItemByText,L=o.moveHighlightedIndex,x=o.selectHighlightedItem,D=o.setHighlightedIndex,E=o.stringSearch;return r.createElement(f,n({},j,{as:s,ref:function(o){e.popover=o},innerRef:function(o){a("".concat(e.id,"-popover"))(o)},role:"menu",tabIndex:-1,elevation:2,display:Boolean(k.spinner)?"none":void 0,onBlur:l,matchWidths:O,keepInView:d,lockScrollWhileOpen:g,placement:y,renderTo:I,open:B,onRequestClose:function(){e.closePopover(),e.popover.focusAnchor()},anchorElement:function(o){return r.createElement(u,null,(function(p){var u,s=p.getHighlightedItemId,f=n(((u={innerRef:function(n){"function"==typeof o.innerRef?o.innerRef(n):o.innerRef&&o.innerRef.current&&(o.innerRef.current=n),a("".concat(e.id,"-button"))(n),m&&m(n)},"aria-activedescendant":s(),"aria-owns":s(),"aria-haspopup":!0,"aria-expanded":B})[R?"icon":"iconRight"]={name:B?"general.upCaret":"general.downCaret",size:"sm"},u.title=R?"arrow down":k.title,u.tabIndex=0,u.cursor="pointer",u.onBlur=function(o){e.state.preventBlur?e.setState({preventBlur:!1}):l(o)},u.onClick=function(o){e.togglePopover(),B||e.popover.focusAnchor(),P&&P(o)},u.onKeyDown=function(n){switch(o.onKeyDown(n),n.key){case"ArrowUp":n.preventDefault(),B?L(-1):(e.openPopover(),setTimeout((function(){L(-1)})));break;case"ArrowDown":n.preventDefault(),B?L(1):(e.openPopover(),setTimeout((function(){L(1)})));break;case"Enter":B&&(n.preventDefault(),x());break;case" ":n.preventDefault(),e.togglePopover();break;default:w?w(n):E(n).then((function(e){var o=c(e);o&&D(o.props.index)}))}},u.onMouseDown=function(){e.setState({preventBlur:!0})},u),k);return r.isValidElement(S)?t(S,f):i(S,f)}))}}),v(p,(function(e){return e.type.displayName===b||e.type.displayName===h?{index:++C}:{}})))}))}))}}),Object.defineProperty(O,"Item",{enumerable:!0,configurable:!0,writable:!0,value:d}),Object.defineProperty(O,"Link",{enumerable:!0,configurable:!0,writable:!0,value:g}),Object.defineProperty(O,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{triggerElement:p,closeOnSelect:!0,defaultOpen:!1}}),O}(l);export{O as default};
 //# sourceMappingURL=Dropdown.js.map

package/dist/Dropdown/Item.d.ts

@@ -6,6 +6,8 @@ type ItemProps = Omit<ComponentProps<typeof Menu.Item>, 'index' | 'value'> & {
     disabled?: ComponentProps<typeof ItemListItem>['disabled'];
     index?: ComponentProps<typeof ItemListItem>['index'];
     value?: ComponentProps<typeof ItemListItem>['data'];
+    onSelect?: ComponentProps<typeof ItemListItem>['onSelect'];
+    text?: ComponentProps<typeof ItemListItem>['text'];
 };
 declare class Item extends Component<ItemProps> {
     static displayName: string;

package/dist/Dropdown/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../src/Dropdown/Item.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,eAAO,MAAM,iBAAiB,kBAAkB,CAAA;AAEhD,KAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IAC3E,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,UAAU,CAAC,CAAA;IAC1D,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,OAAO,CAAC,CAAA;IACpD,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;CACpD,CAAA;AAED,cAAM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,WAAW,SAAoB;IAEtC,MAAM;CAoBP;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../src/Dropdown/Item.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,eAAO,MAAM,iBAAiB,kBAAkB,CAAA;AAEhD,KAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IAC3E,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,UAAU,CAAC,CAAA;IAC1D,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,OAAO,CAAC,CAAA;IACpD,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;IACnD,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,UAAU,CAAC,CAAA;IAC1D,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;CACnD,CAAA;AAED,cAAM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,WAAW,SAAoB;IAEtC,MAAM;CAuBP;AAED,eAAe,IAAI,CAAA"}

package/dist/Dropdown/Item.js

@@ -1,2 +1,2 @@
-import{__extends as e,__rest as t,__assign as i}from'./../ext/tslib/tslib.es6.js';import r,{Component as l}from"react";import"../ItemList/ItemList.js";import"../ItemList/ItemListController.js";import n from"../ItemList/ItemListItem.js";import o from"../Menu/Menu.js";var a="Dropdown.Item",s=function(l){function s(){return null!==l&&l.apply(this,arguments)||this}return e(s,l),Object.defineProperty(s.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,l=e.disabled,a=e.index,s=e.value,m=t(e,["disabled","index","value"]);return r.createElement(n,{data:s,disabled:l,index:a},(function(e){var t=e.id,n=e.highlight,a=e.highlighted,s=e.clearHighlight,d=e.select;return r.createElement(o.Item,i({id:t,role:"menuitem","aria-disabled":l,disabled:l,isHighlighted:a,onMouseOver:n,onMouseOut:s,onClick:d},m))}))}}),Object.defineProperty(s,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:a}),s}(l);export{a as ITEM_DISPLAY_NAME,s as default};
+import{__extends as e,__rest as t,__assign as i}from'./../ext/tslib/tslib.es6.js';import r,{Component as l}from"react";import"../ItemList/ItemList.js";import"../ItemList/ItemListController.js";import n from"../ItemList/ItemListItem.js";import o from"../Menu/Menu.js";var a="Dropdown.Item",s=function(l){function s(){return null!==l&&l.apply(this,arguments)||this}return e(s,l),Object.defineProperty(s.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,l=e.disabled,a=e.index,s=e.value,m=e.onSelect,d=e.text,u=t(e,["disabled","index","value","onSelect","text"]);return r.createElement(n,{data:s,index:a,disabled:l,onSelect:m,text:d},(function(e){var t=e.id,n=e.highlight,a=e.highlighted,s=e.clearHighlight,m=e.select;return r.createElement(o.Item,i({id:t,role:"menuitem","aria-disabled":l,disabled:l,isHighlighted:a,onMouseOver:n,onMouseOut:s,onClick:m},u))}))}}),Object.defineProperty(s,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:a}),s}(l);export{a as ITEM_DISPLAY_NAME,s as default};
 //# sourceMappingURL=Item.js.map

package/dist/EditActions/EditActions.js

@@ -1,2 +1,2 @@
-import{__rest as o,__assign as e}from'./../ext/tslib/tslib.es6.js';import t,{useState as r,useEffect as i,Children as n}from"react";import s from"../Button/index.js";import{StackView as m}from"../StackView/StackView.js";import{useDocumentEvent as u}from"../hooks/use-document-event.js";import{useFocus as a}from"../hooks/use-focus.js";import{useHover as c}from"../hooks/use-hover.js";import'./../ext/mousetrap/mousetrap.js';import"../hooks/use-measure.js";import{useThemeProps as l}from"../system/utils.js";var p=function(p){var d=p.display,f=p.edit,k=p.loading,v=o(p,["display","edit","loading"]),h=a(),g=h.focus,j=h.focusProps,y=c(),w=y.hover,C=y.hoverProps,b=r(!1),x=b[0],E=b[1],P=r(!1),z=P[0],A=P[1],S=l("editActions",v),V=S.buttonProps,_=o(S,["buttonProps"]);return i((function(){!1===k&&(A(!0),setTimeout((function(){A(!1)}),800))}),[k]),u("keydown",(function(o){x&&27===o.keyCode&&E(!1)})),t.createElement(m,e({axis:"horizontal",alignment:"center",spacing:1,width:"100%",onClick:x?void 0:function(){return E(!0)}},j,C,_),n.toArray(x?f:d),t.createElement(s,e({grow:0,title:x?"Close":"Edit",icon:{name:z?"general.check":x?"general.x":"general.pencil",color:z?"green":void 0},tooltip:{title:z?void 0:x?"Close":"Edit"},size:"sm",variant:"naked",onClick:g||x?function(){return E((function(o){return!o}))}:function(){return E(!0)},opacity:g||w||x?1:0,spinner:x&&k?{color:"primary"}:void 0},V)))};export{p as default};
+import{__rest as o,__assign as t}from'./../ext/tslib/tslib.es6.js';import e,{useState as r,useEffect as i,Children as n}from"react";import s from"../Button/Button.js";import{StackView as u}from"../StackView/StackView.js";import{useDocumentEvent as m}from"../hooks/use-document-event.js";import{useFocus as a}from"../hooks/use-focus.js";import{useHover as c}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import{useThemeProps as l}from"../system/utils.js";var p=function(p){var d=p.display,f=p.edit,k=p.loading,v=o(p,["display","edit","loading"]),h=a(),g=h.focus,j=h.focusProps,y=c(),w=y.hover,C=y.hoverProps,b=r(!1),E=b[0],P=b[1],x=r(!1),z=x[0],A=x[1],B=l("editActions",v),S=B.buttonProps,V=o(B,["buttonProps"]);return i((function(){!1===k&&(A(!0),setTimeout((function(){A(!1)}),800))}),[k]),m("keydown",(function(o){E&&27===o.keyCode&&P(!1)})),e.createElement(u,t({axis:"horizontal",alignment:"center",spacing:1,width:"100%",onClick:E?void 0:function(){return P(!0)}},j,C,V),n.toArray(E?f:d),e.createElement(s,t({grow:0,title:E?"Close":"Edit",icon:{name:z?"general.check":E?"general.x":"general.pencil",color:z?"green":void 0},tooltip:{title:z?void 0:E?"Close":"Edit"},size:"sm",variant:"naked",onClick:g||E?function(){return P((function(o){return!o}))}:function(){return P(!0)},opacity:g||w||E?1:0,spinner:E&&k?{color:"primary"}:void 0},S)))};export{p as default};
 //# sourceMappingURL=EditActions.js.map

package/dist/FilterLayout/FilterLayout.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import*as i from"react";import t from'./../ext/mousetrap/mousetrap.js';import{Box as o}from"../Box/Box.js";import a from"../Button/index.js";import n from"../Card/index.js";import{Divider as l}from"../Divider/Divider.js";import{StackView as s}from"../StackView/StackView.js";function d(d){var m=d.header,b=d.sidebarWidth,c=void 0===b?400:b,f=d.sidebar,h=d.table,u=d.toolbar,p=e(d,["header","sidebarWidth","sidebar","table","toolbar"]),g="fill"===c,v=i.useState(!1),x=v[0],E=v[1],w=i.useCallback((function(){E((function(e){return!e}))}),[]);return i.useEffect((function(){return t.bind("f",w),function(){t.unbind("f")}}),[]),i.createElement(n,r({minHeight:50,overflow:void 0},p),i.createElement(s,{axis:"horizontal",minHeight:6},i.createElement(a,{grow:0,shrink:0,basis:x?g?"100%":c+"px":"100px",distribution:x?"space-between":void 0,width:"100%",paddingHorizontal:2,borderRightWidth:1,borderRightColor:"separatorTertiary",radius:0,title:"Filter","aria-label":x?"close filter":"open filter",iconRight:{name:x?"general.leftChevron":"general.threeReducingHorizontalBars",size:x?"xs":"md"},onClick:w}),i.createElement(o,{visible:!(x&&g),grow:1,shrink:1},m)),i.createElement(l,null),i.createElement(s,{axis:"horizontal",grow:1},i.createElement(s,{visible:x,basis:g?"100%":c+"px",borderRightWidth:1,borderRightColor:"separatorTertiary",backgroundColor:"surfaceSecondary"},f),i.createElement(s,{visibility:x&&g?"hidden":"visible",maxHeight:x&&g?0:"initial",grow:1,shrink:1,basis:"100%"},i.createElement(o,{overflow:"hidden"},u),i.createElement(l,null),h)))}export{d as FilterLayout};
+import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import*as i from"react";import t from"mousetrap";import{Box as o}from"../Box/Box.js";import a from"../Button/Button.js";import n from"../Card/Card.js";import{Divider as l}from"../Divider/Divider.js";import{StackView as s}from"../StackView/StackView.js";function d(d){var m=d.header,b=d.sidebarWidth,c=void 0===b?400:b,f=d.sidebar,h=d.table,u=d.toolbar,p=e(d,["header","sidebarWidth","sidebar","table","toolbar"]),g="fill"===c,v=i.useState(!1),E=v[0],w=v[1],x=i.useCallback((function(){w((function(e){return!e}))}),[]);return i.useEffect((function(){return t.bind("f",x),function(){t.unbind("f")}}),[]),i.createElement(n,r({minHeight:50,overflow:void 0},p),i.createElement(s,{axis:"horizontal",minHeight:6},i.createElement(a,{grow:0,shrink:0,basis:E?g?"100%":c+"px":"100px",distribution:E?"space-between":void 0,width:"100%",paddingHorizontal:2,borderRightWidth:1,borderRightColor:"separatorTertiary",radius:0,title:"Filter","aria-label":E?"close filter":"open filter",iconRight:{name:E?"general.leftChevron":"general.threeReducingHorizontalBars",size:E?"xs":"md"},onClick:x}),i.createElement(o,{visible:!(E&&g),grow:1,shrink:1},m)),i.createElement(l,null),i.createElement(s,{axis:"horizontal",grow:1},i.createElement(s,{visible:E,basis:g?"100%":c+"px",borderRightWidth:1,borderRightColor:"separatorTertiary",backgroundColor:"surfaceSecondary"},f),i.createElement(s,{visibility:E&&g?"hidden":"visible",maxHeight:E&&g?0:"initial",grow:1,shrink:1,basis:"100%"},i.createElement(o,{overflow:"hidden"},u),i.createElement(l,null),h)))}export{d as FilterLayout};
 //# sourceMappingURL=FilterLayout.js.map

package/dist/Form/Form.d.ts

@@ -1,11 +1,12 @@
-import React, { ReactNode } from 'react';
+import React, { ComponentProps, ReactNode } from 'react';
+import Button from '../Button/Button';
 type Props<Payload extends Record<string, any>> = {
     initialPayload: Payload;
     onSubmit: (payload: Payload, complete: () => void) => void;
     children: (props: {
         isEditing: boolean;
         isSubmitting: boolean;
-        editButtonProps: Object;
+        editButtonProps: ComponentProps<typeof Button>;
         getFieldProps: (id: any) => Object;
     }) => ReactNode;
 };

package/dist/Form/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIxC,KAAK,KAAK,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IAShD,cAAc,EAAE,OAAO,CAAA;IAevB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;IAyB1D,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,SAAS,EAAE,OAAO,CAAA;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,eAAe,EAAE,MAAM,CAAA;QACvB,aAAa,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,MAAM,CAAA;KACnC,KAAK,SAAS,CAAA;CAChB,CAAA;AAED,cAAM,IAAI,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAE,SAAQ,KAAK,CAAC,SAAS,CACrE,KAAK,CAAC,OAAO,CAAC,EACd;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,OAAO,CAAA;CAAE,CAChE;IACC,KAAK;;;;MAIJ;IAED,SAAS,EAAE,gBAAgB,CAAA;IAE3B,eAAe,MAAO;IAEtB,kBAAkB,aAEjB;IAED,kBAAkB,aAGjB;IAED,kBAAkB,CAAC,SAAS,KAAA;IAQ5B,aAAa,aAKZ;IAED,WAAW,aAKV;IAED,YAAY,aAgBX;IAED,aAAa,sBAIZ;IAED,MAAM;CA4DP;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxD,OAAO,MAAM,MAAM,kBAAkB,CAAA;AAErC,KAAK,KAAK,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IAShD,cAAc,EAAE,OAAO,CAAA;IAevB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;IAyB1D,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,SAAS,EAAE,OAAO,CAAA;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,eAAe,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAA;QAC9C,aAAa,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,MAAM,CAAA;KACnC,KAAK,SAAS,CAAA;CAChB,CAAA;AAED,cAAM,IAAI,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAE,SAAQ,KAAK,CAAC,SAAS,CACrE,KAAK,CAAC,OAAO,CAAC,EACd;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,OAAO,CAAA;CAAE,CAChE;IACC,KAAK;;;;MAIJ;IAED,SAAS,EAAE,gBAAgB,CAAA;IAE3B,eAAe,MAAO;IAEtB,kBAAkB,aAEjB;IAED,kBAAkB,aAGjB;IAED,kBAAkB,CAAC,SAAS,KAAA;IAQ5B,aAAa,aAKZ;IAED,WAAW,aAKV;IAED,YAAY,aAgBX;IAED,aAAa,sBAIZ;IAED,MAAM;CA4DP;AAED,eAAe,IAAI,CAAA"}

package/dist/GridView/GridView.js

@@ -1,2 +1,2 @@
-import{__rest as o,__assign as i}from'./../ext/tslib/tslib.es6.js';import{jsx as t}from"@emotion/react";import s from"../system/split-styles.js";import"../system/colors/colors.js";import"../utils.js";import{spacingValue as r}from"../system/utils.js";import"../system/style-names.js";import'./../ext/lodash/lodash.js';import"react";import"../system/cxs.js";import{useVariant as n}from"../VariantProvider/VariantProvider.js";function a(o){return o?o.constructor===Array?o.map((function(o){return"number"==typeof o?"".concat(8*o,"px"):o})).join(" "):o:void 0}var m={styleProps:["autoFlow","autoColumns","autoRows","columns","rows","alignment","distribution","columnSpacing","rowSpacing","spacing"],getStyles:function(i){var t=i.autoFlow,s=i.autoColumns,n=i.autoRows,m=i.columns,u=i.rows,d=i.alignment,e=i.distribution,l=i.columnSpacing,p=i.rowSpacing,g=i.spacing,c=o(i,["autoFlow","autoColumns","autoRows","columns","rows","alignment","distribution","columnSpacing","rowSpacing","spacing"]);return void 0!==t&&void 0===c.gridAutoFlow&&(c.gridAutoFlow=t),void 0!==s&&void 0===c.gridAutoColumns&&(c.gridAutoColumns=s),void 0!==n&&void 0===c.autoRows&&(c.gridAutoRows=n),void 0!==m&&void 0===c.gridTemplateColumns&&(c.gridTemplateColumns=a(m)),void 0!==u&&void 0===c.gridTemplateRows&&(c.gridTemplateRows=a(u)),void 0!==d&&void 0===c.alignItems&&(c.alignItems=d),void 0!==e&&void 0===c.distribution&&(c.justifyItems=e),void 0!==l&&void 0===c.gridColumnGap&&(c.gridColumnGap=r(l)),void 0!==p&&void 0===c.gridRowGap&&(c.gridRowGap=r(p)),void 0!==g&&void 0===c.gap&&(c.gap=r(g)),c}};function u(r){var a=r.as,u=r.inline,d=r.innerRef,e=o(r,["as","inline","innerRef"]),l=a||"div",p=n();return t(l,i({ref:d},s(i({display:u?"inline-grid":"grid",autoColumns:"minmax(0, auto)",plugin:m,variant:p},e))))}export{u as GridView};
+import{__rest as o,__assign as i}from'./../ext/tslib/tslib.es6.js';import{jsx as t}from"@emotion/react";import n from"../system/split-styles.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import{spacingValue as r}from"../system/utils.js";import"../system/style-names.js";import"lodash";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"react";import"../system/cxs.js";import{useVariant as s}from"../VariantProvider/VariantProvider.js";function a(o){return o?o.constructor===Array?o.map((function(o){return"number"==typeof o?"".concat(8*o,"px"):o})).join(" "):o:void 0}var m={styleProps:["autoFlow","autoColumns","autoRows","columns","rows","alignment","distribution","columnSpacing","rowSpacing","spacing"],getStyles:function(i){var t=i.autoFlow,n=i.autoColumns,s=i.autoRows,m=i.columns,e=i.rows,l=i.alignment,u=i.distribution,d=i.columnSpacing,p=i.rowSpacing,g=i.spacing,c=o(i,["autoFlow","autoColumns","autoRows","columns","rows","alignment","distribution","columnSpacing","rowSpacing","spacing"]);return void 0!==t&&void 0===c.gridAutoFlow&&(c.gridAutoFlow=t),void 0!==n&&void 0===c.gridAutoColumns&&(c.gridAutoColumns=n),void 0!==s&&void 0===c.autoRows&&(c.gridAutoRows=s),void 0!==m&&void 0===c.gridTemplateColumns&&(c.gridTemplateColumns=a(m)),void 0!==e&&void 0===c.gridTemplateRows&&(c.gridTemplateRows=a(e)),void 0!==l&&void 0===c.alignItems&&(c.alignItems=l),void 0!==u&&void 0===c.distribution&&(c.justifyItems=u),void 0!==d&&void 0===c.gridColumnGap&&(c.gridColumnGap=r(d)),void 0!==p&&void 0===c.gridRowGap&&(c.gridRowGap=r(p)),void 0!==g&&void 0===c.gap&&(c.gap=r(g)),c}};function e(r){var a=r.as,e=r.inline,l=r.innerRef,u=o(r,["as","inline","innerRef"]),d=a||"div",p=s();return t(d,i({ref:l},n(i({display:e?"inline-grid":"grid",autoColumns:"minmax(0, auto)",plugin:m,variant:p},u))))}export{e as GridView};
 //# sourceMappingURL=GridView.js.map

package/dist/HelperDrawer/HelperDrawer.js

@@ -1,2 +1,2 @@
-import{__rest as r,__assign as e}from'./../ext/tslib/tslib.es6.js';import{jsx as o}from"@emotion/react";import{useState as t,useEffect as n,useCallback as i}from"react";import d from"../Button/index.js";import l from"../Card/index.js";import a from"../Collapse/Collapse.js";var u={};function f(i){var d=i.children,f=i.id,c=r(i,["children","id"]),m=t(!1),s=m[0],p=m[1];return n((function(){return u[f]=function(){return p((function(r){return!r}))},function(){delete u[f]}}),[f]),o(a,{open:s,lazy:!0,style:{width:"100%"}},o(l,e({subdued:!0,padding:1,fontSize:4},c),d))}f.Toggle=function(t){var n=t.drawerId,l=r(t,["drawerId"]),a=i((function(r){var e=u[n];e&&(r.preventDefault(),e())}),[n]);return o(d,e({icon:{name:"general.outlinedInfoCircle"},tooltip:{title:"More info"},size:"xs",theme:!1,color:"foregroundSecondary",hover:{backgroundColor:"highlight"},onClick:a,"data-helper-drawer-toggle":!0},l))};export{f as default};
+import{__rest as r,__assign as o}from'./../ext/tslib/tslib.es6.js';import{jsx as e}from"@emotion/react";import{useState as t,useEffect as n,useCallback as i}from"react";import l from"../Button/Button.js";import d from"../Card/Card.js";import a from"../Collapse/Collapse.js";var u={};function f(i){var l=i.children,f=i.id,c=r(i,["children","id"]),m=t(!1),s=m[0],p=m[1];return n((function(){return u[f]=function(){return p((function(r){return!r}))},function(){delete u[f]}}),[f]),e(a,{open:s,lazy:!0,style:{width:"100%"}},e(d,o({subdued:!0,padding:1,fontSize:4},c),l))}f.Toggle=function(t){var n=t.drawerId,d=r(t,["drawerId"]),a=i((function(r){var o=u[n];o&&(r.preventDefault(),o())}),[n]);return e(l,o({icon:{name:"general.outlinedInfoCircle"},tooltip:{title:"More info"},size:"xs",theme:!1,color:"foregroundSecondary",hover:{backgroundColor:"highlight"},onClick:a,"data-helper-drawer-toggle":!0},d))};export{f as default};
 //# sourceMappingURL=HelperDrawer.js.map

package/dist/Input/Input.d.ts

@@ -21,11 +21,11 @@ type InputProps = ComponentProps<typeof InputBox> & {
     max?: string;
     minLength?: string;
     maxLength?: string;
-    onChange?: () => null;
-    onFocus?: () => null;
-    onBlur?: () => null;
-    onKeyDown?: Function;
-    onKeyUp?: Function;
+    onChange?: ComponentProps<'input'>['onChange'];
+    onFocus?: ComponentProps<'input'>['onFocus'];
+    onBlur?: ComponentProps<'input'>['onBlur'];
+    onKeyDown?: ComponentProps<'input'>['onKeyDown'];
+    onKeyUp?: ComponentProps<'input'>['onKeyUp'];
     highlightOnInteraction?: boolean;
     backgroundColor?: string;
     color?: string;
@@ -43,5 +43,11 @@ declare class Input extends Component<InputProps> {
     blur(): void;
     render(): JSX.Element;
 }
-export default Input;
+declare const _default: typeof Input & {
+    Inline: typeof Inline;
+    InputBox: typeof InputBox;
+    InputField: typeof InputField;
+    InputLabel: typeof InputLabel;
+};
+export default _default;
 //# sourceMappingURL=Input.d.ts.map

package/dist/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IAIlD,IAAI,EAAE,MAAM,CAAA;IAKZ,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAGpB,IAAI,CAAC,EAAE,MAAM,CAAA;IAGb,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAMlB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAKrC,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,SAAS,CAAC,EAAE,OAAO,CAAA;IAKnB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,GAAG,CAAC,EAAE,MAAM,CAAA;IAKZ,GAAG,CAAC,EAAE,MAAM,CAAA;IAKZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAKlB,SAAS,CAAC,EAAE,MAAM,CAAA;IAKlB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAKrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAKpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAEnB,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAKlB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAKhC,eAAe,CAAC,EAAE,MAAM,CAAA;IAKxB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAKzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,cAAM,KAAM,SAAQ,SAAS,CAAC,UAAU,CAAC;IACvC,SAAS,EAAE,gBAAgB,CAAA;IAC3B,MAAM,CAAC,UAAU,EAAE,OAAO,UAAU,CAAA;IACpC,MAAM,CAAC,MAAM,EAAE,OAAO,MAAM,CAAA;IAC5B,MAAM,CAAC,QAAQ,EAAE,OAAO,QAAQ,CAAA;IAChC,MAAM,CAAC,UAAU,EAAE,OAAO,UAAU,CAAA;IAEpC,YAAY,sBAEX;IAED,KAAK;IAIL,IAAI;IAIJ,MAAM;CA6EP;AAID,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IAIlD,IAAI,EAAE,MAAM,CAAA;IAKZ,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAGpB,IAAI,CAAC,EAAE,MAAM,CAAA;IAGb,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAMlB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAKrC,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,SAAS,CAAC,EAAE,OAAO,CAAA;IAKnB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,GAAG,CAAC,EAAE,MAAM,CAAA;IAKZ,GAAG,CAAC,EAAE,MAAM,CAAA;IAKZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAKlB,SAAS,CAAC,EAAE,MAAM,CAAA;IAKlB,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAA;IAK9C,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAA;IAK5C,MAAM,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAA;IAE1C,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAChD,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAA;IAK5C,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAKhC,eAAe,CAAC,EAAE,MAAM,CAAA;IAKxB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAKzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,cAAM,KAAM,SAAQ,SAAS,CAAC,UAAU,CAAC;IACvC,SAAS,EAAE,gBAAgB,CAAA;IAC3B,MAAM,CAAC,UAAU,EAAE,OAAO,UAAU,CAAA;IACpC,MAAM,CAAC,MAAM,EAAE,OAAO,MAAM,CAAA;IAC5B,MAAM,CAAC,QAAQ,EAAE,OAAO,QAAQ,CAAA;IAChC,MAAM,CAAC,UAAU,EAAE,OAAO,UAAU,CAAA;IAEpC,YAAY,sBAEX;IAED,KAAK;IAIL,IAAI;IAIJ,MAAM;CA6EP;;YAQS,aAAa;cACX,eAAe;gBACb,iBAAiB;gBACjB,iBAAiB;;AAJ/B,wBAKC"}

package/dist/Input/Input.js

@@ -1,2 +1,2 @@
-import{__extends as e,__rest as o,__assign as n}from'./../ext/tslib/tslib.es6.js';import t,{Component as r}from"react";import l from"./InputBox.js";import a from"./InputField.js";import i from"./InputLabel.js";import u from"./Inline.js";var d=function(r){function i(){var e=null!==r&&r.apply(this,arguments)||this;return Object.defineProperty(e,"inputNode",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"setInputNode",{enumerable:!0,configurable:!0,writable:!0,value:function(o){e.inputNode=o}}),e}return e(i,r),Object.defineProperty(i.prototype,"focus",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.inputNode.focus()}}),Object.defineProperty(i.prototype,"blur",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.inputNode.blur()}}),Object.defineProperty(i.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,r=e.backgroundColor,i=e.color,u=e.autoComplete,d=e.autoFocus,p=e.autoWidth,c=e.defaultValue,s=e.disabled,b=e.focus,h=e.hover,m=e.id,f=e.min,g=e.minLength,y=e.max,v=e.maxLength,O=e.name,C=e.onBlur,I=e.onChange,j=e.onFocus,w=e.onKeyDown,x=e.onKeyUp,F=e.placeholder,L=e.placeholderColor,K=e.readOnly,N=e.highlightOnInteraction,B=e.type,P=e.value,k=e.required,q=e["aria-label"],D=o(e,["backgroundColor","color","autoComplete","autoFocus","autoWidth","defaultValue","disabled","focus","hover","id","min","minLength","max","maxLength","name","onBlur","onChange","onFocus","onKeyDown","onKeyUp","placeholder","placeholderColor","readOnly","highlightOnInteraction","type","value","required","aria-label"]);return t.createElement(l,n({disabled:s,backgroundColor:r,color:i,focus:b,hover:h,readOnly:K},D),t.createElement(a,{"aria-label":q,width:"100%",textOverflow:"ellipsis",innerRef:this.setInputNode,backgroundColor:"transparent",color:"inherit",id:m,autoComplete:u,autoFocus:d,autoWidth:p,type:B,name:O,disabled:s,readOnly:K,highlightOnInteraction:N,placeholder:F,placeholderColor:L,defaultValue:c,min:f,minLength:g,max:y,maxLength:v,value:P,onChange:I,onFocus:j,onBlur:C,onKeyDown:w,onKeyUp:x,required:k}))}}),i}(r);Object.assign(d,{Inline:u,InputBox:l,InputField:a,InputLabel:i});export{d as default};
+import{__extends as e,__rest as o,__assign as n}from'./../ext/tslib/tslib.es6.js';import t,{Component as r}from"react";import l from"./InputBox.js";import a from"./InputField.js";import i from"./InputLabel.js";import u from"./Inline.js";var d=function(r){function i(){var e=null!==r&&r.apply(this,arguments)||this;return Object.defineProperty(e,"inputNode",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"setInputNode",{enumerable:!0,configurable:!0,writable:!0,value:function(o){e.inputNode=o}}),e}return e(i,r),Object.defineProperty(i.prototype,"focus",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.inputNode.focus()}}),Object.defineProperty(i.prototype,"blur",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.inputNode.blur()}}),Object.defineProperty(i.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,r=e.backgroundColor,i=e.color,u=e.autoComplete,d=e.autoFocus,p=e.autoWidth,c=e.defaultValue,h=e.disabled,m=e.focus,b=e.hover,s=e.id,f=e.min,g=e.minLength,y=e.max,v=e.maxLength,C=e.name,I=e.onBlur,O=e.onChange,j=e.onFocus,w=e.onKeyDown,x=e.onKeyUp,F=e.placeholder,L=e.placeholderColor,K=e.readOnly,N=e.highlightOnInteraction,B=e.type,P=e.value,k=e.required,q=e["aria-label"],D=o(e,["backgroundColor","color","autoComplete","autoFocus","autoWidth","defaultValue","disabled","focus","hover","id","min","minLength","max","maxLength","name","onBlur","onChange","onFocus","onKeyDown","onKeyUp","placeholder","placeholderColor","readOnly","highlightOnInteraction","type","value","required","aria-label"]);return t.createElement(l,n({disabled:h,backgroundColor:r,color:i,focus:m,hover:b,readOnly:K},D),t.createElement(a,{"aria-label":q,width:"100%",textOverflow:"ellipsis",innerRef:this.setInputNode,backgroundColor:"transparent",color:"inherit",id:s,autoComplete:u,autoFocus:d,autoWidth:p,type:B,name:C,disabled:h,readOnly:K,highlightOnInteraction:N,placeholder:F,placeholderColor:L,defaultValue:c,min:f,minLength:g,max:y,maxLength:v,value:P,onChange:O,onFocus:j,onBlur:I,onKeyDown:w,onKeyUp:x,required:k}))}}),i}(r);d.Inline=u,d.InputBox=l,d.InputField=a,d.InputLabel=i;export{d as default};
 //# sourceMappingURL=Input.js.map

package/dist/Input/InputBox.js

@@ -1,2 +1,2 @@
-import{__extends as e,__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import n,{cloneElement as t,Component as i}from"react";import{tabbable as s}from'./../ext/tabbable/dist/index.esm.js';import{Box as a}from"../Box/Box.js";import d from"../Button/index.js";import{getBoxSize as l}from"../system/box-sizes.js";import"../system/colors/colors.js";import"../utils.js";import"@emotion/react";import'./../ext/lodash/_baseGetTag.js';import'./../ext/lodash/_stringToPath.js';import'./../ext/lodash/_baseToString.js';import"../system/style-names.js";import'./../ext/lodash/lodash.js';import'./../ext/lodash/isArguments.js';import'./../ext/lodash/isBuffer.js';import'./../ext/lodash/isTypedArray.js';import"../system/cxs.js";import{useDocumentEvent as u}from"../hooks/use-document-event.js";import'./../ext/mousetrap/mousetrap.js';import"../hooks/use-measure.js";import{Spinner as c}from"../Spinner/Spinner.js";import{StackView as p}from"../StackView/StackView.js";import f from"./InputContext.js";import{isTabbable as m,inputs as b}from"./utils.js";import{designTokens as h}from"../designTokens/index.js";function g(e){var o=e.onEscape;return u("keydown",(function(e){27===e.keyCode&&o()})),null}var v=function(i){function u(e){var o=i.call(this,e)||this;return Object.defineProperty(o,"node",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"setNode",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.node=e,o.props.innerRef&&o.props.innerRef(e)}}),Object.defineProperty(o,"getBoxStyles",{enumerable:!0,configurable:!0,writable:!0,value:function(){return l(o.props.size)}}),Object.defineProperty(o,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0===e&&(e=o.props.focusChildIndex);var r=o.node;if(r&&void 0!==e){var n=s(r);n.length>0&&(r=n[e])}r&&r.focus&&r.focus()}}),Object.defineProperty(o,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){m(o.node)?o.node.blur():o.setState({isFocused:!1})}}),Object.defineProperty(o,"handleFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.focusChildrenOnFocus&&e.target===o.node&&o.focus(),o.props.onFocus&&o.props.onFocus(e),o.setState({isFocused:!0})}}),Object.defineProperty(o,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onBlur&&o.props.onBlur(e),o.setState({isFocused:!1})}}),Object.defineProperty(o,"handleClear",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onClear&&o.props.onClear(e),o.focus()}}),Object.defineProperty(o,"handleMouseOver",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onMouseOver&&o.props.onMouseOver(e),o.setState({isHovered:!0})}}),Object.defineProperty(o,"handleMouseOut",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onMouseOut&&o.props.onMouseOut(e),o.setState({isHovered:!1})}}),Object.defineProperty(o,"handleDocumentEscape",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onClear()}}),e.id&&(b[e.id]=o),o.state={isFocused:!1,isHovered:!1},o}return e(u,i),Object.defineProperty(u.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete b[this.props.id]}}),Object.defineProperty(u.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,i=e.backgroundColor,s=void 0===i?"surface":i,l=e.children,u=e.disabled,m=e.evenPadding;e.focusChildIndex,e.focusChildrenOnFocus;var b=e.id;e.innerRef;var v=e.includeSpacing,y=e.isLoading,j=e.naked,O=e.onClear;e.onBlur,e.onFocus;var x=e.readOnly,k=void 0!==x&&x,C=e.renderLeft,S=e.renderRight,w=e.secondaryStroke,P=void 0===w||w,F=e.size,z=e.state,B=e.subdued,I=e.tabIndex,R=void 0===I?-1:I,E=o(e,["backgroundColor","children","disabled","evenPadding","focusChildIndex","focusChildrenOnFocus","id","innerRef","includeSpacing","isLoading","naked","onClear","onBlur","onFocus","readOnly","renderLeft","renderRight","secondaryStroke","size","state","subdued","tabIndex"]),_=this.state,H=_.isFocused,M=_.isHovered,L=this.getBoxStyles(),T=L.boxSize,V=L.fontSize,A=L.lineHeight,N=L.paddingHorizontal,W={backgroundColor:s,paddingVertical:L.paddingVertical,fontSize:V,lineHeight:A,tabIndex:R,zIndex:H||M?2:1},D={},G={display:"flex",alignItems:"center",justifyContent:"center",width:T,height:"100%",position:"absolute",top:0},U=C?T:N,Z=S?T:N;return"pill"===E.radius||"pill-left"===E.radius?(W.paddingLeft=U,W.paddingRight=Z):(E.radius,W.paddingLeft=U,W.paddingRight=Z),(y||O)&&(W.paddingRight=T),k?W.backgroundColor=h.input.readOnlyBackgroundColor:B?W.backgroundColor=!u&&H?"highlightSecondary":!u&&M?z?"".concat(z,"-1"):"highlight":z?"".concat(z,"-0"):"surfaceTertiary":j||(P&&(W.boxShadow=!u&&H?"0px 0px 0px 2px var(--colors-separator-focus-secondary)":void 0),W.strokeAlign="inside",W.strokeWeight=1,W.stroke=!u&&H?z||"separatorFocus":z||(!u&&M?"separatorHover":"separatorSecondary")),b&&(W["aria-labelledby"]="".concat(b,"-label")),m&&(W.paddingLeft=W.paddingVertical,W.paddingRight=W.paddingVertical),v&&(W.spacing=m?W.paddingVertical:N),u?(D.cursor="not-allowed",W.tabIndex=void 0,D.opacity=.64):j||(M&&E.hover&&Object.assign(E,E.hover),H&&E.focus&&Object.assign(E,E.focus),E=r(r({},E),{hover:r({strokeAlign:"inside",strokeWeight:1},E.hover),focus:r({strokeAlign:"inside",strokeWeight:1},E.focus)})),n.createElement(f.Provider,{value:this},n.createElement(p,r({innerRef:this.setNode,id:b,axis:p.HORIZONTAL,alignment:p.CENTER,shrink:0,minHeight:T,radius:h.input.borderRadius,position:"relative",cursor:"text",outline:0,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},W,E,D),C&&n.createElement(a,r({},G,{left:0}),"function"==typeof C?C(F):t(C,{size:C.props&&C.props.size||F})),l,(y||O||S)&&n.createElement(a,r({},G,{right:0}),y?n.createElement(c,{size:F}):O?n.createElement(d,{icon:{name:"general.x"},title:"clear input value",size:F,theme:!1,onClick:this.handleClear}):"function"==typeof S?S(F):S?t(S,{size:S.props&&S.props.size||F}):null),O&&n.createElement(g,{onEscape:this.handleDocumentEscape})))}}),Object.defineProperty(u,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{focusChildrenOnFocus:!0,focusChildIndex:0,size:"md"}}),Object.defineProperty(u,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputBox"}),u}(i);export{v as default};
+import{__extends as e,__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import t,{cloneElement as n,Component as i}from"react";import{tabbable as s}from"tabbable";import{Box as a}from"../Box/Box.js";import l from"../Button/Button.js";import{getBoxSize as u}from"../system/box-sizes.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"../system/cxs.js";import{useDocumentEvent as d}from"../hooks/use-document-event.js";import"mousetrap";import"../hooks/use-measure.js";import{Spinner as c}from"../Spinner/Spinner.js";import{StackView as p}from"../StackView/StackView.js";import f from"./InputContext.js";import{isTabbable as b,inputs as m}from"./utils.js";import{designTokens as g}from"../designTokens/index.js";function h(e){var o=e.onEscape;return d("keydown",(function(e){27===e.keyCode&&o()})),null}var v=function(i){function d(e){var o=i.call(this,e)||this;return Object.defineProperty(o,"node",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"setNode",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.node=e,o.props.innerRef&&o.props.innerRef(e)}}),Object.defineProperty(o,"getBoxStyles",{enumerable:!0,configurable:!0,writable:!0,value:function(){return u(o.props.size)}}),Object.defineProperty(o,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0===e&&(e=o.props.focusChildIndex);var r=o.node;if(r&&void 0!==e){var t=s(r);t.length>0&&(r=t[e])}r&&r.focus&&r.focus()}}),Object.defineProperty(o,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){b(o.node)?o.node.blur():o.setState({isFocused:!1})}}),Object.defineProperty(o,"handleFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.focusChildrenOnFocus&&e.target===o.node&&o.focus(),o.props.onFocus&&o.props.onFocus(e),o.setState({isFocused:!0})}}),Object.defineProperty(o,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onBlur&&o.props.onBlur(e),o.setState({isFocused:!1})}}),Object.defineProperty(o,"handleClear",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onClear&&o.props.onClear(e),o.focus()}}),Object.defineProperty(o,"handleMouseOver",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onMouseOver&&o.props.onMouseOver(e),o.setState({isHovered:!0})}}),Object.defineProperty(o,"handleMouseOut",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onMouseOut&&o.props.onMouseOut(e),o.setState({isHovered:!1})}}),Object.defineProperty(o,"handleDocumentEscape",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onClear()}}),e.id&&(m[e.id]=o),o.state={isFocused:!1,isHovered:!1},o}return e(d,i),Object.defineProperty(d.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete m[this.props.id]}}),Object.defineProperty(d.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,i=e.backgroundColor,s=void 0===i?"surface":i,u=e.children,d=e.disabled,b=e.evenPadding;e.focusChildIndex,e.focusChildrenOnFocus;var m=e.id;e.innerRef;var v=e.includeSpacing,y=e.isLoading,O=e.naked,j=e.onClear;e.onBlur,e.onFocus;var x=e.readOnly,k=void 0!==x&&x,C=e.renderLeft,w=e.renderRight,S=e.secondaryStroke,P=void 0===S||S,F=e.size,z=e.state,B=e.subdued,I=e.tabIndex,R=void 0===I?-1:I,E=o(e,["backgroundColor","children","disabled","evenPadding","focusChildIndex","focusChildrenOnFocus","id","innerRef","includeSpacing","isLoading","naked","onClear","onBlur","onFocus","readOnly","renderLeft","renderRight","secondaryStroke","size","state","subdued","tabIndex"]),H=this.state,M=H.isFocused,L=H.isHovered,V=this.getBoxStyles(),N=V.boxSize,A=V.fontSize,T=V.lineHeight,W=V.paddingHorizontal,D={backgroundColor:s,paddingVertical:V.paddingVertical,fontSize:A,lineHeight:T,tabIndex:R,zIndex:M||L?2:1},U={},Z={display:"flex",alignItems:"center",justifyContent:"center",width:N,height:"100%",position:"absolute",top:0},_=C?N:W,q=w?N:W;return"pill"===E.radius||"pill-left"===E.radius?(D.paddingLeft=_,D.paddingRight=q):(E.radius,D.paddingLeft=_,D.paddingRight=q),(y||j)&&(D.paddingRight=N),k?D.backgroundColor=g.input.readOnlyBackgroundColor:B?D.backgroundColor=!d&&M?"highlightSecondary":!d&&L?z?"".concat(z,"-1"):"highlight":z?"".concat(z,"-0"):"surfaceTertiary":O||(P&&(D.boxShadow=!d&&M?"0px 0px 0px 2px var(--colors-separator-focus-secondary)":void 0),D.strokeAlign="inside",D.strokeWeight=1,D.stroke=!d&&M?z||"separatorFocus":z||(!d&&L?"separatorHover":"separatorSecondary")),m&&(D["aria-labelledby"]="".concat(m,"-label")),b&&(D.paddingLeft=D.paddingVertical,D.paddingRight=D.paddingVertical),v&&(D.spacing=b?D.paddingVertical:W),d?(U.cursor="not-allowed",D.tabIndex=void 0,U.opacity=.64):O||(L&&E.hover&&Object.assign(E,E.hover),M&&E.focus&&Object.assign(E,E.focus),E=r(r({},E),{hover:r({strokeAlign:"inside",strokeWeight:1},E.hover),focus:r({strokeAlign:"inside",strokeWeight:1},E.focus)})),t.createElement(f.Provider,{value:this},t.createElement(p,r({innerRef:this.setNode,id:m,axis:p.HORIZONTAL,alignment:p.CENTER,shrink:0,minHeight:N,radius:g.input.borderRadius,position:"relative",cursor:"text",outline:0,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},D,E,U),C&&t.createElement(a,r({},Z,{left:0}),"function"==typeof C?C(F):n(C,{size:C.props&&C.props.size||F})),u,(y||j||w)&&t.createElement(a,r({},Z,{right:0}),y?t.createElement(c,{size:F}):j?t.createElement(l,{icon:{name:"general.x"},title:"clear input value",size:F,theme:!1,onClick:this.handleClear}):"function"==typeof w?w(F):w?n(w,{size:w.props&&w.props.size||F}):null),j&&t.createElement(h,{onEscape:this.handleDocumentEscape})))}}),Object.defineProperty(d,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{focusChildrenOnFocus:!0,focusChildIndex:0,size:"md"}}),Object.defineProperty(d,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputBox"}),d}(i);export{v as default};
 //# sourceMappingURL=InputBox.js.map

package/dist/Input/InputField.js

@@ -1,2 +1,2 @@
-import{__extends as e,__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import i,{Component as n}from"react";import{Box as r}from"../Box/Box.js";import{getBoxSize as a}from"../system/box-sizes.js";import"../system/colors/colors.js";import{selectFullTextRange as l,deselectCurrentTextRange as s,getTextWidth as u}from"../utils.js";import"@emotion/react";import'./../ext/lodash/_baseGetTag.js';import'./../ext/lodash/_stringToPath.js';import'./../ext/lodash/_baseToString.js';import"../system/style-names.js";import'./../ext/lodash/lodash.js';import'./../ext/lodash/isArguments.js';import'./../ext/lodash/isBuffer.js';import'./../ext/lodash/isTypedArray.js';import"../system/cxs.js";import p from"./InputContext.js";import{inputs as d,inputLabels as h}from"./utils.js";var c={appearance:"none",outline:0,boxShadow:"none",MozAppearance:"textfield","::-ms-clear":{display:"none"},"::-webkit-clear-button":{display:"none"},"::-webkit-inner-spin-button, ::-webkit-outer-spin-button":{display:"none"},"::-webkit-search-cancel-button":{display:"none"}},b=function(n){function b(e){var t=n.call(this,e)||this;return Object.defineProperty(t,"shouldUpdateWidth",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"canHighlight",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"_lastTextWidth",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"node",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"inputBox",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"setNode",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.node=e,t.props.innerRef&&t.props.innerRef(e)}}),Object.defineProperty(t,"getAutoWidthValue",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return!0===t.props.autoWidth?null!==t.props.value&&void 0!==t.props.value?t.props.value:e:t.props.autoWidth}}),Object.defineProperty(t,"preventFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.props.highlightOnInteraction&&e.target===document.activeElement&&(e.preventDefault(),l(e.target))}}),Object.defineProperty(t,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0!==t.props.autoWidth&&(!0===t.props.autoWidth?t.setWidth(e.target.value):t.shouldUpdateWidth=!0),t.props.onChange&&t.props.onChange(e),t.canHighlight=!0}}),Object.defineProperty(t,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.canHighlight=!0,t.props.onKeyDown&&t.props.onKeyDown(e)}}),Object.defineProperty(t,"handleFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.props.highlightOnInteraction&&l(e.target),t.inputBox&&t.inputBox.setState({isFocused:!0}),t.props.onFocus&&t.props.onFocus(e)}}),Object.defineProperty(t,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.canHighlight=!1,t.props.highlightOnInteraction&&s(),t.inputBox&&t.inputBox.setState({isFocused:!1}),void 0!==t.props.autoWidth&&void 0!==t.props.placeholder&&""===e.target.value&&t.setWidth(t.props.placeholder),t.props.onBlur&&t.props.onBlur(e)}}),Object.defineProperty(t,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.node.focus()}}),Object.defineProperty(t,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.node.blur()}}),t.state={isHovered:!1},t.shouldUpdateWidth=!1,e.id&&(d[e.id]=t),t}return e(b,n),Object.defineProperty(b.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){if(void 0!==this.props.autoWidth){var e=this.getAutoWidthValue(void 0!==this.props.defaultValue?this.props.defaultValue:this.props.placeholder);void 0!==e&&this.setWidth(e)}}}),Object.defineProperty(b.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){(this.shouldUpdateWidth||void 0!==this.props.autoWidth&&void 0!==this.props.value&&this.props.value!==e.value)&&(this.setWidth(this.getAutoWidthValue(this.props.placeholder)),this.shouldUpdateWidth=!1),this.canHighlight&&this.props.highlightOnInteraction&&(l(this.node),this.canHighlight=!1)}}),Object.defineProperty(b.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete d[this.props.id]}}),Object.defineProperty(b.prototype,"setWidth",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.props.autoWidthType,o=u(e,this.node);if(o!==this._lastTextWidth){var i=getComputedStyle(this.node),n=[i.borderLeftWidth,i.borderRightWidth,1,i.paddingLeft,i.paddingRight,o].reduce((function(e,t){return e+parseInt(t,10)}),0);"width"!==t&&"both"!==t||(this.node.style.width="".concat(n,"px")),"basis"!==t&&"both"!==t||(this.node.style.flexBasis="".concat(n,"px")),this._lastTextWidth=o}}}),Object.defineProperty(b.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,n=this.props;n.autoWidth,n.autoWidthType;var l=n.css,s=n.disabled;n.innerRef,n.onBlur,n.onChange,n.onFocus,n.onKeyDown,n.onMouseDown,n.onMouseUp;var u=n.placeholderColor;n.highlightOnInteraction;var d=n.size,b=t(n,["autoWidth","autoWidthType","css","disabled","innerRef","onBlur","onChange","onFocus","onKeyDown","onMouseDown","onMouseUp","placeholderColor","highlightOnInteraction","size"]),f={"::placeholder":{color:u},"::-webkit-input-placeholder":{color:u},":-moz-placeholder":{color:u},":-ms-input-placeholder":{color:u}};return i.createElement(p.Consumer,null,(function(t){var n={},u=t?t.getBoxStyles():a(d),p=u.fontSize,g=u.lineHeight;return e.inputBox||(e.inputBox=t),h[e.props.id]&&(n["aria-labelledby"]="".concat(e.props.id,"-label")),e.state.isHovered&&b.hover&&Object.assign(b,b.hover),i.createElement(r,o({as:"input",innerRef:e.setNode,disabled:s,grow:1,padding:0,textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:p,lineHeight:g,minHeight:g,onFocus:e.handleFocus,onBlur:e.handleBlur,onChange:e.handleChange,onKeyDown:e.handleKeyDown,onMouseDown:e.preventFocus,onMouseUp:e.preventFocus,css:[c,f,l]},b,n))}))}}),Object.defineProperty(b,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{placeholderColor:"foregroundTertiary",autoWidthType:"both"}}),Object.defineProperty(b,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputField"}),b}(n);export{b as default};
+import{__extends as e,__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import i,{Component as n}from"react";import{Box as r}from"../Box/Box.js";import{getBoxSize as a}from"../system/box-sizes.js";import"../system/colors/colors.js";import"polished";import{selectFullTextRange as l,deselectCurrentTextRange as p,getTextWidth as s}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"../system/cxs.js";import u from"./InputContext.js";import{inputs as d,inputLabels as h}from"./utils.js";var c={appearance:"none",outline:0,boxShadow:"none",MozAppearance:"textfield","::-ms-clear":{display:"none"},"::-webkit-clear-button":{display:"none"},"::-webkit-inner-spin-button, ::-webkit-outer-spin-button":{display:"none"},"::-webkit-search-cancel-button":{display:"none"}},b=function(n){function b(e){var t=n.call(this,e)||this;return Object.defineProperty(t,"shouldUpdateWidth",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"canHighlight",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"_lastTextWidth",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"node",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"inputBox",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"setNode",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.node=e,t.props.innerRef&&t.props.innerRef(e)}}),Object.defineProperty(t,"getAutoWidthValue",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return!0===t.props.autoWidth?null!==t.props.value&&void 0!==t.props.value?t.props.value:e:t.props.autoWidth}}),Object.defineProperty(t,"preventFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.props.highlightOnInteraction&&e.target===document.activeElement&&(e.preventDefault(),l(e.target))}}),Object.defineProperty(t,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0!==t.props.autoWidth&&(!0===t.props.autoWidth?t.setWidth(e.target.value):t.shouldUpdateWidth=!0),t.props.onChange&&t.props.onChange(e),t.canHighlight=!0}}),Object.defineProperty(t,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.canHighlight=!0,t.props.onKeyDown&&t.props.onKeyDown(e)}}),Object.defineProperty(t,"handleFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.props.highlightOnInteraction&&l(e.target),t.inputBox&&t.inputBox.setState({isFocused:!0}),t.props.onFocus&&t.props.onFocus(e)}}),Object.defineProperty(t,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.canHighlight=!1,t.props.highlightOnInteraction&&p(),t.inputBox&&t.inputBox.setState({isFocused:!1}),void 0!==t.props.autoWidth&&void 0!==t.props.placeholder&&""===e.target.value&&t.setWidth(t.props.placeholder),t.props.onBlur&&t.props.onBlur(e)}}),Object.defineProperty(t,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.node.focus()}}),Object.defineProperty(t,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.node.blur()}}),t.state={isHovered:!1},t.shouldUpdateWidth=!1,e.id&&(d[e.id]=t),t}return e(b,n),Object.defineProperty(b.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){if(void 0!==this.props.autoWidth){var e=this.getAutoWidthValue(void 0!==this.props.defaultValue?this.props.defaultValue:this.props.placeholder);void 0!==e&&this.setWidth(e)}}}),Object.defineProperty(b.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){(this.shouldUpdateWidth||void 0!==this.props.autoWidth&&void 0!==this.props.value&&this.props.value!==e.value)&&(this.setWidth(this.getAutoWidthValue(this.props.placeholder)),this.shouldUpdateWidth=!1),this.canHighlight&&this.props.highlightOnInteraction&&(l(this.node),this.canHighlight=!1)}}),Object.defineProperty(b.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete d[this.props.id]}}),Object.defineProperty(b.prototype,"setWidth",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.props.autoWidthType,o=s(e,this.node);if(o!==this._lastTextWidth){var i=getComputedStyle(this.node),n=[i.borderLeftWidth,i.borderRightWidth,1,i.paddingLeft,i.paddingRight,o].reduce((function(e,t){return e+parseInt(t,10)}),0);"width"!==t&&"both"!==t||(this.node.style.width="".concat(n,"px")),"basis"!==t&&"both"!==t||(this.node.style.flexBasis="".concat(n,"px")),this._lastTextWidth=o}}}),Object.defineProperty(b.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,n=this.props;n.autoWidth,n.autoWidthType;var l=n.css,p=n.disabled;n.innerRef,n.onBlur,n.onChange,n.onFocus,n.onKeyDown,n.onMouseDown,n.onMouseUp;var s=n.placeholderColor;n.highlightOnInteraction;var d=n.size,b=t(n,["autoWidth","autoWidthType","css","disabled","innerRef","onBlur","onChange","onFocus","onKeyDown","onMouseDown","onMouseUp","placeholderColor","highlightOnInteraction","size"]),f={"::placeholder":{color:s},"::-webkit-input-placeholder":{color:s},":-moz-placeholder":{color:s},":-ms-input-placeholder":{color:s}};return i.createElement(u.Consumer,null,(function(t){var n={},s=t?t.getBoxStyles():a(d),u=s.fontSize,g=s.lineHeight;return e.inputBox||(e.inputBox=t),h[e.props.id]&&(n["aria-labelledby"]="".concat(e.props.id,"-label")),e.state.isHovered&&b.hover&&Object.assign(b,b.hover),i.createElement(r,o({as:"input",innerRef:e.setNode,disabled:p,grow:1,padding:0,textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:u,lineHeight:g,minHeight:g,onFocus:e.handleFocus,onBlur:e.handleBlur,onChange:e.handleChange,onKeyDown:e.handleKeyDown,onMouseDown:e.preventFocus,onMouseUp:e.preventFocus,css:[c,f,l]},b,n))}))}}),Object.defineProperty(b,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{placeholderColor:"foregroundTertiary",autoWidthType:"both"}}),Object.defineProperty(b,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputField"}),b}(n);export{b as default};
 //# sourceMappingURL=InputField.js.map

package/dist/Input/InputLabel.js

@@ -1,2 +1,2 @@
-import{__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import e,{useRef as s,useEffect as r,useCallback as n}from"react";import{getColor as i}from"../system/colors/colors.js";import"../utils.js";import{useThemeProps as l}from"../system/utils.js";import"../system/style-names.js";import'./../ext/lodash/lodash.js';import'./../ext/lodash/_baseGetTag.js';import'./../ext/lodash/isArguments.js';import'./../ext/lodash/isBuffer.js';import'./../ext/lodash/isTypedArray.js';import"@emotion/react";import"../system/cxs.js";import{Text as m}from"../Text/Text.js";import{inputs as u,inputLabels as a}from"./utils.js";function c(c){var d=c.controls,p=c.state,f=t(c,["controls","state"]),j=t(l("inputLabel",f),[]),y=s(null);d&&(j.id="".concat(d,"-label")),p&&(j.color=i(p)),r((function(){if(d)return y.current=u[d],a[d]=!0,function(){delete a[d]}}),[]);var b=n((function(){y.current&&y.current.focus()}),[y]),_=n((function(){y.current&&y.current.setState({isHovered:!0})}),[y]),h=n((function(){y.current&&y.current.setState({isHovered:!1})}),[y]);return e.createElement(m,o({as:"label",onMouseOver:_,onMouseOut:h,onClick:b},j))}c.displayName="Input.InputLabel";export{c as default};
+import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import r,{useRef as o,useEffect as s,useCallback as n}from"react";import{getColor as i}from"../system/colors/colors.js";import"polished";import"../utils.js";import{useThemeProps as l}from"../system/utils.js";import"../system/style-names.js";import"lodash";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"lodash/includes";import"@emotion/react";import"../system/cxs.js";import{Text as c}from"../Text/Text.js";import{inputs as m,inputLabels as u}from"./utils.js";function a(a){var p=a.controls,f=a.state,d=t(a,["controls","state"]),j=t(l("inputLabel",d),[]),y=o(null);p&&(j.id="".concat(p,"-label")),f&&(j.color=i(f)),s((function(){if(p)return y.current=m[p],u[p]=!0,function(){delete u[p]}}),[]);var b=n((function(){y.current&&y.current.focus()}),[y]),h=n((function(){y.current&&y.current.setState({isHovered:!0})}),[y]),v=n((function(){y.current&&y.current.setState({isHovered:!1})}),[y]);return r.createElement(c,e({as:"label",onMouseOver:h,onMouseOut:v,onClick:b},j))}a.displayName="Input.InputLabel";export{a as default};
 //# sourceMappingURL=InputLabel.js.map

package/dist/ItemList/ItemListItem.d.ts

@@ -12,6 +12,8 @@ type Props = {
     index: number;
     data?: any;
     disabled?: boolean;
+    onSelect?: (node: any) => void;
+    text?: string;
 };
 declare class ItemListItem extends Component<Props> {
     itemList: ItemList;

package/dist/ItemList/ItemListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemListItem.d.ts","sourceRoot":"","sources":["../../src/ItemList/ItemListItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGnD,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,CAAC,IAAI,EAAE;QACf,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;QACnB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;QACvC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;QAClC,WAAW,EAAE,OAAO,CAAA;QACpB,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;QAC9B,QAAQ,EAAE,OAAO,CAAA;KAClB,KAAK,SAAS,CAAA;IAIf,KAAK,EAAE,MAAM,CAAA;IAIb,IAAI,CAAC,EAAE,GAAG,CAAA;IAIV,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,cAAM,YAAa,SAAQ,SAAS,CAAC,KAAK,CAAC;IACzC,QAAQ,EAAE,QAAQ,CAAA;IAClB,eAAe,EAAE,MAAM,IAAI,CAAA;IAE3B,IAAI,MAAO;IAEX,WAAW,UAAQ;IAEnB,iBAAiB;IAKjB,kBAAkB,CAAC,SAAS,KAAA;IAQ5B,oBAAoB;IAIpB,OAAO;IAMP,OAAO;IAIP,SAAS,aAMR;IAED,MAAM,aAIL;IAED,MAAM;CAmBP;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"ItemListItem.d.ts","sourceRoot":"","sources":["../../src/ItemList/ItemListItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGnD,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,CAAC,IAAI,EAAE;QACf,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;QACnB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;QACvC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;QAClC,WAAW,EAAE,OAAO,CAAA;QACpB,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;QAC9B,QAAQ,EAAE,OAAO,CAAA;KAClB,KAAK,SAAS,CAAA;IAIf,KAAK,EAAE,MAAM,CAAA;IAIb,IAAI,CAAC,EAAE,GAAG,CAAA;IAIV,QAAQ,CAAC,EAAE,OAAO,CAAA;IAGlB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,cAAM,YAAa,SAAQ,SAAS,CAAC,KAAK,CAAC;IACzC,QAAQ,EAAE,QAAQ,CAAA;IAClB,eAAe,EAAE,MAAM,IAAI,CAAA;IAE3B,IAAI,MAAO;IAEX,WAAW,UAAQ;IAEnB,iBAAiB;IAKjB,kBAAkB,CAAC,SAAS,KAAA;IAQ5B,oBAAoB;IAIpB,OAAO;IAMP,OAAO;IAIP,SAAS,aAMR;IAED,MAAM,aAIL;IAED,MAAM;CAmBP;AAED,eAAe,YAAY,CAAA"}