@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.
Files changed (225) hide show
  1. package/dist/ActionsDropdown/ActionsDropdown.d.ts +14 -0
  2. package/dist/ActionsDropdown/ActionsDropdown.d.ts.map +1 -1
  3. package/dist/Alert/Alert.d.ts +2 -0
  4. package/dist/Alert/Alert.d.ts.map +1 -1
  5. package/dist/Alert/Alert.js +1 -1
  6. package/dist/Avatar/Avatar.d.ts +12 -0
  7. package/dist/Avatar/Avatar.d.ts.map +1 -1
  8. package/dist/Badge/Badge.d.ts +28 -0
  9. package/dist/Badge/Badge.d.ts.map +1 -1
  10. package/dist/Badge/Status.d.ts +15 -0
  11. package/dist/Badge/Status.d.ts.map +1 -1
  12. package/dist/Box/Box.d.ts +12 -0
  13. package/dist/Box/Box.d.ts.map +1 -1
  14. package/dist/Button/Button.d.ts +53 -0
  15. package/dist/Button/Button.d.ts.map +1 -1
  16. package/dist/Button/Input.d.ts +12 -0
  17. package/dist/Button/Input.d.ts.map +1 -1
  18. package/dist/Calendar/Calendar.d.ts +33 -0
  19. package/dist/Calendar/Calendar.d.ts.map +1 -1
  20. package/dist/Calendar/Calendar.js +1 -1
  21. package/dist/Calendar/Day.d.ts +49 -0
  22. package/dist/Calendar/Day.d.ts.map +1 -1
  23. package/dist/Card/Card.d.ts +2 -0
  24. package/dist/Card/Card.d.ts.map +1 -1
  25. package/dist/Card/Section.d.ts +1 -0
  26. package/dist/Card/Section.d.ts.map +1 -1
  27. package/dist/Checkbox/Checkbox.d.ts +38 -0
  28. package/dist/Checkbox/Checkbox.d.ts.map +1 -1
  29. package/dist/CheckboxCard/CheckboxCard.d.ts +2 -0
  30. package/dist/CheckboxCard/CheckboxCard.d.ts.map +1 -1
  31. package/dist/CheckboxGroup/CheckboxGroup.d.ts +9 -0
  32. package/dist/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
  33. package/dist/ChurchCenterStatus/ChurchCenterStatus.d.ts +41 -0
  34. package/dist/ChurchCenterStatus/ChurchCenterStatus.d.ts.map +1 -1
  35. package/dist/Collapse/Collapse.d.ts +12 -0
  36. package/dist/Collapse/Collapse.d.ts.map +1 -1
  37. package/dist/ColumnView/ColumnView.d.ts +3 -0
  38. package/dist/ColumnView/ColumnView.d.ts.map +1 -1
  39. package/dist/Combobox/Combobox.d.ts +12 -0
  40. package/dist/Combobox/Combobox.d.ts.map +1 -1
  41. package/dist/Combobox/ComboboxPopover.d.ts +10 -0
  42. package/dist/Combobox/ComboboxPopover.d.ts.map +1 -1
  43. package/dist/DataTable/DataTable.d.ts +176 -0
  44. package/dist/DataTable/DataTable.d.ts.map +1 -1
  45. package/dist/DataTable/components/Icon.d.ts +2 -0
  46. package/dist/DataTable/components/Icon.d.ts.map +1 -1
  47. package/dist/DateField/DateField.d.ts +33 -0
  48. package/dist/DateField/DateField.d.ts.map +1 -1
  49. package/dist/DateField/parse.d.ts +9 -0
  50. package/dist/DateField/parse.d.ts.map +1 -1
  51. package/dist/DateField/useEditableDate.d.ts +12 -0
  52. package/dist/DateField/useEditableDate.d.ts.map +1 -1
  53. package/dist/Dialog/Dialog.d.ts +40 -0
  54. package/dist/Dialog/Dialog.d.ts.map +1 -1
  55. package/dist/Dialog/Dialog.js +1 -1
  56. package/dist/Divider/Divider.d.ts +15 -0
  57. package/dist/Divider/Divider.d.ts.map +1 -1
  58. package/dist/DragDrop/DragDrop.js +1 -1
  59. package/dist/Drawer/Drawer.d.ts +1 -0
  60. package/dist/Drawer/Drawer.d.ts.map +1 -1
  61. package/dist/Dropdown/Dropdown.d.ts +33 -0
  62. package/dist/Dropdown/Dropdown.d.ts.map +1 -1
  63. package/dist/EditActions/EditActions.d.ts +3 -0
  64. package/dist/EditActions/EditActions.d.ts.map +1 -1
  65. package/dist/Field/Field.d.ts +14 -0
  66. package/dist/Field/Field.d.ts.map +1 -1
  67. package/dist/FieldSet/FieldSet.d.ts +18 -0
  68. package/dist/FieldSet/FieldSet.d.ts.map +1 -1
  69. package/dist/FilterLayout/FilterLayout.d.ts +5 -0
  70. package/dist/FilterLayout/FilterLayout.d.ts.map +1 -1
  71. package/dist/Form/Form.d.ts +44 -0
  72. package/dist/Form/Form.d.ts.map +1 -1
  73. package/dist/GridView/GridView.d.ts +15 -0
  74. package/dist/GridView/GridView.d.ts.map +1 -1
  75. package/dist/Group/Group.d.ts +15 -0
  76. package/dist/Group/Group.d.ts.map +1 -1
  77. package/dist/Heading/Heading.d.ts +2 -0
  78. package/dist/Heading/Heading.d.ts.map +1 -1
  79. package/dist/HelperDrawer/HelperDrawer.d.ts +1 -0
  80. package/dist/HelperDrawer/HelperDrawer.d.ts.map +1 -1
  81. package/dist/Highlight/Highlight.d.ts +15 -0
  82. package/dist/Highlight/Highlight.d.ts.map +1 -1
  83. package/dist/Highlight/Highlight.js +1 -1
  84. package/dist/Icon/Icon.d.ts +4 -0
  85. package/dist/Icon/Icon.d.ts.map +1 -1
  86. package/dist/Icon/Path.d.ts +2 -0
  87. package/dist/Icon/Path.d.ts.map +1 -1
  88. package/dist/Icon/Status.d.ts +3 -0
  89. package/dist/Icon/Status.d.ts.map +1 -1
  90. package/dist/Input/Inline.d.ts +7 -0
  91. package/dist/Input/Inline.d.ts.map +1 -1
  92. package/dist/Input/Input.d.ts +70 -0
  93. package/dist/Input/Input.d.ts.map +1 -1
  94. package/dist/Input/InputBox.d.ts +63 -0
  95. package/dist/Input/InputBox.d.ts.map +1 -1
  96. package/dist/Input/InputField.d.ts +19 -0
  97. package/dist/Input/InputField.d.ts.map +1 -1
  98. package/dist/Input/InputLabel.d.ts +6 -0
  99. package/dist/Input/InputLabel.d.ts.map +1 -1
  100. package/dist/ItemList/ItemListItem.d.ts +9 -0
  101. package/dist/ItemList/ItemListItem.d.ts.map +1 -1
  102. package/dist/Link/Link.d.ts +22 -0
  103. package/dist/Link/Link.d.ts.map +1 -1
  104. package/dist/LinkList/LinkList.d.ts +1 -0
  105. package/dist/LinkList/LinkList.d.ts.map +1 -1
  106. package/dist/List/List.d.ts +9 -0
  107. package/dist/List/List.d.ts.map +1 -1
  108. package/dist/Logo/Logo.d.ts +20 -0
  109. package/dist/Logo/Logo.d.ts.map +1 -1
  110. package/dist/Menu/Menu.d.ts +1 -0
  111. package/dist/Menu/Menu.d.ts.map +1 -1
  112. package/dist/Modal/Modal.d.ts +13 -0
  113. package/dist/Modal/Modal.d.ts.map +1 -1
  114. package/dist/NumberField/NumberField.d.ts +38 -0
  115. package/dist/NumberField/NumberField.d.ts.map +1 -1
  116. package/dist/Page/PageBody.d.ts +9 -0
  117. package/dist/Page/PageBody.d.ts.map +1 -1
  118. package/dist/Page/PageHeader.d.ts +4 -0
  119. package/dist/Page/PageHeader.d.ts.map +1 -1
  120. package/dist/Page/PageTitle.d.ts +4 -0
  121. package/dist/Page/PageTitle.d.ts.map +1 -1
  122. package/dist/Page/PageToolbar.d.ts +3 -0
  123. package/dist/Page/PageToolbar.d.ts.map +1 -1
  124. package/dist/PagerView/PagerView.d.ts +18 -0
  125. package/dist/PagerView/PagerView.d.ts.map +1 -1
  126. package/dist/Pagination/Pagination.d.ts +24 -0
  127. package/dist/Pagination/Pagination.d.ts.map +1 -1
  128. package/dist/Popover/Popover.d.ts +92 -0
  129. package/dist/Popover/Popover.d.ts.map +1 -1
  130. package/dist/Portal/Portal.d.ts +6 -0
  131. package/dist/Portal/Portal.d.ts.map +1 -1
  132. package/dist/Progress/Progress.d.ts +6 -0
  133. package/dist/Progress/Progress.d.ts.map +1 -1
  134. package/dist/Radio/Radio.d.ts +36 -0
  135. package/dist/Radio/Radio.d.ts.map +1 -1
  136. package/dist/RangeSlider/RangeSlider.d.ts +21 -0
  137. package/dist/RangeSlider/RangeSlider.d.ts.map +1 -1
  138. package/dist/Scrim/Scrim.d.ts +1 -0
  139. package/dist/Scrim/Scrim.d.ts.map +1 -1
  140. package/dist/SegmentedControl/SegmentedControl.d.ts +1 -0
  141. package/dist/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  142. package/dist/SegmentedTabs/SegmentedTabs.d.ts +1 -0
  143. package/dist/SegmentedTabs/SegmentedTabs.d.ts.map +1 -1
  144. package/dist/Select/Inline.d.ts +9 -0
  145. package/dist/Select/Inline.d.ts.map +1 -1
  146. package/dist/Select/OptionGroup.d.ts +3 -0
  147. package/dist/Select/OptionGroup.d.ts.map +1 -1
  148. package/dist/Select/Select.d.ts +75 -0
  149. package/dist/Select/Select.d.ts.map +1 -1
  150. package/dist/Select/Select.js +1 -1
  151. package/dist/Sidebar/Sidebar.d.ts +6 -0
  152. package/dist/Sidebar/Sidebar.d.ts.map +1 -1
  153. package/dist/Sidebar/SidebarItem.d.ts +3 -0
  154. package/dist/Sidebar/SidebarItem.d.ts.map +1 -1
  155. package/dist/Sidebar/SidebarList.d.ts +3 -0
  156. package/dist/Sidebar/SidebarList.d.ts.map +1 -1
  157. package/dist/Spinner/Spinner.d.ts +15 -0
  158. package/dist/Spinner/Spinner.d.ts.map +1 -1
  159. package/dist/StackView/StackView.d.ts +6 -0
  160. package/dist/StackView/StackView.d.ts.map +1 -1
  161. package/dist/StepperField/StepperField.d.ts +15 -0
  162. package/dist/StepperField/StepperField.d.ts.map +1 -1
  163. package/dist/StepperProgress/Step.d.ts +4 -0
  164. package/dist/StepperProgress/Step.d.ts.map +1 -1
  165. package/dist/StepperProgress/StepperProgress.d.ts +3 -0
  166. package/dist/StepperProgress/StepperProgress.d.ts.map +1 -1
  167. package/dist/Summary/Summary.d.ts +12 -0
  168. package/dist/Summary/Summary.d.ts.map +1 -1
  169. package/dist/Tab/Tab.d.ts +5 -0
  170. package/dist/Tab/Tab.d.ts.map +1 -1
  171. package/dist/TabNav/Tab.d.ts +12 -0
  172. package/dist/TabNav/Tab.d.ts.map +1 -1
  173. package/dist/TabNav/Tab.js +1 -1
  174. package/dist/TabNav/TabNav.d.ts +9 -0
  175. package/dist/TabNav/TabNav.d.ts.map +1 -1
  176. package/dist/TabNav/TabNav.js +1 -1
  177. package/dist/Table/SubRowToggleCell.d.ts +2 -0
  178. package/dist/Table/SubRowToggleCell.d.ts.map +1 -1
  179. package/dist/Table/Table.d.ts +125 -0
  180. package/dist/Table/Table.d.ts.map +1 -1
  181. package/dist/Table/Table.js +1 -1
  182. package/dist/Tabs/Tabs.d.ts +14 -0
  183. package/dist/Tabs/Tabs.d.ts.map +1 -1
  184. package/dist/Text/Text.d.ts +33 -0
  185. package/dist/Text/Text.d.ts.map +1 -1
  186. package/dist/TextArea/TextArea.d.ts +1 -0
  187. package/dist/TextArea/TextArea.d.ts.map +1 -1
  188. package/dist/TileView/TileView.d.ts +6 -0
  189. package/dist/TileView/TileView.d.ts.map +1 -1
  190. package/dist/TimeField/TimeField.d.ts +21 -0
  191. package/dist/TimeField/TimeField.d.ts.map +1 -1
  192. package/dist/TimeField/TimeField.js +1 -1
  193. package/dist/ToggleSwitch/ToggleSwitch.d.ts +13 -0
  194. package/dist/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
  195. package/dist/ToggleSwitch/ToggleSwitch.js +1 -1
  196. package/dist/TokenInput/DefaultToken.d.ts +8 -0
  197. package/dist/TokenInput/DefaultToken.d.ts.map +1 -1
  198. package/dist/TokenInput/TokenInput.d.ts +15 -0
  199. package/dist/TokenInput/TokenInput.d.ts.map +1 -1
  200. package/dist/TokenInput/TokenInput.js +1 -1
  201. package/dist/Toolbar/Toolbar.d.ts +22 -0
  202. package/dist/Toolbar/Toolbar.d.ts.map +1 -1
  203. package/dist/Tooltip/Tooltip.d.ts +118 -0
  204. package/dist/Tooltip/Tooltip.d.ts.map +1 -1
  205. package/dist/Wizard/Wizard.d.ts +37 -0
  206. package/dist/Wizard/Wizard.d.ts.map +1 -1
  207. package/dist/WrapView/WrapView.d.ts +1 -0
  208. package/dist/WrapView/WrapView.d.ts.map +1 -1
  209. package/dist/designTokens/index.js +1 -1
  210. package/dist/hooks/use-accessibility-violation.d.ts +8 -1
  211. package/dist/hooks/use-accessibility-violation.d.ts.map +1 -1
  212. package/dist/hooks/use-document-event.d.ts +15 -0
  213. package/dist/hooks/use-document-event.d.ts.map +1 -1
  214. package/dist/hooks/use-focus.d.ts +5 -0
  215. package/dist/hooks/use-focus.d.ts.map +1 -1
  216. package/dist/hooks/use-id.d.ts +6 -0
  217. package/dist/hooks/use-id.d.ts.map +1 -1
  218. package/dist/hooks/use-measure.d.ts +36 -0
  219. package/dist/hooks/use-measure.d.ts.map +1 -1
  220. package/dist/hooks/use-roving-index.d.ts +23 -0
  221. package/dist/hooks/use-roving-index.d.ts.map +1 -1
  222. package/dist/system/colors/utils.js +1 -1
  223. package/dist/utils.d.ts +109 -0
  224. package/dist/utils.d.ts.map +1 -1
  225. package/package.json +2 -2
@@ -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
@@ -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;
@@ -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;IAIX,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAI1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAM3B,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"}
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"}
@@ -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>;
@@ -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;IAIjD,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAInC,MAAM,CAAC,EAAE,OAAO,CAAA;IAIhB,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IAI5B,MAAM,CAAC,EAAE,OAAO,CAAA;IAIhB,YAAY,CAAC,EAAE,MAAM,CAAA;IAIrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAItB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAIlB,SAAS,CAAC,EAAE,MAAM,CAAA;IAIlB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAIjB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAIxB,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
+ {"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;IAE5D,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,QAAQ,mCAGX,aAAa,KAAG,WAWlB,CAAA;AAED,eAAe,QAAQ,CAAA"}
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;IAE1B,EAAE,CAAC,EAAE,GAAG,CAAA;IAER,QAAQ,CAAC,EAAE,GAAG,CAAA;IAGd,QAAQ,CAAC,EAAE,GAAG,CAAA;IAGd,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAGzB,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"}
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;IAKhC,UAAU,CAAC,EAAE,OAAO,CAAA;IAMpB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IAEtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAKjB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ,GAAG,CAAC,EAAE,MAAM,CAAA;IAKZ,QAAQ,EAAE,CAAC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAA;IAKrD,eAAe,CAAC,EAAE,OAAO,CAAA;IAMzB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACxB,CAAA;AASH,QAAA,MAAM,SAAS;oDAIZ,cAAc;;;;;CAKd,CAAA;AAOH,eAAe,SAAS,CAAA"}
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,{useState as r,useRef as o,useMemo 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(o){var a=o.value,i=e(o,["value"]),u=r(a),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(r){var m=r.ignoredKeys;r.interval;var f=r.isIOS,p=void 0!==f&&f;r.max,r.min;var w=r.onChange,g=r.twelveHourClock,y=r.value,k=e(r,["ignoredKeys","interval","isIOS","max","min","onChange","twelveHourClock","value"]),A=o(null),C=y[0],b=y[1],M=a((function(){return C<12?"AM":"PM"}),[C]),D=a((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};
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;IAE9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAGlB,eAAe,CAAC,EAAE,MAAM,CAAA;IAGxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAGlB,EAAE,CAAC,EAAE,MAAM,CAAA;IAGX,SAAS,EAAE,OAAO,CAAA;IAGlB,KAAK,CAAC,EAAE,MAAM,CAAA;IAGd,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAGlC,OAAO,EAAE,MAAM,IAAI,CAAA;IAGnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAGzB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,SAAS,CAAA;AAEb,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,iBAAiB,CAAA;AAEzD,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,qBAsFxC;AAED,eAAe,YAAY,CAAA"}
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,m as default};
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;IAEb,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAA;IAG/C,WAAW,EAAE,CAAC,OAAO,EAAE,KAAK,KAAK,IAAI,CAAA;IAGrC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IAG7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAG5B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAG5B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAGhC,KAAK,CAAC,EAAE,SAAS,CAAA;IAGjB,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"}
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;IAI1C,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;IAKV,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;IAMvB,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;IAKb,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
+ {"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{defaultRenderInput as c,defaultRenderToken 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:c,renderToken:f,size:"md",tokens:null}}),b}(a);export{b as default};
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;IAK5D,OAAO,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC,CAAA;IAK5C,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,UAAU,CAAC,EAAE,MAAM,CAAA;IAKnB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAKhC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IAKjC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAK5B,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"}
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"}