@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,__spreadArray as t,__rest as n,__assign as o}from'./../ext/tslib/tslib.es6.js';import r from"lodash/isEqual";import i,{Component as l}from"react";import a from"../FocusGroup/FocusGroup.js";import u from"../Icon/Icon.js";import c from"../Input/Input.js";import p from"../ItemList/ItemList.js";import s from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import d from"../Menu/Menu.js";import{Popover as f}from"../Popover/Popover.js";import m from"../Tooltip/Tooltip.js";import{joinChildren as b,generateId as v,isArray as g,isValueInArray as h,shallowEqual as O,callRef as y}from"../utils.js";import{SELECT_DISPLAY_NAME as P}from"./constants.js";import S from"./Context.js";import w from"./Inline.js";import j from"./Option.js";import V from"./OptionGroup.js";import{toggleValue as I,optionsToElements as x,getSelectedOptions as C,renderOptions as L}from"./utils.js";import k from"./Value.js";function E(e){return i.createElement(d,o({},e,{as:"ul"}))}var D=function(l){function d(){var e=null!==l&&l.apply(this,arguments)||this;return Object.defineProperty(e,"input",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"popover",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"id",{enumerable:!0,configurable:!0,writable:!0,value:v("select")}),Object.defineProperty(e,"canCallFocus",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(e,"mounted",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(e,"contextValue",{enumerable:!0,configurable:!0,writable:!0,value:{canSelectOption:{current:!1},multiple:e.props.multiple}}),Object.defineProperty(e,"state",{enumerable:!0,configurable:!0,writable:!0,value:{isPopoverOpen:e.props.defaultOpen,isPopoverVisible:!1,selectedOptions:[],uncontrolledValue:void 0===e.props.defaultValue?e.props.multiple?[]:null:e.props.defaultValue}}),Object.defineProperty(e,"safeSetState",{enumerable:!0,configurable:!0,writable:!0,value:function(t,n){e.mounted&&e.setState(t,n)}}),Object.defineProperty(e,"addUserSelectStyle",{enumerable:!0,configurable:!0,writable:!0,value:function(){document.body.style.webkitUserSelect="none"}}),Object.defineProperty(e,"clearUserSelectStyle",{enumerable:!0,configurable:!0,writable:!0,value:function(){document.body.style.webkitUserSelect=""}}),Object.defineProperty(e,"openPopover",{enumerable:!0,configurable:!0,writable:!0,value:function(t){t&&(setTimeout((function(){e.contextValue.canSelectOption.current=!0}),300),setTimeout((function(){var t=e.state.selectedOptions;t.length>0&&e.itemList.scrollItemIntoViewByIndex(t[0].index)}))),e.setState({isPopoverOpen:!0,isPopoverVisible:t})}}),Object.defineProperty(e,"closePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.contextValue.canSelectOption.current=!1,e.safeSetState({isPopoverOpen:!1,isPopoverVisible:!1}),e.itemList&&e.itemList.clearHighlightedIndex()}}),Object.defineProperty(e,"togglePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.state.isPopoverVisible&&e.state.isPopoverOpen?e.closePopover():e.openPopover(!0)}}),Object.defineProperty(e,"getValue",{enumerable:!0,configurable:!0,writable:!0,value:function(){if(e.state.selectedOptions.length>0){var t=e.isControlled()?e.props.value:e.state.uncontrolledValue;return e.props.renderValue(g(t)?e.getSortedSelectedOptions(t):e.state.selectedOptions)}return e.props.emptyValue}}),Object.defineProperty(e,"getHiddenInputValues",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.props.name,n=e.state.selectedOptions;return t&&n.length>0?n.map((function(e,n){return i.createElement("input",{key:n,name:t,type:"hidden",value:e.value})})):null}}),Object.defineProperty(e,"getSelected",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var n=e.props.value,o=e.state.uncontrolledValue;return e.isControlled()?"function"==typeof n?n(t):g(n)?h(n,t)>-1:n===t:g(o)?h(o,t)>-1:o===t}}),Object.defineProperty(e,"handleSelect",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var n=e.props,o=n.multiple,r=n.value,i=t;e.isControlled()?g(r)&&(i=d.toggleValue(e.props.value,t)):(o&&(i=d.toggleValue(e.state.uncontrolledValue,t)),e.setState({uncontrolledValue:i},e.setSelectedOptions)),e.props.onChange&&e.props.onChange({selectedValue:t,value:i}),!o&&e.state.isPopoverVisible&&e.focusInput()}}),Object.defineProperty(e,"highlightFirstSelectedOption",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.state.selectedOptions;t.length>0?e.itemList.setHighlightedIndex(t[0].index):e.itemList.moveHighlightedIndex(1,{contain:!0})}}),Object.defineProperty(e,"highlightLastSelectedOption",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.state.selectedOptions;t.length>0?e.itemList.setHighlightedIndex(t[Math.max(0,t.length-1)].index):e.itemList.moveHighlightedIndex(-1,{contain:!0})}}),Object.defineProperty(e,"focusInput",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.input&&(e.contextValue.canSelectOption.current=!1,e.setState({isPopoverVisible:!1}),e.canCallFocus=!1,e.input.focus(),e.canCallFocus=!0)}}),e}return e(d,l),Object.defineProperty(d.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.mounted=!0,"undefined"!=typeof document&&document.addEventListener("mouseup",this.clearUserSelectStyle),this.setSelectedOptions()}}),Object.defineProperty(d.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.isControlled()&&this.setSelectedOptions()}}),Object.defineProperty(d.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.mounted=!1,"undefined"!=typeof document&&(document.removeEventListener("mouseup",this.clearUserSelectStyle),this.clearUserSelectStyle())}}),Object.defineProperty(d.prototype,"isControlled",{enumerable:!1,configurable:!0,writable:!0,value:function(){return void 0!==this.props.value}}),Object.defineProperty(d.prototype,"setSelectedOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.options?x(this.props.options):this.props.children,t=C(e,this.getSelected);O(this.state.selectedOptions.map((function(e){return e.value})),t.map((function(e){return e.value})))&&r(this.state.selectedOptions.map((function(e){return e.children})),t.map((function(e){return e.children})))||this.setState({selectedOptions:t})}}),Object.defineProperty(d.prototype,"getSortedSelectedOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return t([],this.state.selectedOptions,!0).sort((function(t,n){return h(e,t.value)-h(e,n.value)}))}}),Object.defineProperty(d.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props,r=t.children;t.defaultValue;var l=t.disabled;t.emptyValue;var d=t.innerRef;t.defaultOpen;var b=t.keepInView,v=t.lockScrollWhileOpen,g=t.matchWidths,h=t.multiple;t.name;var O=t.onBlur;t.onChange,t.onClick;var P=t.onFocus,w=t.onKeyDown,j=t.onMouseDown,V=t.onMouseUp,I=t.options,C=t.placement,k=t.popoverProps,D=t.renderTo;t.renderValue;var F=t.tooltip;t.value;var U=n(t,["children","defaultValue","disabled","emptyValue","innerRef","defaultOpen","keepInView","lockScrollWhileOpen","matchWidths","multiple","name","onBlur","onChange","onClick","onFocus","onKeyDown","onMouseDown","onMouseUp","options","placement","popoverProps","renderTo","renderValue","tooltip","value"]),H=this.state,T=H.isPopoverOpen,B=H.isPopoverVisible;return i.createElement(S.Provider,{value:this.contextValue},i.createElement(a,{onBlur:this.closePopover},(function(t){var n=t.requestBlur,a=t.setRef;return i.createElement(p,{ref:function(t){e.itemList=t},selected:e.getSelected,onSelect:e.handleSelect},(function(t){var p=t.getItemByText,S=t.getHighlightedIndex,H=t.moveHighlightedIndex,M=t.selectHighlightedItem,W=t.setHighlightedIndex,R=t.selectItemByIndex,K=t.stringSearch;return i.createElement(f,o({},k,{ref:function(t){e.popover=t},innerRef:function(t){a("".concat(e.id,"-popover"))(t)},as:E,tabIndex:-1,"aria-labelledby":e.id,"aria-multiselectable":h,role:"listbox",display:B?void 0:"none",minWidth:16,padding:0,elevation:2,matchWidths:g,lockScrollWhileOpen:!!B&&v,keepInView:b,placement:C,renderTo:D,open:T,onRequestClose:function(){return e.setState({isPopoverVisible:!1})},onBlur:n,onKeyDown:function(t){switch(t.key){case"ArrowUp":t.preventDefault(),B?H(-1,{contain:!0}):(e.openPopover(!0),setTimeout((function(){e.highlightLastSelectedOption()})));break;case"ArrowDown":t.preventDefault(),B?H(1,{contain:!0}):(e.openPopover(!0),setTimeout((function(){e.highlightFirstSelectedOption()})));break;case"Enter":B&&(t.preventDefault(),M());break;case"Escape":T&&!B&&(t.preventDefault(),e.closePopover());break;case" ":t.preventDefault(),null===S()?(e.togglePopover(),setTimeout((function(){e.highlightFirstSelectedOption()}))):B?M():e.openPopover(!0);break;default:K(t).then((function(e){var t=p(e);t&&(B?W(t.props.index):R(t.props.index))}))}},anchorElement:function(t){var r=l?{}:{onBlur:function(e){n(e),O&&O(e)},onFocus:function(t){e.canCallFocus&&e.openPopover(!1),P&&P(t)},onKeyDown:function(e){t.onKeyDown(e),w&&w(e)},onMouseDown:function(t){0===t.button&&(e.addUserSelectStyle(),e.canCallFocus=!1,e.togglePopover()),j&&j(t)},onMouseUp:function(t){e.canCallFocus=!0,V&&V(t)}};return i.createElement(s,null,(function(n){var p=n.getHighlightedItemId;return i.createElement(m,o({triggerOnHover:!B,triggerOnFocus:!B},F),i.createElement(c.InputBox,o({innerRef:function(n){t.innerRef&&y(t.innerRef,n),e.input=n,a("".concat(e.id,"-button"))(n),d&&d(n)},id:e.id,tabIndex:0,role:"combobox",disabled:l,"aria-disabled":l,"aria-haspopup":B,"aria-expanded":B,"aria-activedescendant":p(),cursor:"pointer",userSelect:"none",touchAction:"manipulation",focusChildrenOnFocus:!1,renderRight:i.createElement(u,{name:B?"general.upCaret":"general.downCaret"})},U,r),e.getValue(),e.getHiddenInputValues()))}))}}),L(I?x(I):r))}))})))}}),Object.defineProperty(d,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:P}),Object.defineProperty(d,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{defaultOpen:!1,emptyValue:i.createElement(k,null,"Select an item"),lockScrollWhileOpen:!0,matchWidths:"minimum",renderValue:function(e){return i.createElement(k,null,b(e.map((function(e){return e.children}))))}}}),d}(l);D.Inline=w,D.Option=j,D.OptionGroup=V,D.Value=k,D.toggleValue=I;export{D as default};
1
+ import{__extends as e,__spreadArray as t,__rest as n,__assign as o}from'./../ext/tslib/tslib.es6.js';import r from"lodash/isEqual";import i,{Component as l}from"react";import a from"../FocusGroup/FocusGroup.js";import u from"../Icon/Icon.js";import c from"../Input/Input.js";import p from"../ItemList/ItemList.js";import s from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import d from"../Menu/Menu.js";import{Popover as f}from"../Popover/Popover.js";import m from"../Tooltip/Tooltip.js";import{generateId as b,isArray as v,isValueInArray as g,shallowEqual as h,callRef as O,joinChildren as y}from"../utils.js";import{SELECT_DISPLAY_NAME as P}from"./constants.js";import S from"./Context.js";import w from"./Inline.js";import j from"./Option.js";import V from"./OptionGroup.js";import{optionsToElements as I,getSelectedOptions as x,renderOptions as C,toggleValue as L}from"./utils.js";import k from"./Value.js";function E(e){return i.createElement(d,o({},e,{as:"ul"}))}var D=function(l){function d(){var e=null!==l&&l.apply(this,arguments)||this;return Object.defineProperty(e,"input",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"popover",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"id",{enumerable:!0,configurable:!0,writable:!0,value:b("select")}),Object.defineProperty(e,"canCallFocus",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(e,"mounted",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(e,"contextValue",{enumerable:!0,configurable:!0,writable:!0,value:{canSelectOption:{current:!1},multiple:e.props.multiple}}),Object.defineProperty(e,"state",{enumerable:!0,configurable:!0,writable:!0,value:{isPopoverOpen:e.props.defaultOpen,isPopoverVisible:!1,selectedOptions:[],uncontrolledValue:void 0===e.props.defaultValue?e.props.multiple?[]:null:e.props.defaultValue}}),Object.defineProperty(e,"safeSetState",{enumerable:!0,configurable:!0,writable:!0,value:function(t,n){e.mounted&&e.setState(t,n)}}),Object.defineProperty(e,"addUserSelectStyle",{enumerable:!0,configurable:!0,writable:!0,value:function(){document.body.style.webkitUserSelect="none"}}),Object.defineProperty(e,"clearUserSelectStyle",{enumerable:!0,configurable:!0,writable:!0,value:function(){document.body.style.webkitUserSelect=""}}),Object.defineProperty(e,"openPopover",{enumerable:!0,configurable:!0,writable:!0,value:function(t){t&&(setTimeout((function(){e.contextValue.canSelectOption.current=!0}),300),setTimeout((function(){var t=e.state.selectedOptions;t.length>0&&e.itemList.scrollItemIntoViewByIndex(t[0].index)}))),e.setState({isPopoverOpen:!0,isPopoverVisible:t})}}),Object.defineProperty(e,"closePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.contextValue.canSelectOption.current=!1,e.safeSetState({isPopoverOpen:!1,isPopoverVisible:!1}),e.itemList&&e.itemList.clearHighlightedIndex()}}),Object.defineProperty(e,"togglePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.state.isPopoverVisible&&e.state.isPopoverOpen?e.closePopover():e.openPopover(!0)}}),Object.defineProperty(e,"getValue",{enumerable:!0,configurable:!0,writable:!0,value:function(){if(e.state.selectedOptions.length>0){var t=e.isControlled()?e.props.value:e.state.uncontrolledValue;return e.props.renderValue(v(t)?e.getSortedSelectedOptions(t):e.state.selectedOptions)}return e.props.emptyValue}}),Object.defineProperty(e,"getHiddenInputValues",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.props.name,n=e.state.selectedOptions;return t&&n.length>0?n.map((function(e,n){return i.createElement("input",{key:n,name:t,type:"hidden",value:e.value})})):null}}),Object.defineProperty(e,"getSelected",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var n=e.props.value,o=e.state.uncontrolledValue;return e.isControlled()?"function"==typeof n?n(t):v(n)?g(n,t)>-1:n===t:v(o)?g(o,t)>-1:o===t}}),Object.defineProperty(e,"handleSelect",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var n=e.props,o=n.multiple,r=n.value,i=t;e.isControlled()?v(r)&&(i=d.toggleValue(e.props.value,t)):(o&&(i=d.toggleValue(e.state.uncontrolledValue,t)),e.setState({uncontrolledValue:i},e.setSelectedOptions)),e.props.onChange&&e.props.onChange({selectedValue:t,value:i}),!o&&e.state.isPopoverVisible&&e.focusInput()}}),Object.defineProperty(e,"highlightFirstSelectedOption",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.state.selectedOptions;t.length>0?e.itemList.setHighlightedIndex(t[0].index):e.itemList.moveHighlightedIndex(1,{contain:!0})}}),Object.defineProperty(e,"highlightLastSelectedOption",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.state.selectedOptions;t.length>0?e.itemList.setHighlightedIndex(t[Math.max(0,t.length-1)].index):e.itemList.moveHighlightedIndex(-1,{contain:!0})}}),Object.defineProperty(e,"focusInput",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.input&&(e.contextValue.canSelectOption.current=!1,e.setState({isPopoverVisible:!1}),e.canCallFocus=!1,e.input.focus(),e.canCallFocus=!0)}}),e}return e(d,l),Object.defineProperty(d.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.mounted=!0,"undefined"!=typeof document&&document.addEventListener("mouseup",this.clearUserSelectStyle),this.setSelectedOptions()}}),Object.defineProperty(d.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.isControlled()&&this.setSelectedOptions()}}),Object.defineProperty(d.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.mounted=!1,"undefined"!=typeof document&&(document.removeEventListener("mouseup",this.clearUserSelectStyle),this.clearUserSelectStyle())}}),Object.defineProperty(d.prototype,"isControlled",{enumerable:!1,configurable:!0,writable:!0,value:function(){return void 0!==this.props.value}}),Object.defineProperty(d.prototype,"setSelectedOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.options?I(this.props.options):this.props.children,t=x(e,this.getSelected);h(this.state.selectedOptions.map((function(e){return e.value})),t.map((function(e){return e.value})))&&r(this.state.selectedOptions.map((function(e){return e.children})),t.map((function(e){return e.children})))||this.setState({selectedOptions:t})}}),Object.defineProperty(d.prototype,"getSortedSelectedOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return t([],this.state.selectedOptions,!0).sort((function(t,n){return g(e,t.value)-g(e,n.value)}))}}),Object.defineProperty(d.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props,r=t.children;t.defaultValue;var l=t.disabled;t.emptyValue;var d=t.innerRef;t.defaultOpen;var b=t.keepInView,v=t.lockScrollWhileOpen,g=t.matchWidths,h=t.multiple;t.name;var y=t.onBlur;t.onChange,t.onClick;var P=t.onFocus,w=t.onKeyDown,j=t.onMouseDown,V=t.onMouseUp,x=t.options,L=t.placement,k=t.popoverProps,D=t.renderTo;t.renderValue;var F=t.tooltip;t.value;var U=n(t,["children","defaultValue","disabled","emptyValue","innerRef","defaultOpen","keepInView","lockScrollWhileOpen","matchWidths","multiple","name","onBlur","onChange","onClick","onFocus","onKeyDown","onMouseDown","onMouseUp","options","placement","popoverProps","renderTo","renderValue","tooltip","value"]),H=this.state,T=H.isPopoverOpen,B=H.isPopoverVisible;return i.createElement(S.Provider,{value:this.contextValue},i.createElement(a,{onBlur:this.closePopover},(function(t){var n=t.requestBlur,a=t.setRef;return i.createElement(p,{ref:function(t){e.itemList=t},selected:e.getSelected,onSelect:e.handleSelect},(function(t){var p=t.getItemByText,S=t.getHighlightedIndex,H=t.moveHighlightedIndex,M=t.selectHighlightedItem,W=t.setHighlightedIndex,R=t.selectItemByIndex,K=t.stringSearch;return i.createElement(f,o({},k,{ref:function(t){e.popover=t},innerRef:function(t){a("".concat(e.id,"-popover"))(t)},as:E,tabIndex:-1,"aria-labelledby":e.id,"aria-multiselectable":h,role:"listbox",display:B?void 0:"none",minWidth:16,padding:0,elevation:2,matchWidths:g,lockScrollWhileOpen:!!B&&v,keepInView:b,placement:L,renderTo:D,open:T,onRequestClose:function(){return e.setState({isPopoverVisible:!1})},onBlur:n,onKeyDown:function(t){switch(t.key){case"ArrowUp":t.preventDefault(),B?H(-1,{contain:!0}):(e.openPopover(!0),setTimeout((function(){e.highlightLastSelectedOption()})));break;case"ArrowDown":t.preventDefault(),B?H(1,{contain:!0}):(e.openPopover(!0),setTimeout((function(){e.highlightFirstSelectedOption()})));break;case"Enter":B&&(t.preventDefault(),M());break;case"Escape":T&&!B&&(t.preventDefault(),e.closePopover());break;case" ":t.preventDefault(),null===S()?(e.togglePopover(),setTimeout((function(){e.highlightFirstSelectedOption()}))):B?M():e.openPopover(!0);break;default:K(t).then((function(e){var t=p(e);t&&(B?W(t.props.index):R(t.props.index))}))}},anchorElement:function(t){var r=l?{}:{onBlur:function(e){n(e),y&&y(e)},onFocus:function(t){e.canCallFocus&&e.openPopover(!1),P&&P(t)},onKeyDown:function(e){t.onKeyDown(e),w&&w(e)},onMouseDown:function(t){0===t.button&&(e.addUserSelectStyle(),e.canCallFocus=!1,e.togglePopover()),j&&j(t)},onMouseUp:function(t){e.canCallFocus=!0,V&&V(t)}};return i.createElement(s,null,(function(n){var p=n.getHighlightedItemId;return i.createElement(m,o({triggerOnHover:!B,triggerOnFocus:!B},F),i.createElement(c.InputBox,o({innerRef:function(n){t.innerRef&&O(t.innerRef,n),e.input=n,a("".concat(e.id,"-button"))(n),d&&d(n)},id:e.id,tabIndex:0,role:"combobox",disabled:l,"aria-disabled":l,"aria-haspopup":B,"aria-expanded":B,"aria-activedescendant":p(),cursor:"pointer",userSelect:"none",touchAction:"manipulation",focusChildrenOnFocus:!1,renderRight:i.createElement(u,{name:B?"general.upCaret":"general.downCaret"})},U,r),e.getValue(),e.getHiddenInputValues()))}))}}),C(x?I(x):r))}))})))}}),Object.defineProperty(d,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:P}),Object.defineProperty(d,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{defaultOpen:!1,emptyValue:i.createElement(k,null,"Select an item"),lockScrollWhileOpen:!0,matchWidths:"minimum",renderValue:function(e){return i.createElement(k,null,y(e.map((function(e){return e.children}))))}}}),d}(l);D.Inline=w,D.Option=j,D.OptionGroup=V,D.Value=k,D.toggleValue=L;export{D as default};
2
2
  //# sourceMappingURL=Select.js.map
@@ -1,10 +1,16 @@
1
+ /** @jsxRuntime classic */
2
+ /** @jsx jsx */
1
3
  import { jsx } from '@emotion/react';
2
4
  import { ReactElement } from 'react';
3
5
  import SidebarItem from './SidebarItem';
4
6
  import SidebarList from './SidebarList';
5
7
  type Props = {
8
+ /** Only accepts `Sidebar.List` and `Sidebar.Item` components. */
6
9
  children: ReactElement<{}, typeof SidebarList | typeof SidebarItem>;
7
10
  };
11
+ /**
12
+ * @deprecated Use `Sidenav` from `@planningcenter/tapestry` instead.
13
+ */
8
14
  declare function Sidebar({ children, ...restProps }: Props): jsx.JSX.Element;
9
15
  declare namespace Sidebar {
10
16
  var List: typeof SidebarList;
@@ -1 +1 @@
1
- {"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../src/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAIL,YAAY,EAEb,MAAM,OAAO,CAAA;AAKd,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,WAAW,MAAM,eAAe,CAAA;AAIvC,KAAK,KAAK,GAAG;IAEX,QAAQ,EAAE,YAAY,CAAC,EAAE,EAAE,OAAO,WAAW,GAAG,OAAO,WAAW,CAAC,CAAA;CACpE,CAAA;AAED,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,mBAyBjD;kBAzBQ,OAAO;;;;;UA+BR,kBAAkB;UAClB,kBAAkB;;AAF1B,wBAGC"}
1
+ {"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../src/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,eAAe;AACf,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAIL,YAAY,EAEb,MAAM,OAAO,CAAA;AAKd,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,WAAW,MAAM,eAAe,CAAA;AAIvC,KAAK,KAAK,GAAG;IACX,iEAAiE;IACjE,QAAQ,EAAE,YAAY,CAAC,EAAE,EAAE,OAAO,WAAW,GAAG,OAAO,WAAW,CAAC,CAAA;CACpE,CAAA;AAED;;GAEG;AACH,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,mBAyBjD;kBAzBQ,OAAO;;;;;UA+BR,kBAAkB;UAClB,kBAAkB;;AAF1B,wBAGC"}
@@ -6,6 +6,9 @@ interface Props {
6
6
  }
7
7
  type InheritedProps = Omit<ComponentProps<typeof List.Item>, keyof Props>;
8
8
  type SidebarItemProps = Props & InheritedProps;
9
+ /**
10
+ * @deprecated Use `Sidenav` from `@planningcenter/tapestry` instead.
11
+ */
9
12
  declare function SidebarItem({ active, url, ...restProps }: SidebarItemProps): React.JSX.Element;
10
13
  export default SidebarItem;
11
14
  //# sourceMappingURL=SidebarItem.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SidebarItem.d.ts","sourceRoot":"","sources":["../../src/Sidebar/SidebarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AACD,KAAK,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,CAAC,CAAA;AACzE,KAAK,gBAAgB,GAAG,KAAK,GAAG,cAAc,CAAA;AAE9C,iBAAS,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,SAAS,EAAE,EAAE,gBAAgB,qBA2BnE;AAED,eAAe,WAAW,CAAA"}
1
+ {"version":3,"file":"SidebarItem.d.ts","sourceRoot":"","sources":["../../src/Sidebar/SidebarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AACD,KAAK,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,CAAC,CAAA;AACzE,KAAK,gBAAgB,GAAG,KAAK,GAAG,cAAc,CAAA;AAE9C;;GAEG;AAEH,iBAAS,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,SAAS,EAAE,EAAE,gBAAgB,qBA2BnE;AAED,eAAe,WAAW,CAAA"}
@@ -1,4 +1,7 @@
1
1
  import React from 'react';
2
+ /**
3
+ * @deprecated Use `Sidenav` from `@planningcenter/tapestry` instead.
4
+ */
2
5
  declare function SidebarList(props: any): React.JSX.Element;
3
6
  export default SidebarList;
4
7
  //# sourceMappingURL=SidebarList.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SidebarList.d.ts","sourceRoot":"","sources":["../../src/Sidebar/SidebarList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,iBAAS,WAAW,CAAC,KAAK,KAAA,qBAazB;AAED,eAAe,WAAW,CAAA"}
1
+ {"version":3,"file":"SidebarList.d.ts","sourceRoot":"","sources":["../../src/Sidebar/SidebarList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB;;GAEG;AACH,iBAAS,WAAW,CAAC,KAAK,KAAA,qBAazB;AAED,eAAe,WAAW,CAAA"}
@@ -1,10 +1,25 @@
1
1
  import React from 'react';
2
2
  import { StyleProps } from '../index';
3
3
  export type SpinnerProps = {
4
+ /**
5
+ * Uses position absolute and transforms to position in the center of a relative parent.
6
+ */
4
7
  center?: boolean;
8
+ /**
9
+ * Primary color of spinner.
10
+ */
5
11
  color?: string;
12
+ /**
13
+ * Size of spinner.
14
+ */
6
15
  size?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | number | string;
16
+ /**
17
+ * Thickness of spinner.
18
+ */
7
19
  thickness?: number;
20
+ /**
21
+ * Secondary color of spinner.
22
+ */
8
23
  trackColor?: string;
9
24
  } & StyleProps & React.HTMLAttributes<HTMLElement>;
10
25
  export declare function Spinner({ center, size, thickness, ...props }: SpinnerProps): React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAWrC,MAAM,MAAM,YAAY,GAAG;IAIzB,MAAM,CAAC,EAAE,OAAO,CAAA;IAKhB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;IAKzE,SAAS,CAAC,EAAE,MAAM,CAAA;IAKlB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,GAAG,UAAU,GACZ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAEnC,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,IAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,qBAqDd"}
1
+ {"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAWrC,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;IAEzE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,GAAG,UAAU,GACZ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAEnC,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,IAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,qBAqDd"}
@@ -11,11 +11,17 @@ declare const START: "start";
11
11
  declare const STRETCH: "stretch";
12
12
  declare const VERTICAL: "vertical";
13
13
  export interface StackViewUniqueProps extends StyleProps {
14
+ /** The alignment of children perpendicular to the stack view’s main axis. */
14
15
  alignment?: StyleProps['alignItems'];
16
+ /** The axis along which children are laid out. */
15
17
  axis?: 'horizontal' | 'vertical';
18
+ /** The distribution of children along the main axis. */
16
19
  distribution?: 'start' | 'center' | 'end' | 'fill' | 'space-between' | 'space-evenly';
20
+ /** If true, sets `display: inline-flex`, otherwise it defaults to `display: flex` */
17
21
  inline?: boolean;
22
+ /** Gain access to the internal ref */
18
23
  innerRef?: Ref<any>;
24
+ /** The amount of space or element that is inserted between each child. */
19
25
  spacing?: number | string | ReactNode;
20
26
  visible?: boolean;
21
27
  }
@@ -1 +1 @@
1
- {"version":3,"file":"StackView.d.ts","sourceRoot":"","sources":["../../src/StackView/StackView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAI1C,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAI1E,QAAA,MAAM,QAAQ,YAAsB,CAAA;AACpC,QAAA,MAAM,MAAM,UAAoB,CAAA;AAChC,QAAA,MAAM,GAAG,OAAiB,CAAA;AAC1B,QAAA,MAAM,IAAI,QAAkB,CAAA;AAC5B,QAAA,MAAM,UAAU,cAAwB,CAAA;AACxC,QAAA,MAAM,YAAY,gBAA0B,CAAA;AAC5C,QAAA,MAAM,aAAa,iBAA2B,CAAA;AAC9C,QAAA,MAAM,KAAK,SAAmB,CAAA;AAC9B,QAAA,MAAM,OAAO,WAAqB,CAAA;AAClC,QAAA,MAAM,QAAQ,YAAsB,CAAA;AAuBpC,MAAM,WAAW,oBAAqB,SAAQ,UAAU;IAEtD,SAAS,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAA;IAGpC,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAGhC,YAAY,CAAC,EACT,OAAO,GACP,QAAQ,GACR,KAAK,GACL,MAAM,GACN,eAAe,GACf,cAAc,CAAA;IAGlB,MAAM,CAAC,EAAE,OAAO,CAAA;IAGhB,QAAQ,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAA;IAGnB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IAErC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AACD,KAAK,4CAA4C,CAAC,CAAC,SAAS,EAAE,IAAI,OAAO,CACvE,CAAC,EACD,oBAAoB,CACrB,CAAA;AACD,MAAM,MAAM,cAAc,CACxB,CAAC,SAAS,EAAE,GAAG,KAAK,IAClB,4CAA4C,CAAC,CAAC,CAAC,GACjD,YAAY,CAAC,4CAA4C,CAAC,CAAC,CAAC,CAAC,GAC7D,QAAQ,CAAC,4CAA4C,CAAC,CAAC,CAAC,CAAC,CAAA;AAI3D,eAAO,MAAM,SAAS;;;;;;;;;;;;CA2BrB,CAAA;AAaD,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,CAAE,SAAQ,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IAC5E,QAAQ,EAAE,OAAO,QAAQ,CAAA;IACzB,MAAM,EAAE,OAAO,MAAM,CAAA;IACrB,GAAG,EAAE,OAAO,GAAG,CAAA;IACf,IAAI,EAAE,OAAO,IAAI,CAAA;IACjB,UAAU,EAAE,OAAO,UAAU,CAAA;IAC7B,aAAa,EAAE,OAAO,aAAa,CAAA;IACnC,YAAY,EAAE,OAAO,YAAY,CAAA;IACjC,KAAK,EAAE,OAAO,KAAK,CAAA;IACnB,OAAO,EAAE,OAAO,OAAO,CAAA;IACvB,QAAQ,EAAE,OAAO,QAAQ,CAAA;CAC1B"}
1
+ {"version":3,"file":"StackView.d.ts","sourceRoot":"","sources":["../../src/StackView/StackView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAI1C,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAI1E,QAAA,MAAM,QAAQ,YAAsB,CAAA;AACpC,QAAA,MAAM,MAAM,UAAoB,CAAA;AAChC,QAAA,MAAM,GAAG,OAAiB,CAAA;AAC1B,QAAA,MAAM,IAAI,QAAkB,CAAA;AAC5B,QAAA,MAAM,UAAU,cAAwB,CAAA;AACxC,QAAA,MAAM,YAAY,gBAA0B,CAAA;AAC5C,QAAA,MAAM,aAAa,iBAA2B,CAAA;AAC9C,QAAA,MAAM,KAAK,SAAmB,CAAA;AAC9B,QAAA,MAAM,OAAO,WAAqB,CAAA;AAClC,QAAA,MAAM,QAAQ,YAAsB,CAAA;AAuBpC,MAAM,WAAW,oBAAqB,SAAQ,UAAU;IACtD,6EAA6E;IAC7E,SAAS,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAA;IAEpC,kDAAkD;IAClD,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAEhC,wDAAwD;IACxD,YAAY,CAAC,EACT,OAAO,GACP,QAAQ,GACR,KAAK,GACL,MAAM,GACN,eAAe,GACf,cAAc,CAAA;IAElB,sFAAsF;IACtF,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAA;IAEnB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IAErC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AACD,KAAK,4CAA4C,CAAC,CAAC,SAAS,EAAE,IAAI,OAAO,CACvE,CAAC,EACD,oBAAoB,CACrB,CAAA;AACD,MAAM,MAAM,cAAc,CACxB,CAAC,SAAS,EAAE,GAAG,KAAK,IAClB,4CAA4C,CAAC,CAAC,CAAC,GACjD,YAAY,CAAC,4CAA4C,CAAC,CAAC,CAAC,CAAC,GAC7D,QAAQ,CAAC,4CAA4C,CAAC,CAAC,CAAC,CAAC,CAAA;AAI3D,eAAO,MAAM,SAAS;;;;;;;;;;;;CA2BrB,CAAA;AAaD,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,CAAE,SAAQ,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IAC5E,QAAQ,EAAE,OAAO,QAAQ,CAAA;IACzB,MAAM,EAAE,OAAO,MAAM,CAAA;IACrB,GAAG,EAAE,OAAO,GAAG,CAAA;IACf,IAAI,EAAE,OAAO,IAAI,CAAA;IACjB,UAAU,EAAE,OAAO,UAAU,CAAA;IAC7B,aAAa,EAAE,OAAO,aAAa,CAAA;IACnC,YAAY,EAAE,OAAO,YAAY,CAAA;IACjC,KAAK,EAAE,OAAO,KAAK,CAAA;IACnB,OAAO,EAAE,OAAO,OAAO,CAAA;IACvB,QAAQ,EAAE,OAAO,QAAQ,CAAA;CAC1B"}
@@ -1,9 +1,24 @@
1
1
  import React from 'react';
2
2
  type StepperFieldProps = {
3
+ /**
4
+ * Maximum number that can be selected.
5
+ */
3
6
  max?: number;
7
+ /**
8
+ * Minimum number that can be selected.
9
+ */
4
10
  min?: number;
11
+ /**
12
+ * Called when incrementing/decrementing the value.
13
+ */
5
14
  onChange?: (newValue: number) => void;
15
+ /**
16
+ * Specifies the size of each movement when incrementing/decrementing the value. Defaults to `1`.
17
+ */
6
18
  step?: number;
19
+ /**
20
+ * The current value of the stepper.
21
+ */
7
22
  value?: number;
8
23
  };
9
24
  declare const StepperField: ({ max, min, onChange, step, value, ...restProps }: StepperFieldProps) => React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"StepperField.d.ts","sourceRoot":"","sources":["../../src/StepperField/StepperField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,KAAK,iBAAiB,GAAG;IAIvB,GAAG,CAAC,EAAE,MAAM,CAAA;IAIZ,GAAG,CAAC,EAAE,MAAM,CAAA;IAIZ,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAIrC,IAAI,CAAC,EAAE,MAAM,CAAA;IAIb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,QAAA,MAAM,YAAY,sDAOf,iBAAiB,sBAwCnB,CAAA;AAED,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"StepperField.d.ts","sourceRoot":"","sources":["../../src/StepperField/StepperField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,KAAK,iBAAiB,GAAG;IACvB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,QAAA,MAAM,YAAY,sDAOf,iBAAiB,sBAwCnB,CAAA;AAED,eAAe,YAAY,CAAA"}
@@ -1,8 +1,12 @@
1
1
  import React from 'react';
2
2
  export type Props = {
3
+ /** Determines the active state of this individual step. */
3
4
  active?: boolean;
5
+ /** Determines the active color of this individual step. */
4
6
  activeColor?: string;
7
+ /** Render content below the step indicator. */
5
8
  renderEnd?: any;
9
+ /** Render content above the step indicator. */
6
10
  renderStart?: any;
7
11
  };
8
12
  declare function Step({ active, activeColor, renderStart, renderEnd }: Props): React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../src/StepperProgress/Step.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAA;AA4DpE,MAAM,MAAM,KAAK,GAAG;IAElB,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,SAAS,CAAC,EAAE,GAAG,CAAA;IAEf,WAAW,CAAC,EAAE,GAAG,CAAA;CAClB,CAAA;AAED,iBAAS,IAAI,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,KAAK,qBAQnE;AAED,eAAe,IAAI,CAAA"}
1
+ {"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../src/StepperProgress/Step.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAA;AA4DpE,MAAM,MAAM,KAAK,GAAG;IAClB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,+CAA+C;IAC/C,WAAW,CAAC,EAAE,GAAG,CAAA;CAClB,CAAA;AAED,iBAAS,IAAI,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,KAAK,qBAQnE;AAED,eAAe,IAAI,CAAA"}
@@ -2,8 +2,11 @@ import React, { ComponentProps } from 'react';
2
2
  import GridView from '../GridView';
3
3
  import Step from './Step';
4
4
  export type Props = ComponentProps<typeof GridView> & {
5
+ /** Active color for each step indicator and line. Defaults to `primary-light`. */
5
6
  activeColor?: string;
7
+ /** Highlighted steps from the first step to this step index. */
6
8
  activeStepIndex?: number;
9
+ /** Often accepts `StepperProgress.Step` component. */
7
10
  children?: React.ReactNode;
8
11
  };
9
12
  declare function StepperProgress({ activeStepIndex, children, ...restProps }: Props): React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"StepperProgress.d.ts","sourceRoot":"","sources":["../../src/StepperProgress/StepperProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,cAAc,EAAE,MAAM,OAAO,CAAA;AAEvD,OAAO,QAAQ,MAAM,aAAa,CAAA;AAGlC,OAAO,IAAI,MAAM,QAAQ,CAAA;AAEzB,MAAM,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IAEpD,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,eAAe,CAAC,EAAE,MAAM,CAAA;IAExB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,iBAAS,eAAe,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,qBA0B1E;kBA1BQ,eAAe;;;;UA8B2C,WAAW;;AAA9E,wBAAgF"}
1
+ {"version":3,"file":"StepperProgress.d.ts","sourceRoot":"","sources":["../../src/StepperProgress/StepperProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,cAAc,EAAE,MAAM,OAAO,CAAA;AAEvD,OAAO,QAAQ,MAAM,aAAa,CAAA;AAGlC,OAAO,IAAI,MAAM,QAAQ,CAAA;AAEzB,MAAM,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IACpD,kFAAkF;IAClF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,iBAAS,eAAe,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,qBA0B1E;kBA1BQ,eAAe;;;;UA8B2C,WAAW;;AAA9E,wBAAgF"}
@@ -1,9 +1,21 @@
1
1
  import React, { JSX } from 'react';
2
2
  export type SummaryProps = {
3
+ /**
4
+ * Brief description. Can include any markup like links and emphasised text.
5
+ */
3
6
  children?: React.ReactNode;
7
+ /**
8
+ * Provide a centered image at the top of the content block.
9
+ */
4
10
  image?: React.ReactNode;
11
+ /**
12
+ * Provide a centered title above the content and below the optional image.
13
+ */
5
14
  title?: string;
6
15
  };
16
+ /**
17
+ * Use for brief content that could have an accompanying image or title.
18
+ */
7
19
  declare const Summary: ({ children, image, title, ...restProps }: SummaryProps) => JSX.Element;
8
20
  export default Summary;
9
21
  //# sourceMappingURL=Summary.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Summary.d.ts","sourceRoot":"","sources":["../../src/Summary/Summary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAMlC,MAAM,MAAM,YAAY,GAAG;IAIzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAK1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAKvB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAKD,QAAA,MAAM,OAAO,6CAKV,YAAY,KAAG,WAYjB,CAAA;AAED,eAAe,OAAO,CAAA"}
1
+ {"version":3,"file":"Summary.d.ts","sourceRoot":"","sources":["../../src/Summary/Summary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAMlC,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;GAEG;AACH,QAAA,MAAM,OAAO,6CAKV,YAAY,KAAG,WAYjB,CAAA;AAED,eAAe,OAAO,CAAA"}
package/dist/Tab/Tab.d.ts CHANGED
@@ -2,10 +2,15 @@ import React from 'react';
2
2
  import { ColorProp } from '../index';
3
3
  import { TextProps } from '../Text';
4
4
  export type TabProps = {
5
+ /** Whether or not the tab is active. Sets element to span and removes `href` and hover effects if `true`. */
5
6
  active?: boolean;
7
+ /** The background color of the tab. */
6
8
  color?: ColorProp;
9
+ /** Whether or not the tab is disabled. */
7
10
  disabled?: boolean;
11
+ /** Link to URL. Sets element to an anchor, otherwise it will use a button. */
8
12
  href?: string;
13
+ /** The size of the tab which includes `fontSize`, `lineHeight` and `padding`. */
9
14
  size?: 'xs' | 'sm' | 'md' | 'lg';
10
15
  } & TextProps;
11
16
  export declare function Tab({ active, disabled, href, color, size, ...props }: TabProps): React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../src/Tab/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AACpC,OAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA0BzC,MAAM,MAAM,QAAQ,GAAG;IAErB,MAAM,CAAC,EAAE,OAAO,CAAA;IAGhB,KAAK,CAAC,EAAE,SAAS,CAAA;IAGjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAGlB,IAAI,CAAC,EAAE,MAAM,CAAA;IAGb,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACjC,GAAG,SAAS,CAAA;AAEb,wBAAgB,GAAG,CAAC,EAClB,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,KAA6B,EAC7B,IAAW,EACX,GAAG,KAAK,EACT,EAAE,QAAQ,qBA0BV"}
1
+ {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../src/Tab/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AACpC,OAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA0BzC,MAAM,MAAM,QAAQ,GAAG;IACrB,6GAA6G;IAC7G,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,uCAAuC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAA;IAEjB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,iFAAiF;IACjF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACjC,GAAG,SAAS,CAAA;AAEb,wBAAgB,GAAG,CAAC,EAClB,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,KAA6B,EAC7B,IAAW,EACX,GAAG,KAAK,EACT,EAAE,QAAQ,qBA0BV"}
@@ -1,16 +1,28 @@
1
1
  import React from 'react';
2
2
  import Icon from '../Icon';
3
3
  export type TabProps = {
4
+ /** Number or string to display in a badge to the right of the label. */
4
5
  badge?: string | number;
6
+ /** Whether the tab is disabled. */
5
7
  disabled?: boolean;
8
+ /** The icon to display to the left of the label. */
6
9
  iconLeft?: string | React.ComponentProps<typeof Icon>;
10
+ /** The icon to display to the left of the label. */
7
11
  iconRight?: string | React.ComponentProps<typeof Icon>;
12
+ /** Whether the tab is currently being displayed at a mobile breakpoint. This is provided by its TabNav parent. */
8
13
  isMobile: boolean;
14
+ /** Whether the tab is selected. */
9
15
  isSelected?: boolean;
16
+ /** The label for the tab. */
10
17
  label: string;
18
+ /** The function to call when the tab is clicked. */
11
19
  onClick?: () => void;
20
+ /** The background color of the selected tab. */
12
21
  selectedTabBackgroundColor: string;
13
22
  };
23
+ /**
24
+ * @deprecated Replace with standard ul and li elements in `<PageHeader navigation={...} />` from `@planningcenter/tapestry`. The `TabNav` component is no longer in spec and will not receive updates.
25
+ */
14
26
  export declare const Tab: {
15
27
  ({ badge, disabled, iconLeft, iconRight, isMobile, isSelected, label, onClick, selectedTabBackgroundColor, }: TabProps): React.JSX.Element;
16
28
  displayName: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../src/TabNav/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,IAAI,MAAM,SAAS,CAAA;AAM1B,MAAM,MAAM,QAAQ,GAAG;IAErB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAGvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAGlB,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAGrD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAGtD,QAAQ,EAAE,OAAO,CAAA;IAGjB,UAAU,CAAC,EAAE,OAAO,CAAA;IAGpB,KAAK,EAAE,MAAM,CAAA;IAGb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAGpB,0BAA0B,EAAE,MAAM,CAAA;CACnC,CAAA;AASD,eAAO,MAAM,GAAG;kHAUb,QAAQ;;CAoGV,CAAA;AAID,eAAe,GAAG,CAAA"}
1
+ {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../src/TabNav/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,IAAI,MAAM,SAAS,CAAA;AAM1B,MAAM,MAAM,QAAQ,GAAG;IACrB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAErD,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAEtD,kHAAkH;IAClH,QAAQ,EAAE,OAAO,CAAA;IAEjB,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IAEb,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB,gDAAgD;IAChD,0BAA0B,EAAE,MAAM,CAAA;CACnC,CAAA;AASD;;GAEG;AACH,eAAO,MAAM,GAAG;kHAUb,QAAQ;;CAoGV,CAAA;AAID,eAAe,GAAG,CAAA"}
@@ -1,2 +1,2 @@
1
- import{__assign as o}from'./../ext/tslib/tslib.es6.js';import e from"react";import{Box as t}from"../Box/Box.js";import{designTokens as i}from"../designTokens/index.js";import r from"../Icon/Icon.js";import{StackView as a}from"../StackView/StackView.js";import{convertToBaseUnit as d,useThemeValue as n}from"../system/utils.js";import{Text as l}from"../Text/Text.js";var c=i.tabNav,s=c.tab,p=c.tab,m=p.desktop,b=p.mobile,g=function(i){var c=i.badge,p=void 0===c?void 0:c,g=i.disabled,f=void 0!==g&&g,v=i.iconLeft,u=void 0===v?void 0:v,h=i.iconRight,x=void 0===h?void 0:h,C=i.isMobile,T=void 0!==C&&C,k=i.isSelected,S=void 0!==k&&k,B=i.label,z=i.onClick,j=void 0===z?void 0:z,w=i.selectedTabBackgroundColor,y={color:s.iconColor},E=o(o({},y),"string"==typeof u?{name:u}:u),N=o(o({},y),"string"==typeof x?{name:x}:x),I=o({backgroundColor:S&&!f?w:m.defaultBackgroundColor,fontSize:"".concat(m.fontSize,"px"),height:d(m.height),paddingHorizontal:d(m.paddingX),radiusTop:m.borderRadiusTop},!f&&{active:{backgroundColor:w,color:m.activeTextColor},hover:{backgroundColor:w,color:m.hoverTextColor}}),W={borderBottomColor:S?"primary":"transparent",borderBottomStyle:"solid",borderBottomWidth:b.borderBottomWidth,fontSize:"".concat(b.fontSize,"px"),height:d(b.height),paddingBottom:d(b.paddingBottom),paddingTop:d(b.paddingTop)},H=n("tabNav"),R=null==H?void 0:H.tab;return e.createElement(a,o({as:"button",alignment:"center","aria-disabled":f,axis:"horizontal",color:f?s.disabledTextColor:S?s.selectedTextColor:s.textColor,cursor:f?"not-allowed":S?"default":"pointer",role:"tab",spacing:1,tabIndex:0,userSelect:"none",onClick:j},T?W:I,R),u&&e.createElement(r,o({},E)),e.createElement(t,{as:"span",css:{color:"inherit",display:"block",flex:1,fontSize:"inherit",fontWeight:"inherit",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},B),p&&e.createElement(a,{backgroundColor:s.badgeBackgroundColor,distribution:"center",paddingHorizontal:1,radius:"pill"},e.createElement(l,{color:s.badgeTextColor,size:"".concat(s.badgeFontSize,"px")},p)),x&&e.createElement(r,o({},N)))};g.displayName="TabNav.Tab";export{g as Tab,g as default};
1
+ import{__assign as o}from'./../ext/tslib/tslib.es6.js';import e from"react";import{Box as t}from"../Box/Box.js";import{designTokens as i}from"../designTokens/index.js";import r from"../Icon/Icon.js";import{StackView as a}from"../StackView/StackView.js";import{convertToBaseUnit as n,useThemeValue as d}from"../system/utils.js";import{Text as l}from"../Text/Text.js";var c=i.tabNav,s=c.tab,p=c.tab,m=p.desktop,b=p.mobile,g=function(i){var c=i.badge,p=void 0===c?void 0:c,g=i.disabled,f=void 0!==g&&g,v=i.iconLeft,u=void 0===v?void 0:v,h=i.iconRight,x=void 0===h?void 0:h,C=i.isMobile,T=void 0!==C&&C,k=i.isSelected,S=void 0!==k&&k,B=i.label,z=i.onClick,j=void 0===z?void 0:z,w=i.selectedTabBackgroundColor,y={color:s.iconColor},E=o(o({},y),"string"==typeof u?{name:u}:u),N=o(o({},y),"string"==typeof x?{name:x}:x),I=o({backgroundColor:S&&!f?w:m.defaultBackgroundColor,fontSize:"".concat(m.fontSize,"px"),height:n(m.height),paddingHorizontal:n(m.paddingX),radiusTop:m.borderRadiusTop},!f&&{active:{backgroundColor:w,color:m.activeTextColor},hover:{backgroundColor:w,color:m.hoverTextColor}}),W={borderBottomColor:S?"primary":"transparent",borderBottomStyle:"solid",borderBottomWidth:b.borderBottomWidth,fontSize:"".concat(b.fontSize,"px"),height:n(b.height),paddingBottom:n(b.paddingBottom),paddingTop:n(b.paddingTop)},H=d("tabNav"),R=null==H?void 0:H.tab;return e.createElement(a,o({as:"button",alignment:"center","aria-disabled":f,axis:"horizontal",color:f?s.disabledTextColor:S?s.selectedTextColor:s.textColor,cursor:f?"not-allowed":S?"default":"pointer",role:"tab",spacing:1,tabIndex:0,userSelect:"none",onClick:j},T?W:I,R),u&&e.createElement(r,o({},E)),e.createElement(t,{as:"span",css:{color:"inherit",display:"block",flex:1,fontSize:"inherit",fontWeight:"inherit",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},B),p&&e.createElement(a,{backgroundColor:s.badgeBackgroundColor,distribution:"center",paddingHorizontal:1,radius:"pill"},e.createElement(l,{color:s.badgeTextColor,size:"".concat(s.badgeFontSize,"px")},p)),x&&e.createElement(r,o({},N)))};g.displayName="TabNav.Tab";export{g as Tab};
2
2
  //# sourceMappingURL=Tab.js.map
@@ -1,9 +1,18 @@
1
1
  import React from 'react';
2
2
  import { TabProps } from './Tab';
3
3
  export type TabNavProps = {
4
+ /**
5
+ * The background color of the selected tab.
6
+ */
4
7
  selectedTabBackgroundColor?: string;
8
+ /**
9
+ * The tabs to display. Tabs accept all the same props as `TabNav.Tab`.
10
+ */
5
11
  tabs: Omit<TabProps, 'isMobile' | 'selectedTabBackgroundColor'>[];
6
12
  };
13
+ /**
14
+ * @deprecated Replace with standard ul and li elements in `<PageHeader navigation={...} />` from `@planningcenter/tapestry`. The `TabNav` component is no longer in spec and will not receive updates.
15
+ */
7
16
  export declare const TabNav: ({ selectedTabBackgroundColor, tabs, }: TabNavProps) => React.JSX.Element;
8
17
  export default TabNav;
9
18
  //# sourceMappingURL=TabNav.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TabNav.d.ts","sourceRoot":"","sources":["../../src/TabNav/TabNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAO,QAAQ,EAAE,MAAM,OAAO,CAAA;AAErC,MAAM,MAAM,WAAW,GAAG;IAIxB,0BAA0B,CAAC,EAAE,MAAM,CAAA;IAInC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,4BAA4B,CAAC,EAAE,CAAA;CAElE,CAAA;AAMD,eAAO,MAAM,MAAM,0CAGhB,WAAW,sBAsCb,CAAA;AAED,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"TabNav.d.ts","sourceRoot":"","sources":["../../src/TabNav/TabNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAO,QAAQ,EAAE,MAAM,OAAO,CAAA;AAErC,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,0BAA0B,CAAC,EAAE,MAAM,CAAA;IACnC;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,4BAA4B,CAAC,EAAE,CAAA;CAElE,CAAA;AAMD;;GAEG;AACH,eAAO,MAAM,MAAM,0CAGhB,WAAW,sBAsCb,CAAA;AAED,eAAe,MAAM,CAAA"}
@@ -1,2 +1,2 @@
1
- import{__assign as o}from'./../ext/tslib/tslib.es6.js';import r from"react";import{designTokens as t}from"../designTokens/index.js";import"mousetrap";import"../hooks/use-measure.js";import{useMediaQuery as e}from"../hooks/use-media-query.js";import{StackView as a}from"../StackView/StackView.js";import{useThemeValue as i,convertToBaseUnit as s}from"../system/utils.js";import{Tab as d}from"./Tab.js";var m=t.tabNav,n=m.desktop,l=m.mobile,p=function(t){var m=t.selectedTabBackgroundColor,p=void 0===m?n.selectedTabBackgroundColor:m,b=t.tabs,c=e("(max-width: 600px)"),u={paddingHorizontal:s(n.paddingX),spacing:s(n.spacing)},g={backgroundColor:l.backgroundColor,borderBottomColor:l.borderBottomColor,borderBottomStyle:l.borderBottomStyle,borderBottomWidth:l.borderBottomWidth,paddingHorizontal:s(l.paddingX),spacing:s(l.spacing)},k=i("tabNav");return r.createElement(a,o({axis:"horizontal",overflowX:"auto",role:"tablist",spacing:2.5,width:"100%"},c?g:u,k),b.map((function(t,e){return r.createElement(d,o({key:e,isMobile:c,selectedTabBackgroundColor:p},t))})))};export{p as TabNav,p as default};
1
+ import{__assign as o}from'./../ext/tslib/tslib.es6.js';import r from"react";import{designTokens as t}from"../designTokens/index.js";import"mousetrap";import"../hooks/use-measure.js";import{useMediaQuery as e}from"../hooks/use-media-query.js";import{StackView as a}from"../StackView/StackView.js";import{useThemeValue as i,convertToBaseUnit as s}from"../system/utils.js";import{Tab as d}from"./Tab.js";var m=t.tabNav,n=m.desktop,l=m.mobile,p=function(t){var m=t.selectedTabBackgroundColor,p=void 0===m?n.selectedTabBackgroundColor:m,b=t.tabs,c=e("(max-width: 600px)"),u={paddingHorizontal:s(n.paddingX),spacing:s(n.spacing)},g={backgroundColor:l.backgroundColor,borderBottomColor:l.borderBottomColor,borderBottomStyle:l.borderBottomStyle,borderBottomWidth:l.borderBottomWidth,paddingHorizontal:s(l.paddingX),spacing:s(l.spacing)},k=i("tabNav");return r.createElement(a,o({axis:"horizontal",overflowX:"auto",role:"tablist",spacing:2.5,width:"100%"},c?g:u,k),b.map((function(t,e){return r.createElement(d,o({key:e,isMobile:c,selectedTabBackgroundColor:p},t))})))};export{p as TabNav};
2
2
  //# sourceMappingURL=TabNav.js.map
@@ -2,7 +2,9 @@ import React, { ComponentProps } from 'react';
2
2
  import Button from '../Button';
3
3
  import { StackViewProps } from '../StackView';
4
4
  interface Props {
5
+ /** Determines whether to show the toggle button. */
5
6
  contentsHidden?: boolean;
7
+ /** Not used */
6
8
  rowIndex?: number;
7
9
  toggled?: boolean;
8
10
  }
@@ -1 +1 @@
1
- {"version":3,"file":"SubRowToggleCell.d.ts","sourceRoot":"","sources":["../../src/Table/SubRowToggleCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAExD,UAAU,KAAK;IAEb,cAAc,CAAC,EAAE,OAAO,CAAA;IAGxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AACD,KAAK,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,KAAK,CAAC,GACpE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAA;AACzC,KAAK,qBAAqB,GAAG,KAAK,GAAG,cAAc,CAAA;AAEnD,QAAA,MAAM,gBAAgB,gEAMnB,qBAAqB,sBAwBvB,CAAA;AAED,eAAe,gBAAgB,CAAA"}
1
+ {"version":3,"file":"SubRowToggleCell.d.ts","sourceRoot":"","sources":["../../src/Table/SubRowToggleCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAExD,UAAU,KAAK;IACb,oDAAoD;IACpD,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB,eAAe;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AACD,KAAK,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,KAAK,CAAC,GACpE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAA;AACzC,KAAK,qBAAqB,GAAG,KAAK,GAAG,cAAc,CAAA;AAEnD,QAAA,MAAM,gBAAgB,gEAMnB,qBAAqB,sBAwBvB,CAAA;AAED,eAAe,gBAAgB,CAAA"}
@@ -16,46 +16,171 @@ type ColumnData = {
16
16
  rowIndex: number;
17
17
  };
18
18
  type ColumnProps = ComponentProps<typeof BodyCell> & {
19
+ /**
20
+ * Forces the column to always be visible regardless of `hiddenColumnIds`.
21
+ * This is also used to build a list of eligible columns for the ColumnPicker component.
22
+ */
19
23
  alwaysVisible?: boolean;
24
+ /**
25
+ * Controls how the incoming row data is rendered in a cell. Accepts a string
26
+ * that will be used as an accessor of the row data or a function that returns
27
+ * the row data as well as extra information about the row and column.
28
+ */
20
29
  cell: ((row: Record<string, any>, data: ColumnData) => null) | string;
30
+ /**
31
+ * Toggles the divider on the column if `columnDividers` is `true`.
32
+ * Dividers will only beadded/removed on the left side of each column.
33
+ */
21
34
  divider?: boolean;
35
+ /**
36
+ * Controls the column header rendering. Accepts a string, element, component
37
+ * or function.
38
+ */
22
39
  header?: ReactNode;
40
+ /**
41
+ * Used to identify a column. Required when using onRowSort or hiddenColumnIds.
42
+ */
23
43
  id?: string | number;
44
+ /**
45
+ * Used to describe a column in ColumnPicker when `header` is used for
46
+ * something like an icon.
47
+ */
24
48
  label?: string;
49
+ /**
50
+ * Determines if a column can be sorted or not. Defaults to `false`.
51
+ */
25
52
  sortable?: boolean;
26
53
  sticky?: boolean;
54
+ /**
55
+ * Determines how a sub row cell is rendered. Uses cell as the default accessor
56
+ * if nothing is provided.
57
+ */
27
58
  subRowCell?: ((row: Record<string, any>, data: ColumnData) => null) | string | null;
59
+ /**
60
+ * Whether or not the cell's text should truncate, when `false` the cell contents
61
+ * will wrap. Defaults to `false`.
62
+ */
28
63
  truncate?: boolean;
64
+ /**
65
+ * Rotates column header vertically in order to fit more columns. Defaults to `false`.
66
+ */
29
67
  vertical?: boolean;
68
+ /**
69
+ * Specifies how wide a column is. If omitted, cell will be measured and
70
+ * calculated based on the largest column's cell width.
71
+ */
30
72
  width?: number;
31
73
  };
32
74
  type TableProps<Datum extends Record<string, any>> = PaginationProps & {
75
+ /**
76
+ * Describes the table for screen reader users.
77
+ */
33
78
  caption?: string;
79
+ /** Not used, but extracted */
34
80
  children: never;
81
+ /**
82
+ * Adds a border in between each column.
83
+ */
35
84
  columnDividers?: boolean;
85
+ /**
86
+ * Determines how the incoming data is rendered as columns.
87
+ */
36
88
  columns: Array<ColumnProps | boolean>;
89
+ /**
90
+ * Uses a smaller header min height and font size.
91
+ */
37
92
  compactHeader?: boolean;
93
+ /**
94
+ * Accepts an array of data to be rendered. Data cells are ordered by the
95
+ * columns array.
96
+ */
38
97
  data: Datum[];
98
+ /**
99
+ * The default column to sort by.
100
+ */
39
101
  defaultSortColumnId?: string | number;
102
+ /**
103
+ * The default direction the table should be sorted by.
104
+ */
40
105
  defaultSortDirection?: 'ASC' | 'DESC';
106
+ /**
107
+ * The default order the table should be sorted by when coming from the server.
108
+ * Parses a string into `columnId` and `sortDirection`.
109
+ * *Example:*
110
+ * `-first_name` would be parsed into `{ columnId: 'firstName', direction: Table.DESC }`
111
+ */
41
112
  defaultSortOrder?: string;
113
+ /**
114
+ * Provide an empty state when the table has no data.
115
+ */
42
116
  empty?: ReactNode;
117
+ /**
118
+ * Turns each row or subrow into a pseudo link. Returning a string will use
119
+ * `window.location` by default. You may also pass your own mechanism for
120
+ * navigating to the link.
121
+ *
122
+ * `getRowLink={() => '/my/link'}`
123
+ *
124
+ * `getRowLink={() => Turbolinks.visit('/my/link'))}`
125
+ */
43
126
  getRowLink?: (rowData: Object) => string | void;
127
+ /**
128
+ * Controls the color of the header
129
+ */
44
130
  headerColor: string;
131
+ /**
132
+ * Hide specific columns by their id.
133
+ */
45
134
  hiddenColumnIds?: Array<string | number>;
135
+ /**
136
+ * Determines if a column should highlight when hovered.
137
+ */
46
138
  highlightColumnOnHover?: boolean;
139
+ /** Not used, but extracted */
47
140
  innerRef: never;
141
+ /**
142
+ * Accepts an object of keyboard shortcuts that can be performed when hovering
143
+ * a row. Returns ({ row, rowIndex }, event).
144
+ */
48
145
  keyboardShortcuts?: Object;
146
+ /** Not used, but extracted. */
49
147
  layout: never;
148
+ /**
149
+ * Puts the table in a loading state and shows a spinner in the middle of the table.
150
+ */
50
151
  loading?: boolean;
152
+ /**
153
+ * Provide an accompanying title to the spinner while loading data.
154
+ */
51
155
  loadingTitle?: string;
156
+ /**
157
+ * Controls the minimum height of the table.
158
+ */
52
159
  minHeight?: number | string;
160
+ /**
161
+ * Controls minimum row height.
162
+ */
53
163
  minRowHeight?: number | string;
164
+ /**
165
+ * Callback when a column header has been pressed. Returns ({ columnId, direction })
166
+ */
54
167
  onColumnSort?: (sort: Sort) => void;
168
+ /**
169
+ * Callback when a row has been sorted. Returns sorted indicies.
170
+ */
55
171
  onRowSort?: (data: Datum[]) => void;
172
+ /**
173
+ * Adds a border in between each row.
174
+ */
56
175
  rowDividers?: boolean;
176
+ /**
177
+ * Controls rendering of collapsible sub row content.
178
+ */
57
179
  subRowData?: (rowData: Object) => Array<Object>;
58
180
  };
181
+ /**
182
+ * Use to present large sets of data in a logical and digestable way.
183
+ */
59
184
  declare class Table<Datum extends Record<string, any>> extends PureComponent<TableProps<Datum>, {
60
185
  columnWidths: number[];
61
186
  currentSort: Sort;
@@ -1 +1 @@
1
- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table/Table.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAEZ,cAAc,EAEd,aAAa,EACb,SAAS,EACV,MAAM,OAAO,CAAA;AAOd,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAM/D,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAGjC,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAuBjC,KAAK,IAAI,GAAG;IACV,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,UAAU,GAAG;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,OAAO,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,KAAK,WAAW,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IAKnD,aAAa,CAAC,EAAE,OAAO,CAAA;IAOvB,IAAI,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC,GAAG,MAAM,CAAA;IAMrE,OAAO,CAAC,EAAE,OAAO,CAAA;IAMjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAKlB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAMpB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,MAAM,CAAC,EAAE,OAAO,CAAA;IAMhB,UAAU,CAAC,EACP,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC,GACtD,MAAM,GACN,IAAI,CAAA;IAMR,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAMlB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,KAAK,UAAU,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,eAAe,GAAG;IAIrE,OAAO,CAAC,EAAE,MAAM,CAAA;IAGhB,QAAQ,EAAE,KAAK,CAAA;IAKf,cAAc,CAAC,EAAE,OAAO,CAAA;IAKxB,OAAO,EAAE,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC,CAAA;IAKrC,aAAa,CAAC,EAAE,OAAO,CAAA;IAMvB,IAAI,EAAE,KAAK,EAAE,CAAA;IAKb,mBAAmB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKrC,oBAAoB,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAQrC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAKzB,KAAK,CAAC,EAAE,SAAS,CAAA;IAWjB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;IAK/C,WAAW,EAAE,MAAM,CAAA;IAKnB,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAKxC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAGhC,QAAQ,EAAE,KAAK,CAAA;IAMf,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAG1B,MAAM,EAAE,KAAK,CAAA;IAKb,OAAO,CAAC,EAAE,OAAO,CAAA;IAKjB,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAK3B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAK9B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAKnC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,CAAA;IAKnC,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,KAAK,CAAC,MAAM,CAAC,CAAA;CAChD,CAAA;AAKD,cAAM,KAAK,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAE,SAAQ,aAAa,CAClE,UAAU,CAAC,KAAK,CAAC,EACjB;IACE,YAAY,EAAE,MAAM,EAAE,CAAA;IACtB,WAAW,EAAE,IAAI,CAAA;IACjB,aAAa,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IAC7D,cAAc,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IAC9D,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,sBAAsB,EAAE,MAAM,CAAA;IAC9B,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,iBAAiB,EAAE,MAAM,EAAE,CAAA;IAC3B,QAAQ,EAAE,MAAM,CAAA;CACjB,CACF;IACC,MAAM,CAAC,YAAY,sBAAe;IAElC,MAAM,CAAC,UAAU,oBAAa;IAE9B,MAAM,CAAC,YAAY,sBAAe;IAElC,MAAM,CAAC,QAAQ,kBAAW;IAE1B,MAAM,CAAC,GAAG,SAAQ;IAElB,MAAM,CAAC,IAAI,SAAS;IAEpB,MAAM,CAAC,wBAAwB,CAAC,SAAS,KAAA;IAIzC,MAAM,CAAC,gBAAgB,CAAC,SAAS,KAAA;IAIjC,MAAM,CAAC,YAAY;;;;;;;;;;;;;MAalB;gBAEW,KAAK,KAAA;IAiBjB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE;;;KAAA;IAIpC,cAAc,CAAC,KAAK,KAAA;;;;IAQpB,cAAc,CAAC,EACb,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,GACjB,EAAE,UAAU,CAAC,KAAK,CAAC;;;;;;;;;IAUpB,eAAe,aAEd;IAED,aAAa;;;eASZ;IAED,gBAAgB,oBAsBf;IAED,UAAU;;;;;;;;;;;;;;IAyCV,wBAAwB;;;;;;MAWvB;IAED,eAAe,gBAEd;IAED,qBAAqB,aAOpB;IAED,YAAY,0BAEX;IAED,kBAAkB,uBAWjB;IAED,aAAa,8BAsGZ;IAED,MAAM;CA6aP;AACD,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table/Table.tsx"],"names":[],"mappings":"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"}