@planningcenter/tapestry-react 5.0.0 → 5.1.2
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.js +1 -1
- package/dist/Badge/Status.js +1 -1
- package/dist/Box/Box.d.ts +1 -41
- package/dist/Box/Box.d.ts.map +1 -1
- package/dist/Button/Button.js +1 -1
- package/dist/Button/Input.js +1 -1
- package/dist/Calendar/Calendar.js +1 -1
- package/dist/Calendar/Day.js +1 -1
- package/dist/Calendar/utils.js +1 -1
- package/dist/Card/Card.js +1 -1
- package/dist/Checkbox/Checkbox.js +1 -1
- package/dist/CheckboxGroup/CheckboxGroup.d.ts +3 -0
- package/dist/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
- package/dist/CheckboxGroup/CheckboxGroup.js +1 -1
- package/dist/Collapse/Collapse.js +1 -1
- package/dist/ColumnView/ColumnView.js +1 -1
- package/dist/Combobox/ComboboxInput.js +1 -1
- package/dist/Combobox/ComboboxItem.js +1 -1
- package/dist/Combobox/ComboboxItems.d.ts.map +1 -1
- package/dist/Combobox/ComboboxItems.js +1 -1
- package/dist/Combobox/ComboboxPopover.js +1 -1
- package/dist/DataTable/DataTable.d.ts.map +1 -1
- package/dist/DataTable/DataTable.js +1 -1
- package/dist/DataTable/components/BodyRow.js +1 -1
- package/dist/DataTable/components/BodyRows.js +1 -1
- package/dist/DataTable/components/BodySubRows.js +1 -1
- package/dist/DataTable/components/CheckboxCell.js +1 -1
- package/dist/DataTable/components/ColumnPicker.js +1 -1
- package/dist/DataTable/hooks/useCollapsibleRows.js +1 -1
- package/dist/DataTable/hooks/useColumnSort.js +1 -1
- package/dist/DataTable/hooks/useColumnWidths.js +1 -1
- package/dist/DataTable/hooks/useRefManager.js +1 -1
- package/dist/DataTable/hooks/useScrollShadows.js +1 -1
- package/dist/DataTable/hooks/useScrollSync.js +1 -1
- package/dist/DataTable/hooks/useVariants.js +1 -1
- package/dist/DataTable/index.d.ts.map +1 -1
- package/dist/DataTable/index.js +1 -1
- package/dist/DataTable/utils/getParsedColumns.js +1 -1
- package/dist/DateField/DateField.d.ts +3 -0
- package/dist/DateField/DateField.d.ts.map +1 -1
- package/dist/DateField/DateField.js +1 -1
- package/dist/DateField/useArrowKeysToNavigateCalendar.js +1 -1
- package/dist/DateField/useEditableDate.js +1 -1
- package/dist/DragDrop/DragDrop.js +1 -1
- package/dist/Drawer/Drawer.js +1 -1
- package/dist/Dropdown/Dropdown.d.ts +3 -0
- package/dist/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/Dropdown/Dropdown.js +1 -1
- package/dist/Dropdown/Item.js +1 -1
- package/dist/Dropdown/Link.js +1 -1
- package/dist/EditActions/EditActions.js +1 -1
- package/dist/Field/Field.js +1 -1
- package/dist/FilterLayout/FilterLayout.js +1 -1
- package/dist/FocusGroup/FocusGroup.js +1 -1
- package/dist/Form/Form.js +1 -1
- package/dist/GridView/GridView.js +1 -1
- package/dist/Group/Group.js +1 -1
- package/dist/HelperDrawer/HelperDrawer.js +1 -1
- package/dist/Highlight/Highlight.js +1 -1
- package/dist/Input/InputBox.js +1 -1
- package/dist/Input/InputField.js +1 -1
- package/dist/Input/InputLabel.js +1 -1
- package/dist/ItemList/ItemList.js +1 -1
- package/dist/ItemList/ItemListController.js +1 -1
- package/dist/ItemList/ItemListItem.js +1 -1
- package/dist/LinkList/LinkList.js +1 -1
- package/dist/List/List.js +1 -1
- package/dist/Logo/Logo.js +1 -1
- package/dist/Logo/Logo.test.d.ts +2 -0
- package/dist/Logo/Logo.test.d.ts.map +1 -0
- package/dist/Modal/Modal.d.ts +3 -0
- package/dist/Modal/Modal.d.ts.map +1 -1
- package/dist/Modal/Modal.js +1 -1
- package/dist/NumberField/NumberField.js +1 -1
- package/dist/PagerView/PagerView.js +1 -1
- package/dist/Pagination/Pagination.js +1 -1
- package/dist/Popover/Popover.js +1 -1
- package/dist/Portal/Portal.js +1 -1
- package/dist/Radio/Radio.js +1 -1
- package/dist/RangeSlider/RangeSlider.js +1 -1
- package/dist/Scrim/Scrim.js +1 -1
- package/dist/SegmentedControl/SegmentedControl.js +1 -1
- package/dist/SegmentedTabs/SegmentedTabs.js +1 -1
- package/dist/Select/Option.d.ts +3 -0
- package/dist/Select/Option.d.ts.map +1 -1
- package/dist/Select/Option.js +1 -1
- package/dist/Select/OptionGroup.d.ts +3 -0
- package/dist/Select/OptionGroup.d.ts.map +1 -1
- package/dist/Select/Select.js +1 -1
- package/dist/Select/Value.d.ts +3 -0
- package/dist/Select/Value.d.ts.map +1 -1
- package/dist/Select/utils.js +1 -1
- package/dist/Sidebar/Sidebar.js +1 -1
- package/dist/Sortable/SortableItem.js +1 -1
- package/dist/Sortable/SortableList.js +1 -1
- package/dist/StackView/StackView.d.ts.map +1 -1
- package/dist/StepperProgress/Step.js +1 -1
- package/dist/StepperProgress/StepperProgress.js +1 -1
- package/dist/TabNav/TabNav.js +1 -1
- package/dist/Table/AnimateScroll.js +1 -1
- package/dist/Table/BodyRow.js +1 -1
- package/dist/Table/ColumnPicker.js +1 -1
- package/dist/Table/Table.js +1 -1
- package/dist/Table/TableBase.js +1 -1
- package/dist/Tabs/TabList.js +1 -1
- package/dist/Tabs/Tabs.js +1 -1
- package/dist/Text/Text.d.ts.map +1 -1
- package/dist/ThemeProvider/ThemeProvider.js +1 -1
- package/dist/ThemeProvider/styles.js +1 -1
- package/dist/TimeField/TimeField.js +1 -1
- package/dist/TokenInput/TokenInput.d.ts.map +1 -1
- package/dist/TokenInput/TokenInput.js +1 -1
- package/dist/Toolbar/Toolbar.js +1 -1
- package/dist/Tooltip/Tooltip.js +1 -1
- package/dist/VariantProvider/VariantProvider.js +1 -1
- package/dist/Wizard/Step.js +1 -1
- package/dist/Wizard/Wizard.js +1 -1
- package/dist/ext/resize-observer-polyfill/dist/ResizeObserver.es.js +1 -1
- package/dist/ext/tslib/tslib.es6.js +1 -1
- package/dist/hooks/use-accessibility-violation.js +1 -1
- package/dist/hooks/use-document-event.js +1 -1
- package/dist/hooks/use-keyboard-shortcuts.js +1 -1
- package/dist/hooks/use-measure.js +1 -1
- package/dist/hooks/use-media-query.js +1 -1
- package/dist/hooks/use-roving-index.js +1 -1
- package/dist/system/colors/colors.d.ts +1 -1
- package/dist/system/colors/utils.js +1 -1
- package/dist/system/cxs.js +1 -1
- package/dist/system/default-theme.js +1 -1
- package/dist/system/parse-styles.js +1 -1
- package/dist/system/plugins/color.js +1 -1
- package/dist/system/plugins/size.js +1 -1
- package/dist/system/split-styles.js +1 -1
- package/dist/system/use-css.js +1 -1
- package/dist/system/utils.js +1 -1
- package/dist/utils.js +1 -1
- package/dist/vendor/react-measure/Measure.js +1 -1
- package/dist/vendor/react-measure/Viewport.js +1 -1
- package/package.json +3 -3
- package/dist/Logo/ Logo.test.d.ts +0 -2
- package/dist/Logo/ Logo.test.d.ts.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e}from'./../ext/tslib/tslib.es6.js';import{token as t}from"@planningcenter/tapestry";import{format as o}from"date-fns";import*as n from"react";import{Box as r}from"../Box/Box.js";import{Divider as a}from"../Divider/Divider.js";import i from"../Dropdown/Dropdown.js";import l from"../Icon/Icon.js";import{Link as m}from"../Link/Link.js";import{StackView as c}from"../StackView/StackView.js";import{Text as s}from"../Text/Text.js";import{cloneChildren as d}from"../utils.js";function p(p){var u=p.children,g=p.defaultButtonProps,f=void 0===g?{theme:"secondaryPageHeader"}:g,v=p.duplicates,h=p.duplicatesButtonProps,E=void 0===h?{theme:"secondaryPageHeader"}:h,P=p.inactive,x=p.inactiveButtonProps,y=void 0===x?{theme:"secondaryPageHeader"}:x,z=p.isBelowManager,j=p.isPeopleProduct,w=p.onDeleteProfile,T=(null==v?void 0:v.amount)>0,k=Boolean(null==P?void 0:P.date);return n.createElement(i,e({title:"Actions",iconLeft:T||k?{color:t(T?"--t-icon-color-status-warning":"--t-icon-color-secondary"),name:T?"general.exclamationTriangle":"general.inactive",size:"md"}:void 0,fontSize:"14px",fontWeight:400,paddingLeft:T||k?1:void 0,paddingVertical:.25,theme:!1,popoverProps:{maxWidth:"280px"},placement:"bottom-start"},T?E:k?y:f),T?n.createElement(n.Fragment,null,n.createElement(c,{axis:"horizontal",padding:2,spacing:1},n.createElement(l,{color:t("--t-icon-color-status-warning"),marginTop:"3px",name:"general.exclamationTriangle"}),n.createElement(s,{size:4},"There ",v.amount>1?"are":"is"," ",v.amount," ","potential ",v.amount>1?"duplicates":"duplicate"," for this profile."," ",z?"An administrator can resolve ".concat(v.amount>1?"them":"it"," in People."):n.createElement(m,e({},v.linkProps),j?"Review":"Review in People"))),n.createElement(a,null)):null,k?n.createElement(n.Fragment,null,n.createElement(c,{axis:"horizontal",padding:2,spacing:1},n.createElement(l,{name:"general.inactive",color:t("--t-icon-color-secondary"),marginTop:"3px"}),n.createElement(s,{size:4},"Set inactive on ",o(P.date,"MMM dd, yyyy"),P.reason&&" (".concat(P.reason,")"),"."," ",z?"An administrator can reactivate them in People.":n.createElement(m,e({},P.linkProps),j?"Reactivate":"Reactivate in People"))),n.createElement(a,null)):null,(T||k)&&n.createElement(r,{height:1.5}),d(u,
|
|
1
|
+
import{__assign as e}from'./../ext/tslib/tslib.es6.js';import{token as t}from"@planningcenter/tapestry";import{format as o}from"date-fns";import*as n from"react";import{Box as r}from"../Box/Box.js";import{Divider as a}from"../Divider/Divider.js";import i from"../Dropdown/Dropdown.js";import l from"../Icon/Icon.js";import{Link as m}from"../Link/Link.js";import{StackView as c}from"../StackView/StackView.js";import{Text as s}from"../Text/Text.js";import{cloneChildren as d}from"../utils.js";function p(p){var u=p.children,g=p.defaultButtonProps,f=void 0===g?{theme:"secondaryPageHeader"}:g,v=p.duplicates,h=p.duplicatesButtonProps,E=void 0===h?{theme:"secondaryPageHeader"}:h,P=p.inactive,x=p.inactiveButtonProps,y=void 0===x?{theme:"secondaryPageHeader"}:x,z=p.isBelowManager,j=p.isPeopleProduct,w=p.onDeleteProfile,T=(null==v?void 0:v.amount)>0,k=Boolean(null==P?void 0:P.date);return n.createElement(i,e({title:"Actions",iconLeft:T||k?{color:t(T?"--t-icon-color-status-warning":"--t-icon-color-secondary"),name:T?"general.exclamationTriangle":"general.inactive",size:"md"}:void 0,fontSize:"14px",fontWeight:400,paddingLeft:T||k?1:void 0,paddingVertical:.25,theme:!1,popoverProps:{maxWidth:"280px"},placement:"bottom-start"},T?E:k?y:f),T?n.createElement(n.Fragment,null,n.createElement(c,{axis:"horizontal",padding:2,spacing:1},n.createElement(l,{color:t("--t-icon-color-status-warning"),marginTop:"3px",name:"general.exclamationTriangle"}),n.createElement(s,{size:4},"There ",v.amount>1?"are":"is"," ",v.amount," ","potential ",v.amount>1?"duplicates":"duplicate"," for this profile."," ",z?"An administrator can resolve ".concat(v.amount>1?"them":"it"," in People."):n.createElement(m,e({},v.linkProps),j?"Review":"Review in People"))),n.createElement(a,null)):null,k?n.createElement(n.Fragment,null,n.createElement(c,{axis:"horizontal",padding:2,spacing:1},n.createElement(l,{name:"general.inactive",color:t("--t-icon-color-secondary"),marginTop:"3px"}),n.createElement(s,{size:4},"Set inactive on ",o(P.date,"MMM dd, yyyy"),P.reason&&" (".concat(P.reason,")"),"."," ",z?"An administrator can reactivate them in People.":n.createElement(m,e({},P.linkProps),j?"Reactivate":"Reactivate in People"))),n.createElement(a,null)):null,(T||k)&&n.createElement(r,{height:1.5}),d(u,function(){return{paddingHorizontal:2}}),w?n.createElement(i.Item,{disabled:z,paddingHorizontal:2,onSelect:w},j?"Delete profile":"Delete profile…"):null,w&&z?n.createElement(r,{marginHorizontal:2,padding:1,backgroundColor:"surfaceTertiary",color:"foregroundSecondary"},n.createElement(s,{size:5,lineHeight:2},"To delete this profile, an administrator must remove them from People.")):null,(T||k||w&&z)&&n.createElement(r,{height:1}))}export{p as ActionsDropdown};
|
|
2
2
|
//# sourceMappingURL=ActionsDropdown.js.map
|
package/dist/Badge/Status.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{useState as r,useEffect as s}from"react";import i from"../Icon/Icon.js";import{getColor as l}from"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import"@emotion/react";import"@planningcenter/tapestry";import"lodash/get";import"../system/default-theme.js";import"../system/style-names.js";import"../system/cxs.js";import n from"./Badge.js";var m={error:{color:"error",icon:"general.x"},success:{color:"success",icon:"general.check"}},a=function(a){var c=a.light,u=a.onClearRequest,p=a.size,d=void 0===p?"sm":p,f=a.status,g=a.title,h=e(a,["light","onClearRequest","size","status","title"]),j=r(null),y=j[0],v=j[1];if(s(
|
|
1
|
+
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{useState as r,useEffect as s}from"react";import i from"../Icon/Icon.js";import{getColor as l}from"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import"@emotion/react";import"@planningcenter/tapestry";import"lodash/get";import"../system/default-theme.js";import"../system/style-names.js";import"../system/cxs.js";import n from"./Badge.js";var m={error:{color:"error",icon:"general.x"},success:{color:"success",icon:"general.check"}},a=function(a){var c=a.light,u=a.onClearRequest,p=a.size,d=void 0===p?"sm":p,f=a.status,g=a.title,h=e(a,["light","onClearRequest","size","status","title"]),j=r(null),y=j[0],v=j[1];if(s(function(){return y&&clearTimeout(y),v(setTimeout(u,1800)),function(){y&&clearTimeout(y)}},[f]),f){var b=m[f],x=b.color,z=b.icon;return o.createElement(n,t({color:c?{background:"light",foreground:l(x)}:l(x),fontWeight:600,paddingRight:1,radius:"pill",renderLeft:o.createElement(i,{name:z}),size:d,title:g},h))}return null};a.displayName="Badge.Status";export{a as default};
|
|
2
2
|
//# sourceMappingURL=Status.js.map
|
package/dist/Box/Box.d.ts
CHANGED
|
@@ -24,46 +24,6 @@ export type BoxProps<E extends As = 'div'> = {
|
|
|
24
24
|
/**
|
|
25
25
|
* Box is the base component that everything builds from. It is responsible for processing all style props.
|
|
26
26
|
*/
|
|
27
|
-
export declare const Box: <E extends As = "div">({ as, inline, innerRef, ...props }:
|
|
28
|
-
as?: E;
|
|
29
|
-
} & {
|
|
30
|
-
as?: E;
|
|
31
|
-
} & Omit<E extends keyof React.JSX.IntrinsicElements ? React.JSX.IntrinsicElements[E] : E extends React.JSXElementConstructor<infer P> ? P : {}, "borderWidth" | "borderTopWidth" | "borderRightWidth" | "borderBottomWidth" | "borderLeftWidth" | "radius" | "radiusTop" | "radiusRight" | "radiusBottom" | "radiusLeft" | "contain" | "visible" | "color" | "left" | "right" | "bottom" | "top" | "column" | "content" | "inline" | "flex" | "row" | "wrap" | "position" | "fill" | "clip" | "stroke" | "x" | "y" | "uppercase" | "clear" | "border" | "padding" | "active" | "focus" | "resize" | "filter" | "overflow" | "overflowX" | "overflowY" | "alignContent" | "alignItems" | "alignSelf" | "alignmentBaseline" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "aspectRatio" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "borderBottom" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderCollapse" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderLeft" | "borderLeftStyle" | "borderRadius" | "borderRight" | "borderRightStyle" | "borderSpacing" | "borderStyle" | "borderTop" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "clipPath" | "clipRule" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "counterIncrement" | "counterReset" | "cursor" | "direction" | "display" | "fillOpacity" | "fillRule" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontSize" | "fontStretch" | "fontStyle" | "fontVariant" | "fontVariantCaps" | "fontVariantLigatures" | "fontVariantNumeric" | "fontWeight" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "hyphens" | "imageRendering" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lightingColor" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "mask" | "maskType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "mixBlendMode" | "motion" | "objectFit" | "objectPosition" | "opacity" | "order" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowWrap" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeItems" | "placeSelf" | "pointerEvents" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textDecoration" | "textIndent" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textTransform" | "touchAction" | "transform" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "verticalAlign" | "visibility" | "userSelect" | "WebkitOverflowScrolling" | "writingMode" | "whiteSpace" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "zIndex" | "backgroundColor" | "borderColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderTopColor" | "hover" | "paddingHorizontal" | "paddingVertical" | "rotate" | "scale" | "elevation" | "basis" | "grow" | "shrink" | "marginHorizontal" | "marginVertical" | "strokeAlign" | "strokeWeight" | "as" | "columnEnd" | "columnStart" | "css" | "rowEnd" | "rowStart"> & Props & Pick<React.CSSProperties, "borderWidth" | "borderTopWidth" | "borderRightWidth" | "borderBottomWidth" | "borderLeftWidth" | "contain" | "left" | "right" | "bottom" | "top" | "content" | "flex" | "position" | "clip" | "clear" | "border" | "padding" | "resize" | "filter" | "overflow" | "overflowX" | "overflowY" | "alignContent" | "alignItems" | "alignSelf" | "alignmentBaseline" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "aspectRatio" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "borderBottom" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderCollapse" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderLeft" | "borderLeftStyle" | "borderRadius" | "borderRight" | "borderRightStyle" | "borderSpacing" | "borderStyle" | "borderTop" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "clipPath" | "clipRule" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "counterIncrement" | "counterReset" | "cursor" | "direction" | "display" | "fillOpacity" | "fillRule" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontSize" | "fontStretch" | "fontStyle" | "fontVariant" | "fontVariantCaps" | "fontVariantLigatures" | "fontVariantNumeric" | "fontWeight" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "hyphens" | "imageRendering" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lightingColor" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "mask" | "maskType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "mixBlendMode" | "motion" | "objectFit" | "objectPosition" | "opacity" | "order" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowWrap" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeItems" | "placeSelf" | "pointerEvents" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textDecoration" | "textIndent" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textTransform" | "touchAction" | "transform" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "verticalAlign" | "visibility" | "userSelect" | "WebkitOverflowScrolling" | "writingMode" | "whiteSpace" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "zIndex"> & Partial<Record<"color" | "fill" | "stroke" | "outlineColor" | "backgroundColor" | "borderColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderTopColor", import("../types").ColorProp>> & {
|
|
32
|
-
basis?: import("csstype").Property.FlexBasis<string | number>;
|
|
33
|
-
column?: import("csstype").Property.GridColumn;
|
|
34
|
-
columnEnd?: import("csstype").Property.GridColumnEnd;
|
|
35
|
-
columnStart?: import("csstype").Property.GridColumnStart;
|
|
36
|
-
css?: any;
|
|
37
|
-
elevation?: number;
|
|
38
|
-
grow?: import("csstype").Property.FlexGrow;
|
|
39
|
-
marginHorizontal?: string | number;
|
|
40
|
-
marginVertical?: string | number;
|
|
41
|
-
paddingHorizontal?: string | number;
|
|
42
|
-
paddingVertical?: string | number;
|
|
43
|
-
radius?: import("csstype").Property.BorderRadius<string | number>;
|
|
44
|
-
radiusBottom?: string | number;
|
|
45
|
-
radiusLeft?: string | number;
|
|
46
|
-
radiusRight?: string | number;
|
|
47
|
-
radiusTop?: string | number;
|
|
48
|
-
rotate?: number;
|
|
49
|
-
row?: import("csstype").Property.GridRow;
|
|
50
|
-
rowEnd?: import("csstype").Property.GridRowEnd;
|
|
51
|
-
rowStart?: import("csstype").Property.GridRowStart;
|
|
52
|
-
scale?: number;
|
|
53
|
-
shrink?: import("csstype").Property.FlexShrink;
|
|
54
|
-
strokeAlign?: "center" | "inside" | "outside";
|
|
55
|
-
strokeWeight?: number;
|
|
56
|
-
uppercase?: boolean;
|
|
57
|
-
visible?: boolean;
|
|
58
|
-
wrap?: string | boolean;
|
|
59
|
-
x?: string | number;
|
|
60
|
-
y?: string | number;
|
|
61
|
-
} & {
|
|
62
|
-
active?: StyleProps;
|
|
63
|
-
focus?: StyleProps;
|
|
64
|
-
hover?: StyleProps;
|
|
65
|
-
} & {
|
|
66
|
-
innerRef?: React.Ref<RenderedHTMLElement<E>>;
|
|
67
|
-
} & MediaQueries<BoxProps<E>> & Variants<BoxProps<E>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
27
|
+
export declare const Box: <E extends As = "div">({ as, inline, innerRef, ...props }: BoxProps<E> & MediaQueries<BoxProps<E>> & Variants<BoxProps<E>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
68
28
|
export {};
|
|
69
29
|
//# sourceMappingURL=Box.d.ts.map
|
package/dist/Box/Box.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAG1E,KAAK,mBAAmB,CAAC,CAAC,SAAS,EAAE,IAAI,KAAK,CAAC,qBAAqB,CAClE,CAAC,CACF,SAAS,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,GACnC,CAAC,GACD,KAAK,CAAA;AAET,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,cAAc,CAAC,CAAC,SAAS,EAAE,IAAI,OAAO,CAAC,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC,CAAA;AAElE,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI;IAC3C,EAAE,CAAC,EAAE,CAAC,CAAA;CACP,GAAG,cAAc,CAAC,CAAC,CAAC,GACnB,KAAK,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,CAAA;AAI1D;;GAEG;AACH,eAAO,MAAM,GAAG
|
|
1
|
+
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAG1E,KAAK,mBAAmB,CAAC,CAAC,SAAS,EAAE,IAAI,KAAK,CAAC,qBAAqB,CAClE,CAAC,CACF,SAAS,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,GACnC,CAAC,GACD,KAAK,CAAA;AAET,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,cAAc,CAAC,CAAC,SAAS,EAAE,IAAI,OAAO,CAAC,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC,CAAA;AAElE,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI;IAC3C,EAAE,CAAC,EAAE,CAAC,CAAA;CACP,GAAG,cAAc,CAAC,CAAC,CAAC,GACnB,KAAK,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,CAAA;AAI1D;;GAEG;AACH,eAAO,MAAM,GAAG,6DAKb,SAAS,CAAC,CAAC,GAAG,aAAa,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,SAAS,CAAC,CAAC,CAAC,uEAajE,CAAA"}
|
package/dist/Button/Button.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{token as i}from"@planningcenter/tapestry";import o from"react";import{designTokens as n}from"../designTokens/index.js";import{useAccessibilityViolation as r}from"../hooks/use-accessibility-violation.js";import a from"../Icon/Icon.js";import{Link as s}from"../Link/Link.js";import{Spinner as l}from"../Spinner/Spinner.js";import{StackView as c}from"../StackView/StackView.js";import{useThemeValue as p,useBoxSize as d}from"../system/utils.js";import u from"../Tooltip/Tooltip.js";import{mergeProps as m}from"../utils.js";import f from"./Input.js";function h(f){var h,b,g=f.children,y=f.disabled,v=f.external,k=f.icon,z=f.iconLeft,j=f.iconRight,w=f.onClick,x=f.onKeyDown,E=f.size,Q=f.spinner,V=f.square,C=f.theme,D=void 0===C?"default":C,I=f.title,R=f.to,S=f.tooltip,T=f.type,H=void 0===T?"button":T,L=f.variant,P=f.focusVisible,K=e(f,["children","disabled","external","icon","iconLeft","iconRight","onClick","onKeyDown","size","spinner","square","theme","title","to","tooltip","type","variant","focusVisible"]),W=p("button.themes"),A=L||"fill",_=d(E),q=_.boxSize,B=_.fontSize,N=_.lineHeight,O=_.paddingHorizontal,F=_.paddingHorizontalDense,G=_.paddingVertical,J={alignment:"center",as:K.href||R?"a":"button",axis:"horizontal",distribution:"center",focusVisible:P,fontSize:B,fontWeight:400,inline:!0,lineHeight:N,position:"relative",radius:n.button.borderRadius,strokeAlign:"inside",strokeWeight:1,type:H,userSelect:"none",zIndex:1};if(D&&"boolean"!=typeof D){var M=W[D];if(M){var U=M[A];if(U){U.disabled;var X=U.mediaQueries,Y=e(U,["disabled","mediaQueries"]);J=t(t({},J),Y),X&&K.mediaQueries?J.mediaQueries=t(t({},X),K.mediaQueries):X&&(J.mediaQueries=X)}else console.warn('Could not find "'.concat(A,'" in "').concat(D,'" theme. Check your ThemeProvider and make sure "').concat(A,'" variant exists in "').concat(D,'".'))}else"false"===D?console.warn('The string "false" is not a valid theme. Please pass a boolean %cfalse%c instead.',"color:red","color:inherit"):console.warn('Could not find "'.concat(D,'" in button.themes. Check your ThemeProvider and make sure "').concat(D,'" exists.'))}"string"==typeof k&&(k={name:k}),"string"==typeof z&&(z={name:z}),"string"==typeof j&&(j={name:j});var Z="string"==typeof S?{title:S}:S;if(k&&(O=F,J["aria-label"]=Z?Z.title:I),V?(J.width=q,J.height=q):k&&(J.minWidth=q,J.minHeight=q),"pill"===K.radius?J.paddingHorizontal=1.25*O:"pill-left"===K.radius?(J.paddingLeft=1.25*O,J.paddingRight=O):"pill-right"===K.radius?(J.paddingLeft=O,J.paddingRight=1.25*O):(!k||z||j)&&(J.paddingHorizontal=O,J.paddingVertical=G),Q&&(h=y?i("--t-text-color-status-neutral"):J.color,b=y?i("--t-fill-color-transparency-dark-020"):null,J.style={color:"transparent"},k&&(k.color="transparent"),z&&(z.color="transparent"),j&&(j.color="transparent")),y&&"boolean"!=typeof D){var $=W[D];if($){var ee=$[A];ee&&ee.disabled?J=t(t({},J),ee.disabled):J.opacity=.65,(null==ee?void 0:ee.mediaQueries)&&(J.mediaQueries=Object.entries(ee.mediaQueries).reduce(
|
|
1
|
+
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{token as i}from"@planningcenter/tapestry";import o from"react";import{designTokens as n}from"../designTokens/index.js";import{useAccessibilityViolation as r}from"../hooks/use-accessibility-violation.js";import a from"../Icon/Icon.js";import{Link as s}from"../Link/Link.js";import{Spinner as l}from"../Spinner/Spinner.js";import{StackView as c}from"../StackView/StackView.js";import{useThemeValue as p,useBoxSize as d}from"../system/utils.js";import u from"../Tooltip/Tooltip.js";import{mergeProps as m}from"../utils.js";import f from"./Input.js";function h(f){var h,b,g=f.children,y=f.disabled,v=f.external,k=f.icon,z=f.iconLeft,j=f.iconRight,w=f.onClick,x=f.onKeyDown,E=f.size,Q=f.spinner,V=f.square,C=f.theme,D=void 0===C?"default":C,I=f.title,R=f.to,S=f.tooltip,T=f.type,H=void 0===T?"button":T,L=f.variant,P=f.focusVisible,K=e(f,["children","disabled","external","icon","iconLeft","iconRight","onClick","onKeyDown","size","spinner","square","theme","title","to","tooltip","type","variant","focusVisible"]),W=p("button.themes"),A=L||"fill",_=d(E),q=_.boxSize,B=_.fontSize,N=_.lineHeight,O=_.paddingHorizontal,F=_.paddingHorizontalDense,G=_.paddingVertical,J={alignment:"center",as:K.href||R?"a":"button",axis:"horizontal",distribution:"center",focusVisible:P,fontSize:B,fontWeight:400,inline:!0,lineHeight:N,position:"relative",radius:n.button.borderRadius,strokeAlign:"inside",strokeWeight:1,type:H,userSelect:"none",zIndex:1};if(D&&"boolean"!=typeof D){var M=W[D];if(M){var U=M[A];if(U){U.disabled;var X=U.mediaQueries,Y=e(U,["disabled","mediaQueries"]);J=t(t({},J),Y),X&&K.mediaQueries?J.mediaQueries=t(t({},X),K.mediaQueries):X&&(J.mediaQueries=X)}else console.warn('Could not find "'.concat(A,'" in "').concat(D,'" theme. Check your ThemeProvider and make sure "').concat(A,'" variant exists in "').concat(D,'".'))}else"false"===D?console.warn('The string "false" is not a valid theme. Please pass a boolean %cfalse%c instead.',"color:red","color:inherit"):console.warn('Could not find "'.concat(D,'" in button.themes. Check your ThemeProvider and make sure "').concat(D,'" exists.'))}"string"==typeof k&&(k={name:k}),"string"==typeof z&&(z={name:z}),"string"==typeof j&&(j={name:j});var Z="string"==typeof S?{title:S}:S;if(k&&(O=F,J["aria-label"]=Z?Z.title:I),V?(J.width=q,J.height=q):k&&(J.minWidth=q,J.minHeight=q),"pill"===K.radius?J.paddingHorizontal=1.25*O:"pill-left"===K.radius?(J.paddingLeft=1.25*O,J.paddingRight=O):"pill-right"===K.radius?(J.paddingLeft=O,J.paddingRight=1.25*O):(!k||z||j)&&(J.paddingHorizontal=O,J.paddingVertical=G),Q&&(h=y?i("--t-text-color-status-neutral"):J.color,b=y?i("--t-fill-color-transparency-dark-020"):null,J.style={color:"transparent"},k&&(k.color="transparent"),z&&(z.color="transparent"),j&&(j.color="transparent")),y&&"boolean"!=typeof D){var $=W[D];if($){var ee=$[A];ee&&ee.disabled?J=t(t({},J),ee.disabled):J.opacity=.65,(null==ee?void 0:ee.mediaQueries)&&(J.mediaQueries=Object.entries(ee.mediaQueries).reduce(function(e,i){var o=i[0],n=i[1],r=n&&"object"==typeof n&&"disabled"in n&&n.disabled;return r&&"object"==typeof r&&(e[o]=t(t({},e[o]),r)),e},t({},J.mediaQueries)))}J["aria-disabled"]=!0,J.cursor="not-allowed",J.onClick=function(e){return e.preventDefault()},J.onKeyDown=function(e){"Enter"!==e.key&&" "!==e.key||e.preventDefault()}}if(y||Q?(J.hover=void 0,J.active=void 0):(J.focus=t({zIndex:5},J.focus),J.cursor="pointer",J.touchAction="manipulation",J.onClick=w,J.onKeyDown=function(e){!w||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),w(e)),x&&x(e)}),v&&(J.rel="noopener noreferrer",J.target="_blank"),R&&(K.href=R),(R||K.href)&&(J=t(t({},J),{type:null})),"outline"===A&&(J=t(t({},J),{hover:t({strokeAlign:"inside",strokeWeight:1,zIndex:2},J.hover)})),K.as&&(J.to=R,"button"!==K.as&&(J=t(t({},J),{type:null}))),"production"!==process.env.NODE_ENV){if(k&&!(I||Z&&Z.title)){var te=r(o.createElement(o.Fragment,null,"Icon only buttons must define either a"," ",o.createElement(s,{external:!0,to:"https://planningcenter.github.io/tapestry-react/button#tooltip",weight:700},"tooltip")," ","or"," ",o.createElement(s,{external:!0,to:"https://planningcenter.github.io/tapestry-react/button#title",weight:700},"title")," ","prop."),'Tapestry-React: <Button/> icon only buttons must define either a "tooltip" or "title" prop for proper accessibility.'),ie=te.tooltipProps,oe=te.wrapperProps;Z=ie,K=m(K,oe)}J.type&&K.as&&"button"!==K.as&&console.log("Tapestry-React: <Button/> type prop is only supported by <button> and not <".concat(K.as,">."))}var ne=J.focusVisible,re=e(J,["focusVisible"]);K.mediaQueries;var ae=e(K,["mediaQueries"]);return o.createElement(u,t({},Z),o.createElement(c,t({},re,ae,{css:t(t({},K.css),{"&:focus-visible":ne})}),z&&o.createElement(a,t({size:E,color:J.color,marginRight:F},z)),k?o.createElement(a,t({size:E,color:J.color},k)):I||g,j&&o.createElement(a,t({size:E,color:J.color,marginLeft:F},j)),Q&&o.createElement(l,t({size:E,color:h},b&&{trackColor:b},Q,{center:!0}))))}h.Input=f;export{h as Button};
|
|
2
2
|
//# sourceMappingURL=Button.js.map
|
package/dist/Button/Input.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{forwardRef as n,useRef as i,useState as r,useLayoutEffect as s,useImperativeHandle as u,cloneElement as c,Children as l}from"react";import a from'./../ext/resize-observer-polyfill/dist/ResizeObserver.es.js';import{tabbable as f}from"tabbable";import{Box as p}from"../Box/Box.js";import{useBoxSize as d}from"../system/utils.js";import{getRect as m}from"../utils.js";import{Button as y}from"./Button.js";var h=n(
|
|
1
|
+
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{forwardRef as n,useRef as i,useState as r,useLayoutEffect as s,useImperativeHandle as u,cloneElement as c,Children as l}from"react";import a from'./../ext/resize-observer-polyfill/dist/ResizeObserver.es.js';import{tabbable as f}from"tabbable";import{Box as p}from"../Box/Box.js";import{useBoxSize as d}from"../system/utils.js";import{getRect as m}from"../utils.js";import{Button as y}from"./Button.js";var h=n(function(n,h){var v=n.children;n.style;var b=n.size,w=n.onOpen,z=n.onClose,j=e(n,["children","style","size","onOpen","onClose"]),x=i(void 0),B=i(void 0),C=i(void 0),E=r(!1),g=E[0],O=E[1],R={height:d(b).boxSize,innerRef:x,overflow:"hidden",position:"relative",transition:"width 200ms cubic-bezier(.02,.8,.38,1)"},S={innerRef:B,left:0,opacity:g?1:0,position:"absolute",right:0,top:0,transition:"opacity 180ms ease"},k={disabled:!g,onBlur:function(){0===B.current.querySelector("input").value.length&&_()},onKeyDown:function(e){"Escape"===e.key&&_()},secondaryStroke:!1,size:b},q={innerRef:C,left:0,opacity:g?0:1,position:"absolute",right:0,top:0,transition:"opacity 180ms ease"},I=t(t({},j),{disabled:g,onClick:T,size:b});function T(){O(!0);var e=B.current.querySelector("input");e&&e.focus&&setTimeout(function(){return e.focus()}),w&&w()}function _(){O(!1);var e=f(C.current)[0];e&&e.focus&&setTimeout(function(){return e.focus()}),z&&z()}function D(){var e=x.current,t=B.current.firstChild,o=C.current.firstChild;t.style.width="",o.style.width="";var n,i=m(t,{clone:!0}),r=m(o,{clone:!0}),s=(n=g?i.width:r.width,parseInt(n.toFixed(0),10)+1);e.style.width=s+"px",t.style.width="100%",o.style.width="100%"}s(function(){D();var e=new a(D);return e.observe(g?B.current:C.current),function(){e.disconnect()}},[g]),u(h,function(){return{close:_,open:T}},[]);var F=o.createElement(y,t({},I));return o.createElement(p,t({},R),o.createElement(p,t({},S),"function"==typeof v?v({close:_,inputProps:k,isOpen:g,open:T}):c(l.only(v),k)),o.createElement(p,t({},q),F))});h.displayName="Button.Input";export{h as default};
|
|
2
2
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{getMonth as n,getYear as r,isSameDay as i,format as a,isSameMonth as o,addMonths as s,addYears as l,isBefore as c,isAfter as u,isWithinInterval as d}from"date-fns";import m,{forwardRef as h,useRef as f,useState as g,useEffect as p,useImperativeHandle as b,Children as y}from"react";import{Box as S}from"../Box/Box.js";import{Button as k}from"../Button/Button.js";import{Group as v}from"../Group/Group.js";import z from"../HeadingUppercase/HeadingUppercase.js";import{useHover as D}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import{StackView as C}from"../StackView/StackView.js";import{useThemeValue as x}from"../system/utils.js";import E from"./Day.js";import{TODAY as w,MIN_MONTH_DEFAULT as O,MAX_MONTH_DEFAULT as j,MIN_YEAR_DEFAULT as W,MAX_YEAR_DEFAULT as M,getMonthWeekDays as B,getMonthWeeks as T,MONTHS as I,getNextOccurrenceOfDay as A,getYears as F}from"./utils.js";var H={lg:{buttonSize:"sm",cellSize:7,fontSize:3,headerFontSize:2,trimWeekdays:3},md:{buttonSize:"sm",cellSize:5,fontSize:4,headerFontSize:2,trimWeekdays:3},sm:{buttonSize:"sm",cellSize:4,fontSize:4,headerFontSize:4,statusOffset:"12.5%",trimWeekdays:2}},R=h(
|
|
1
|
+
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{getMonth as n,getYear as r,isSameDay as i,format as a,isSameMonth as o,addMonths as s,addYears as l,isBefore as c,isAfter as u,isWithinInterval as d}from"date-fns";import m,{forwardRef as h,useRef as f,useState as g,useEffect as p,useImperativeHandle as b,Children as y}from"react";import{Box as S}from"../Box/Box.js";import{Button as k}from"../Button/Button.js";import{Group as v}from"../Group/Group.js";import z from"../HeadingUppercase/HeadingUppercase.js";import{useHover as D}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import{StackView as C}from"../StackView/StackView.js";import{useThemeValue as x}from"../system/utils.js";import E from"./Day.js";import{TODAY as w,MIN_MONTH_DEFAULT as O,MAX_MONTH_DEFAULT as j,MIN_YEAR_DEFAULT as W,MAX_YEAR_DEFAULT as M,getMonthWeekDays as B,getMonthWeeks as T,MONTHS as I,getNextOccurrenceOfDay as A,getYears as F}from"./utils.js";var H={lg:{buttonSize:"sm",cellSize:7,fontSize:3,headerFontSize:2,trimWeekdays:3},md:{buttonSize:"sm",cellSize:5,fontSize:4,headerFontSize:2,trimWeekdays:3},sm:{buttonSize:"sm",cellSize:4,fontSize:4,headerFontSize:4,statusOffset:"12.5%",trimWeekdays:2}},R=h(function(d,h){var A=d.date,N=void 0===A?null:A,P=d.initialDate,G=void 0===P?w:P,U=d.maxDate,V=void 0===U?null:U,Y=d.minDate,_=void 0===Y?null:Y,q=d.onDateChange,J=void 0===q?null:q,K=d.onDateSelect,L=void 0===K?null:K,Q=d.renderDay,X=void 0===Q?function(e){return m.createElement(E,t({},e))}:Q,Z=d.selected,$=void 0===Z?null:Z,ee=d.size,te=void 0===ee?"md":ee,ne=d.weekStartsOn,re=void 0===ne?null:ne,ie=e(d,["date","initialDate","maxDate","minDate","onDateChange","onDateSelect","renderDay","selected","size","weekStartsOn"]),ae=x("calendar"),oe=f(N),se=D(),le=se.hover,ce=se.hoverProps,ue=g(N||G),de=ue[0],me=ue[1],he=g("calendar"),fe=he[0],ge=he[1],pe="calendar"===fe,be="years"===fe,ye="months"===fe,Se=n(de),ke=r(de),ve=F(ke),ze=n(_)||O,De=n(V)||j,Ce=r(_)||W,xe=r(V)||M,Ee=H[te],we=Ee.buttonSize,Oe=Ee.cellSize,je=Ee.fontSize,We=Ee.headerFontSize,Me=Ee.statusOffset,Be=Ee.trimWeekdays,Te=B({trimWeekdays:Be,weekStartsOn:re||ae.weekStartsOn||0}),Ie=T(de,{forceSixWeeks:!0,weekStartsOn:re||ae.weekStartsOn||0}),Ae=function(e,t){var n=t?"calendar":fe;R.isBeforeDay(e,_)?e=_:R.isAfterDay(e,V)&&(e=V),null===N?(me(e),ge(n)):ge(n),J&&J(e)},Fe=function(e){Ae(("years"===fe?l:s)(de,e))};return p(function(){null===N||i(oe.current,N)||me(N),oe.current=N},[N]),b(h,function(){return{navigateCalendar:Fe,setDate:Ae}}),m.createElement(C,t({innerRef:h},ce,ie),m.createElement(C,{axis:"horizontal",alignment:"center",distribution:"space-between",padding:.5,paddingBottom:0},m.createElement(C,{axis:"horizontal",spacing:.5},m.createElement(S,{"aria-label":ye?"Choose dates":"Choose month",as:"button",type:"button",backgroundColor:le?"highlight":"transparent",cursor:"pointer",fontSize:We,hover:{backgroundColor:"highlightSecondary"},lineHeight:3,onClick:function(){ge(ye?"calendar":"months")},padding:.25,radius:3,tabIndex:-1},a(de,"MMMM")),m.createElement(S,{"aria-label":be?"Choose dates":"Choose year",as:"button",type:"button",backgroundColor:le?"highlight":"transparent",cursor:"pointer",fontSize:We,hover:{backgroundColor:"highlightSecondary"},lineHeight:3,onClick:function(){ge(be?"calendar":"years")},padding:.25,radius:3,tabIndex:-1},ke)),m.createElement(v,{marginRight:.5,childProps:{size:we,variant:"outline"}},m.createElement(k,{disabled:be?ke<=Ce:o(de,_),icon:{name:"general.leftChevron",size:"xxs"},onClick:function(){return Fe(-1)},tabIndex:-1,title:"Previous month"}),m.createElement(k,{icon:{name:"tapestry.radio1"},onClick:function(){return Ae(w,!0)},tabIndex:-1,tooltip:{title:"Today"}}),m.createElement(k,{disabled:be?ke>=xe:o(de,V),icon:{name:"general.rightChevron",size:"xxs"},onClick:function(){return Fe(1)},tabIndex:-1,title:"Next month"}))),ye&&m.createElement(C,{axis:"horizontal",width:7*Oe,height:6*Oe+3.5,marginTop:.5,wrap:!0},I.map(function(e,t){var n=!R.isWithinRange(new Date(ke,t,1),{end:new Date(xe,De,1),start:new Date(Ce,ze,1)});return m.createElement(C,{key:e,as:"button",type:"button",basis:7*Oe/3,alignment:"center",distribution:"center",fontWeight:700,cursor:n?"not-allowed":"pointer",backgroundColor:Se===t?"surfaceSecondary":"transparent",opacity:n?.6:void 0,hover:{backgroundColor:n?void 0:"highlight"},disabled:n,onClick:function(){Ae(s(de,t-Se),!0)}},m.createElement(z,{cursor:"inherit"},e.substring(0,3)))})),be&&m.createElement(C,{axis:"horizontal",width:7*Oe,height:6*Oe+3.5,marginTop:.5,wrap:!0},ve.map(function(e){var t=!(e>=Ce&&e<=xe);return m.createElement(C,{key:e,as:"button",type:"button",basis:7*Oe/3,alignment:"center",distribution:"center",fontWeight:700,cursor:t?"not-allowed":"pointer",backgroundColor:ke===e?"surfaceTertiary":"transparent",opacity:t?.6:void 0,hover:{backgroundColor:t?void 0:"highlight"},disabled:t,onClick:function(){Ae(l(de,e-ke),!0)}},m.createElement(z,{cursor:"inherit"},e))})),pe&&m.createElement(C,null,m.createElement(C,{axis:"horizontal"},Te.map(function(e){return m.createElement(C,{key:e.full,alignment:"center",distribution:"center",width:Oe,height:4},m.createElement(z,{fontSize:6},e.trimmed))})),Ie.map(function(e,t){return m.createElement(C,{key:t,axis:"horizontal"},y.toArray(e.map(function(e){var t=o(e,de),n=c(e,_),r=u(e,V),a=i(e,$),s=i(e,w);return X({backgroundColor:n||r?"surfaceSecondary":"inherit",cellSize:Oe,color:a?"white":t&&!(n||r)?"inherit":"foregroundTertiary",date:e,fontSize:je,inSameMonth:t,isMaxDate:r,isMinDate:n,isSelected:a,isToday:s,selectDate:L,statusOffset:Me})})))})))});R.displayName="Calendar",R.TODAY=w,R.Day=E,R.getNextOccurrenceOfDay=A,R.getMonthWeeks=T,R.isAfterDay=function(e,t){return e&&t&&u(e,t)},R.isBeforeDay=function(e,t){return e&&t&&c(e,t)},R.isSameDay=function(e,t){return e&&t&&i(e,t)},R.isWithinRange=function(e,t){var n=t.start,r=t.end;if(e&&n&&r&&u(r,n))return d(e,{end:r,start:n})};export{R as default};
|
|
2
2
|
//# sourceMappingURL=Calendar.js.map
|
package/dist/Calendar/Day.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{token as o}from"@planningcenter/tapestry";import i from"react";import r from"../Icon/Icon.js";import{StackView as n}from"../StackView/StackView.js";import{Text as a}from"../Text/Text.js";var s=function(s){var l=s.backgroundColor,c=s.cellSize;s.children;var d=s.color,m=s.date,u=s.disabled,f=s.fontSize,p=s.fontWeight;s.inSameMonth;var h=s.isMinDate,g=s.isMaxDate,b=s.isSelected,v=s.isToday,S=s.selectDate,C=s.selectedColor,D=void 0===C?o("--t-fill-color-interaction"):C,k=s.statusColor,y=void 0===k?"transparent":k,x=s.statuses,z=s.statusOffset,w=void 0===z?"15%":z,E=e(s,["backgroundColor","cellSize","children","color","date","disabled","fontSize","fontWeight","inSameMonth","isMinDate","isMaxDate","isSelected","isToday","selectDate","selectedColor","statusColor","statuses","statusOffset"]),M=Boolean(S||E.onClick||E.onMouseDown),T=u||h||g;return i.createElement(n,{backgroundColor:l,color:d,cursor:T?"not-allowed":M?"pointer":"auto",height:c,onClick:!T&&M&&S?function(){return S(m)}:void 0,position:"relative",textDecoration:T&&"line-through",userSelect:"none",width:c},i.createElement(n,t({width:"100%",height:"100%",alignment:"center",distribution:"center",pointerEvents:u||h||g?"none":void 0,hover:!T&&M&&{backgroundColor:"highlight"}},E),(b||v||y)&&i.createElement(r,{color:b?D:v?"surfaceTertiary":y,left:"50%",position:"absolute",top:"50%",transform:"translate(-50%, -50%)",name:"tapestry.radio0",size:c}),i.createElement(a,{as:"span",fontSize:f,fontWeight:p,lineHeight:2,position:"relative"},m.getDate()),x&&i.createElement(n,{axis:"horizontal",distribution:"center",position:"absolute",bottom:w,left:0,right:0,spacing:.25},x.map(
|
|
1
|
+
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{token as o}from"@planningcenter/tapestry";import i from"react";import r from"../Icon/Icon.js";import{StackView as n}from"../StackView/StackView.js";import{Text as a}from"../Text/Text.js";var s=function(s){var l=s.backgroundColor,c=s.cellSize;s.children;var d=s.color,m=s.date,u=s.disabled,f=s.fontSize,p=s.fontWeight;s.inSameMonth;var h=s.isMinDate,g=s.isMaxDate,b=s.isSelected,v=s.isToday,S=s.selectDate,C=s.selectedColor,D=void 0===C?o("--t-fill-color-interaction"):C,k=s.statusColor,y=void 0===k?"transparent":k,x=s.statuses,z=s.statusOffset,w=void 0===z?"15%":z,E=e(s,["backgroundColor","cellSize","children","color","date","disabled","fontSize","fontWeight","inSameMonth","isMinDate","isMaxDate","isSelected","isToday","selectDate","selectedColor","statusColor","statuses","statusOffset"]),M=Boolean(S||E.onClick||E.onMouseDown),T=u||h||g;return i.createElement(n,{backgroundColor:l,color:d,cursor:T?"not-allowed":M?"pointer":"auto",height:c,onClick:!T&&M&&S?function(){return S(m)}:void 0,position:"relative",textDecoration:T&&"line-through",userSelect:"none",width:c},i.createElement(n,t({width:"100%",height:"100%",alignment:"center",distribution:"center",pointerEvents:u||h||g?"none":void 0,hover:!T&&M&&{backgroundColor:"highlight"}},E),(b||v||y)&&i.createElement(r,{color:b?D:v?"surfaceTertiary":y,left:"50%",position:"absolute",top:"50%",transform:"translate(-50%, -50%)",name:"tapestry.radio0",size:c}),i.createElement(a,{as:"span",fontSize:f,fontWeight:p,lineHeight:2,position:"relative"},m.getDate()),x&&i.createElement(n,{axis:"horizontal",distribution:"center",position:"absolute",bottom:w,left:0,right:0,spacing:.25},x.map(function(e,t){return i.createElement(r,{color:b?"white":e,key:t,name:"tapestry.radio0",size:"5px"})}))))};s.displayName="Calendar.Day";export{s as default};
|
|
2
2
|
//# sourceMappingURL=Day.js.map
|
package/dist/Calendar/utils.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__spreadArray as e}from'./../ext/tslib/tslib.es6.js';import{startOfDay as r,startOfMonth as t,endOfMonth as n,startOfWeek as a,lastDayOfWeek as u,endOfWeek as o,eachDayOfInterval as s,addWeeks as i,isSameDay as d,setISODay as c,getISODay as l}from"date-fns";var f=r(new Date),m=12,y=7,p=42,v=0,b=11,h=1900,S=3e3,k=["January","February","March","April","May","June","July","August","September","October","November","December"],g=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];function w(r){var t=r.trimWeekdays,n=r.weekStartsOn,a=e([],g,!0);return a.concat(a.splice(0,n)).map(
|
|
1
|
+
import{__spreadArray as e}from'./../ext/tslib/tslib.es6.js';import{startOfDay as r,startOfMonth as t,endOfMonth as n,startOfWeek as a,lastDayOfWeek as u,endOfWeek as o,eachDayOfInterval as s,addWeeks as i,isSameDay as d,setISODay as c,getISODay as l}from"date-fns";var f=r(new Date),m=12,y=7,p=42,v=0,b=11,h=1900,S=3e3,k=["January","February","March","April","May","June","July","August","September","October","November","December"],g=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];function w(r){var t=r.trimWeekdays,n=r.weekStartsOn,a=e([],g,!0);return a.concat(a.splice(0,n)).map(function(e,r){return{full:e,trimmed:t?e.substring(0,parseInt(t,10)):e}})}function O(e,r){var c=void 0===r?{}:r,l=c.forceSixWeeks,f=void 0===l||l,m=c.weekStartsOn,y=void 0===m?0:m,p=c.locale,v={locale:void 0===p?void 0:p,weekStartsOn:y},b=t(e),h=n(e),S=a(b,v),k=u(h,v),g=o(S,v),w=s({end:k,start:S}),O=[];return f&&w.length<42&&(w=s({end:i(k,42%w.length/7),start:S})),w.reduce(function(e,r){return O.push(r),d(r,g)?(e.push(O),O=[]):g=o(r,v),e},[])}function J(e){var r=c(f,e);return l(f)<=e?r:i(r,1)}function M(e){for(var r=e%12,t=[],n=0;n<12;n++)t.push(e-r+n);return t}export{p as DAYS_IN_SIX_WEEKS,y as DAYS_IN_WEEK,b as MAX_MONTH_DEFAULT,S as MAX_YEAR_DEFAULT,v as MIN_MONTH_DEFAULT,h as MIN_YEAR_DEFAULT,k as MONTHS,f as TODAY,g as WEEKDAYS,m as YEARS_PER_PAGE,w as getMonthWeekDays,O as getMonthWeeks,J as getNextOccurrenceOfDay,M as getYears};
|
|
2
2
|
//# sourceMappingURL=utils.js.map
|
package/dist/Card/Card.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as r,__assign as o}from'./../ext/tslib/tslib.es6.js';import{token as t}from"@planningcenter/tapestry";import*as e from"react";import{StackView as i}from"../StackView/StackView.js";import{useThemeValue as a}from"../system/utils.js";import{cloneChildren as s}from"../utils.js";import{Section as n}from"./Section.js";function d(n){var d=n.children,u=n.subdued,l=n.radius,c=void 0===l?3:l,m=r(n,["children","subdued","radius"]),p=a("card"),f=["Avatar","Badge","Button","Calendar","ChurchCenterStatus","Group","Inline","Input","InputBox","Modal","Progress","Spinner","Status","Tab","Tooltip"];return e.createElement(i,o({width:"100%",lineHeight:2.5,borderColor:t("--t-border-color"),borderStyle:"solid",borderWidth:1,backgroundColor:u?"surfaceSecondary":"surface",color:"foreground",radius:c},p,m),c>0?s(d,
|
|
1
|
+
import{__rest as r,__assign as o}from'./../ext/tslib/tslib.es6.js';import{token as t}from"@planningcenter/tapestry";import*as e from"react";import{StackView as i}from"../StackView/StackView.js";import{useThemeValue as a}from"../system/utils.js";import{cloneChildren as s}from"../utils.js";import{Section as n}from"./Section.js";function d(n){var d=n.children,u=n.subdued,l=n.radius,c=void 0===l?3:l,m=r(n,["children","subdued","radius"]),p=a("card"),f=["Avatar","Badge","Button","Calendar","ChurchCenterStatus","Group","Inline","Input","InputBox","Modal","Progress","Spinner","Status","Tab","Tooltip"];return e.createElement(i,o({width:"100%",lineHeight:2.5,borderColor:t("--t-border-color"),borderStyle:"solid",borderWidth:1,backgroundColor:u?"surfaceSecondary":"surface",color:"foreground",radius:c},p,m),c>0?s(d,function(r,o){var t,e,i=o.firstChild,a=o.lastChild;return void 0!==r.props.radius||f.includes(r.type.name)?{}:i?((t={})["radius".concat("horizontal"===m.axis?"Left":"Top")]=c-1,t):a?((e={})["radius".concat("horizontal"===m.axis?"Right":"Bottom")]=c-1,e):{}}):d)}d.Section=n;export{d as Card};
|
|
2
2
|
//# sourceMappingURL=Card.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{useContext as r,useState as i,useRef as a,useLayoutEffect as n}from"react";import{Box as l}from"../Box/Box.js";import s from"../CheckboxGroup/CheckboxGroupContext.js";import{designTokens as c}from"../designTokens/index.js";import{useAccessibilityViolation as m}from"../hooks/use-accessibility-violation.js";import d from"../Icon/Icon.js";import{Link as p}from"../Link/Link.js";import{StackView as f}from"../StackView/StackView.js";import{useThemeValue as h}from"../system/utils.js";import{Text as u}from"../Text/Text.js";import k from"../Tooltip/Tooltip.js";import{mergeProps as b}from"../utils.js";import{VariantProvider as v}from"../VariantProvider/VariantProvider.js";var x="tapestry.checkbox2",g="tapestry.checkbox0",y="tapestry.checkbox1",E=function(c){var E=c.checked,C=c.disabled,S=c.id,T=c.indeterminate,F=c.label,z=c.name,P=c.onBlur,O=c.onChange,V=c.onFocus,w=c.size,B=void 0===w?"sm":w,I=c.value,N=e(c,["checked","disabled","id","indeterminate","label","name","onBlur","onChange","onFocus","size","value"]),L=h("checkbox"),_=r(s),D=i(!1),G=D[0],R=D[1],H=i(!1),q=H[0],A=H[1],J=_?_.value.indexOf(I)>-1:void 0===E?G:E,K=null,M=a(null),Q=i(!1),U=Q[0],W=Q[1],X=m(o.createElement(o.Fragment,null,"Checkbox must define a"," ",o.createElement(p,{external:!0,to:"https://planningcenter.github.io/tapestry-react/checkbox#label",weight:700},"label")," ","through props or a parent element that is a label."),'Tapestry-React: <Checkbox/> must define a "label" prop or have a parent that renders a label for proper accessibility.'),Y=X.tooltipProps,Z=X.wrapperProps;n(
|
|
1
|
+
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{useContext as r,useState as i,useRef as a,useLayoutEffect as n}from"react";import{Box as l}from"../Box/Box.js";import s from"../CheckboxGroup/CheckboxGroupContext.js";import{designTokens as c}from"../designTokens/index.js";import{useAccessibilityViolation as m}from"../hooks/use-accessibility-violation.js";import d from"../Icon/Icon.js";import{Link as p}from"../Link/Link.js";import{StackView as f}from"../StackView/StackView.js";import{useThemeValue as h}from"../system/utils.js";import{Text as u}from"../Text/Text.js";import k from"../Tooltip/Tooltip.js";import{mergeProps as b}from"../utils.js";import{VariantProvider as v}from"../VariantProvider/VariantProvider.js";var x="tapestry.checkbox2",g="tapestry.checkbox0",y="tapestry.checkbox1",E=function(c){var E=c.checked,C=c.disabled,S=c.id,T=c.indeterminate,F=c.label,z=c.name,P=c.onBlur,O=c.onChange,V=c.onFocus,w=c.size,B=void 0===w?"sm":w,I=c.value,N=e(c,["checked","disabled","id","indeterminate","label","name","onBlur","onChange","onFocus","size","value"]),L=h("checkbox"),_=r(s),D=i(!1),G=D[0],R=D[1],H=i(!1),q=H[0],A=H[1],J=_?_.value.indexOf(I)>-1:void 0===E?G:E,K=null,M=a(null),Q=i(!1),U=Q[0],W=Q[1],X=m(o.createElement(o.Fragment,null,"Checkbox must define a"," ",o.createElement(p,{external:!0,to:"https://planningcenter.github.io/tapestry-react/checkbox#label",weight:700},"label")," ","through props or a parent element that is a label."),'Tapestry-React: <Checkbox/> must define a "label" prop or have a parent that renders a label for proper accessibility.'),Y=X.tooltipProps,Z=X.wrapperProps;n(function(){if("production"!==process.env.NODE_ENV&&void 0===F){var e=null!==M.current.closest("label");W(!e)}},[F]),"production"!==process.env.NODE_ENV&&(N=b(N,{innerRef:M}),U&&(K=Y,N=b(N,Z)));var $=function(e){var o=e.checkboxTheme,r=e.disabled,i={checkedFill:o.checkedFill,checkedStroke:o.checkedStroke,fill:o.fill,focusStroke:o.focusStroke,opacity:1,stroke:o.stroke},a=o.disabled,n=t(t({},i),a);return r?n:o}({checkboxTheme:L,disabled:C});return o.createElement(v,{checked:J,indeterminate:T,focus:q,disabled:C},o.createElement(k,t({},K),o.createElement(f,t({as:F?"label":"span",inline:!0,axis:"horizontal",alignment:"center",shrink:0,position:"relative",spacing:.5,variants:{disabled:{cursor:"not-allowed",opacity:$.opacity}}},N),o.createElement(l,{as:"input",type:"checkbox",id:void 0!==S?String(S):void 0,name:_?_.name:z,checked:J,value:I,disabled:C,onChange:_?_.onChange:function(e){R(e.target.checked),O&&O(e)},onFocus:function(e){A(!0),V&&V(e)},onBlur:function(e){A(!1),P&&P(e)},position:"absolute",top:0,left:0,zIndex:0,opacity:0}),o.createElement(d,{size:B,zIndex:1},o.createElement(d.Path,{name:g,fill:$.fill,stroke:$.stroke,transform:"scale(1)",transformOrigin:"center center",transition:"all 180ms ease-out",variants:{active:{transform:"scale(1)"},checked:{fill:$.checkedFill,stroke:$.checkedStroke},focus:{stroke:L.focusStroke},indeterminate:{fill:L.checkedFill,stroke:L.checkedStroke}}}),o.createElement(d.Path,{name:y,fill:"#fff",transform:"scale(0)",transformOrigin:"center center",transition:"all 180ms ease-out",variants:{indeterminate:{transform:"scale(1)",transition:"all 120ms ease-out",visibility:"visible"}}}),o.createElement(d.Path,{name:x,fill:"#fff",transform:"scale(0)",transformOrigin:"center center",transition:"all 180ms ease-out",variants:{checked:{transform:"scale(1)",transition:"all 120ms ease-out",visibility:"visible"}}})),F&&o.createElement(u,{fontSize:4,lineHeight:2.5,color:j({appliedTheme:$,disabled:C})},F))))};function j(e){var t=e.appliedTheme;return e.disabled&&1===t.opacity?c.checkbox.disabledLabelColor:c.checkbox.labelColor}export{E as default};
|
|
2
2
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -14,6 +14,9 @@ export type CheckboxGroupProps = {
|
|
|
14
14
|
*/
|
|
15
15
|
value: string[];
|
|
16
16
|
};
|
|
17
|
+
/**
|
|
18
|
+
* @deprecated Use `CheckboxGroup` from `@planningcenter/tapestry` instead. Note: The new component does not handle state management.
|
|
19
|
+
*/
|
|
17
20
|
declare const CheckboxGroup: ({ children, name, onChange, value, }: CheckboxGroupProps) => JSX.Element;
|
|
18
21
|
export default CheckboxGroup;
|
|
19
22
|
//# sourceMappingURL=CheckboxGroup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,GAAG,EAAoC,MAAM,OAAO,CAAA;AAKpE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAEnC;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAA;CAChB,CAAA;AAED,QAAA,MAAM,aAAa,yCAKhB,kBAAkB,KAAG,WAqCvB,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,GAAG,EAAoC,MAAM,OAAO,CAAA;AAKpE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAEnC;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAA;CAChB,CAAA;AAED;;GAEG;AACH,QAAA,MAAM,aAAa,yCAKhB,kBAAkB,KAAG,WAqCvB,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__spreadArray as e}from'./../ext/tslib/tslib.es6.js';import r,{useState as o,useEffect as t,useCallback as a}from"react";import{shallowEqual as n}from"../utils.js";import i from"./CheckboxGroupContext.js";var l=function(l){var u=l.children,m=l.name,s=l.onChange,c=l.value,f=o(c),v=f[0],p=f[1];t(
|
|
1
|
+
import{__spreadArray as e}from'./../ext/tslib/tslib.es6.js';import r,{useState as o,useEffect as t,useCallback as a}from"react";import{shallowEqual as n}from"../utils.js";import i from"./CheckboxGroupContext.js";var l=function(l){var u=l.children,m=l.name,s=l.onChange,c=l.value,f=o(c),v=f[0],p=f[1];t(function(){n(c,v)||p(c)},[c,v]);var d=a(function(r){var o=r.target,t=o.checked,a=o.value,n=e([],v,!0);if(t)n.push(a);else{var i=n.indexOf(a);i>-1&&n.splice(i,1)}s(n)},[v,s]),h={name:m,onChange:d,value:v};return r.createElement(i.Provider,{value:h},u)};export{l as default};
|
|
2
2
|
//# sourceMappingURL=CheckboxGroup.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import n,{useState as i,useRef as r,useLayoutEffect as o}from"react";function s(s){var a=s.children,l=s.instant,u=s.lazy,c=s.onComplete,m=s.open,f=s.style,h=e(s,["children","instant","lazy","onComplete","open","style"]),d=i(!u||m),y=d[0],v=d[1],g=r(void 0),p=r(!0),q=l||p.current;function A(){var e=g.current;requestAnimationFrame(
|
|
1
|
+
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import n,{useState as i,useRef as r,useLayoutEffect as o}from"react";function s(s){var a=s.children,l=s.instant,u=s.lazy,c=s.onComplete,m=s.open,f=s.style,h=e(s,["children","instant","lazy","onComplete","open","style"]),d=i(!u||m),y=d[0],v=d[1],g=r(void 0),p=r(!0),q=l||p.current;function A(){var e=g.current;requestAnimationFrame(function(){e.style.height=e.scrollHeight+"px"})}function F(){var e=g.current;requestAnimationFrame(function(){e.style.height=e.offsetHeight+"px",e.style.overflow="hidden",requestAnimationFrame(function(){e.style.height="0"})})}return o(function(){u?m?y?A():v(!0):F():m?A():F()},[m,y]),o(function(){var e=g.current;function t(){e.style.overflow=m?"initial":"hidden",m&&requestAnimationFrame(function(){e.style.margin=null,e.style.height="auto"}),!m&&u&&(e.style.margin="0",v(!1)),p.current?p.current=!1:c&&c()}function n(n){n.target===e&&"height"===n.propertyName&&t()}return q&&requestAnimationFrame(function(){return t()}),e.addEventListener("transitionend",n),function(){e.removeEventListener("transitionend",n)}},[m]),n.createElement("div",t({ref:g,style:t({transition:q?void 0:"height 200ms ease-out",visibility:m?"visible":"hidden"},f)},h),y?a:null)}export{s as default};
|
|
2
2
|
//# sourceMappingURL=Collapse.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as r,__assign as s}from'./../ext/tslib/tslib.es6.js';import o,{Children as t,isValidElement as e}from"react";import{StackView as i}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{spacingValue as n}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";function m(m){var p=m.children,a=m.sizes,u=void 0===a?[]:a,c=m.spacing,l=r(m,["children","sizes","spacing"]),d=n(c),f=t.toArray(p).sort(
|
|
1
|
+
import{__rest as r,__assign as s}from'./../ext/tslib/tslib.es6.js';import o,{Children as t,isValidElement as e}from"react";import{StackView as i}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{spacingValue as n}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";function m(m){var p=m.children,a=m.sizes,u=void 0===a?[]:a,c=m.spacing,l=r(m,["children","sizes","spacing"]),d=n(c),f=t.toArray(p).sort(function(r,s){return(e(r)&&r.props.order||0)-(e(s)&&s.props.order||0)}).reduce(function(r,s,o){var t=s,i=e(s)&&void 0!==t.props.index?t.props.index:o;return r[i]||(r[i]=[]),r[i].push(t),r},[]);return o.createElement(i,s({axis:"horizontal",grow:1,shrink:1},l),f.map(function(r,t){var n=u&&u[t]||"auto",m="object"==typeof n?s(s({},n),{grow:n.grow||0,shrink:n.shrink||0}):"auto"===n?{basis:"100%",grow:1,shrink:1}:{basis:n,grow:0,shrink:0};return o.createElement(i,s({key:t},m,{marginLeft:0===t?null:d,spacing:d}),r.map(function(r){return e(r)?r.props.children:r}))}))}m.Column=function(){return null};export{m as default};
|
|
2
2
|
//# sourceMappingURL=ColumnView.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import n,{forwardRef as t,useRef as r,useCallback as i,useImperativeHandle as a,useContext as l,useEffect as u}from"react";import s from"../Input/Input.js";import"../ItemList/ItemList.js";import m from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import d from"../ItemList/ItemListContext.js";import{useThemeProps as c}from"../system/utils.js";var p=t(
|
|
1
|
+
import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import n,{forwardRef as t,useRef as r,useCallback as i,useImperativeHandle as a,useContext as l,useEffect as u}from"react";import s from"../Input/Input.js";import"../ItemList/ItemList.js";import m from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import d from"../ItemList/ItemListContext.js";import{useThemeProps as c}from"../system/utils.js";var p=t(function(t,p){var f=c("combobox.input",t),I=f.autoFocus,y=f.defaultValue,v=f.disabled,g=f.innerRef,b=f.isOpen,h=f.isLoading,C=f.name,L=f.onBlur,w=f.onChange,x=f.onFocus,j=f.onClear,D=f.onClose,F=f.onKeyDown,K=f.onKeyUp,O=f.placeholder,V=f.readOnly,k=f.size,B=f.type,E=f.value,H=e(f,["autoFocus","defaultValue","disabled","innerRef","isOpen","isLoading","name","onBlur","onChange","onFocus","onClear","onClose","onKeyDown","onKeyUp","placeholder","readOnly","size","type","value"]),R=r(null),U=i(function(){var e;null===(e=R.current)||void 0===e||e.focus()},[R]),z=i(function(){var e;null===(e=R.current)||void 0===e||e.blur()},[R]);a(p,function(){return{blur:z,focus:U}});var T=l(d);u(function(){var e=setTimeout(function(){T.setHighlightedIndex(0)});return function(){return clearTimeout(e)}},[T]);var A=i(function(e){"ArrowUp"===e.key&&(e.preventDefault(),T.moveHighlightedIndex(-1,{contain:!1,maybeScrollIntoView:!0})),"ArrowDown"===e.key&&(e.preventDefault(),T.moveHighlightedIndex(1,{contain:!1,maybeScrollIntoView:!0})),"Enter"===e.key&&(e.preventDefault(),T.selectHighlightedItem()),F&&F(e),D&&"Tab"===e.key&&D()},[T,D,F]);return n.createElement(m,null,function(e){var t=e.highlightedItemId,r=e.id;return n.createElement(s.InputBox,o({innerRef:g,size:k,disabled:v,isLoading:h,onClear:"function"==typeof j?j:void 0},H,{grow:1}),n.createElement(s.InputField,{innerRef:function(e){R.current=e},grow:1,role:"combobox",autoComplete:"off","aria-autocomplete":"list","aria-controls":r,"aria-expanded":b,"aria-activedescendant":t,autoFocus:I,type:B,name:C,disabled:v,readOnly:V,placeholder:O,defaultValue:y,value:E,onChange:w,onFocus:x,onBlur:L,onKeyDown:A,onKeyUp:K}))})});p.displayName="Combobox.Input";export{p as default};
|
|
2
2
|
//# sourceMappingURL=ComboboxInput.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import i from"react";import"../ItemList/ItemList.js";import"../ItemList/ItemListController.js";import o from"../ItemList/ItemListItem.js";import m from"../Menu/Menu.js";import{useThemeProps as s}from"../system/utils.js";function r(r){var a=s("combobox.item",r),n=a.value,l=a.index;a.text;var d=a.disabled,u=void 0!==d&&d,p=t(a,["value","index","text","disabled"]);return i.createElement(o,{data:n,disabled:u,index:l},
|
|
1
|
+
import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import i from"react";import"../ItemList/ItemList.js";import"../ItemList/ItemListController.js";import o from"../ItemList/ItemListItem.js";import m from"../Menu/Menu.js";import{useThemeProps as s}from"../system/utils.js";function r(r){var a=s("combobox.item",r),n=a.value,l=a.index;a.text;var d=a.disabled,u=void 0!==d&&d,p=t(a,["value","index","text","disabled"]);return i.createElement(o,{data:n,disabled:u,index:l},function(t){var o=t.id,s=t.highlight,r=t.highlighted,a=t.clearHighlight,n=t.select;return i.createElement(m.Item,e({disabled:u,id:o,isHighlighted:r,onMouseOver:s,onMouseOut:a,onClick:function(t){t.stopPropagation(),t.nativeEvent.stopImmediatePropagation(),n(t)}},p))})}r.displayName="Combobox.Item";export{r as default};
|
|
2
2
|
//# sourceMappingURL=ComboboxItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxItems.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxItems.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAC9D,OAAc,EAAY,GAAG,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAA;AAyB/E,MAAM,WAAW,kBAAkB,CAAC,IAAI,SAAS,MAAM;IAIrD,MAAM,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAKjC,KAAK,EAAE,IAAI,EAAE,CAAA;IAKb,WAAW,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,YAAY,CAAC,CAAA;IAK9D,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,YAAY,CAAA;IAKxD,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAyCD,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAA;CACpB;
|
|
1
|
+
{"version":3,"file":"ComboboxItems.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxItems.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAC9D,OAAc,EAAY,GAAG,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAA;AAyB/E,MAAM,WAAW,kBAAkB,CAAC,IAAI,SAAS,MAAM;IAIrD,MAAM,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAKjC,KAAK,EAAE,IAAI,EAAE,CAAA;IAKb,WAAW,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,YAAY,CAAC,CAAA;IAK9D,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,YAAY,CAAA;IAKxD,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAyCD,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAA;CACpB;sDAIQ,mBAAmB,IAAI,CAAC,KAC5B,WAAW;AAFhB,wBAGwB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{matchSorter as r}from"match-sorter";import o,{useState as i,useEffect as m,Children as n}from"react";import{Box as l}from"../Box/Box.js";import a from"../HeadingUppercase/HeadingUppercase.js";import s from"../Menu/Menu.js";import{StackView as u}from"../StackView/StackView.js";import{useThemeProps as f}from"../system/utils.js";import{Text as c}from"../Text/Text.js";import p from"./ComboboxItem.js";var d=function(e){return o.createElement(s.Item,null,o.createElement(c,null,"No results for"," ",o.createElement(c,{as:"span",inline:!0,color:"grey-7"},"“",e,"”")))},v=function(e){return o.createElement(p,{value:e},e?String(e):null)};function E(s){var c=f("combobox.items",s),p=c.filter,E=c.items,b=c.renderEmpty,g=void 0===b?d:b,j=c.renderItem,x=void 0===j?v:j,y=c.title,I=c.value,h=void 0===I?"":I,H=e(c,["filter","items","renderEmpty","renderItem","title","value"]),S=i(w({filter:p,items:E,value:h})),V=S[0],k=S[1];function w(e){var t=e.items,o=e.value,i=e.filter;return r(t,o.length>0?o:"",i)}return m(
|
|
1
|
+
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{matchSorter as r}from"match-sorter";import o,{useState as i,useEffect as m,Children as n}from"react";import{Box as l}from"../Box/Box.js";import a from"../HeadingUppercase/HeadingUppercase.js";import s from"../Menu/Menu.js";import{StackView as u}from"../StackView/StackView.js";import{useThemeProps as f}from"../system/utils.js";import{Text as c}from"../Text/Text.js";import p from"./ComboboxItem.js";var d=function(e){return o.createElement(s.Item,null,o.createElement(c,null,"No results for"," ",o.createElement(c,{as:"span",inline:!0,color:"grey-7"},"“",e,"”")))},v=function(e){return o.createElement(p,{value:e},e?String(e):null)};function E(s){var c=f("combobox.items",s),p=c.filter,E=c.items,b=c.renderEmpty,g=void 0===b?d:b,j=c.renderItem,x=void 0===j?v:j,y=c.title,I=c.value,h=void 0===I?"":I,H=e(c,["filter","items","renderEmpty","renderItem","title","value"]),S=i(w({filter:p,items:E,value:h})),V=S[0],k=S[1];function w(e){var t=e.items,o=e.value,i=e.filter;return r(t,o.length>0?o:"",i)}return m(function(){k(w({filter:p,items:E,value:h}))},[E,h,p]),o.createElement(l,t({},H),y&&o.createElement(u,{paddingHorizontal:1,paddingVertical:.5},o.createElement(a,null,y)),n.toArray(V.length>0?V.map(function(e,t){return x(e,t)}):"function"==typeof g?g(h):g))}E.displayName="Combobox.Items";export{E as default};
|
|
2
2
|
//# sourceMappingURL=ComboboxItems.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__extends as e,__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import n,{Component as r}from"react";import{Button as l}from"../Button/Button.js";import i from"../FocusGroup/FocusGroup.js";import u from"../ItemList/ItemList.js";import"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import a from"../Menu/Menu.js";import{Popover as c}from"../Popover/Popover.js";import{generateId as p,callRef as s}from"../utils.js";import b from"./ComboboxInput.js";var d=function(r){function d(){var e=null!==r&&r.apply(this,arguments)||this;return Object.defineProperty(e,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"input",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"state",{enumerable:!0,configurable:!0,writable:!0,value:{isPopoverOpen:e.props.defaultOpen||!1}}),Object.defineProperty(e,"id",{enumerable:!0,configurable:!0,writable:!0,value:p("combobox")}),Object.defineProperty(e,"inputNode",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"inputTouched",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(e,"closeRequestId",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"setItemListRef",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.itemList=t}}),Object.defineProperty(e,"setInputRef",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.input=t}}),Object.defineProperty(e,"openPopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.setState({isPopoverOpen:!0},
|
|
1
|
+
import{__extends as e,__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import n,{Component as r}from"react";import{Button as l}from"../Button/Button.js";import i from"../FocusGroup/FocusGroup.js";import u from"../ItemList/ItemList.js";import"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import a from"../Menu/Menu.js";import{Popover as c}from"../Popover/Popover.js";import{generateId as p,callRef as s}from"../utils.js";import b from"./ComboboxInput.js";var d=function(r){function d(){var e=null!==r&&r.apply(this,arguments)||this;return Object.defineProperty(e,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"input",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"state",{enumerable:!0,configurable:!0,writable:!0,value:{isPopoverOpen:e.props.defaultOpen||!1}}),Object.defineProperty(e,"id",{enumerable:!0,configurable:!0,writable:!0,value:p("combobox")}),Object.defineProperty(e,"inputNode",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"inputTouched",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(e,"closeRequestId",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"setItemListRef",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.itemList=t}}),Object.defineProperty(e,"setInputRef",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.input=t}}),Object.defineProperty(e,"openPopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.setState({isPopoverOpen:!0},function(){e.itemList.setHighlightedIndex(0,{maybeScrollIntoView:!1})})}}),Object.defineProperty(e,"closePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.closeRequestId=requestAnimationFrame(function(){e.setState({isPopoverOpen:!1},function(){e.itemList.clearHighlightedIndex()})})}}),Object.defineProperty(e,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.closePopover(),e.inputTouched=!1,e.props.onBlur&&e.props.onBlur(t)}}),Object.defineProperty(e,"handleSelect",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.props.closeOnSelect&&e.closePopover(),e.props.onSelect&&e.props.onSelect(t)}}),e}return e(d,r),Object.defineProperty(d.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){e.disabled!=e.disabled&&!0===this.props.disabled&&this.closePopover(),document.activeElement===this.inputNode&&e.value!==this.props.value&&this.props.value.length>0&&!this.state.isPopoverOpen&&this.openPopover()}}),Object.defineProperty(d.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.closeRequestId&&cancelAnimationFrame(this.closeRequestId)}}),Object.defineProperty(d.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props,p=r.children,d=r.closeButton,f=r.closeOnSelect,m=r.disabled,v=r.dropdownButton,h=r.innerRef;r.defaultOpen;var P=r.lockScrollWhileOpen,O=r.onClear;r.onBlur;var g=r.onFocus;r.onSelect;var j=r.openOnFocus,y=r.placement,w=r.popoverProps,I=r.relativeTo,S=r.renderTo,B=r.value,R=t(r,["children","closeButton","closeOnSelect","disabled","dropdownButton","innerRef","defaultOpen","lockScrollWhileOpen","onClear","onBlur","onFocus","onSelect","openOnFocus","placement","popoverProps","relativeTo","renderTo","value"]),L=this.state.isPopoverOpen,x=B&&B.length>0;return n.createElement(i,{onBlur:this.handleBlur},function(t){var r=t.requestBlur,i=t.setRef;return n.createElement(u,{ref:e.setItemListRef,onSelect:e.handleSelect},function(t){var u=t.clearHighlightedIndex;return n.createElement(c,o({keepInView:!1,matchWidths:!0,minWidth:16},w,{as:a,innerRef:function(t){i("".concat(e.id,"-popover"))(t)},role:"menu",tabIndex:-1,elevation:2,lockScrollWhileOpen:P,placement:y,relativeTo:I,renderTo:S,open:L,onBlur:r,anchorElement:function(t){return n.createElement(b,o({ref:e.setInputRef,innerRef:function(o){t.innerRef&&s(t.innerRef,o),e.inputNode=o?o.querySelector("input"):null,i("".concat(e.id,"-input"))(o),h&&h(o)},value:B,onFocus:function(t){(f?j&&!e.inputTouched:j)&&e.openPopover(),e.inputTouched=!0,g&&g(t)},onBlur:function(e){r(e),u()},onClear:x?O:void 0,renderRight:d?n.createElement(l,o({disabled:m,icon:{name:"general.x"},title:"close options",theme:!1},d)):v?n.createElement(l,{disabled:m,icon:{name:L?"general.x":"general.downCaret"},title:L?"close options":"open options",theme:!1,onClick:function(){L?e.closePopover():e.openPopover(),e.input.focus()}}):null,disabled:m},R))}}),p)})})}}),Object.defineProperty(d,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Combobox.Popover"}),Object.defineProperty(d,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{closeOnSelect:!1,openOnFocus:!1}}),d}(r);export{d as default};
|
|
2
2
|
//# sourceMappingURL=ComboboxPopover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/DataTable/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,cAAc,EAKf,MAAM,OAAO,CAAA;AAId,OAAO,UAAU,MAAM,eAAe,CAAA;AA0BtC,MAAM,MAAM,KAAK,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IACpD;;OAEG;IACH,aAAa,CAAC,EAAE;QAAE,4BAA4B,CAAC,EAAE,QAAQ,CAAA;KAAE,CAAA;IAE3D;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAE5B;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC;QACd;;;WAGG;QACH,aAAa,CAAC,EAAE,OAAO,CAAA;QAEvB;;;;WAIG;QACH,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;QAE9D,GAAG,CAAC,EAAE,GAAG,CAAA;QAET;;;WAGG;QACH,oBAAoB,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;QAErC;;WAEG;QACH,MAAM,CAAC,EAAE,GAAG,CAAA;QAEZ;;;WAGG;QACH,MAAM,CAAC,EAAE,GAAG,CAAA;QAEZ;;WAEG;QACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QAEpB;;WAEG;QACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;QAE7B;;;WAGG;QACH,KAAK,CAAC,EAAE,MAAM,CAAA;QAEd;;WAEG;QACH,QAAQ,CAAC,EAAE,MAAM,CAAA;QAEjB;;WAEG;QACH,QAAQ,CAAC,EAAE,MAAM,CAAA;QAEjB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAA;QAElB;;;WAGG;QACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;QAE3B;;;WAGG;QACH,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAC,CAAA;IAEF;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,EAAE,CAAA;IAEb;;OAEG;IACH,YAAY,CAAC,EAAE,GAAG,CAAA;IAElB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAE/B;;;;OAIG;IACH,WAAW,CAAC,EAAE;QACZ,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QAC1B,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;KAC3B,CAAA;IAED;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,CAAA;IAEX;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAA;IAE/D;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,MAAM,CAAA;IAEtC;;;;OAIG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAA;IAErB;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAExC;;;;OAIG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAA;IAEvB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,CACxB,MAAM,EACN,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;KAAE,KAAK,IAAI,CAClD,CAAA;IAED;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;;OAIG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAA;IAEvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAA;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAA;IAEtB;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,cAAc,CAAC,CAAA;IAEhE;;;;OAIG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAA;IAErB;;;;OAIG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAA;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EACJ;QACE,IAAI,CAAC,EAAE,MAAM,CAAA;QAEb;;WAEG;QACH,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;QAE5B;;WAEG;QACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;QAE3B;;WAEG;QACH,WAAW,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;QAE/B;;WAEG;QACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;QAE9B,MAAM,CAAC,EAAE,MAAM,CAAA;QAEf;;WAEG;QACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;QAE9B,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,GACD,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,CAAA;CAC5B,CAAA;AAID,QAAA,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/DataTable/DataTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e,__spreadArray as o}from'./../ext/tslib/tslib.es6.js';import{token as r}from"@planningcenter/tapestry";import t,{useRef as n,useMemo as a,useImperativeHandle as s,Fragment as i}from"react";import l from"../DragDrop/DragDrop.js";import{useId as m}from"../hooks/use-id.js";import"mousetrap";import"../hooks/use-measure.js";import c from"../Pagination/Pagination.js";import{Spinner as d}from"../Spinner/Spinner.js";import{StackView as p}from"../StackView/StackView.js";import u from"../Summary/Summary.js";import"../system/colors/colors.js";import"polished";import{reorderArray as f}from"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"../system/default-theme.js";import"../system/style-names.js";import g from"../system/use-css.js";import b from"./components/BodyRows.js";import"../Icon/Icon.js";import"../VariantProvider/VariantProvider.js";import"../CheckboxGroup/CheckboxGroupContext.js";import"../designTokens/index.js";import"../Link/Link.js";import"../Tooltip/Tooltip.js";import"../Dropdown/Dropdown.js";import h from"./components/HeaderCell.js";import{useCollapsibleRows as v,CollapsibleRowsContext as y}from"./hooks/useCollapsibleRows.js";import j from"./hooks/useColumnSort.js";import w from"./hooks/useColumnWidths.js";import S from"./hooks/useScrollShadows.js";import k from"./hooks/useScrollSync.js";import C from"./hooks/useVariants.js";import E from"./utils/getParsedColumns.js";import"./utils/variants.js";var R={toggleAllSubRowsTooltipTitle:function(e){return e?"Close all sub rows":"Open all sub rows"}},D=[],x=function(x){var I,P=x.accessibility,N=void 0===P?R:P,T=x.innerBodyRef,V=x.canCollapseSubRows,O=void 0===V||V,L=x.columns,W=x.currentPage,B=x.data,z=x.dataTableRef,A=x.defaultSort,G=x.defaultAllSubRowsOpen,H=x.droppableId,_=x.empty,q=x.getRowId,F=void 0===q?function(e,o){return e.id||(void 0===H?o:"".concat(H,"-").concat(o))}:q,J=x.getRowLink,K=x.getSubData,M=x.hiddenColumnIds,Q=void 0===M?D:M,U=x.keyboardShortcuts,X=x.loading,Y=x.loadingTitle,Z=x.onColumnSort,$=x.onDragStart,ee=x.onDragEnd,oe=x.onDrop,re=x.onPageChange,te=x.onRowClick,ne=x.onRowSort,ae=x.sourceOnly,se=x.totalPages,ie=x.variant,le=void 0===ie?{}:ie,me=g(),ce=m("table"),de=l.useDragDrop(),pe=X||B.length<=0,ue=n(void 0),fe=n(void 0),ge=n(void 0),be=[ue,fe],he=ae||ne||oe,ve=C(le),ye=v(B,G),je=Boolean(O&&K),we=a(
|
|
1
|
+
import{__assign as e,__spreadArray as o}from'./../ext/tslib/tslib.es6.js';import{token as r}from"@planningcenter/tapestry";import t,{useRef as n,useMemo as a,useImperativeHandle as s,Fragment as i}from"react";import l from"../DragDrop/DragDrop.js";import{useId as m}from"../hooks/use-id.js";import"mousetrap";import"../hooks/use-measure.js";import c from"../Pagination/Pagination.js";import{Spinner as d}from"../Spinner/Spinner.js";import{StackView as p}from"../StackView/StackView.js";import u from"../Summary/Summary.js";import"../system/colors/colors.js";import"polished";import{reorderArray as f}from"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"../system/default-theme.js";import"../system/style-names.js";import g from"../system/use-css.js";import b from"./components/BodyRows.js";import"../Icon/Icon.js";import"../VariantProvider/VariantProvider.js";import"../CheckboxGroup/CheckboxGroupContext.js";import"../designTokens/index.js";import"../Link/Link.js";import"../Tooltip/Tooltip.js";import"../Dropdown/Dropdown.js";import h from"./components/HeaderCell.js";import{useCollapsibleRows as v,CollapsibleRowsContext as y}from"./hooks/useCollapsibleRows.js";import j from"./hooks/useColumnSort.js";import w from"./hooks/useColumnWidths.js";import S from"./hooks/useScrollShadows.js";import k from"./hooks/useScrollSync.js";import C from"./hooks/useVariants.js";import E from"./utils/getParsedColumns.js";import"./utils/variants.js";var R={toggleAllSubRowsTooltipTitle:function(e){return e?"Close all sub rows":"Open all sub rows"}},D=[],x=function(x){var I,P=x.accessibility,N=void 0===P?R:P,T=x.innerBodyRef,V=x.canCollapseSubRows,O=void 0===V||V,L=x.columns,W=x.currentPage,B=x.data,z=x.dataTableRef,A=x.defaultSort,G=x.defaultAllSubRowsOpen,H=x.droppableId,_=x.empty,q=x.getRowId,F=void 0===q?function(e,o){return e.id||(void 0===H?o:"".concat(H,"-").concat(o))}:q,J=x.getRowLink,K=x.getSubData,M=x.hiddenColumnIds,Q=void 0===M?D:M,U=x.keyboardShortcuts,X=x.loading,Y=x.loadingTitle,Z=x.onColumnSort,$=x.onDragStart,ee=x.onDragEnd,oe=x.onDrop,re=x.onPageChange,te=x.onRowClick,ne=x.onRowSort,ae=x.sourceOnly,se=x.totalPages,ie=x.variant,le=void 0===ie?{}:ie,me=g(),ce=m("table"),de=l.useDragDrop(),pe=X||B.length<=0,ue=n(void 0),fe=n(void 0),ge=n(void 0),be=[ue,fe],he=ae||ne||oe,ve=C(le),ye=v(B,G),je=Boolean(O&&K),we=a(function(){return E({accessibility:N,columns:L,draggable:he,hasSubRows:je,hiddenColumnIds:Q})},[L,je,Q,he]),Se=we.map(Object.keys).some(function(e){return e.some(function(e){return"footer"===e})}),ke=w({bodyRef:fe,columns:we,data:B,headerRef:ue,loading:X}),Ce=ke.columnWidths,Ee=ke.getColumnRef,Re=j({defaultSort:A,onColumnSort:Z}),De=S(fe),xe={collapsibleRows:ye,columnWidths:Ce,columns:we,data:B,draggable:he,getColumnRef:Ee,getRowId:F,getRowLink:J,getSubData:K,getVariant:ve,keyboardShortcuts:U,onRowClick:te};return Se&&be.push(ge),k.apply(void 0,be),s(z,function(){return ye}),"function"==typeof T&&T(fe),I=de||he?t.createElement(l.Provider,{onDragEnd:function(e){var o=e.source,r=e.destination;ne&&r&&ne(f({endIndex:r.index,list:B,startIndex:o.index}))}},t.createElement(l.Droppable,{droppableId:void 0===H?ce:H,sourceOnly:ae,onDragStart:$,onDragEnd:ee,onDrop:oe},function(o){return t.createElement("div",e({className:me(ve("body")),"data-dnd-ignore-scrollable":!0,ref:function(e){fe.current=e,o.innerRef(e)},role:"rowgroup"},o.droppableProps),t.createElement(b,e({},xe)),o.placeholder)})):t.createElement("div",{ref:fe,role:"rowgroup",className:me(ve("body"))},t.createElement(b,e({},xe))),t.createElement(i,null,pe&&t.createElement(p,{grow:1,alignment:"center",distribution:"center",minHeight:"100%",paddingVertical:8},X?t.createElement(u,{image:t.createElement(d,{size:"xl"}),title:Y}):_),t.createElement(y.Provider,{value:ye},t.createElement("div",{role:J?void 0:"grid",style:pe?{display:"none"}:void 0,className:"tapestry-react-reset ".concat(me({position:"relative"}))},t.createElement("div",{ref:ue,role:"rowgroup",className:me(ve("header"))},t.createElement("div",{role:"row",className:me(ve("headerRow"))},we.map(function(e,r){var n=ve("headerCell",{columnIndex:r,isSortable:e.sortable});return t.createElement(h,{key:r,cellRef:Ee("".concat(r,".0")),column:e,columnIndex:r,columnSort:Re,className:"tapestry-react-reset ".concat(me(o(o([],n,!0),[e.css],!1)))})}))),I,Se&&t.createElement("div",{ref:ge,role:"rowgroup",className:me(ve("footer"))},t.createElement("div",{role:"row",className:me(ve("footerRow"))},we.map(function(e,r){var n=ve("footerCell",{columnIndex:r,isSortable:e.sortable});return t.createElement("div",{key:r,role:"cell",ref:Ee("".concat(r,".").concat(B.length+1)),className:"tapestry-react-reset ".concat(me(o(o([],n,!0),[e.css],!1)))},"string"==typeof e.footer||t.isValidElement(e.footer)?e.footer:e.footer?t.createElement(e.footer,{columnIndex:r}):null)}))),De,t.createElement(c,{currentPage:W,totalPages:se,onPageChange:re,position:"sticky",bottom:0,zIndex:35,marginTop:"-1px",backgroundColor:r("--t-surface-color-card"),borderTopWidth:1,borderTopColor:"grey-3",className:me({"@media print":{position:"relative"}})}))))};export{x as default};
|
|
2
2
|
//# sourceMappingURL=DataTable.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as r,__assign as o,__spreadArray as e}from'./../../ext/tslib/tslib.es6.js';import{jsx as t}from"@emotion/react";import"react";import{useKeyboardShortcuts as n}from"../../hooks/use-keyboard-shortcuts.js";import"../../hooks/use-measure.js";function u(u){var a=u.innerRef,i=u.placeholder,c=u.rowData,s=u.rowIndex,d=u.style,f=u.keyboardShortcuts,l=u.onRowClick,h=r(u,["innerRef","placeholder","rowData","rowIndex","style","keyboardShortcuts","onRowClick"]),b=h.href?"a":"div",m=function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];var n=r.filter(
|
|
1
|
+
import{__rest as r,__assign as o,__spreadArray as e}from'./../../ext/tslib/tslib.es6.js';import{jsx as t}from"@emotion/react";import"react";import{useKeyboardShortcuts as n}from"../../hooks/use-keyboard-shortcuts.js";import"../../hooks/use-measure.js";function u(u){var a=u.innerRef,i=u.placeholder,c=u.rowData,s=u.rowIndex,d=u.style,f=u.keyboardShortcuts,l=u.onRowClick,h=r(u,["innerRef","placeholder","rowData","rowIndex","style","keyboardShortcuts","onRowClick"]),b=h.href?"a":"div",m=function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];var n=r.filter(function(r){return r}).reduce(function(r,o){return e(e([],r,!0),Object.keys(o),!0)},[]);return n.reduce(function(e,t){var n;return o(o({},e),((n={})[t]=function(){for(var o=[],e=0;e<arguments.length;e++)o[e]=arguments[e];r.forEach(function(r){r&&r[t]&&r[t].apply(r,o)})},n))},void 0)}(f,l?{enter:function(r,o){var e=r.rowData,t=r.rowIndex;return l(e,t,o)}}:void 0),p=n(m,{rowData:c,rowIndex:s}),v=p.bindKeyboardShortcuts,w=p.unbindKeyboardShortcuts,y=o(o({onBlur:w,onClick:function(r){return l&&l(c,s,r)},onFocus:v,onMouseEnter:v,onMouseLeave:w,ref:a,style:o({opacity:i?.65:void 0},d)},l?{tabIndex:0}:{}),h),k={};return h.href||(k.role="row"),t(b,o(o({},y),k))}export{u as default};
|
|
2
2
|
//# sourceMappingURL=BodyRow.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as t,__spreadArray as e}from'./../../ext/tslib/tslib.es6.js';import o,{Fragment as r}from"react";import a from"../../DragDrop/DragDrop.js";import"../../system/colors/colors.js";import"polished";import"../../utils.js";import"lodash/includes";import"@emotion/react";import"@planningcenter/tapestry";import"lodash/get";import"../../system/default-theme.js";import"../../system/style-names.js";import n from"../../system/use-css.js";import s from"../utils/getCell.js";import"../../VariantProvider/VariantProvider.js";import"../../Icon/Icon.js";import"../../Tooltip/Tooltip.js";import"../hooks/useCollapsibleRows.js";import l from"../utils/getRowLinkProps.js";import"../utils/variants.js";import i from"./BodyRow.js";import m from"./BodySubRows.js";function c(c){var d=c.columns,p=c.columnWidths,u=c.data,g=c.draggable,w=c.getColumnRef,f=c.getRowId,R=c.getRowLink,h=c.getSubData,y=c.getVariant,b=c.keyboardShortcuts,j=c.onRowClick,k=n();return u.map(
|
|
1
|
+
import{__assign as t,__spreadArray as e}from'./../../ext/tslib/tslib.es6.js';import o,{Fragment as r}from"react";import a from"../../DragDrop/DragDrop.js";import"../../system/colors/colors.js";import"polished";import"../../utils.js";import"lodash/includes";import"@emotion/react";import"@planningcenter/tapestry";import"lodash/get";import"../../system/default-theme.js";import"../../system/style-names.js";import n from"../../system/use-css.js";import s from"../utils/getCell.js";import"../../VariantProvider/VariantProvider.js";import"../../Icon/Icon.js";import"../../Tooltip/Tooltip.js";import"../hooks/useCollapsibleRows.js";import l from"../utils/getRowLinkProps.js";import"../utils/variants.js";import i from"./BodyRow.js";import m from"./BodySubRows.js";function c(c){var d=c.columns,p=c.columnWidths,u=c.data,g=c.draggable,w=c.getColumnRef,f=c.getRowId,R=c.getRowLink,h=c.getSubData,y=c.getVariant,b=c.keyboardShortcuts,j=c.onRowClick,k=n();return u.map(function(n,c){var x=function(t){return d.map(function(r,a){var l=y("bodyCell",{columnIndex:a,firstCell:0===a,firstRow:0===c,lastCell:a===Math.max(0,d.length-1),lastRow:c===Math.max(0,u.length-1),rowData:n,rowIndex:c});return o.createElement("div",{key:a,ref:w("".concat(a,".").concat(c+1)),role:"cell",className:"tapestry-react-reset ".concat(k(e(e([],l,!0),[r.css],!1)))},s(r.cell,{_dragHandleProps:t,columnIndex:a,rowData:n,rowIndex:c}))})},I=f(n,c),D=y("bodyRow",{evenRow:c%2==0,firstRow:0===c,isLink:Boolean(R)||Boolean(j),lastRow:c===Math.max(0,u.length-1),oddRow:1===Math.abs(c%2),rowData:n,rowIndex:c}),C=t({className:"tapestry-react-reset ".concat(k(D)),keyboardShortcuts:b,onRowClick:j,rowData:n,rowIndex:c},l({data:n,getRowLink:R,isSubRow:!1})),v=h?h(n):null,E=v&&o.createElement(m,{columns:d,data:v,getColumnRef:w,getRowLink:R,getVariant:y,keyboardShortcuts:b,columnWidths:p,parentRowIndex:c});return g?o.createElement(a.Draggable,{key:I,draggableId:I.toString(),index:c,data:n,placeholder:function(){return o.createElement(i,t({},C,{placeholder:!0}),x({}))}},function(e){return o.createElement(r,null,o.createElement(i,t({innerRef:e.innerRef},e.draggableProps,C),x(e.dragHandleProps)),E)}):o.createElement(r,{key:I},o.createElement(i,t({},C),x()),E)})}export{c as default};
|
|
2
2
|
//# sourceMappingURL=BodyRows.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as t,__spreadArray as o}from'./../../ext/tslib/tslib.es6.js';import e from"react";import r from"../../Collapse/Collapse.js";import"../../system/colors/colors.js";import"polished";import"../../utils.js";import"lodash/includes";import"@emotion/react";import"@planningcenter/tapestry";import"lodash/get";import"../../system/default-theme.js";import"../../system/style-names.js";import n from"../../system/use-css.js";import{useCollapsibleRowsStore as s,useSubRowOpen as a}from"../hooks/useCollapsibleRows.js";import l from"../utils/getCell.js";import"../../VariantProvider/VariantProvider.js";import"../../Icon/Icon.js";import"../../Tooltip/Tooltip.js";import i from"../utils/getRowLinkProps.js";import"../utils/variants.js";import m from"./BodyRow.js";var c=function(t){var o=t.children,n=t.lazy,l=t.rowIndex,i=s(
|
|
1
|
+
import{__assign as t,__spreadArray as o}from'./../../ext/tslib/tslib.es6.js';import e from"react";import r from"../../Collapse/Collapse.js";import"../../system/colors/colors.js";import"polished";import"../../utils.js";import"lodash/includes";import"@emotion/react";import"@planningcenter/tapestry";import"lodash/get";import"../../system/default-theme.js";import"../../system/style-names.js";import n from"../../system/use-css.js";import{useCollapsibleRowsStore as s,useSubRowOpen as a}from"../hooks/useCollapsibleRows.js";import l from"../utils/getCell.js";import"../../VariantProvider/VariantProvider.js";import"../../Icon/Icon.js";import"../../Tooltip/Tooltip.js";import i from"../utils/getRowLinkProps.js";import"../utils/variants.js";import m from"./BodyRow.js";var c=function(t){var o=t.children,n=t.lazy,l=t.rowIndex,i=s(function(t){return t.instant}),m=a(l);return e.createElement(r,{lazy:n,instant:i,open:m,role:"row",style:{minWidth:"min-content"}},o)},p=function(r){var s=r.columns,a=r.columnWidths,p=r.data,u=r.getColumnRef,d=r.getRowLink,w=r.getVariant,f=r.keyboardShortcuts,h=r.onRowClick,y=r.parentRowIndex,R=n();return e.createElement(c,{lazy:!1===s.some(function(t){return t.includeSubCellWidth}),rowIndex:y},p.map(function(r,n){var c=w("bodySubRow",{evenRow:n%2==0,firstRow:0===n,isLink:Boolean(d)||Boolean(h),lastRow:n===Math.max(0,p.length-1),oddRow:1===Math.abs(n%2),parentRowIndex:y,rowData:r,rowIndex:n});return e.createElement(m,t({key:n,rowData:r,rowIndex:n,keyboardShortcuts:f,onRowClick:h,className:"tapestry-react-reset ".concat(R(c))},i({data:r,getRowLink:d,isSubRow:!0})),s.map(function(t,i){var m=w("bodySubCell",{columnIndex:i,columnWidth:a.current[i],firstCell:0===i,firstRow:0===n,lastCell:i===Math.max(0,s.length-1),lastRow:n===Math.max(0,p.length-1),rowData:r,rowIndex:n});return e.createElement("div",{key:i,ref:u("".concat(i,".").concat(y+1,".").concat(n)),className:"tapestry-react-reset ".concat(R(o(o([],m,!0),[t.css],!1)))},l(void 0!==t.subCell?t.subCell:t.cell,{columnIndex:i,rowData:r,rowIndex:n}))}))}))};export{p as default};
|
|
2
2
|
//# sourceMappingURL=BodySubRows.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e}from'./../../ext/tslib/tslib.es6.js';import t,{useCallback as r}from"react";import a from"../../Icon/Icon.js";var s="tapestry.checkbox2",c="tapestry.checkbox0",o="tapestry.checkbox1",n={transform:"scale(1)",transition:"all 120ms ease-out",visibility:"visible"},i={" &:active ":{" .tapestry-react-Checkbox-Fill ":{transform:"scale(1)"}}," &:hover, &:focus ":{" .tapestry-react-Checkbox-Fill ":{transform:"scale(1.125)"}}," .tapestry-react-Checkbox-Fill ":{transform:"scale(1)",transformOrigin:"center center",transition:"all 180ms ease-out"}," .tapestry-react-Checkbox-Minus, .tapestry-react-Checkbox-Checked ":{fill:"#fff",transform:"scale(0)",transformOrigin:"center center",transition:"all 180ms ease-out",visibility:"hidden"},cursor:"pointer",flexShrink:0,outline:0},l={" .tapestry-react-Checkbox-Checked ":n},m={" .tapestry-react-Checkbox-Minus ":n};function h(n){var h=n.checked,p=n.disabled,y=n.indeterminate,k=n.onBlur,u=n.onChange,b=n.onFocus,d=n.size,f=void 0===d?"md":d;e(n,["checked","disabled","indeterminate","onBlur","onChange","onFocus","size"]);var x=r(
|
|
1
|
+
import{__rest as e}from'./../../ext/tslib/tslib.es6.js';import t,{useCallback as r}from"react";import a from"../../Icon/Icon.js";var s="tapestry.checkbox2",c="tapestry.checkbox0",o="tapestry.checkbox1",n={transform:"scale(1)",transition:"all 120ms ease-out",visibility:"visible"},i={" &:active ":{" .tapestry-react-Checkbox-Fill ":{transform:"scale(1)"}}," &:hover, &:focus ":{" .tapestry-react-Checkbox-Fill ":{transform:"scale(1.125)"}}," .tapestry-react-Checkbox-Fill ":{transform:"scale(1)",transformOrigin:"center center",transition:"all 180ms ease-out"}," .tapestry-react-Checkbox-Minus, .tapestry-react-Checkbox-Checked ":{fill:"#fff",transform:"scale(0)",transformOrigin:"center center",transition:"all 180ms ease-out",visibility:"hidden"},cursor:"pointer",flexShrink:0,outline:0},l={" .tapestry-react-Checkbox-Checked ":n},m={" .tapestry-react-Checkbox-Minus ":n};function h(n){var h=n.checked,p=n.disabled,y=n.indeterminate,k=n.onBlur,u=n.onChange,b=n.onFocus,d=n.size,f=void 0===d?"md":d;e(n,["checked","disabled","indeterminate","onBlur","onChange","onFocus","size"]);var x=r(function(e){e.preventDefault(),u&&u(e)},[u]),C=[i];return h&&C.push(l),y&&C.push(m),t.createElement(a,{size:f,tabIndex:0,role:"checkbox","aria-checked":y?"mixed":h,"aria-disabled":p,onBlur:k,onFocus:b,onClick:x,onKeyDown:function(e){return" "===e.key&&x(e)},className:"tapestry-react-reset tapestry-react-Checkbox",css:C},t.createElement(a.Path,{name:c,className:"tapestry-react-reset tapestry-react-Checkbox-Fill",fill:h||y?"primary":"surfaceTertiary",stroke:h||y?"primary":"separatorSecondary"}),t.createElement(a.Path,{name:o,className:"tapestry-react-reset tapestry-react-Checkbox-Fill"}),t.createElement(a.Path,{name:s,className:"tapestry-react-reset tapestry-react-Checkbox-Checked"}))}export{h as default};
|
|
2
2
|
//# sourceMappingURL=CheckboxCell.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as n,__spreadArray as t}from'./../../ext/tslib/tslib.es6.js';import o from"react";import l from"../../Checkbox/Checkbox.js";import r from"../../Dropdown/Dropdown.js";import{Text as i}from"../../Text/Text.js";var m=function(){return null};function a(a){var d=a.columns,c=void 0===d?[]:d,u=a.hiddenColumnIds,s=void 0===u?[]:u,f=a.onChange,p=void 0===f?m:f,h=e(a,["columns","hiddenColumnIds","onChange"]);return o.createElement(r,n({variant:"outline",icon:{name:"general.threeVerticalBars"},tooltip:{title:"Filter Columns"},placement:"bottom-end",closeOnSelect:!1,onSelect:function(e){var n=t([],s,!0),o=n.indexOf(e);o>-1?n.splice(o,1):n.push(e),p({columnId:e,hiddenColumnIds:n})}},h),c.filter(
|
|
1
|
+
import{__rest as e,__assign as n,__spreadArray as t}from'./../../ext/tslib/tslib.es6.js';import o from"react";import l from"../../Checkbox/Checkbox.js";import r from"../../Dropdown/Dropdown.js";import{Text as i}from"../../Text/Text.js";var m=function(){return null};function a(a){var d=a.columns,c=void 0===d?[]:d,u=a.hiddenColumnIds,s=void 0===u?[]:u,f=a.onChange,p=void 0===f?m:f,h=e(a,["columns","hiddenColumnIds","onChange"]);return o.createElement(r,n({variant:"outline",icon:{name:"general.threeVerticalBars"},tooltip:{title:"Filter Columns"},placement:"bottom-end",closeOnSelect:!1,onSelect:function(e){var n=t([],s,!0),o=n.indexOf(e);o>-1?n.splice(o,1):n.push(e),p({columnId:e,hiddenColumnIds:n})}},h),c.filter(function(e){return!e.alwaysVisible}).map(function(e){return o.createElement(r.Item,{key:e.id,value:e.id},o.createElement(l,{checked:-1===s.indexOf(e.id),onChange:m,label:null,size:"md"}),o.createElement(i,{marginLeft:1},e.label||e.header))}))}export{a as default};
|
|
2
2
|
//# sourceMappingURL=ColumnPicker.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__spreadArray as n,__assign as o}from'./../../ext/tslib/tslib.es6.js';import{createContext as t,useEffect as u,useContext as e,useCallback as r}from"react";import{create as s}from"zustand";import i from"../../hooks/useConstant.js";import{range as l}from"../../utils.js";var a=t(null);function f(n){return(0,e(a).useStore)(n)}function p(n){return f(r(
|
|
1
|
+
import{__spreadArray as n,__assign as o}from'./../../ext/tslib/tslib.es6.js';import{createContext as t,useEffect as u,useContext as e,useCallback as r}from"react";import{create as s}from"zustand";import i from"../../hooks/useConstant.js";import{range as l}from"../../utils.js";var a=t(null);function f(n){return(0,e(a).useStore)(n)}function p(n){return f(r(function(o){return o.allSubRowsOpen||o.openSubRows.indexOf(n)>-1},[n]))}function w(){return f(r(function(n){return n.openSubRows.length>0},[]))}function R(t,e){void 0===e&&(e=!1);var r=i(function(){return s(function(o){return{allSubRowsOpen:e,callbacks:{closeAllSubRows:function(){o({allSubRowsOpen:!1,instant:!0,openSubRows:[]})},openAllSubRows:function(){o(function(n){return{allSubRowsOpen:!0,instant:!0,openSubRows:n.rowCountRange}})},toggleAllSubRows:function(){o(function(n){var o=0===n.openSubRows.length;return{allSubRowsOpen:o,instant:!0,openSubRows:o?n.rowCountRange:[]}})},toggleSubRowAtIndex:function(t){o(function(o){var u=n([],o.openSubRows,!0),e=o.openSubRows.indexOf(t);return e>-1?u.splice(e,1):u.push(t),{allSubRowsOpen:o.rowCountRange.every(function(n){return u.indexOf(n)>-1}),instant:!1,openSubRows:u}})}},instant:!1,openSubRows:[],rowCountRange:[]}})}),a=r(function(n){return n.callbacks});return u(function(){var n=l(0,t.length);r.setState(function(o){return{instant:!0,openSubRows:o.allSubRowsOpen?n:[],rowCountRange:n}})},[t]),o({useStore:r},a)}export{a as CollapsibleRowsContext,w as useAnySubRowsOpen,R as useCollapsibleRows,f as useCollapsibleRowsStore,p as useSubRowOpen};
|
|
2
2
|
//# sourceMappingURL=useCollapsibleRows.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as r}from'./../../ext/tslib/tslib.es6.js';import{useState as n,useCallback as o}from"react";var t="ASC",e="DESC";function i(r){return r===t?"general.upCaret":"general.downCaret"}function u(r){return r===t?e:t}function c(r){var n=r.columnId,o=r.direction;return"".concat(o===t?"":"-").concat(n)}function d(n){var o,i,u=n.columnId,d=n.direction,l=n.order,a=l?{columnId:(i="-"===(o=l)[0])?o.substring(1):o,direction:i?e:t}:{columnId:u,direction:d};return r(r({},a),{order:c(a)})}function l(e){var i=e.defaultSort,l=void 0===i?{columnId:null,direction:t,order:null}:i,a=e.onColumnSort,m=n(d(l)),f=m[0],s=m[1],I=o(
|
|
1
|
+
import{__assign as r}from'./../../ext/tslib/tslib.es6.js';import{useState as n,useCallback as o}from"react";var t="ASC",e="DESC";function i(r){return r===t?"general.upCaret":"general.downCaret"}function u(r){return r===t?e:t}function c(r){var n=r.columnId,o=r.direction;return"".concat(o===t?"":"-").concat(n)}function d(n){var o,i,u=n.columnId,d=n.direction,l=n.order,a=l?{columnId:(i="-"===(o=l)[0])?o.substring(1):o,direction:i?e:t}:{columnId:u,direction:d};return r(r({},a),{order:c(a)})}function l(e){var i=e.defaultSort,l=void 0===i?{columnId:null,direction:t,order:null}:i,a=e.onColumnSort,m=n(d(l)),f=m[0],s=m[1],I=o(function(n){s(function(o){var e=d(r(r({},l),{direction:n.defaultSortDirection})),i={columnId:n.id};return o.columnId===n.id?i.direction=u(o.direction):i.direction=n.defaultSortDirection||t,i.order=c(i),a&&a(i.columnId?i:e),i})},[l,a]);return{currentSort:f,sortColumnById:I}}export{t as SORT_ASC,e as SORT_DESC,l as default,i as getIconDirection,u as getOppositeSortDirection};
|
|
2
2
|
//# sourceMappingURL=useColumnSort.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{useRef as t,useLayoutEffect as e}from"react";import n from"./useRefManager.js";function r(r){var i=r.columns,d=r.data,a=r.loading,l=r.bodyRef,h=r.headerRef,o=n(),u=o[0],c=o[1],m=t([]);return e(
|
|
1
|
+
import{useRef as t,useLayoutEffect as e}from"react";import n from"./useRefManager.js";function r(r){var i=r.columns,d=r.data,a=r.loading,l=r.bodyRef,h=r.headerRef,o=n(),u=o[0],c=o[1],m=t([]);return e(function(){var t=[],e=[],n=0;for(var r in u.current){var d=r.split("."),a=d[0];d[1];var o=d[2],c=i[a],f=u.current[r],s=void 0!==o;if(c.includeSubCellWidth||!s){if(!n){var p=getComputedStyle(f);n=parseInt(p.paddingLeft,10)+parseInt(p.paddingRight,10)}c.width?(f.style.width=c.width+"px",t[a]||(t[a]=c.width)):(f.style.width="auto",e.push({column:c,columnIndex:a,node:f}))}}for(var g=0;g<e.length;g++){var x=e[g],v=(c=x.column,a=x.columnIndex,f=x.node,Math.max(Math.ceil(f.getBoundingClientRect().width)-n,t[a]||0));c.minWidth&&(v=Math.max(v,c.minWidth)),c.maxWidth&&(v=Math.min(v,c.maxWidth)),t[a]=v}for(g=0;g<e.length;g++){var W=e[g];a=W.columnIndex;(f=W.node).style.width=t[a]+"px"}var w=l.current.scrollWidth;for(g=0;g<l.current.children.length;g++)l.current.children[g].style.minWidth=w+"px";h.current.firstChild.style.minWidth=w+"px",m.current=t},[i,d,a]),{columnWidths:m,getColumnRef:c}}export{r as default};
|
|
2
2
|
//# sourceMappingURL=useColumnWidths.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{useRef as r,useCallback as t}from"react";function e(){var e=r({}),n=r({}),u=t(
|
|
1
|
+
import{useRef as r,useCallback as t}from"react";function e(){var e=r({}),n=r({}),u=t(function(r){return n.current[r]||(n.current[r]=function(t){!e.current[r]&&t?e.current[r]=t:t||delete e.current[r]}),n.current[r]},[]);return[e,u]}export{e as default};
|
|
2
2
|
//# sourceMappingURL=useRefManager.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{token as t}from"@planningcenter/tapestry";import{interpolate as e}from"@popmotion/popcorn";import r,{useRef as o,useState as n,useLayoutEffect as i,Fragment as s}from"react";import"mousetrap";import{useMeasure as c}from"../../hooks/use-measure.js";import{supportsPassiveEvents as l}from"../../utils.js";var a=e([0,.2],[0,1]),f=e([.8,1],[1,0]),u=!l||{capture:!0,passive:!1},p={bottom:0,pointerEvents:"none",position:"absolute",top:0,width:10,zIndex:30};function d(t,e){return t&&e?t/e:0}function m(e){return"linear-gradient(".concat(90*e,"deg, transparent 4px, ").concat(t("--t-shadow-overflow-color"),")")}function v(t){var e=o(void 0),l=o(void 0),v=n(!1),h=v[0],y=v[1],g=n(null),E=g[0],x=g[1],b=c(),N=b[0],W=b[1];return N(t),W(
|
|
1
|
+
import{token as t}from"@planningcenter/tapestry";import{interpolate as e}from"@popmotion/popcorn";import r,{useRef as o,useState as n,useLayoutEffect as i,Fragment as s}from"react";import"mousetrap";import{useMeasure as c}from"../../hooks/use-measure.js";import{supportsPassiveEvents as l}from"../../utils.js";var a=e([0,.2],[0,1]),f=e([.8,1],[1,0]),u=!l||{capture:!0,passive:!1},p={bottom:0,pointerEvents:"none",position:"absolute",top:0,width:10,zIndex:30};function d(t,e){return t&&e?t/e:0}function m(e){return"linear-gradient(".concat(90*e,"deg, transparent 4px, ").concat(t("--t-shadow-overflow-color"),")")}function v(t){var e=o(void 0),l=o(void 0),v=n(!1),h=v[0],y=v[1],g=n(null),E=g[0],x=g[1],b=c(),N=b[0],W=b[1];return N(t),W(function(t){var e=t[0];e&&(y(e.scrollWidth>e.offsetWidth),x(e.scrollWidth-e.offsetWidth))},[t.current]),i(function(){var r=t.current;function o(){!function(t){var e=t.leftNode,r=t.rightNode,o=t.offset,n=t.progress;e.style.left=o+"px",e.style.background=m(-1),e.style.opacity=a(n),r.style.right=o+"px",r.style.background=m(1),r.style.opacity=f(n)}({leftNode:e.current,offset:0,progress:d(r.scrollLeft,E),rightNode:l.current})}if(e.current&&l.current)return o(),r.addEventListener("scroll",o,u),function(){r.removeEventListener("scroll",o,u)}},[E]),h&&r.createElement(s,null,r.createElement("div",{ref:e,style:p,"aria-hidden":!0}),r.createElement("div",{ref:l,style:p,"aria-hidden":!0}))}export{v as default};
|
|
2
2
|
//# sourceMappingURL=useScrollShadows.js.map
|