@planningcenter/tapestry-react 4.13.2 → 4.14.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ActionsDropdown/ActionsDropdown.d.ts +14 -0
- package/dist/ActionsDropdown/ActionsDropdown.d.ts.map +1 -1
- package/dist/Alert/Alert.d.ts +2 -0
- package/dist/Alert/Alert.d.ts.map +1 -1
- package/dist/Alert/Alert.js +1 -1
- package/dist/Avatar/Avatar.d.ts +12 -0
- package/dist/Avatar/Avatar.d.ts.map +1 -1
- package/dist/Badge/Badge.d.ts +28 -0
- package/dist/Badge/Badge.d.ts.map +1 -1
- package/dist/Badge/Status.d.ts +15 -0
- package/dist/Badge/Status.d.ts.map +1 -1
- package/dist/Box/Box.d.ts +12 -0
- package/dist/Box/Box.d.ts.map +1 -1
- package/dist/Button/Button.d.ts +53 -0
- package/dist/Button/Button.d.ts.map +1 -1
- package/dist/Button/Input.d.ts +12 -0
- package/dist/Button/Input.d.ts.map +1 -1
- package/dist/Calendar/Calendar.d.ts +33 -0
- package/dist/Calendar/Calendar.d.ts.map +1 -1
- package/dist/Calendar/Calendar.js +1 -1
- package/dist/Calendar/Day.d.ts +49 -0
- package/dist/Calendar/Day.d.ts.map +1 -1
- package/dist/Card/Card.d.ts +2 -0
- package/dist/Card/Card.d.ts.map +1 -1
- package/dist/Card/Section.d.ts +1 -0
- package/dist/Card/Section.d.ts.map +1 -1
- package/dist/Checkbox/Checkbox.d.ts +38 -0
- package/dist/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/CheckboxCard/CheckboxCard.d.ts +2 -0
- package/dist/CheckboxCard/CheckboxCard.d.ts.map +1 -1
- package/dist/CheckboxGroup/CheckboxGroup.d.ts +9 -0
- package/dist/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
- package/dist/ChurchCenterStatus/ChurchCenterStatus.d.ts +41 -0
- package/dist/ChurchCenterStatus/ChurchCenterStatus.d.ts.map +1 -1
- package/dist/Collapse/Collapse.d.ts +12 -0
- package/dist/Collapse/Collapse.d.ts.map +1 -1
- package/dist/ColumnView/ColumnView.d.ts +3 -0
- package/dist/ColumnView/ColumnView.d.ts.map +1 -1
- package/dist/Combobox/Combobox.d.ts +12 -0
- package/dist/Combobox/Combobox.d.ts.map +1 -1
- package/dist/Combobox/ComboboxPopover.d.ts +10 -0
- package/dist/Combobox/ComboboxPopover.d.ts.map +1 -1
- package/dist/DataTable/DataTable.d.ts +176 -0
- package/dist/DataTable/DataTable.d.ts.map +1 -1
- package/dist/DataTable/components/Icon.d.ts +2 -0
- package/dist/DataTable/components/Icon.d.ts.map +1 -1
- package/dist/DateField/DateField.d.ts +33 -0
- package/dist/DateField/DateField.d.ts.map +1 -1
- package/dist/DateField/parse.d.ts +9 -0
- package/dist/DateField/parse.d.ts.map +1 -1
- package/dist/DateField/useEditableDate.d.ts +12 -0
- package/dist/DateField/useEditableDate.d.ts.map +1 -1
- package/dist/Dialog/Dialog.d.ts +40 -0
- package/dist/Dialog/Dialog.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +1 -1
- package/dist/Divider/Divider.d.ts +15 -0
- package/dist/Divider/Divider.d.ts.map +1 -1
- package/dist/DragDrop/DragDrop.js +1 -1
- package/dist/Drawer/Drawer.d.ts +1 -0
- package/dist/Drawer/Drawer.d.ts.map +1 -1
- package/dist/Dropdown/Dropdown.d.ts +33 -0
- package/dist/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/EditActions/EditActions.d.ts +3 -0
- package/dist/EditActions/EditActions.d.ts.map +1 -1
- package/dist/Field/Field.d.ts +14 -0
- package/dist/Field/Field.d.ts.map +1 -1
- package/dist/FieldSet/FieldSet.d.ts +18 -0
- package/dist/FieldSet/FieldSet.d.ts.map +1 -1
- package/dist/FilterLayout/FilterLayout.d.ts +5 -0
- package/dist/FilterLayout/FilterLayout.d.ts.map +1 -1
- package/dist/Form/Form.d.ts +44 -0
- package/dist/Form/Form.d.ts.map +1 -1
- package/dist/GridView/GridView.d.ts +15 -0
- package/dist/GridView/GridView.d.ts.map +1 -1
- package/dist/Group/Group.d.ts +15 -0
- package/dist/Group/Group.d.ts.map +1 -1
- package/dist/Heading/Heading.d.ts +2 -0
- package/dist/Heading/Heading.d.ts.map +1 -1
- package/dist/HelperDrawer/HelperDrawer.d.ts +1 -0
- package/dist/HelperDrawer/HelperDrawer.d.ts.map +1 -1
- package/dist/Highlight/Highlight.d.ts +15 -0
- package/dist/Highlight/Highlight.d.ts.map +1 -1
- package/dist/Highlight/Highlight.js +1 -1
- package/dist/Icon/Icon.d.ts +4 -0
- package/dist/Icon/Icon.d.ts.map +1 -1
- package/dist/Icon/Path.d.ts +2 -0
- package/dist/Icon/Path.d.ts.map +1 -1
- package/dist/Icon/Status.d.ts +3 -0
- package/dist/Icon/Status.d.ts.map +1 -1
- package/dist/Input/Inline.d.ts +7 -0
- package/dist/Input/Inline.d.ts.map +1 -1
- package/dist/Input/Input.d.ts +70 -0
- package/dist/Input/Input.d.ts.map +1 -1
- package/dist/Input/InputBox.d.ts +63 -0
- package/dist/Input/InputBox.d.ts.map +1 -1
- package/dist/Input/InputField.d.ts +19 -0
- package/dist/Input/InputField.d.ts.map +1 -1
- package/dist/Input/InputLabel.d.ts +6 -0
- package/dist/Input/InputLabel.d.ts.map +1 -1
- package/dist/ItemList/ItemListItem.d.ts +9 -0
- package/dist/ItemList/ItemListItem.d.ts.map +1 -1
- package/dist/Link/Link.d.ts +22 -0
- package/dist/Link/Link.d.ts.map +1 -1
- package/dist/LinkList/LinkList.d.ts +1 -0
- package/dist/LinkList/LinkList.d.ts.map +1 -1
- package/dist/List/List.d.ts +9 -0
- package/dist/List/List.d.ts.map +1 -1
- package/dist/Logo/Logo.d.ts +20 -0
- package/dist/Logo/Logo.d.ts.map +1 -1
- package/dist/Menu/Menu.d.ts +1 -0
- package/dist/Menu/Menu.d.ts.map +1 -1
- package/dist/Modal/Modal.d.ts +13 -0
- package/dist/Modal/Modal.d.ts.map +1 -1
- package/dist/NumberField/NumberField.d.ts +38 -0
- package/dist/NumberField/NumberField.d.ts.map +1 -1
- package/dist/Page/PageBody.d.ts +9 -0
- package/dist/Page/PageBody.d.ts.map +1 -1
- package/dist/Page/PageHeader.d.ts +4 -0
- package/dist/Page/PageHeader.d.ts.map +1 -1
- package/dist/Page/PageTitle.d.ts +4 -0
- package/dist/Page/PageTitle.d.ts.map +1 -1
- package/dist/Page/PageToolbar.d.ts +3 -0
- package/dist/Page/PageToolbar.d.ts.map +1 -1
- package/dist/PagerView/PagerView.d.ts +18 -0
- package/dist/PagerView/PagerView.d.ts.map +1 -1
- package/dist/Pagination/Pagination.d.ts +24 -0
- package/dist/Pagination/Pagination.d.ts.map +1 -1
- package/dist/Popover/Popover.d.ts +92 -0
- package/dist/Popover/Popover.d.ts.map +1 -1
- package/dist/Portal/Portal.d.ts +6 -0
- package/dist/Portal/Portal.d.ts.map +1 -1
- package/dist/Progress/Progress.d.ts +6 -0
- package/dist/Progress/Progress.d.ts.map +1 -1
- package/dist/Radio/Radio.d.ts +36 -0
- package/dist/Radio/Radio.d.ts.map +1 -1
- package/dist/RangeSlider/RangeSlider.d.ts +21 -0
- package/dist/RangeSlider/RangeSlider.d.ts.map +1 -1
- package/dist/Scrim/Scrim.d.ts +1 -0
- package/dist/Scrim/Scrim.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControl.d.ts +1 -0
- package/dist/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/SegmentedTabs/SegmentedTabs.d.ts +1 -0
- package/dist/SegmentedTabs/SegmentedTabs.d.ts.map +1 -1
- package/dist/Select/Inline.d.ts +9 -0
- package/dist/Select/Inline.d.ts.map +1 -1
- package/dist/Select/OptionGroup.d.ts +3 -0
- package/dist/Select/OptionGroup.d.ts.map +1 -1
- package/dist/Select/Select.d.ts +75 -0
- package/dist/Select/Select.d.ts.map +1 -1
- package/dist/Select/Select.js +1 -1
- package/dist/Sidebar/Sidebar.d.ts +6 -0
- package/dist/Sidebar/Sidebar.d.ts.map +1 -1
- package/dist/Sidebar/SidebarItem.d.ts +3 -0
- package/dist/Sidebar/SidebarItem.d.ts.map +1 -1
- package/dist/Sidebar/SidebarList.d.ts +3 -0
- package/dist/Sidebar/SidebarList.d.ts.map +1 -1
- package/dist/Spinner/Spinner.d.ts +15 -0
- package/dist/Spinner/Spinner.d.ts.map +1 -1
- package/dist/StackView/StackView.d.ts +6 -0
- package/dist/StackView/StackView.d.ts.map +1 -1
- package/dist/StepperField/StepperField.d.ts +15 -0
- package/dist/StepperField/StepperField.d.ts.map +1 -1
- package/dist/StepperProgress/Step.d.ts +4 -0
- package/dist/StepperProgress/Step.d.ts.map +1 -1
- package/dist/StepperProgress/StepperProgress.d.ts +3 -0
- package/dist/StepperProgress/StepperProgress.d.ts.map +1 -1
- package/dist/Summary/Summary.d.ts +12 -0
- package/dist/Summary/Summary.d.ts.map +1 -1
- package/dist/Tab/Tab.d.ts +5 -0
- package/dist/Tab/Tab.d.ts.map +1 -1
- package/dist/TabNav/Tab.d.ts +12 -0
- package/dist/TabNav/Tab.d.ts.map +1 -1
- package/dist/TabNav/Tab.js +1 -1
- package/dist/TabNav/TabNav.d.ts +9 -0
- package/dist/TabNav/TabNav.d.ts.map +1 -1
- package/dist/TabNav/TabNav.js +1 -1
- package/dist/Table/SubRowToggleCell.d.ts +2 -0
- package/dist/Table/SubRowToggleCell.d.ts.map +1 -1
- package/dist/Table/Table.d.ts +125 -0
- package/dist/Table/Table.d.ts.map +1 -1
- package/dist/Table/Table.js +1 -1
- package/dist/Tabs/Tabs.d.ts +14 -0
- package/dist/Tabs/Tabs.d.ts.map +1 -1
- package/dist/Text/Text.d.ts +33 -0
- package/dist/Text/Text.d.ts.map +1 -1
- package/dist/TextArea/TextArea.d.ts +1 -0
- package/dist/TextArea/TextArea.d.ts.map +1 -1
- package/dist/TileView/TileView.d.ts +6 -0
- package/dist/TileView/TileView.d.ts.map +1 -1
- package/dist/TimeField/TimeField.d.ts +21 -0
- package/dist/TimeField/TimeField.d.ts.map +1 -1
- package/dist/TimeField/TimeField.js +1 -1
- package/dist/ToggleSwitch/ToggleSwitch.d.ts +13 -0
- package/dist/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
- package/dist/ToggleSwitch/ToggleSwitch.js +1 -1
- package/dist/TokenInput/DefaultToken.d.ts +8 -0
- package/dist/TokenInput/DefaultToken.d.ts.map +1 -1
- package/dist/TokenInput/TokenInput.d.ts +15 -0
- package/dist/TokenInput/TokenInput.d.ts.map +1 -1
- package/dist/TokenInput/TokenInput.js +1 -1
- package/dist/Toolbar/Toolbar.d.ts +22 -0
- package/dist/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/Tooltip/Tooltip.d.ts +118 -0
- package/dist/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/Wizard/Wizard.d.ts +37 -0
- package/dist/Wizard/Wizard.d.ts.map +1 -1
- package/dist/WrapView/WrapView.d.ts +1 -0
- package/dist/WrapView/WrapView.d.ts.map +1 -1
- package/dist/designTokens/index.js +1 -1
- package/dist/hooks/use-accessibility-violation.d.ts +8 -1
- package/dist/hooks/use-accessibility-violation.d.ts.map +1 -1
- package/dist/hooks/use-document-event.d.ts +15 -0
- package/dist/hooks/use-document-event.d.ts.map +1 -1
- package/dist/hooks/use-focus.d.ts +5 -0
- package/dist/hooks/use-focus.d.ts.map +1 -1
- package/dist/hooks/use-id.d.ts +6 -0
- package/dist/hooks/use-id.d.ts.map +1 -1
- package/dist/hooks/use-measure.d.ts +36 -0
- package/dist/hooks/use-measure.d.ts.map +1 -1
- package/dist/hooks/use-roving-index.d.ts +23 -0
- package/dist/hooks/use-roving-index.d.ts.map +1 -1
- package/dist/system/colors/utils.js +1 -1
- package/dist/utils.d.ts +109 -0
- package/dist/utils.d.ts.map +1 -1
- package/package.json +2 -2
package/dist/Select/Select.js
CHANGED
|
@@ -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":"
|
|
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 +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;
|
|
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;
|
|
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;
|
|
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;
|
|
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;
|
|
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;
|
|
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;
|
package/dist/Tab/Tab.d.ts.map
CHANGED
|
@@ -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;
|
|
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"}
|
package/dist/TabNav/Tab.d.ts
CHANGED
|
@@ -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;
|
package/dist/TabNav/Tab.d.ts.map
CHANGED
|
@@ -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;
|
|
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"}
|
package/dist/TabNav/Tab.js
CHANGED
|
@@ -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
|
|
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
|
package/dist/TabNav/TabNav.d.ts
CHANGED
|
@@ -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;
|
|
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"}
|
package/dist/TabNav/TabNav.js
CHANGED
|
@@ -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
|
|
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;
|
|
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"}
|
package/dist/Table/Table.d.ts
CHANGED
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table/Table.tsx"],"names":[],"mappings":"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"}
|