@planningcenter/tapestry-react 4.13.2 → 4.14.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ActionsDropdown/ActionsDropdown.d.ts +14 -0
- package/dist/ActionsDropdown/ActionsDropdown.d.ts.map +1 -1
- package/dist/Alert/Alert.d.ts +2 -0
- package/dist/Alert/Alert.d.ts.map +1 -1
- package/dist/Alert/Alert.js +1 -1
- package/dist/Avatar/Avatar.d.ts +12 -0
- package/dist/Avatar/Avatar.d.ts.map +1 -1
- package/dist/Badge/Badge.d.ts +28 -0
- package/dist/Badge/Badge.d.ts.map +1 -1
- package/dist/Badge/Status.d.ts +15 -0
- package/dist/Badge/Status.d.ts.map +1 -1
- package/dist/Box/Box.d.ts +12 -0
- package/dist/Box/Box.d.ts.map +1 -1
- package/dist/Button/Button.d.ts +53 -0
- package/dist/Button/Button.d.ts.map +1 -1
- package/dist/Button/Input.d.ts +12 -0
- package/dist/Button/Input.d.ts.map +1 -1
- package/dist/Calendar/Calendar.d.ts +33 -0
- package/dist/Calendar/Calendar.d.ts.map +1 -1
- package/dist/Calendar/Calendar.js +1 -1
- package/dist/Calendar/Day.d.ts +49 -0
- package/dist/Calendar/Day.d.ts.map +1 -1
- package/dist/Card/Card.d.ts +2 -0
- package/dist/Card/Card.d.ts.map +1 -1
- package/dist/Card/Section.d.ts +1 -0
- package/dist/Card/Section.d.ts.map +1 -1
- package/dist/Checkbox/Checkbox.d.ts +38 -0
- package/dist/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/CheckboxCard/CheckboxCard.d.ts +2 -0
- package/dist/CheckboxCard/CheckboxCard.d.ts.map +1 -1
- package/dist/CheckboxGroup/CheckboxGroup.d.ts +9 -0
- package/dist/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
- package/dist/ChurchCenterStatus/ChurchCenterStatus.d.ts +41 -0
- package/dist/ChurchCenterStatus/ChurchCenterStatus.d.ts.map +1 -1
- package/dist/Collapse/Collapse.d.ts +12 -0
- package/dist/Collapse/Collapse.d.ts.map +1 -1
- package/dist/ColumnView/ColumnView.d.ts +3 -0
- package/dist/ColumnView/ColumnView.d.ts.map +1 -1
- package/dist/Combobox/Combobox.d.ts +12 -0
- package/dist/Combobox/Combobox.d.ts.map +1 -1
- package/dist/Combobox/ComboboxPopover.d.ts +10 -0
- package/dist/Combobox/ComboboxPopover.d.ts.map +1 -1
- package/dist/DataTable/DataTable.d.ts +176 -0
- package/dist/DataTable/DataTable.d.ts.map +1 -1
- package/dist/DataTable/components/Icon.d.ts +2 -0
- package/dist/DataTable/components/Icon.d.ts.map +1 -1
- package/dist/DateField/DateField.d.ts +33 -0
- package/dist/DateField/DateField.d.ts.map +1 -1
- package/dist/DateField/parse.d.ts +9 -0
- package/dist/DateField/parse.d.ts.map +1 -1
- package/dist/DateField/useEditableDate.d.ts +12 -0
- package/dist/DateField/useEditableDate.d.ts.map +1 -1
- package/dist/Dialog/Dialog.d.ts +40 -0
- package/dist/Dialog/Dialog.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +1 -1
- package/dist/Divider/Divider.d.ts +15 -0
- package/dist/Divider/Divider.d.ts.map +1 -1
- package/dist/DragDrop/DragDrop.js +1 -1
- package/dist/Drawer/Drawer.d.ts +1 -0
- package/dist/Drawer/Drawer.d.ts.map +1 -1
- package/dist/Dropdown/Dropdown.d.ts +33 -0
- package/dist/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/EditActions/EditActions.d.ts +3 -0
- package/dist/EditActions/EditActions.d.ts.map +1 -1
- package/dist/Field/Field.d.ts +14 -0
- package/dist/Field/Field.d.ts.map +1 -1
- package/dist/FieldSet/FieldSet.d.ts +18 -0
- package/dist/FieldSet/FieldSet.d.ts.map +1 -1
- package/dist/FilterLayout/FilterLayout.d.ts +5 -0
- package/dist/FilterLayout/FilterLayout.d.ts.map +1 -1
- package/dist/Form/Form.d.ts +44 -0
- package/dist/Form/Form.d.ts.map +1 -1
- package/dist/GridView/GridView.d.ts +15 -0
- package/dist/GridView/GridView.d.ts.map +1 -1
- package/dist/Group/Group.d.ts +15 -0
- package/dist/Group/Group.d.ts.map +1 -1
- package/dist/Heading/Heading.d.ts +2 -0
- package/dist/Heading/Heading.d.ts.map +1 -1
- package/dist/HelperDrawer/HelperDrawer.d.ts +1 -0
- package/dist/HelperDrawer/HelperDrawer.d.ts.map +1 -1
- package/dist/Highlight/Highlight.d.ts +15 -0
- package/dist/Highlight/Highlight.d.ts.map +1 -1
- package/dist/Highlight/Highlight.js +1 -1
- package/dist/Icon/Icon.d.ts +4 -0
- package/dist/Icon/Icon.d.ts.map +1 -1
- package/dist/Icon/Path.d.ts +2 -0
- package/dist/Icon/Path.d.ts.map +1 -1
- package/dist/Icon/Status.d.ts +3 -0
- package/dist/Icon/Status.d.ts.map +1 -1
- package/dist/Input/Inline.d.ts +7 -0
- package/dist/Input/Inline.d.ts.map +1 -1
- package/dist/Input/Input.d.ts +70 -0
- package/dist/Input/Input.d.ts.map +1 -1
- package/dist/Input/InputBox.d.ts +63 -0
- package/dist/Input/InputBox.d.ts.map +1 -1
- package/dist/Input/InputField.d.ts +19 -0
- package/dist/Input/InputField.d.ts.map +1 -1
- package/dist/Input/InputLabel.d.ts +6 -0
- package/dist/Input/InputLabel.d.ts.map +1 -1
- package/dist/ItemList/ItemListItem.d.ts +9 -0
- package/dist/ItemList/ItemListItem.d.ts.map +1 -1
- package/dist/Link/Link.d.ts +22 -0
- package/dist/Link/Link.d.ts.map +1 -1
- package/dist/LinkList/LinkList.d.ts +1 -0
- package/dist/LinkList/LinkList.d.ts.map +1 -1
- package/dist/List/List.d.ts +9 -0
- package/dist/List/List.d.ts.map +1 -1
- package/dist/Logo/Logo.d.ts +20 -0
- package/dist/Logo/Logo.d.ts.map +1 -1
- package/dist/Menu/Menu.d.ts +1 -0
- package/dist/Menu/Menu.d.ts.map +1 -1
- package/dist/Modal/Modal.d.ts +13 -0
- package/dist/Modal/Modal.d.ts.map +1 -1
- package/dist/NumberField/NumberField.d.ts +38 -0
- package/dist/NumberField/NumberField.d.ts.map +1 -1
- package/dist/Page/PageBody.d.ts +9 -0
- package/dist/Page/PageBody.d.ts.map +1 -1
- package/dist/Page/PageHeader.d.ts +4 -0
- package/dist/Page/PageHeader.d.ts.map +1 -1
- package/dist/Page/PageTitle.d.ts +4 -0
- package/dist/Page/PageTitle.d.ts.map +1 -1
- package/dist/Page/PageToolbar.d.ts +3 -0
- package/dist/Page/PageToolbar.d.ts.map +1 -1
- package/dist/PagerView/PagerView.d.ts +18 -0
- package/dist/PagerView/PagerView.d.ts.map +1 -1
- package/dist/Pagination/Pagination.d.ts +24 -0
- package/dist/Pagination/Pagination.d.ts.map +1 -1
- package/dist/Popover/Popover.d.ts +92 -0
- package/dist/Popover/Popover.d.ts.map +1 -1
- package/dist/Portal/Portal.d.ts +6 -0
- package/dist/Portal/Portal.d.ts.map +1 -1
- package/dist/Progress/Progress.d.ts +6 -0
- package/dist/Progress/Progress.d.ts.map +1 -1
- package/dist/Radio/Radio.d.ts +36 -0
- package/dist/Radio/Radio.d.ts.map +1 -1
- package/dist/RangeSlider/RangeSlider.d.ts +21 -0
- package/dist/RangeSlider/RangeSlider.d.ts.map +1 -1
- package/dist/Scrim/Scrim.d.ts +1 -0
- package/dist/Scrim/Scrim.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControl.d.ts +1 -0
- package/dist/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/SegmentedTabs/SegmentedTabs.d.ts +1 -0
- package/dist/SegmentedTabs/SegmentedTabs.d.ts.map +1 -1
- package/dist/Select/Inline.d.ts +9 -0
- package/dist/Select/Inline.d.ts.map +1 -1
- package/dist/Select/OptionGroup.d.ts +3 -0
- package/dist/Select/OptionGroup.d.ts.map +1 -1
- package/dist/Select/Select.d.ts +75 -0
- package/dist/Select/Select.d.ts.map +1 -1
- package/dist/Select/Select.js +1 -1
- package/dist/Sidebar/Sidebar.d.ts +6 -0
- package/dist/Sidebar/Sidebar.d.ts.map +1 -1
- package/dist/Sidebar/SidebarItem.d.ts +3 -0
- package/dist/Sidebar/SidebarItem.d.ts.map +1 -1
- package/dist/Sidebar/SidebarList.d.ts +3 -0
- package/dist/Sidebar/SidebarList.d.ts.map +1 -1
- package/dist/Spinner/Spinner.d.ts +15 -0
- package/dist/Spinner/Spinner.d.ts.map +1 -1
- package/dist/StackView/StackView.d.ts +6 -0
- package/dist/StackView/StackView.d.ts.map +1 -1
- package/dist/StepperField/StepperField.d.ts +15 -0
- package/dist/StepperField/StepperField.d.ts.map +1 -1
- package/dist/StepperProgress/Step.d.ts +4 -0
- package/dist/StepperProgress/Step.d.ts.map +1 -1
- package/dist/StepperProgress/StepperProgress.d.ts +3 -0
- package/dist/StepperProgress/StepperProgress.d.ts.map +1 -1
- package/dist/Summary/Summary.d.ts +12 -0
- package/dist/Summary/Summary.d.ts.map +1 -1
- package/dist/Tab/Tab.d.ts +5 -0
- package/dist/Tab/Tab.d.ts.map +1 -1
- package/dist/TabNav/Tab.d.ts +12 -0
- package/dist/TabNav/Tab.d.ts.map +1 -1
- package/dist/TabNav/Tab.js +1 -1
- package/dist/TabNav/TabNav.d.ts +9 -0
- package/dist/TabNav/TabNav.d.ts.map +1 -1
- package/dist/TabNav/TabNav.js +1 -1
- package/dist/Table/SubRowToggleCell.d.ts +2 -0
- package/dist/Table/SubRowToggleCell.d.ts.map +1 -1
- package/dist/Table/Table.d.ts +125 -0
- package/dist/Table/Table.d.ts.map +1 -1
- package/dist/Table/Table.js +1 -1
- package/dist/Tabs/Tabs.d.ts +14 -0
- package/dist/Tabs/Tabs.d.ts.map +1 -1
- package/dist/Text/Text.d.ts +33 -0
- package/dist/Text/Text.d.ts.map +1 -1
- package/dist/TextArea/TextArea.d.ts +1 -0
- package/dist/TextArea/TextArea.d.ts.map +1 -1
- package/dist/TileView/TileView.d.ts +6 -0
- package/dist/TileView/TileView.d.ts.map +1 -1
- package/dist/TimeField/TimeField.d.ts +21 -0
- package/dist/TimeField/TimeField.d.ts.map +1 -1
- package/dist/TimeField/TimeField.js +1 -1
- package/dist/ToggleSwitch/ToggleSwitch.d.ts +13 -0
- package/dist/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
- package/dist/ToggleSwitch/ToggleSwitch.js +1 -1
- package/dist/TokenInput/DefaultToken.d.ts +8 -0
- package/dist/TokenInput/DefaultToken.d.ts.map +1 -1
- package/dist/TokenInput/TokenInput.d.ts +15 -0
- package/dist/TokenInput/TokenInput.d.ts.map +1 -1
- package/dist/TokenInput/TokenInput.js +1 -1
- package/dist/Toolbar/Toolbar.d.ts +22 -0
- package/dist/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/Tooltip/Tooltip.d.ts +118 -0
- package/dist/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/Wizard/Wizard.d.ts +37 -0
- package/dist/Wizard/Wizard.d.ts.map +1 -1
- package/dist/WrapView/WrapView.d.ts +1 -0
- package/dist/WrapView/WrapView.d.ts.map +1 -1
- package/dist/designTokens/index.js +1 -1
- package/dist/hooks/use-accessibility-violation.d.ts +8 -1
- package/dist/hooks/use-accessibility-violation.d.ts.map +1 -1
- package/dist/hooks/use-document-event.d.ts +15 -0
- package/dist/hooks/use-document-event.d.ts.map +1 -1
- package/dist/hooks/use-focus.d.ts +5 -0
- package/dist/hooks/use-focus.d.ts.map +1 -1
- package/dist/hooks/use-id.d.ts +6 -0
- package/dist/hooks/use-id.d.ts.map +1 -1
- package/dist/hooks/use-measure.d.ts +36 -0
- package/dist/hooks/use-measure.d.ts.map +1 -1
- package/dist/hooks/use-roving-index.d.ts +23 -0
- package/dist/hooks/use-roving-index.d.ts.map +1 -1
- package/dist/system/colors/utils.js +1 -1
- package/dist/utils.d.ts +109 -0
- package/dist/utils.d.ts.map +1 -1
- package/package.json +2 -2
package/dist/Table/Table.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__extends as e,__assign as t,__rest as r,__spreadArray as o}from'./../ext/tslib/tslib.es6.js';import{Global as n}from"@emotion/react";import i from"lodash/camelCase";import l from"lodash/snakeCase";import a,{Children as u,Fragment as c,PureComponent as d}from"react";import{Button as s}from"../Button/Button.js";import m from"../DragDrop/DragDrop.js";import f from"../HeadingUppercase/HeadingUppercase.js";import{useHover as p}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import g from"../Pagination/Pagination.js";import{Spinner as b}from"../Spinner/Spinner.js";import{StackView as h}from"../StackView/StackView.js";import v from"../Summary/Summary.js";import{reorderArray as S,range as w}from"../utils.js";import y from"../vendor/react-measure/Measure.js";import"../vendor/react-measure/Viewport.js";import C from"./AvatarCell.js";import j from"./BodyCell.js";import R from"./BodyInnerCell.js";import P from"./BodyRow.js";import O from"./CheckboxCell.js";import k from"./ColumnPicker.js";import I from"./DateCell.js";import D from"./DragCell.js";import H from"./DragHandle.js";import x from"./HeaderCell.js";import E from"./HeaderInnerCell.js";import A from"./SubRowToggleCell.js";import T from"./TableBase.js";import W from"./TableWrapper.js";var M="undefined"!=typeof window&&window.CSS&&window.CSS.supports;function B(e){var t=e.children,r=p(),o=r.hover;return t({bindHover:r.hoverProps,isHover:o})}var z=function(d){function p(e){var r=d.call(this,e)||this;return Object.defineProperty(r,"handleSortStart",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.setState({isSorting:!0})}}),Object.defineProperty(r,"handleSortEnd",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.source,o=e.destination;r.setState({isSorting:!1}),r.props.onRowSort(S({endIndex:o.index,list:r.props.data,startIndex:t.index}))}}),Object.defineProperty(r,"handleColumnSort",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var o=r.getDefaultSort(r.props);r.setState((function(n){var i=t({},n.currentSort);if(i.columnId===e?i.direction=p.getOppositeSortDirection(i.direction):(i.columnId=e,i.direction=r.props.defaultSortDirection),i.order=r.getSortOrder({columnId:i.columnId,direction:i.direction}),r.props.onColumnSort){var l=i.columnId?i:o;r.props.onColumnSort(l)}return{currentSort:i}}))}}),Object.defineProperty(r,"getBodyCellMouseHandlers",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return r.props.highlightColumnOnHover?{onMouseOut:function(){r.setState({highlightedColumnIndex:null})},onMouseOver:function(){r.setState({highlightedColumnIndex:e})}}:{}}}),Object.defineProperty(r,"isAnySubRowOpen",{enumerable:!0,configurable:!0,writable:!0,value:function(){return r.state.openSubRowIndices.length>0}}),Object.defineProperty(r,"handleSubRowToggleAll",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.setState({openSubRowIndices:r.state.openSubRowIndices.length>0?[]:w(0,r.props.data.length)})}}),Object.defineProperty(r,"isSubRowOpen",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return r.state.openSubRowIndices.indexOf(e)>-1}}),Object.defineProperty(r,"handleSubRowToggle",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState((function(t){var r=o([],t.openSubRowIndices,!0),n=r.indexOf(e);return n>-1?r.splice(n,1):r.push(e),{openSubRowIndices:r}}))}}),Object.defineProperty(r,"handleMeasure",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=r.getColumns(),n=(t.length-1)/2,i=0;r.props.subRowData&&(i+=48),r.props.onRowSort&&(i+=48);var l=e?t.map((function(t,r){var o=e["".concat(r,"-0")];return o?o.height:0})):[],a=e?Math.max.apply(Math,o(o([],l,!0),[r.props.compactHeader?32:48],!1)):null,u=e?Object.keys(e).reduce((function(r,o){var n=o.split("-")[0],i=e[o],l=t[n];if(l){var a=l.width||i.width;r[n]||(r[n]=[]),r[n].push(a)}return r}),[]).map((function(e){return Math.max.apply(Math,e)})):[],c=e?u.reduce((function(e,t,r){return e+t}),i):null,d=M?t.reduce((function(e,t,r){return t.sticky&&(r<n?e.left+=u[r]:e.right+=u[r]),e}),{left:i,right:0}):{left:0,right:0};r.setState({columnWidths:u,getLeftOffset:function(e,t){return M&&e.sticky&&t<n?u.reduce((function(e,r,o){return o<t?e+r:e}),i)||i:void 0},getRightOffset:function(e,t){return M&&e.sticky&&t>=n?u.reduce((function(e,r,o){return o>t?e+r:e}),0)||0:void 0},headerHeight:a,headerHeights:l,offsets:d,rowWidth:c})}}),r.state={columnWidths:[],currentSort:r.getDefaultSort(e),getLeftOffset:function(){return null},getRightOffset:function(){return null},headerHeight:-1,headerHeights:[],highlightedColumnIndex:null,isSorting:!1,offsets:{left:0,right:0},openSubRowIndices:[],rowWidth:-1},r}return e(p,d),Object.defineProperty(p,"getOppositeSortDirection",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return e===p.ASC?p.DESC:p.ASC}}),Object.defineProperty(p,"getIconDirection",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return e===p.ASC?"general.upCaret":"general.downCaret"}}),Object.defineProperty(p.prototype,"getSortOrder",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.columnId,r=e.direction;return"".concat(r===p.ASC?"":"-").concat(l(t))}}),Object.defineProperty(p.prototype,"parseSortOrder",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t="-"===e[0];return{columnId:i(t?e.substring(1):e),direction:t?p.DESC:p.ASC}}}),Object.defineProperty(p.prototype,"getDefaultSort",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=e.defaultSortColumnId,o=e.defaultSortDirection,n=e.defaultSortOrder,i=n?this.parseSortOrder(n):{columnId:r,direction:o};return t(t({},i),{order:this.getSortOrder(i)})}}),Object.defineProperty(p.prototype,"getColumns",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;return this.props.columns.filter((function(t){return"object"==typeof t&&null!=t&&(t.alwaysVisible||-1===e.props.hiddenColumnIds.indexOf(t.id))})).map((function(e){e.alwaysVisible;var t=e.cell,o=e.divider,n=e.header,i=e.id,l=e.label,a=e.sortable,u=e.sticky,c=e.subRowCell,d=e.truncate,s=e.vertical,m=e.width;return{cell:t,columnProps:r(e,["alwaysVisible","cell","divider","header","id","label","sortable","sticky","subRowCell","truncate","vertical","width"]),divider:o,header:n,id:i,label:l,sortable:a,sticky:u,subRowCell:c,truncate:d,vertical:s,width:m}}))}}),Object.defineProperty(p.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,i=this.props,l=i.caption;i.children;var d=i.columnDividers;i.columns;var S=i.compactHeader,w=i.currentPage,C=i.data,O=void 0===C?[]:C;i.defaultSortColumnId;var k=i.defaultSortDirection;i.defaultSortOrder;var I=i.empty,M=i.getRowLink,z=i.headerColor;i.hiddenColumnIds,i.highlightColumnOnHover,i.innerRef;var V=i.keyboardShortcuts;i.layout;var L=i.loading,U=i.loadingTitle,K=i.minHeight,N=i.minRowHeight;i.onColumnSort;var _=i.onPageChange,q=i.onRowSort,F=i.rowDividers,G=i.subRowData,J=i.totalPages,Q=r(i,["caption","children","columnDividers","columns","compactHeader","currentPage","data","defaultSortColumnId","defaultSortDirection","defaultSortOrder","empty","getRowLink","headerColor","hiddenColumnIds","highlightColumnOnHover","innerRef","keyboardShortcuts","layout","loading","loadingTitle","minHeight","minRowHeight","onColumnSort","onPageChange","onRowSort","rowDividers","subRowData","totalPages"]),X=this.state,Y=X.highlightedColumnIndex,Z=X.currentSort,$=X.isSorting,ee=X.headerHeight,te=X.columnWidths,re=X.rowWidth,oe=X.offsets,ne=X.getLeftOffset,ie=X.getRightOffset,le=this.getColumns(),ae=L||O.length<=0;return a.createElement(W,t({},Q,{position:"relative"}),a.createElement(n,{styles:{html:{userSelect:this.state.isSorting?"none":null}}}),ae?a.createElement(h,{grow:1,alignment:"center",distribution:"center",minHeight:K,paddingVertical:8},L?a.createElement(v,{image:a.createElement(b,{size:"xl",color:"primary"}),title:U}):I):a.createElement(y,{updateOnMeasure:!1,onMeasure:this.handleMeasure},(function(r){var n=r.measureRef,i=u.toArray(o([G&&a.createElement(A,{toggled:e.isAnySubRowOpen(),height:ee+"px",onClick:e.handleSubRowToggleAll}),q&&a.createElement(D,{role:"columnheader",height:ee+"px",backgroundColor:"inherit"})],le.map((function(r,o){return a.createElement(B,{key:o},(function(i){var l=i.bindHover,u=i.isHover,c=te[o],d=t(t(t({},r.columnProps),l),{cursor:r.sortable?"pointer":"default",justifyContent:r.vertical?"start":r.columnProps.justifyContent,onClick:function(t){r.sortable&&e.handleColumnSort(r.id),r.columnProps&&r.columnProps.onClick&&r.columnProps.onClick(t)},position:r.sticky?"sticky":"relative",style:{height:r.vertical?ee+16:ee,left:ne(r,o),right:ie(r,o),width:c},zIndex:r.sticky?35:r.columnProps.zIndex});return r.sortable&&(d["aria-sort"]=Z.columnId===r.id?"ASC"===Z.direction?"ascending":"descending":"none"),a.createElement(x,t({},d),a.createElement(E,{innerRef:n("".concat(o,"-0")),height:S?4:6,transform:r.vertical&&"translate(".concat(r.width/2,"px, ").concat(16,"px) rotate(-90deg)")},"string"==typeof r.header?a.createElement(f,{truncate:!0,color:"grey-7",fontSize:S?"11px":"12px",cursor:r.sortable?"pointer":"default"},r.header):"function"==typeof r.header?r.header(o):r.header,r.sortable&&a.createElement(s,{title:"sort table",theme:!1,icon:{name:p.getIconDirection(Z.columnId===r.id?Z.direction:k)},size:"xs",opacity:Z.columnId===r.id?1:u?.35:0})))}))})),!0)),g=function(r,o){var i=o.subRowProps,l=void 0===i?{}:i,c=o.shouldRenderSubRowData,s=o.shouldRenderSubRowToggle,m=void 0!==s&&s;return Object.keys(r).map((function(o,i){var s=e.isSubRowOpen(i),f=r[o],p={index:i,key:i,keyboardShortcuts:V,onRowSort:q,row:f,rowIndex:i,style:{minWidth:re}},b={};if(M){var h=function(){var e=M(f);"string"==typeof e&&(window.location=e)};b.tabIndex=0,b.role="link",b.cursor="pointer",b.focus={backgroundColor:"hsla(0,0%,97%,1)"},b.hover={backgroundColor:"hsla(0,0%,97%,1)"},b.onClick=h,b.onKeyDown=function(e){"Enter"===e.key&&h()}}return $&&(b.pointerEvents="none"),(F&&0!==i||m)&&(b.borderTopWidth=1),[a.createElement(P,t({},p,b,l),(function(r){var o=r.isRowHovered,l=r.dragHandleProps;return u.toArray([G&&(m?a.createElement(A,{contentsHidden:!0}):a.createElement(A,{toggled:s,rowIndex:i,onClick:function(t){t.stopPropagation(),e.handleSubRowToggle(i)}})),q&&a.createElement(D,t({},l),a.createElement(H,null)),le.map((function(r,l){var u=te[l],c=m&&void 0!==r.subRowCell?r.subRowCell:r.cell;return a.createElement(j,t({key:l},r.columnProps,e.getBodyCellMouseHandlers(l),{position:r.sticky?"sticky":void 0,justifyContent:r.vertical?"center":r.columnProps.justifyContent,minHeight:m?5:N,borderColor:"grey-3",borderLeftWidth:!1!==r.divider&&(d&&(q||0!==l)?1:void 0),backgroundColor:Y===l?"grey-0":"inherit",color:m?"grey-9":"foreground",zIndex:r.sticky?35:void 0,style:t({left:ne(r,l),right:ie(r,l),width:u},r.columnProps.style)}),a.createElement(R,{innerRef:void 0===r.width?n("".concat(l,"-").concat(i+1),{formula:function(e){return{width:e.offsetWidth}}}):null,column:r,justifyContent:r.vertical?"center":r.columnProps.justifyContent},c&&("string"==typeof c?f[c]:c(f,{columnIndex:l,isRowHovered:o,rowIndex:i}))))}))])})),c&&s?g(G(f),{shouldRenderSubRowData:!1,shouldRenderSubRowToggle:!0,subRowProps:{backgroundColor:"hsla(0,0%,99%,1)"}}):null]}))},b=function(e){return a.createElement(T,t({},e,{columnWidths:o([G&&48,q&&48],te,!0).filter(Boolean),rowWidth:re,minHeight:K,offsets:oe,caption:l,header:i,headerColor:z,headerHeight:ee,body:g(O,{shouldRenderSubRowData:!!G})}))};return q?a.createElement(m.Provider,{onDragStart:e.handleSortStart,onDragEnd:e.handleSortEnd},a.createElement(m.Droppable,{droppableId:"table"},(function(e){return a.createElement(c,null,b(t({innerRef:e.innerRef},e.droppableProps)),e.placeholder)}))):b({})})),!ae&&a.createElement(g,{currentPage:w,totalPages:J,onPageChange:_,position:"sticky",bottom:0,zIndex:35,marginTop:"-1px",backgroundColor:"surface",borderTopWidth:1,borderTopColor:"grey-3",css:{"@media print":{position:"relative"}}}))}}),Object.defineProperty(p,"ColumnPicker",{enumerable:!0,configurable:!0,writable:!0,value:k}),Object.defineProperty(p,"AvatarCell",{enumerable:!0,configurable:!0,writable:!0,value:C}),Object.defineProperty(p,"CheckboxCell",{enumerable:!0,configurable:!0,writable:!0,value:O}),Object.defineProperty(p,"DateCell",{enumerable:!0,configurable:!0,writable:!0,value:I}),Object.defineProperty(p,"ASC",{enumerable:!0,configurable:!0,writable:!0,value:"ASC"}),Object.defineProperty(p,"DESC",{enumerable:!0,configurable:!0,writable:!0,value:"DESC"}),Object.defineProperty(p,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{currentPage:0,defaultSortColumnId:null,defaultSortDirection:p.ASC,defaultSortOrder:null,empty:"No results",headerColor:"grey-0",hiddenColumnIds:[],minHeight:48,minRowHeight:8,onPageChange:function(){return null},rowDividers:!0,totalPages:0}}),p}(d);export{z as default};
|
|
1
|
+
import{__extends as e,__assign as t,__spreadArray as r,__rest as o}from'./../ext/tslib/tslib.es6.js';import{Global as n}from"@emotion/react";import i from"lodash/camelCase";import l from"lodash/snakeCase";import a,{Children as u,Fragment as c,PureComponent as d}from"react";import{Button as s}from"../Button/Button.js";import m from"../DragDrop/DragDrop.js";import f from"../HeadingUppercase/HeadingUppercase.js";import{useHover as p}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import g from"../Pagination/Pagination.js";import{Spinner as b}from"../Spinner/Spinner.js";import{StackView as h}from"../StackView/StackView.js";import v from"../Summary/Summary.js";import{reorderArray as S,range as w}from"../utils.js";import y from"../vendor/react-measure/Measure.js";import"../vendor/react-measure/Viewport.js";import C from"./AvatarCell.js";import j from"./BodyCell.js";import R from"./BodyInnerCell.js";import P from"./BodyRow.js";import O from"./CheckboxCell.js";import k from"./ColumnPicker.js";import I from"./DateCell.js";import D from"./DragCell.js";import H from"./DragHandle.js";import x from"./HeaderCell.js";import E from"./HeaderInnerCell.js";import A from"./SubRowToggleCell.js";import T from"./TableBase.js";import W from"./TableWrapper.js";var M="undefined"!=typeof window&&window.CSS&&window.CSS.supports;function B(e){var t=e.children,r=p(),o=r.hover;return t({bindHover:r.hoverProps,isHover:o})}var z=function(d){function p(e){var o=d.call(this,e)||this;return Object.defineProperty(o,"handleSortStart",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.setState({isSorting:!0})}}),Object.defineProperty(o,"handleSortEnd",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.source,r=e.destination;o.setState({isSorting:!1}),o.props.onRowSort(S({endIndex:r.index,list:o.props.data,startIndex:t.index}))}}),Object.defineProperty(o,"handleColumnSort",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var r=o.getDefaultSort(o.props);o.setState((function(n){var i=t({},n.currentSort);if(i.columnId===e?i.direction=p.getOppositeSortDirection(i.direction):(i.columnId=e,i.direction=o.props.defaultSortDirection),i.order=o.getSortOrder({columnId:i.columnId,direction:i.direction}),o.props.onColumnSort){var l=i.columnId?i:r;o.props.onColumnSort(l)}return{currentSort:i}}))}}),Object.defineProperty(o,"getBodyCellMouseHandlers",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return o.props.highlightColumnOnHover?{onMouseOut:function(){o.setState({highlightedColumnIndex:null})},onMouseOver:function(){o.setState({highlightedColumnIndex:e})}}:{}}}),Object.defineProperty(o,"isAnySubRowOpen",{enumerable:!0,configurable:!0,writable:!0,value:function(){return o.state.openSubRowIndices.length>0}}),Object.defineProperty(o,"handleSubRowToggleAll",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.setState({openSubRowIndices:o.state.openSubRowIndices.length>0?[]:w(0,o.props.data.length)})}}),Object.defineProperty(o,"isSubRowOpen",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return o.state.openSubRowIndices.indexOf(e)>-1}}),Object.defineProperty(o,"handleSubRowToggle",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.setState((function(t){var o=r([],t.openSubRowIndices,!0),n=o.indexOf(e);return n>-1?o.splice(n,1):o.push(e),{openSubRowIndices:o}}))}}),Object.defineProperty(o,"handleMeasure",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=o.getColumns(),n=(t.length-1)/2,i=0;o.props.subRowData&&(i+=48),o.props.onRowSort&&(i+=48);var l=e?t.map((function(t,r){var o=e["".concat(r,"-0")];return o?o.height:0})):[],a=e?Math.max.apply(Math,r(r([],l,!0),[o.props.compactHeader?32:48],!1)):null,u=e?Object.keys(e).reduce((function(r,o){var n=o.split("-")[0],i=e[o],l=t[n];if(l){var a=l.width||i.width;r[n]||(r[n]=[]),r[n].push(a)}return r}),[]).map((function(e){return Math.max.apply(Math,e)})):[],c=e?u.reduce((function(e,t,r){return e+t}),i):null,d=M?t.reduce((function(e,t,r){return t.sticky&&(r<n?e.left+=u[r]:e.right+=u[r]),e}),{left:i,right:0}):{left:0,right:0};o.setState({columnWidths:u,getLeftOffset:function(e,t){return M&&e.sticky&&t<n?u.reduce((function(e,r,o){return o<t?e+r:e}),i)||i:void 0},getRightOffset:function(e,t){return M&&e.sticky&&t>=n?u.reduce((function(e,r,o){return o>t?e+r:e}),0)||0:void 0},headerHeight:a,headerHeights:l,offsets:d,rowWidth:c})}}),o.state={columnWidths:[],currentSort:o.getDefaultSort(e),getLeftOffset:function(){return null},getRightOffset:function(){return null},headerHeight:-1,headerHeights:[],highlightedColumnIndex:null,isSorting:!1,offsets:{left:0,right:0},openSubRowIndices:[],rowWidth:-1},o}return e(p,d),Object.defineProperty(p,"getOppositeSortDirection",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return e===p.ASC?p.DESC:p.ASC}}),Object.defineProperty(p,"getIconDirection",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return e===p.ASC?"general.upCaret":"general.downCaret"}}),Object.defineProperty(p.prototype,"getSortOrder",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.columnId,r=e.direction;return"".concat(r===p.ASC?"":"-").concat(l(t))}}),Object.defineProperty(p.prototype,"parseSortOrder",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t="-"===e[0];return{columnId:i(t?e.substring(1):e),direction:t?p.DESC:p.ASC}}}),Object.defineProperty(p.prototype,"getDefaultSort",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=e.defaultSortColumnId,o=e.defaultSortDirection,n=e.defaultSortOrder,i=n?this.parseSortOrder(n):{columnId:r,direction:o};return t(t({},i),{order:this.getSortOrder(i)})}}),Object.defineProperty(p.prototype,"getColumns",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;return this.props.columns.filter((function(t){return"object"==typeof t&&null!=t&&(t.alwaysVisible||-1===e.props.hiddenColumnIds.indexOf(t.id))})).map((function(e){e.alwaysVisible;var t=e.cell,r=e.divider,n=e.header,i=e.id,l=e.label,a=e.sortable,u=e.sticky,c=e.subRowCell,d=e.truncate,s=e.vertical,m=e.width;return{cell:t,columnProps:o(e,["alwaysVisible","cell","divider","header","id","label","sortable","sticky","subRowCell","truncate","vertical","width"]),divider:r,header:n,id:i,label:l,sortable:a,sticky:u,subRowCell:c,truncate:d,vertical:s,width:m}}))}}),Object.defineProperty(p.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,i=this.props,l=i.caption;i.children;var d=i.columnDividers;i.columns;var S=i.compactHeader,w=i.currentPage,C=i.data,O=void 0===C?[]:C;i.defaultSortColumnId;var k=i.defaultSortDirection;i.defaultSortOrder;var I=i.empty,M=i.getRowLink,z=i.headerColor;i.hiddenColumnIds,i.highlightColumnOnHover,i.innerRef;var V=i.keyboardShortcuts;i.layout;var L=i.loading,U=i.loadingTitle,K=i.minHeight,N=i.minRowHeight;i.onColumnSort;var _=i.onPageChange,q=i.onRowSort,F=i.rowDividers,G=i.subRowData,J=i.totalPages,Q=o(i,["caption","children","columnDividers","columns","compactHeader","currentPage","data","defaultSortColumnId","defaultSortDirection","defaultSortOrder","empty","getRowLink","headerColor","hiddenColumnIds","highlightColumnOnHover","innerRef","keyboardShortcuts","layout","loading","loadingTitle","minHeight","minRowHeight","onColumnSort","onPageChange","onRowSort","rowDividers","subRowData","totalPages"]),X=this.state,Y=X.highlightedColumnIndex,Z=X.currentSort,$=X.isSorting,ee=X.headerHeight,te=X.columnWidths,re=X.rowWidth,oe=X.offsets,ne=X.getLeftOffset,ie=X.getRightOffset,le=this.getColumns(),ae=L||O.length<=0;return a.createElement(W,t({},Q,{position:"relative"}),a.createElement(n,{styles:{html:{userSelect:this.state.isSorting?"none":null}}}),ae?a.createElement(h,{grow:1,alignment:"center",distribution:"center",minHeight:K,paddingVertical:8},L?a.createElement(v,{image:a.createElement(b,{size:"xl",color:"primary"}),title:U}):I):a.createElement(y,{updateOnMeasure:!1,onMeasure:this.handleMeasure},(function(o){var n=o.measureRef,i=u.toArray(r([G&&a.createElement(A,{toggled:e.isAnySubRowOpen(),height:ee+"px",onClick:e.handleSubRowToggleAll}),q&&a.createElement(D,{role:"columnheader",height:ee+"px",backgroundColor:"inherit"})],le.map((function(r,o){return a.createElement(B,{key:o},(function(i){var l=i.bindHover,u=i.isHover,c=te[o],d=t(t(t({},r.columnProps),l),{cursor:r.sortable?"pointer":"default",justifyContent:r.vertical?"start":r.columnProps.justifyContent,onClick:function(t){r.sortable&&e.handleColumnSort(r.id),r.columnProps&&r.columnProps.onClick&&r.columnProps.onClick(t)},position:r.sticky?"sticky":"relative",style:{height:r.vertical?ee+16:ee,left:ne(r,o),right:ie(r,o),width:c},zIndex:r.sticky?35:r.columnProps.zIndex});return r.sortable&&(d["aria-sort"]=Z.columnId===r.id?"ASC"===Z.direction?"ascending":"descending":"none"),a.createElement(x,t({},d),a.createElement(E,{innerRef:n("".concat(o,"-0")),height:S?4:6,transform:r.vertical&&"translate(".concat(r.width/2,"px, ").concat(16,"px) rotate(-90deg)")},"string"==typeof r.header?a.createElement(f,{truncate:!0,color:"grey-7",fontSize:S?"11px":"12px",cursor:r.sortable?"pointer":"default"},r.header):"function"==typeof r.header?r.header(o):r.header,r.sortable&&a.createElement(s,{title:"sort table",theme:!1,icon:{name:p.getIconDirection(Z.columnId===r.id?Z.direction:k)},size:"xs",opacity:Z.columnId===r.id?1:u?.35:0})))}))})),!0)),g=function(r,o){var i=o.subRowProps,l=void 0===i?{}:i,c=o.shouldRenderSubRowData,s=o.shouldRenderSubRowToggle,m=void 0!==s&&s;return Object.keys(r).map((function(o,i){var s=e.isSubRowOpen(i),f=r[o],p={index:i,key:i,keyboardShortcuts:V,onRowSort:q,row:f,rowIndex:i,style:{minWidth:re}},b={};if(M){var h=function(){var e=M(f);"string"==typeof e&&(window.location=e)};b.tabIndex=0,b.role="link",b.cursor="pointer",b.focus={backgroundColor:"hsla(0,0%,97%,1)"},b.hover={backgroundColor:"hsla(0,0%,97%,1)"},b.onClick=h,b.onKeyDown=function(e){"Enter"===e.key&&h()}}return $&&(b.pointerEvents="none"),(F&&0!==i||m)&&(b.borderTopWidth=1),[a.createElement(P,t({},p,b,l),(function(r){var o=r.isRowHovered,l=r.dragHandleProps;return u.toArray([G&&(m?a.createElement(A,{contentsHidden:!0}):a.createElement(A,{toggled:s,rowIndex:i,onClick:function(t){t.stopPropagation(),e.handleSubRowToggle(i)}})),q&&a.createElement(D,t({},l),a.createElement(H,null)),le.map((function(r,l){var u=te[l],c=m&&void 0!==r.subRowCell?r.subRowCell:r.cell;return a.createElement(j,t({key:l},r.columnProps,e.getBodyCellMouseHandlers(l),{position:r.sticky?"sticky":void 0,justifyContent:r.vertical?"center":r.columnProps.justifyContent,minHeight:m?5:N,borderColor:"grey-3",borderLeftWidth:!1!==r.divider&&(d&&(q||0!==l)?1:void 0),backgroundColor:Y===l?"grey-0":"inherit",color:m?"grey-9":"foreground",zIndex:r.sticky?35:void 0,style:t({left:ne(r,l),right:ie(r,l),width:u},r.columnProps.style)}),a.createElement(R,{innerRef:void 0===r.width?n("".concat(l,"-").concat(i+1),{formula:function(e){return{width:e.offsetWidth}}}):null,column:r,justifyContent:r.vertical?"center":r.columnProps.justifyContent},c&&("string"==typeof c?f[c]:c(f,{columnIndex:l,isRowHovered:o,rowIndex:i}))))}))])})),c&&s?g(G(f),{shouldRenderSubRowData:!1,shouldRenderSubRowToggle:!0,subRowProps:{backgroundColor:"hsla(0,0%,99%,1)"}}):null]}))},b=function(e){return a.createElement(T,t({},e,{columnWidths:r([G&&48,q&&48],te,!0).filter(Boolean),rowWidth:re,minHeight:K,offsets:oe,caption:l,header:i,headerColor:z,headerHeight:ee,body:g(O,{shouldRenderSubRowData:!!G})}))};return q?a.createElement(m.Provider,{onDragStart:e.handleSortStart,onDragEnd:e.handleSortEnd},a.createElement(m.Droppable,{droppableId:"table"},(function(e){return a.createElement(c,null,b(t({innerRef:e.innerRef},e.droppableProps)),e.placeholder)}))):b({})})),!ae&&a.createElement(g,{currentPage:w,totalPages:J,onPageChange:_,position:"sticky",bottom:0,zIndex:35,marginTop:"-1px",backgroundColor:"surface",borderTopWidth:1,borderTopColor:"grey-3",css:{"@media print":{position:"relative"}}}))}}),Object.defineProperty(p,"ColumnPicker",{enumerable:!0,configurable:!0,writable:!0,value:k}),Object.defineProperty(p,"AvatarCell",{enumerable:!0,configurable:!0,writable:!0,value:C}),Object.defineProperty(p,"CheckboxCell",{enumerable:!0,configurable:!0,writable:!0,value:O}),Object.defineProperty(p,"DateCell",{enumerable:!0,configurable:!0,writable:!0,value:I}),Object.defineProperty(p,"ASC",{enumerable:!0,configurable:!0,writable:!0,value:"ASC"}),Object.defineProperty(p,"DESC",{enumerable:!0,configurable:!0,writable:!0,value:"DESC"}),Object.defineProperty(p,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{currentPage:0,defaultSortColumnId:null,defaultSortDirection:p.ASC,defaultSortOrder:null,empty:"No results",headerColor:"grey-0",hiddenColumnIds:[],minHeight:48,minRowHeight:8,onPageChange:function(){return null},rowDividers:!0,totalPages:0}}),p}(d);export{z as default};
|
|
2
2
|
//# sourceMappingURL=Table.js.map
|
package/dist/Tabs/Tabs.d.ts
CHANGED
|
@@ -4,9 +4,23 @@ import TabList from './TabList';
|
|
|
4
4
|
import TabPanel from './TabPanel';
|
|
5
5
|
import TabPanels from './TabPanels';
|
|
6
6
|
type Props = {
|
|
7
|
+
/**
|
|
8
|
+
* Controls the active `Tab` and `TabPanel`.
|
|
9
|
+
*/
|
|
7
10
|
activeIndex?: number;
|
|
11
|
+
/**
|
|
12
|
+
* Usually accepts `TabList` and `TabPanel` components.
|
|
13
|
+
*/
|
|
8
14
|
children?: React.ReactNode;
|
|
15
|
+
/**
|
|
16
|
+
* Used in place of `activeIndex` for uncontrolled components.
|
|
17
|
+
*/
|
|
9
18
|
defaultActiveIndex?: number;
|
|
19
|
+
/**
|
|
20
|
+
* Called when the active tab should change.
|
|
21
|
+
*
|
|
22
|
+
* returns `nextActiveIndex`
|
|
23
|
+
*/
|
|
10
24
|
onChange?: Function;
|
|
11
25
|
};
|
|
12
26
|
declare function Tabs(props: Props): React.JSX.Element;
|
package/dist/Tabs/Tabs.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAKtE,OAAO,GAAG,MAAM,OAAO,CAAA;AACvB,OAAO,OAAiC,MAAM,WAAW,CAAA;AACzD,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,SAAqC,MAAM,aAAa,CAAA;AAE/D,KAAK,KAAK,GAAG;
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAKtE,OAAO,GAAG,MAAM,OAAO,CAAA;AACvB,OAAO,OAAiC,MAAM,WAAW,CAAA;AACzD,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,SAAqC,MAAM,aAAa,CAAA;AAE/D,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,CAAA;AAED,iBAAS,IAAI,CAAC,KAAK,EAAE,KAAK,qBAsFzB;kBAtFQ,IAAI;;;;;;;SA8FN,UAAU;aACN,cAAc;cACb,eAAe;eACd,gBAAgB;;AAJ7B,wBAKC"}
|
package/dist/Text/Text.d.ts
CHANGED
|
@@ -1,15 +1,48 @@
|
|
|
1
1
|
import { As, AsProps, StyleProps } from '../types';
|
|
2
2
|
export interface TextUniqueProps extends StyleProps {
|
|
3
|
+
/**
|
|
4
|
+
* Maps to CSS `textAlign` property
|
|
5
|
+
*/
|
|
3
6
|
align?: 'left' | 'center' | 'right';
|
|
7
|
+
/**
|
|
8
|
+
* If `true`, sets `display: inline-block`, otherwise it defaults to `display: block`
|
|
9
|
+
*/
|
|
4
10
|
inline?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Gain access to the internal ref
|
|
13
|
+
*/
|
|
5
14
|
innerRef?: Function | Object;
|
|
15
|
+
/**
|
|
16
|
+
* Sets `fontStyle: italic`
|
|
17
|
+
*/
|
|
6
18
|
italic?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Describes props at different breakpoints. [Read about mediaQueries](/responsive).
|
|
21
|
+
*/
|
|
7
22
|
mediaQueries?: object;
|
|
23
|
+
/**
|
|
24
|
+
* Maps to CSS `fontSize` property. Accepts an index to `fontSizes` theme when using a numeric value, sets a pixel value if a no theme value found.
|
|
25
|
+
*/
|
|
8
26
|
size?: number | string;
|
|
27
|
+
/**
|
|
28
|
+
* Sets `whiteSpace: nowrap`, `overflow: hidden`, `textOverflow: ellipsis`
|
|
29
|
+
*/
|
|
9
30
|
truncate?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Maps to CSS `textDecoration` property
|
|
33
|
+
*/
|
|
10
34
|
underline?: string;
|
|
35
|
+
/**
|
|
36
|
+
* Describes styles at various points in time. [Read about variants](/variants).
|
|
37
|
+
*/
|
|
11
38
|
variants?: object;
|
|
39
|
+
/**
|
|
40
|
+
* Maps to CSS `fontWeight` property
|
|
41
|
+
*/
|
|
12
42
|
weight?: number | string;
|
|
43
|
+
/**
|
|
44
|
+
* Sets `whiteSpace: nowrap` when `false`
|
|
45
|
+
*/
|
|
13
46
|
wrap?: boolean;
|
|
14
47
|
}
|
|
15
48
|
export type TextProps<E extends As = 'p'> = AsProps<E, TextUniqueProps>;
|
package/dist/Text/Text.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAmDlD,MAAM,WAAW,eAAgB,SAAQ,UAAU;
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAmDlD,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,GAAG,IAAI,OAAO,CAAC,CAAC,EAAE,eAAe,CAAC,CAAA;AAIvE,eAAO,MAAM,IAAI,0JAoBhB,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ComponentProps, JSX } from 'react';
|
|
2
2
|
import InputBox from '../Input/InputBox';
|
|
3
3
|
export type TextAreaProps = ComponentProps<typeof InputBox> & {
|
|
4
|
+
/** Provides an initial value to the `textarea`. */
|
|
4
5
|
defaultValue?: string;
|
|
5
6
|
};
|
|
6
7
|
declare const TextArea: ({ defaultValue, ...restProps }: TextAreaProps) => JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AAExC,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AAExC,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IAC5D,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,QAAQ,mCAGX,aAAa,KAAG,WAWlB,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -2,12 +2,18 @@ import * as React from 'react';
|
|
|
2
2
|
import { BoxProps } from '../Box';
|
|
3
3
|
import { MediaQueries, Variants } from '../types';
|
|
4
4
|
export type TileViewProps = {
|
|
5
|
+
/** Render custom component or HTML element tag. (Defaults to a `<div>` element).*/
|
|
5
6
|
as?: any;
|
|
6
7
|
children?: any;
|
|
8
|
+
/** Gain access to the internal ref */
|
|
7
9
|
innerRef?: any;
|
|
10
|
+
/** Describes props at different breakpoints. [Read about mediaQueries](/responsive). */
|
|
8
11
|
mediaQueries?: object;
|
|
12
|
+
/** The minimum width a cell must be. */
|
|
9
13
|
minCellWidth?: number;
|
|
14
|
+
/** The amount of space between children. */
|
|
10
15
|
spacing?: number | string;
|
|
16
|
+
/** Describes styles at various points in time. [Read about variants](/variants). */
|
|
11
17
|
variants?: object;
|
|
12
18
|
} & BoxProps;
|
|
13
19
|
type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & TileViewProps & MediaQueries<TileViewProps> & Variants<TileViewProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TileView.d.ts","sourceRoot":"","sources":["../../src/TileView/TileView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAGjC,OAAO,EAAM,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAiBrD,MAAM,MAAM,aAAa,GAAG;
|
|
1
|
+
{"version":3,"file":"TileView.d.ts","sourceRoot":"","sources":["../../src/TileView/TileView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAGjC,OAAO,EAAM,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAiBrD,MAAM,MAAM,aAAa,GAAG;IAC1B,mFAAmF;IACnF,EAAE,CAAC,EAAE,GAAG,CAAA;IAER,QAAQ,CAAC,EAAE,GAAG,CAAA;IAEd,sCAAsC;IACtC,QAAQ,CAAC,EAAE,GAAG,CAAA;IAEd,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEzB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,GAAG,QAAQ,CAAA;AAEZ,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACnC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GACzB,aAAa,GACb,YAAY,CAAC,aAAa,CAAC,GAC3B,QAAQ,CAAC,aAAa,CAAC,CAAA;AAIzB,wBAAgB,QAAQ,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,sEAczD"}
|
|
@@ -3,14 +3,35 @@ import Input from '../Input/Input';
|
|
|
3
3
|
import InputBox from '../Input/InputBox';
|
|
4
4
|
import { addHoursToTime, addMinutesToTime, addTimeToDate, getTimeFromDate } from './utils';
|
|
5
5
|
type TimeFieldProps = ComponentProps<typeof Input> & ComponentProps<typeof InputBox> & {
|
|
6
|
+
/**
|
|
7
|
+
* If `true`, the component will be controlled externally.
|
|
8
|
+
* Otherwise, the state will be managed internally.
|
|
9
|
+
*/
|
|
6
10
|
controlled?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* An array of keys to ignore when pushed.
|
|
13
|
+
* ex: ["ArrowUp", "ArrowDown"].
|
|
14
|
+
*/
|
|
7
15
|
ignoredKeys?: string[];
|
|
8
16
|
interval?: number;
|
|
17
|
+
/**
|
|
18
|
+
* Render native time input, defaults to `true` if user platform is an iOS device, otherwise `false`.
|
|
19
|
+
*/
|
|
9
20
|
isIOS?: boolean;
|
|
10
21
|
max?: number;
|
|
11
22
|
min?: number;
|
|
23
|
+
/**
|
|
24
|
+
* Receives new time from typing or navigating with up and down arrow keys.
|
|
25
|
+
*/
|
|
12
26
|
onChange: (hoursAndMinutes: [number, number]) => void;
|
|
27
|
+
/**
|
|
28
|
+
* Displays time based on a 12 hour clock, `true` by default.
|
|
29
|
+
*/
|
|
13
30
|
twelveHourClock?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* The controlled value passed to the internal input.
|
|
33
|
+
* Accepts an array of [hours, minutes] based on a 24 hour clock.
|
|
34
|
+
*/
|
|
14
35
|
value: [number, number];
|
|
15
36
|
};
|
|
16
37
|
declare const TimeField: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../../src/TimeField/TimeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EAKf,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAClC,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AAIxC,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,eAAe,EAChB,MAAM,SAAS,CAAA;AAEhB,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAChD,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;
|
|
1
|
+
{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../../src/TimeField/TimeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EAKf,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAClC,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AAIxC,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,eAAe,EAChB,MAAM,SAAS,CAAA;AAEhB,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAChD,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IAChC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IAEtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,QAAQ,EAAE,CAAC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAA;IAErD;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;;OAGG;IACH,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACxB,CAAA;AASH,QAAA,MAAM,SAAS;oDAIZ,cAAc;;;;;CAKd,CAAA;AAOH,eAAe,SAAS,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as n}from'./../ext/tslib/tslib.es6.js';import t,{
|
|
1
|
+
import{__rest as e,__assign as n}from'./../ext/tslib/tslib.es6.js';import t,{useRef as r,useMemo as o,useState as a}from"react";import{Box as i}from"../Box/Box.js";import u from"../Input/Input.js";import l from"../Input/InputBox.js";import c from"../Input/InputField.js";import d from"../NumberField/NumberField.js";import{padNumber as v,noop as s}from"../utils.js";import{addHoursToTime as m,addMinutesToTime as f,addTimeToDate as p,getTimeFromDate as w}from"./utils.js";var h="undefined"!=typeof window&&/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),g=function(r){var o=r.twelveHourClock,a=void 0===o||o,i=r.controlled,u=void 0!==i&&i,l=e(r,["twelveHourClock","controlled"]);return u?t.createElement(k,n({twelveHourClock:a},l)):t.createElement(y,n({twelveHourClock:a},l))};g.addHoursToTime=m,g.addMinutesToTime=f,g.addTimeToDate=p,g.getTimeFromDate=w;var y=function(r){var o=r.value,i=e(r,["value"]),u=a(o),l=u[0],c=u[1];return t.createElement(k,n({},i,{onChange:function(e){c(e),i.onChange&&i.onChange(e)},value:l}))},k=function(a){var m=a.ignoredKeys;a.interval;var f=a.isIOS,p=void 0!==f&&f;a.max,a.min;var w=a.onChange,g=a.twelveHourClock,y=a.value,k=e(a,["ignoredKeys","interval","isIOS","max","min","onChange","twelveHourClock","value"]),A=r(null),C=y[0],b=y[1],M=o((function(){return C<12?"AM":"PM"}),[C]),D=o((function(){return g?0===C?12:C>12?C-12:C:C}),[C]),I=function(e){var n=C-e;return n<0?23:n},x=function(e){return(C+e)%24},E=function(){w("AM"===M?[C+12,b]:[C-12,b])};return h||p?t.createElement(u,n({},k,{type:"time",autoWidth:"".concat(C,":").concat(v(b,2)," ").concat(M),value:"".concat(v(C,2),":").concat(v(b,2)),onChange:function(e){var n=e.target.value.split(":"),t=n[0],r=n[1];w(t||r?[parseInt(t,10),parseInt(r,10)]:[0,0])}})):t.createElement(l,n({ref:A,inline:!0},k),t.createElement(d,{"aria-label":"Hours",autoWidth:!1,fontVariantNumeric:"tabular-nums",grow:0,max:g?12:23,min:0,moveFocusOnMax:!0,onChange:function(e){var n=function(e){var n=e.hours,t=e.twelveHourClock,r=e.meridiem;return t?"PM"===r&&n<12?n+12:"AM"===r&&12===n?0:n:n}({hours:"string"==typeof e?parseInt(e,10):e,meridiem:M,twelveHourClock:g});w([n,b])},onKeyDown:function(e){var n;m&&m.includes(e.key)||("Backspace"===e.key&&e.preventDefault(),"ArrowRight"===e.key&&(null===(n=A.current)||void 0===n?void 0:n.node.children[2]).focus(),"ArrowUp"===e.key&&(w([x(1),b]),e.preventDefault()),"ArrowDown"===e.key&&(!function(e){w([I(e),b])}(1),e.preventDefault()))},pad:2,textAlign:"center",value:D,width:"2ch",disabled:k.disabled,ignoredKeys:m}),t.createElement(i,{as:"span",width:.5,textAlign:"center",userSelect:"none"},":"),t.createElement(d,{"aria-label":"Minutes",autoWidth:!1,fontVariantNumeric:"tabular-nums",grow:0,max:59,min:0,moveFocusOnMax:!0,onChange:function(e){return w([C,"string"==typeof e?parseInt(e,10):e])},onKeyDown:function(e){var n,t,r;"ArrowLeft"===e.key&&(null===(n=A.current)||void 0===n?void 0:n.node.children[0]).focus(),"ArrowRight"===e.key&&(null===(t=A.current)||void 0===t?void 0:t.node.children[3]).focus(),"ArrowUp"===e.key&&(w((r=b+1)<=59?[C,r]:[x(1),0]),e.preventDefault()),"ArrowDown"===e.key&&(!function(e){var n=b-e;w(n>=0?[C,n]:[I(1),59])}(1),e.preventDefault())},pad:2,textAlign:"center",value:b,width:"2ch",disabled:k.disabled,ignoredKeys:m}),g&&t.createElement(c,{"aria-label":"AM/PM",grow:0,highlightOnInteraction:!0,onChange:s,onInput:function(e){var n,t=(null!==(n=e.nativeEvent.data)&&void 0!==n?n:"").charAt(0).toLowerCase();("a"===t&&"PM"===M||"p"===t&&"AM"===M)&&E()},onKeyDown:function(e){var n;if(!m||!m.includes(e.key)){var t=e.key.toLowerCase();"Tab"===e.key||e.metaKey&&"r"===t||"a"===t&&"PM"===M||"p"===t&&"AM"===M||e.preventDefault(),"ArrowLeft"===e.key?(null===(n=A.current)||void 0===n?void 0:n.node.children[2]).focus():["ArrowUp","ArrowDown"].includes(e.key)&&(e.preventDefault(),E())}},textAlign:"center",value:M,width:"2em",disabled:k.disabled}))};export{g as default};
|
|
2
2
|
//# sourceMappingURL=TimeField.js.map
|
|
@@ -7,18 +7,31 @@ type WithVisibleLabel = {
|
|
|
7
7
|
};
|
|
8
8
|
type WithLabel = WithAriaLabel | WithVisibleLabel;
|
|
9
9
|
export type ToggleSwitchProps = {
|
|
10
|
+
/** The aria label for the toggle. */
|
|
10
11
|
ariaLabel?: string;
|
|
12
|
+
/** The color of the toggle background when it is active. */
|
|
11
13
|
backgroundColor?: string;
|
|
14
|
+
/** Whether the toggle is disabled. */
|
|
12
15
|
disabled?: boolean;
|
|
16
|
+
/** The ID of the toggle. */
|
|
13
17
|
id?: string;
|
|
18
|
+
/** Whether the toggle is checked. */
|
|
14
19
|
isChecked: boolean;
|
|
20
|
+
/** The label for the toggle. */
|
|
15
21
|
label?: string;
|
|
22
|
+
/** The position of the toggle label. */
|
|
16
23
|
labelPosition?: 'before' | 'after';
|
|
24
|
+
/** The function to call when the toggle is clicked. */
|
|
17
25
|
onClick: () => void;
|
|
26
|
+
/** The size of the toggle. */
|
|
18
27
|
size?: 'xs' | 'sm' | 'md';
|
|
28
|
+
/** The tooltip to display when the toggle is hovered. */
|
|
19
29
|
tooltip?: string;
|
|
20
30
|
} & WithLabel;
|
|
21
31
|
type Props = React.RefAttributes<any> & ToggleSwitchProps;
|
|
32
|
+
/**
|
|
33
|
+
* @deprecated Use `ToggleSwitch` from `@planningcenter/tapestry` instead. (Removal ETA 2026-07-02)
|
|
34
|
+
*/
|
|
22
35
|
export declare function ToggleSwitch(props: Props): React.JSX.Element;
|
|
23
36
|
export default ToggleSwitch;
|
|
24
37
|
//# sourceMappingURL=ToggleSwitch.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../src/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,KAAK,aAAa,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAAA;AAC1C,KAAK,gBAAgB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AACzC,KAAK,SAAS,GAAG,aAAa,GAAG,gBAAgB,CAAA;AAEjD,MAAM,MAAM,iBAAiB,GAAG;
|
|
1
|
+
{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../src/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,KAAK,aAAa,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAAA;AAC1C,KAAK,gBAAgB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AACzC,KAAK,SAAS,GAAG,aAAa,GAAG,gBAAgB,CAAA;AAEjD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,4DAA4D;IAC5D,eAAe,CAAC,EAAE,MAAM,CAAA;IAExB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,4BAA4B;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAA;IAElB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,wCAAwC;IACxC,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAElC,uDAAuD;IACvD,OAAO,EAAE,MAAM,IAAI,CAAA;IAEnB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAEzB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,SAAS,CAAA;AAEb,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,iBAAiB,CAAA;AAEzD;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,qBAsFxC;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import{token as o}from"@planningcenter/tapestry";import i from"react";import{Box as r}from"../Box/Box.js";import{StackView as l}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as s}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";import{Text as a}from"../Text/Text.js";import n from"../Tooltip/Tooltip.js";function m(m){var c,d=m.ariaLabel,p=void 0===d?void 0:d,f=m.disabled,h=void 0!==f&&f,u=m.id,b=void 0===u?void 0:u,v=m.isChecked,g=m.label,k=void 0===g?void 0:g,w=m.labelPosition,j=void 0===w?"after":w,x=m.onClick,y=m.size,C=void 0===y?"md":y,E=m.tooltip,D=void 0===E?void 0:E,T=t(m,["ariaLabel","disabled","id","isChecked","label","labelPosition","onClick","size","tooltip"]),z=s("toggleSwitch",T).backgroundColor,S={height:2.5,width:4.375},B={height:2,width:2};"sm"===C?(S={height:2.25,width:4},B={height:1.75,width:1.75}):"xs"===C&&(S={height:2,width:3.5},B={height:1.5,width:1.5});var L=h?((c={})["aria-disabled"]=!0,c.cursor="not-allowed",c.onClick=function(t){return t.preventDefault()},c.onKeyDown=function(t){"Enter"!==t.key&&" "!==t.key||t.preventDefault()},c):{};return i.createElement(n,{title:D,placement:h?"top":"bottom"},i.createElement(l,e({alignment:"center","aria-checked":v?"true":"false","aria-label":p||k,as:"button",flexDirection:"before"===j?"row-reverse":"row",id:b,cursor:"pointer",onClick:x,radius:"pill",role:"switch",spacing:"xs"===C?.5:"sm"===C?.75:1},L),i.createElement(r,e({backgroundColor:h?o("--t-fill-color-control-disabled"):v?z:o("--t-fill-color-control-neutral-off"),position:"relative",radius:"pill"},S),i.createElement(r,e({background:"#fff",left:.25,pointerEvents:"none",position:"absolute",radius:"circle",top:.25,transform:"translateX(".concat(v?"calc(100% - 1px)":"0%",")"),transition:"120ms"},B))),k&&i.createElement(a,{size:"xs"===C?5:"sm"===C?4:3},k)))}export{m as ToggleSwitch
|
|
1
|
+
import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import{token as o}from"@planningcenter/tapestry";import i from"react";import{Box as r}from"../Box/Box.js";import{StackView as l}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as s}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";import{Text as a}from"../Text/Text.js";import n from"../Tooltip/Tooltip.js";function m(m){var c,d=m.ariaLabel,p=void 0===d?void 0:d,f=m.disabled,h=void 0!==f&&f,u=m.id,b=void 0===u?void 0:u,v=m.isChecked,g=m.label,k=void 0===g?void 0:g,w=m.labelPosition,j=void 0===w?"after":w,x=m.onClick,y=m.size,C=void 0===y?"md":y,E=m.tooltip,D=void 0===E?void 0:E,T=t(m,["ariaLabel","disabled","id","isChecked","label","labelPosition","onClick","size","tooltip"]),z=s("toggleSwitch",T).backgroundColor,S={height:2.5,width:4.375},B={height:2,width:2};"sm"===C?(S={height:2.25,width:4},B={height:1.75,width:1.75}):"xs"===C&&(S={height:2,width:3.5},B={height:1.5,width:1.5});var L=h?((c={})["aria-disabled"]=!0,c.cursor="not-allowed",c.onClick=function(t){return t.preventDefault()},c.onKeyDown=function(t){"Enter"!==t.key&&" "!==t.key||t.preventDefault()},c):{};return i.createElement(n,{title:D,placement:h?"top":"bottom"},i.createElement(l,e({alignment:"center","aria-checked":v?"true":"false","aria-label":p||k,as:"button",flexDirection:"before"===j?"row-reverse":"row",id:b,cursor:"pointer",onClick:x,radius:"pill",role:"switch",spacing:"xs"===C?.5:"sm"===C?.75:1},L),i.createElement(r,e({backgroundColor:h?o("--t-fill-color-control-disabled"):v?z:o("--t-fill-color-control-neutral-off"),position:"relative",radius:"pill"},S),i.createElement(r,e({background:"#fff",left:.25,pointerEvents:"none",position:"absolute",radius:"circle",top:.25,transform:"translateX(".concat(v?"calc(100% - 1px)":"0%",")"),transition:"120ms"},B))),k&&i.createElement(a,{size:"xs"===C?5:"sm"===C?4:3},k)))}export{m as ToggleSwitch};
|
|
2
2
|
//# sourceMappingURL=ToggleSwitch.js.map
|
|
@@ -1,13 +1,21 @@
|
|
|
1
1
|
import React, { ComponentProps, ReactNode } from 'react';
|
|
2
2
|
import Badge from '../Badge';
|
|
3
3
|
interface Props {
|
|
4
|
+
/** Props to pass to the Badge component. */
|
|
4
5
|
keyboardControls?: ComponentProps<typeof Badge>;
|
|
6
|
+
/** Callback when "X" Icon is clicked */
|
|
5
7
|
removeToken: (notUsed: false) => void;
|
|
8
|
+
/** Not used. */
|
|
6
9
|
selectFirstToken?: () => void;
|
|
10
|
+
/** Not used. */
|
|
7
11
|
selectLastToken?: () => void;
|
|
12
|
+
/** Not used. */
|
|
8
13
|
selectNextToken?: () => void;
|
|
14
|
+
/** Not used. */
|
|
9
15
|
selectPreviousToken?: () => void;
|
|
16
|
+
/** The token to render. */
|
|
10
17
|
token?: ReactNode;
|
|
18
|
+
/** Not used */
|
|
11
19
|
tokenIndex?: number;
|
|
12
20
|
}
|
|
13
21
|
type InheritedProps = Omit<ComponentProps<typeof Badge>, keyof Props>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultToken.d.ts","sourceRoot":"","sources":["../../src/TokenInput/DefaultToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3E,OAAO,KAAK,MAAM,UAAU,CAAA;AAG5B,UAAU,KAAK;
|
|
1
|
+
{"version":3,"file":"DefaultToken.d.ts","sourceRoot":"","sources":["../../src/TokenInput/DefaultToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3E,OAAO,KAAK,MAAM,UAAU,CAAA;AAG5B,UAAU,KAAK;IACb,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAA;IAE/C,wCAAwC;IACxC,WAAW,EAAE,CAAC,OAAO,EAAE,KAAK,KAAK,IAAI,CAAA;IAErC,gBAAgB;IAChB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IAE7B,gBAAgB;IAChB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAE5B,gBAAgB;IAChB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAE5B,gBAAgB;IAChB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAEhC,2BAA2B;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAA;IAEjB,eAAe;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AACD,KAAK,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC,CAAA;AACrE,KAAK,iBAAiB,GAAG,KAAK,GAAG,cAAc,CAAA;AAE/C,iBAAS,YAAY,CAAC,EACpB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,eAAe,EACf,KAAK,EACL,UAAU,EACV,GAAG,SAAS,EACb,EAAE,iBAAiB,qBAkBnB;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -2,12 +2,19 @@ import React, { Component } from 'react';
|
|
|
2
2
|
import { defaultRenderInput, defaultRenderToken } from './default-renders';
|
|
3
3
|
import DefaultToken from './DefaultToken';
|
|
4
4
|
export interface TokenInputProps<T = unknown> {
|
|
5
|
+
/**
|
|
6
|
+
* Callback when a token has been added or removed.
|
|
7
|
+
*/
|
|
5
8
|
onChange: (event: {
|
|
6
9
|
added: boolean;
|
|
7
10
|
token: T;
|
|
8
11
|
tokenIndex: number;
|
|
9
12
|
tokens: T[];
|
|
10
13
|
}) => void;
|
|
14
|
+
/**
|
|
15
|
+
* Control how the internal input is rendered, `inputProps` must be passed
|
|
16
|
+
* through to the rendered input.
|
|
17
|
+
*/
|
|
11
18
|
renderInput?: (inputProps: object, options: {
|
|
12
19
|
addToken: (token: T) => void;
|
|
13
20
|
clearInputValue: () => void;
|
|
@@ -15,6 +22,11 @@ export interface TokenInputProps<T = unknown> {
|
|
|
15
22
|
selectFirstToken: () => void;
|
|
16
23
|
selectLastToken: () => void;
|
|
17
24
|
}) => React.ReactElement;
|
|
25
|
+
/**
|
|
26
|
+
* Control how a token is rendered. As long as this function returns a string,
|
|
27
|
+
* it will use a default badge, otherwise pass any custom component and
|
|
28
|
+
* functionality you need.
|
|
29
|
+
*/
|
|
18
30
|
renderToken?: (token: T, options: {
|
|
19
31
|
keyboardControls: {
|
|
20
32
|
onKeyDown: (e: React.KeyboardEvent) => void;
|
|
@@ -28,6 +40,9 @@ export interface TokenInputProps<T = unknown> {
|
|
|
28
40
|
tokenIndex: number;
|
|
29
41
|
}) => React.ReactElement;
|
|
30
42
|
size?: string;
|
|
43
|
+
/**
|
|
44
|
+
* Controlled set of tokens.
|
|
45
|
+
*/
|
|
31
46
|
tokens: Array<T>;
|
|
32
47
|
}
|
|
33
48
|
type Props<T = unknown> = TokenInputProps<T>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenInput.d.ts","sourceRoot":"","sources":["../../src/TokenInput/TokenInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtD,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAC1E,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,OAAO;
|
|
1
|
+
{"version":3,"file":"TokenInput.d.ts","sourceRoot":"","sources":["../../src/TokenInput/TokenInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtD,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAC1E,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,OAAO;IAC1C;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,KAAK,EAAE,OAAO,CAAA;QACd,KAAK,EAAE,CAAC,CAAA;QACR,UAAU,EAAE,MAAM,CAAA;QAClB,MAAM,EAAE,CAAC,EAAE,CAAA;KACZ,KAAK,IAAI,CAAA;IACV;;;OAGG;IACH,WAAW,CAAC,EAAE,CACZ,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE;QACP,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;QAC5B,eAAe,EAAE,MAAM,IAAI,CAAA;QAC3B,WAAW,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;QACpD,gBAAgB,EAAE,MAAM,IAAI,CAAA;QAC5B,eAAe,EAAE,MAAM,IAAI,CAAA;KAC5B,KACE,KAAK,CAAC,YAAY,CAAA;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CACZ,KAAK,EAAE,CAAC,EACR,OAAO,EAAE;QACP,gBAAgB,EAAE;YAChB,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAA;YAC3C,QAAQ,EAAE,MAAM,CAAA;SACjB,CAAA;QACD,WAAW,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;QACpD,gBAAgB,EAAE,MAAM,IAAI,CAAA;QAC5B,eAAe,EAAE,MAAM,IAAI,CAAA;QAC3B,eAAe,EAAE,MAAM,IAAI,CAAA;QAC3B,mBAAmB,EAAE,MAAM,IAAI,CAAA;QAC/B,UAAU,EAAE,MAAM,CAAA;KACnB,KACE,KAAK,CAAC,YAAY,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA;CACjB;AAED,KAAK,KAAK,CAAC,CAAC,GAAG,OAAO,IAAI,eAAe,CAAC,CAAC,CAAC,CAAA;AAE5C,cAAM,UAAU,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACvD,MAAM,CAAC,KAAK,sBAAe;IAE3B,MAAM,CAAC,YAAY;;;;;MAKlB;IAED,QAAQ,EAAE,gBAAgB,CAAA;IAE1B,KAAK;;MAEJ;IAED,kBAAkB,CAAC,SAAS,KAAA;IAM5B,eAAe,aAEd;IAED,QAAQ,uBAkBP;IAED,WAAW,wCAiCV;IAED,kBAAkB,mBAWjB;IAED,iBAAiB,mBAEhB;IAED,IAAI,aAEH;IAED,KAAK,uBAEJ;IAED,eAAe,aAEd;IAED,cAAc,aAEb;IAED,MAAM;CAwFP;;AAED,wBAEC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__extends as e,__spreadArray as t,__rest as n,__assign as o}from'./../ext/tslib/tslib.es6.js';import r,{cloneElement as i,Component as a}from"react";import s from"../Input/InputBox.js";import{getBoxSize as u}from"../system/box-sizes.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{navigateSize as l}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";import{WrapView as p}from"../WrapView/WrapView.js";import{
|
|
1
|
+
import{__extends as e,__spreadArray as t,__rest as n,__assign as o}from'./../ext/tslib/tslib.es6.js';import r,{cloneElement as i,Component as a}from"react";import s from"../Input/InputBox.js";import{getBoxSize as u}from"../system/box-sizes.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{navigateSize as l}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";import{WrapView as p}from"../WrapView/WrapView.js";import{defaultRenderToken as c,defaultRenderInput as f}from"./default-renders.js";import d from"./DefaultToken.js";var b=function(a){function b(){var e=null!==a&&a.apply(this,arguments)||this;return Object.defineProperty(e,"inputBox",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"state",{enumerable:!0,configurable:!0,writable:!0,value:{inputValue:""}}),Object.defineProperty(e,"clearInputValue",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.setState({inputValue:""})}}),Object.defineProperty(e,"addToken",{enumerable:!0,configurable:!0,writable:!0,value:function(n){var o=t([],e.props.tokens,!0),r=o.indexOf(n);if(r>-1){var i=o.splice(r,1);o.push(i[0])}else o.push(n);e.props.onChange&&e.props.onChange({added:!0,token:n,tokenIndex:r,tokens:o}),e.clearInputValue()}}),Object.defineProperty(e,"removeToken",{enumerable:!0,configurable:!0,writable:!0,value:function(n,o){var r=t([],e.props.tokens,!0),i=-1;n.constructor===Array?n.some((function(e){return(i=r.indexOf(e))>-1&&(r.splice(i,1),!0)})):(i=r.indexOf(n))>-1&&r.splice(i,1),e.props.onChange&&e.props.onChange({added:!1,token:n,tokenIndex:i,tokens:r}),"number"==typeof o?setTimeout((function(){e.focus(o>=r.length?void 0:o)})):e.blur()}}),Object.defineProperty(e,"handleInputKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var n=t.target,o=n.selectionStart,r=n.selectionEnd,i=0===o&&0===r;e.props.tokens.length>0&&i&&("Backspace"===t.key||"ArrowLeft"===t.key)&&(t.preventDefault(),e.focusLastToken())}}),Object.defineProperty(e,"handleInputChange",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.setState({inputValue:t.target.value})}}),Object.defineProperty(e,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.inputBox.blur()}}),Object.defineProperty(e,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.inputBox.focus(t)}}),Object.defineProperty(e,"focusFirstToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.focus(0)}}),Object.defineProperty(e,"focusLastToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.focus(e.props.tokens.length-1)}}),e}return e(b,a),Object.defineProperty(b.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){e.tokens.length!==this.props.tokens.length&&this.clearInputValue()}}),Object.defineProperty(b.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props;t.onChange;var a=t.renderInput,c=t.renderToken,f=t.tokens,b=n(t,["onChange","renderInput","renderToken","tokens"]),m={grow:1,onChange:this.handleInputChange,onKeyDown:this.handleInputKeyDown,paddingLeft:0,paddingRight:0,paddingVertical:0,shrink:1,size:l(b.size,-1),stroke:!1,strokeWeight:0,value:this.state.inputValue},k=u(b.size).paddingVertical;return r.createElement(p,o({as:s,innerRef:function(t){return e.inputBox=t},role:"group",focusChildIndex:f.length,evenPadding:!0,spacing:k},b),f.map((function(t,n){var o=e.removeToken.bind(e,t),a=e.focusFirstToken,s=e.focusLastToken,u=e.focus.bind(e,n+1),l=e.focus.bind(e,n-1),p=c(t,{keyboardControls:{onKeyDown:function(e){"Backspace"===e.key&&(e.preventDefault(),o(n)),"ArrowLeft"===e.key&&(e.preventDefault(),l()),"ArrowRight"===e.key&&(e.preventDefault(),u())},tabIndex:0},removeToken:o,selectFirstToken:a,selectLastToken:s,selectNextToken:u,selectPreviousToken:l,tokenIndex:n});return"string"==typeof p?r.createElement(d,{key:p,removeToken:o,selectFirstToken:a,selectLastToken:s,selectNextToken:u,selectPreviousToken:l,token:p,tokenIndex:n}):i(p,{key:JSON.stringify(t)})})),a(m,{addToken:this.addToken,clearInputValue:this.clearInputValue,removeToken:this.removeToken,selectFirstToken:this.focusFirstToken,selectLastToken:this.focusLastToken}))}}),Object.defineProperty(b,"Token",{enumerable:!0,configurable:!0,writable:!0,value:d}),Object.defineProperty(b,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{renderInput:f,renderToken:c,size:"md",tokens:null}}),b}(a);export{b as default};
|
|
2
2
|
//# sourceMappingURL=TokenInput.js.map
|
|
@@ -2,12 +2,34 @@ import React, { Component, ComponentProps, ReactElement, ReactNode } from 'react
|
|
|
2
2
|
import StackView from '../StackView';
|
|
3
3
|
import ToolbarAction from './Action';
|
|
4
4
|
export type ToolbarProps = ComponentProps<typeof StackView> & {
|
|
5
|
+
/**
|
|
6
|
+
* Provide either a single action like a `Button` or `Dropdown` or an array of actions.
|
|
7
|
+
* Each element will be cloned with the following props: `{ size: 'xs', borderColor: 'primary' }`.
|
|
8
|
+
*/
|
|
5
9
|
actions?: ReactElement | Array<ReactElement>;
|
|
10
|
+
/**
|
|
11
|
+
* Adds a counter next to the title of the toolbar.
|
|
12
|
+
*/
|
|
6
13
|
count?: number;
|
|
14
|
+
/**
|
|
15
|
+
* Controls the color of the counter.
|
|
16
|
+
*/
|
|
7
17
|
countColor?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Render help content inside of a `Collapse` that is triggered by an info button placed next to the title.
|
|
20
|
+
*/
|
|
8
21
|
helpContent?: string | ReactNode;
|
|
22
|
+
/**
|
|
23
|
+
* Used to clear a status once it has been set.
|
|
24
|
+
*/
|
|
9
25
|
onStatusClearRequest?: () => null;
|
|
26
|
+
/**
|
|
27
|
+
* Renders either a saved or error badge.
|
|
28
|
+
*/
|
|
10
29
|
status?: 'error' | 'success';
|
|
30
|
+
/**
|
|
31
|
+
* Renders a heading in the left portion of the toolbar.
|
|
32
|
+
*/
|
|
11
33
|
title: ReactNode;
|
|
12
34
|
};
|
|
13
35
|
declare class Toolbar extends Component<ToolbarProps> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EACT,cAAc,EACd,YAAY,EACZ,SAAS,EACV,MAAM,OAAO,CAAA;AAId,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,OAAO,aAAa,MAAM,UAAU,CAAA;AAQpC,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;
|
|
1
|
+
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EACT,cAAc,EACd,YAAY,EACZ,SAAS,EACV,MAAM,OAAO,CAAA;AAId,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,OAAO,aAAa,MAAM,UAAU,CAAA;AAQpC,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC5D;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC,CAAA;IAE5C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAEhC;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IAEjC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAE5B;;OAEG;IACH,KAAK,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,cAAM,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC3C,MAAM,CAAC,MAAM,uBAAgB;IAE7B,cAAc,SAAsC;IAEpD,MAAM,CAAC,YAAY;;MAA2B;IAE9C,MAAM;CA+EP;AASD,eAAe,OAAO,CAAA"}
|