@planningcenter/tapestry-react 4.11.6-rc.0 → 4.12.0
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/Button/Button.d.ts.map +1 -1
- package/dist/Button/Button.js +1 -1
- package/dist/DataTable/DataTable.d.ts.map +1 -1
- package/dist/DataTable/DataTable.js +1 -1
- package/dist/Dropdown/Dropdown.d.ts +1 -0
- package/dist/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/Dropdown/Dropdown.js +1 -1
- package/dist/Popover/Popover.d.ts +2 -0
- package/dist/Popover/Popover.d.ts.map +1 -1
- package/dist/Popover/Popover.js +1 -1
- package/dist/Table/Table.js +1 -1
- package/dist/Tooltip/Tooltip.d.ts +2 -0
- package/dist/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/Tooltip/Tooltip.js +1 -1
- package/dist/system/button-themes.d.ts +177 -6
- package/dist/system/button-themes.d.ts.map +1 -1
- package/dist/system/button-themes.js +1 -1
- package/dist/system/default-theme.d.ts +177 -6
- package/dist/system/default-theme.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,IAAI,MAAM,SAAS,CAAA;AAG1B,OAAO,EAAa,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAE9D,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1E,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,UAAU,KAAK;IAIb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,IAAI,CAAC,EAAE,MAAM,CAAA;IAMb,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAKjD,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAKrD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAGtD,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;IAKrB,OAAO,CAAC,EAAE,GAAG,CAAA;IAKb,MAAM,CAAC,EAAE,OAAO,CAAA;IAKhB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAKtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKvB,EAAE,CAAC,EAAE,MAAM,CAAA;IAKX,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IAKvD,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IAKpC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;CACvC;AACD,KAAK,iBAAiB,GAAG,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAAA;AACxE,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,IAAI,OAAO,CAC9D,CAAC,EACD,iBAAiB,CAClB,GACC,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAEtC,wBAAgB,MAAM,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,EAAE,EACpD,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAiB,EACjB,KAAK,EACL,EAAE,EACF,OAAO,EAAE,kBAAkB,EAC3B,IAAe,EACf,OAAO,EACP,YAAY,EAAE,oBAAoB,EAClC,GAAG,SAAS,EACb,EAAE,WAAW,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,IAAI,MAAM,SAAS,CAAA;AAG1B,OAAO,EAAa,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAE9D,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1E,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,UAAU,KAAK;IAIb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,IAAI,CAAC,EAAE,MAAM,CAAA;IAMb,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAKjD,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAKrD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAGtD,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;IAKrB,OAAO,CAAC,EAAE,GAAG,CAAA;IAKb,MAAM,CAAC,EAAE,OAAO,CAAA;IAKhB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAKtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKvB,EAAE,CAAC,EAAE,MAAM,CAAA;IAKX,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IAKvD,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IAKpC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;CACvC;AACD,KAAK,iBAAiB,GAAG,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAAA;AACxE,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,IAAI,OAAO,CAC9D,CAAC,EACD,iBAAiB,CAClB,GACC,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAEtC,wBAAgB,MAAM,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,EAAE,EACpD,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAiB,EACjB,KAAK,EACL,EAAE,EACF,OAAO,EAAE,kBAAkB,EAC3B,IAAe,EACf,OAAO,EACP,YAAY,EAAE,oBAAoB,EAClC,GAAG,SAAS,EACb,EAAE,WAAW,CAAC,CAAC,CAAC,eAoThB;yBAxUe,MAAM;;;;;;;;;;;;;;;AA4UtB,MAAM,WAAW,MAAM,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,CACnD,SAAQ,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/D,KAAK,EAAE,OAAO,KAAK,CAAA;CACpB"}
|
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 i from"react";import{designTokens as o}from"../designTokens/index.js";import{useAccessibilityViolation as n}from"../hooks/use-accessibility-violation.js";import r from"../Icon/Icon.js";import{Link as a}from"../Link/Link.js";import{Spinner as s}from"../Spinner/Spinner.js";import{StackView as l}from"../StackView/StackView.js";import{useThemeValue as c,useBoxSize as
|
|
1
|
+
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import i from"react";import{designTokens as o}from"../designTokens/index.js";import{useAccessibilityViolation as n}from"../hooks/use-accessibility-violation.js";import r from"../Icon/Icon.js";import{Link as a}from"../Link/Link.js";import{Spinner as s}from"../Spinner/Spinner.js";import{StackView as l}from"../StackView/StackView.js";import{useThemeValue as c,useBoxSize as d}from"../system/utils.js";import p from"../Tooltip/Tooltip.js";import{mergeProps as u}from"../utils.js";import m from"./Input.js";function f(m){var f,h=m.children,b=m.disabled,g=m.external,y=m.icon,v=m.iconLeft,k=m.iconRight,z=m.onClick,j=m.onKeyDown,w=m.size,x=m.spinner,E=m.square,Q=m.theme,V=void 0===Q?"default":Q,D=m.title,C=m.to,I=m.tooltip,R=m.type,S=void 0===R?"button":R,T=m.variant,H=m.focusVisible,L=e(m,["children","disabled","external","icon","iconLeft","iconRight","onClick","onKeyDown","size","spinner","square","theme","title","to","tooltip","type","variant","focusVisible"]),P=c("button.themes"),K=T||"fill",W=d(w),A=W.boxSize,_=W.fontSize,q=W.lineHeight,B=W.paddingHorizontal,N=W.paddingHorizontalDense,O=W.paddingVertical,F={alignment:"center",as:L.href||C?"a":"button",axis:"horizontal",distribution:"center",focusVisible:H,fontSize:_,fontWeight:400,inline:!0,lineHeight:q,position:"relative",radius:o.button.borderRadius,strokeAlign:"inside",strokeWeight:1,type:S,userSelect:"none",zIndex:1};if(V&&"boolean"!=typeof V){var G=P[V];if(G){var J=G[K];if(J){J.disabled;var M=J.mediaQueries,U=e(J,["disabled","mediaQueries"]);F=t(t({},F),U),M&&L.mediaQueries?F.mediaQueries=t(t({},M),L.mediaQueries):M&&(F.mediaQueries=M)}else console.warn('Could not find "'.concat(K,'" in "').concat(V,'" theme. Check your ThemeProvider and make sure "').concat(K,'" variant exists in "').concat(V,'".'))}else"false"===V?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(V,'" in button.themes. Check your ThemeProvider and make sure "').concat(V,'" exists.'))}"string"==typeof y&&(y={name:y}),"string"==typeof v&&(v={name:v}),"string"==typeof k&&(k={name:k});var X="string"==typeof I?{title:I}:I;if(y&&(B=N,F["aria-label"]=X?X.title:D),E?(F.width=A,F.height=A):y&&(F.minWidth=A,F.minHeight=A),"pill"===L.radius?F.paddingHorizontal=1.25*B:"pill-left"===L.radius?(F.paddingLeft=1.25*B,F.paddingRight=B):"pill-right"===L.radius?(F.paddingLeft=B,F.paddingRight=1.25*B):(!y||v||k)&&(F.paddingHorizontal=B,F.paddingVertical=O),x&&(f=F.color,F.color="transparent",y&&(y.color="transparent"),v&&(v.color="transparent"),k&&(k.color="transparent")),b&&"boolean"!=typeof V){var Y=P[V];if(Y){var Z=Y[K];Z&&Z.disabled?F=t(t({},F),Z.disabled):F.opacity=.65,(null==Z?void 0:Z.mediaQueries)&&(F.mediaQueries=Object.entries(Z.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({},F.mediaQueries)))}F["aria-disabled"]=!0,F.cursor="not-allowed",F.onClick=function(e){return e.preventDefault()},F.onKeyDown=function(e){"Enter"!==e.key&&" "!==e.key||e.preventDefault()}}if(b||x?(F.hover=void 0,F.active=void 0):(F.focus=t({zIndex:5},F.focus),F.cursor="pointer",F.touchAction="manipulation",F.onClick=z,F.onKeyDown=function(e){!z||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),z(e)),j&&j(e)}),g&&(F.rel="noopener noreferrer",F.target="_blank"),C&&(L.href=C),(C||L.href)&&(F=t(t({},F),{type:null})),"outline"===K&&(F=t(t({},F),{hover:t({strokeAlign:"inside",strokeWeight:1,zIndex:2},F.hover)})),L.as&&(F.to=C,"button"!==L.as&&(F=t(t({},F),{type:null}))),"production"!==process.env.NODE_ENV){if(y&&!(D||X&&X.title)){var $=n(i.createElement(i.Fragment,null,"Icon only buttons must define either a"," ",i.createElement(a,{external:!0,to:"https://planningcenter.github.io/tapestry-react/button#tooltip",weight:700},"tooltip")," ","or"," ",i.createElement(a,{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.'),ee=$.tooltipProps,te=$.wrapperProps;X=ee,L=u(L,te)}F.type&&L.as&&"button"!==L.as&&console.log("Tapestry-React: <Button/> type prop is only supported by <button> and not <".concat(L.as,">."))}var ie=F.focusVisible,oe=e(F,["focusVisible"]);L.mediaQueries;var ne=e(L,["mediaQueries"]);return i.createElement(p,t({},X),i.createElement(l,t({},oe,ne,{css:t(t({},L.css),{"&:focus-visible":ie})}),v&&i.createElement(r,t({size:w,color:F.color,marginRight:N},v)),y?i.createElement(r,t({size:w,color:F.color},y)):D||h,k&&i.createElement(r,t({size:w,color:F.color,marginLeft:N},k)),x&&i.createElement(s,t({size:w,color:f},x,{center:!0}))))}f.Input=m;export{f as Button};
|
|
2
2
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/DataTable/DataTable.tsx"],"names":[],"mappings":"
|
|
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 t,{useRef as
|
|
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 l}from"react";import i 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 y,CollapsibleRowsContext as v}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,le=x.variant,ie=void 0===le?{}:le,me=g(),ce=m("table"),de=i.useDragDrop(),pe=X||B.length<=0,ue=n(),fe=n(),ge=n(),be=[ue,fe],he=ae||ne||oe,ye=C(ie),ve=y(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:ve,columnWidths:Ce,columns:we,data:B,draggable:he,getColumnRef:Ee,getRowId:F,getRowLink:J,getSubData:K,getVariant:ye,keyboardShortcuts:U,onRowClick:te};return Se&&be.push(ge),k.apply(void 0,be),s(z,(function(){return ve})),"function"==typeof T&&T(fe),I=de||he?t.createElement(i.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(i.Droppable,{droppableId:void 0===H?ce:H,sourceOnly:ae,onDragStart:$,onDragEnd:ee,onDrop:oe},(function(o){return t.createElement("div",e({className:me(ye("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(ye("body"))},t.createElement(b,e({},xe))),t.createElement(l,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(v.Provider,{value:ve},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(ye("header"))},t.createElement("div",{role:"row",className:me(ye("headerRow"))},we.map((function(e,r){var n=ye("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(ye("footer"))},t.createElement("div",{role:"row",className:me(ye("footerRow"))},we.map((function(e,r){var n=ye("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
|
|
@@ -34,6 +34,7 @@ type Props = {
|
|
|
34
34
|
spinner?: boolean;
|
|
35
35
|
title?: JSX.Element | string;
|
|
36
36
|
triggerElement?: React.ReactElement | React.ElementType | string | React.ComponentClass<any, any> | React.FunctionComponent<any>;
|
|
37
|
+
triggerElementIsTapestryReact?: boolean;
|
|
37
38
|
variant?: string;
|
|
38
39
|
};
|
|
39
40
|
type DropdownProps = Omit<ButtonProps, keyof Props | 'ref'> & Props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__extends as e,__rest as o,__assign as
|
|
1
|
+
import{__extends as e,__rest as o,__assign as t}from'./../ext/tslib/tslib.es6.js';import r,{cloneElement as n,createElement as i,Component as l}from"react";import{Button as a}from"../Button/Button.js";import p from"../FocusGroup/FocusGroup.js";import c from"../ItemList/ItemList.js";import s from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import u from"../Menu/Menu.js";import{Popover as f}from"../Popover/Popover.js";import{generateId as m,cloneChildren as d}from"../utils.js";import v,{ITEM_DISPLAY_NAME as b}from"./Item.js";import g,{LINK_DISPLAY_NAME as h}from"./Link.js";var O=function(l){function O(e){var o=l.call(this,e)||this;return Object.defineProperty(o,"id",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"popover",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"openPopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onOpen&&o.props.onOpen(),o.setState({isPopoverOpen:!0})}}),Object.defineProperty(o,"closePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onClose&&o.props.onClose(),o.props.forceOpen||o.setState({isPopoverOpen:!1})}}),Object.defineProperty(o,"togglePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.setState({preventBlur:!1}),o.state.isPopoverOpen?o.closePopover():o.openPopover()}}),Object.defineProperty(o,"handleSelect",{enumerable:!0,configurable:!0,writable:!0,value:function(e,t){var r=t.node;o.props.closeOnSelect&&(o.itemList.clearHighlightedIndex(),o.closePopover(),o.popover.focusAnchor()),"A"===r.tagName&&"click"!==event.type?r.click():o.props.onSelect&&o.props.onSelect(e)}}),o.state={isPopoverOpen:e.defaultOpen||e.forceOpen||!1,preventBlur:!1},o.id=m("dropdown"),o}return e(O,l),Object.defineProperty(O.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,l=this.props;l.forceOpen,l.closeOnSelect;var a=l.children;l.as,l.defaultOpen;var m=l.innerRef,v=l.keepInView,g=l.lockScrollWhileOpen,O=l.matchWidths,P=l.onClick;l.onClose,l.onKeyDown,l.onOpen;var w=l.onSearch,y=l.placement,I=l.popoverProps,j=l.renderTo,S=l.triggerElement,k=l.triggerElementIsTapestryReact,R=void 0===k||k,B=o(l,["forceOpen","closeOnSelect","children","as","defaultOpen","innerRef","keepInView","lockScrollWhileOpen","matchWidths","onClick","onClose","onKeyDown","onOpen","onSearch","placement","popoverProps","renderTo","triggerElement","triggerElementIsTapestryReact"]),E=this.state.isPopoverOpen,C=!B.icon&&!B.title,L=-1;return r.createElement(p,{onBlur:this.closePopover},(function(o){var l=o.requestBlur,p=o.setRef;return r.createElement(c,{ref:function(o){return e.itemList=o},onSelect:e.handleSelect},(function(o){var c=o.getItemByText,k=o.moveHighlightedIndex,x=o.selectHighlightedItem,D=o.setHighlightedIndex,T=o.stringSearch;return r.createElement(f,t({},I,{as:u,ref:function(o){e.popover=o},innerRef:function(o){p("".concat(e.id,"-popover"))(o)},role:"menu",tabIndex:-1,elevation:2,display:B.spinner?"none":void 0,onBlur:l,matchWidths:O,keepInView:v,lockScrollWhileOpen:g,placement:y,renderTo:j,open:E,onRequestClose:function(){e.closePopover(),e.popover.focusAnchor()},anchorElement:function(o){return r.createElement(s,null,(function(a){var s,u=a.getHighlightedItemId,f=C?"arrow down":B.title,d=function(t){"function"==typeof o.innerRef?o.innerRef(t):o.innerRef&&o.innerRef.current&&(o.innerRef.current=t),p("".concat(e.id,"-button"))(t),m&&m(t)},v={"aria-activedescendant":u(),"aria-expanded":E,"aria-haspopup":!0,"aria-owns":u(),onBlur:function(o){e.state.preventBlur?e.setState({preventBlur:!1}):l(o)},onClick:function(o){e.togglePopover(),E||e.popover.focusAnchor(),P&&P(o)},onKeyDown:function(t){switch(o.onKeyDown(t),t.key){case"ArrowUp":t.preventDefault(),E?k(-1):(e.openPopover(),setTimeout((function(){k(-1)})));break;case"ArrowDown":t.preventDefault(),E?k(1):(e.openPopover(),setTimeout((function(){k(1)})));break;case"Enter":E&&(t.preventDefault(),x());break;case" ":t.preventDefault(),e.togglePopover();break;default:w?w(t):T(t).then((function(e){var o=c(e);o&&D(o.props.index)}))}},onMouseDown:function(){e.setState({preventBlur:!0})},tabIndex:0},b=((s={cursor:B.disabled?"not-allowed":"pointer"})[C?"icon":"iconRight"]={name:E?"general.upCaret":"general.downCaret",size:"sm"},s.innerRef=d,s.title=f,s),g=t(t({},I&&"id"in I?{"aria-controls":I.id}:void 0),{ref:d}),h=t(t(t({},v),R?b:g),B);return r.isValidElement(S)?n(S,h):i(S,h)}))}}),d(a,(function(e){return e.type.displayName===b||e.type.displayName===h?{index:++L}:{}})))}))}))}}),Object.defineProperty(O,"Item",{enumerable:!0,configurable:!0,writable:!0,value:v}),Object.defineProperty(O,"Link",{enumerable:!0,configurable:!0,writable:!0,value:g}),Object.defineProperty(O,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{closeOnSelect:!0,defaultOpen:!1,triggerElement:a}}),O}(l);export{O as default};
|
|
2
2
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -14,6 +14,7 @@ export type PopoverProps<E = any> = StyleProps & {
|
|
|
14
14
|
onRequestClose?: () => void;
|
|
15
15
|
open: boolean;
|
|
16
16
|
placement?: Placement;
|
|
17
|
+
refAsInnerRef?: boolean;
|
|
17
18
|
relativeTo?: any;
|
|
18
19
|
renderTo?: HTMLElement | string;
|
|
19
20
|
shouldFlip?: boolean;
|
|
@@ -65,6 +66,7 @@ export declare const Popover: React.ForwardRefExoticComponent<Pick<React.CSSProp
|
|
|
65
66
|
onRequestClose?: () => void;
|
|
66
67
|
open: boolean;
|
|
67
68
|
placement?: Placement;
|
|
69
|
+
refAsInnerRef?: boolean;
|
|
68
70
|
relativeTo?: any;
|
|
69
71
|
renderTo?: HTMLElement | string;
|
|
70
72
|
shouldFlip?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,SAAS,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAA;AAa/B,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,GAAG,IAAI,UAAU,GAAG;IAK/C,aAAa,EACT,KAAK,CAAC,YAAY,GAClB,CAAC,CAAC,mBAAmB,KAAA,KAAK,KAAK,CAAC,YAAY,CAAC,CAAA;IAKjD,EAAE,CAAC,EAAE,GAAG,CAAA;IAKR,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG;QAAE,OAAO,CAAC,EAAE,CAAC,CAAA;KAAE,CAAA;IAKhD,UAAU,CAAC,EAAE,OAAO,CAAA;IAKpB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAK7B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAKjC,MAAM,CAAC,EAAE,MAAM,CAAA;IAKf,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAK3B,IAAI,EAAE,OAAO,CAAA;IAKb,SAAS,CAAC,EAAE,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,SAAS,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAA;AAa/B,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,GAAG,IAAI,UAAU,GAAG;IAK/C,aAAa,EACT,KAAK,CAAC,YAAY,GAClB,CAAC,CAAC,mBAAmB,KAAA,KAAK,KAAK,CAAC,YAAY,CAAC,CAAA;IAKjD,EAAE,CAAC,EAAE,GAAG,CAAA;IAKR,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG;QAAE,OAAO,CAAC,EAAE,CAAC,CAAA;KAAE,CAAA;IAKhD,UAAU,CAAC,EAAE,OAAO,CAAA;IAKpB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAK7B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAKjC,MAAM,CAAC,EAAE,MAAM,CAAA;IAKf,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAK3B,IAAI,EAAE,OAAO,CAAA;IAKb,SAAS,CAAC,EAAE,SAAS,CAAA;IAMrB,aAAa,CAAC,EAAE,OAAO,CAAA;IAKvB,UAAU,CAAC,EAAE,GAAG,CAAA;IAOhB,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAK/B,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AAE7B,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uHAvEY,MAAM,YAAY;SAK3C,GAAG;;;wBAKiB,IAAI;iBAKhB,OAAO;0BAKE,OAAO;kBAKf,OAAO,GAAG,SAAS;aAKxB,MAAM;qBAKE,MAAM,IAAI;UAKrB,OAAO;gBAKD,SAAS;oBAML,OAAO;iBAKV,GAAG;eAOL,WAAW,GAAG,MAAM;iBAKlB,OAAO;6DA8KrB,CAAA"}
|
package/dist/Popover/Popover.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as
|
|
1
|
+
import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import{createPopper as n}from"@popperjs/core";import*as o from"react";import{Box as t}from"../Box/Box.js";import{Portal as u}from"../Portal/Portal.js";import{useThemeProps as c}from"../system/utils.js";import{lockScroll as i}from"../utils.js";import f from"./rewireTabOrder.js";import{getFixedParent as l,getModifiers as s}from"./utils.js";var p=o.forwardRef((function(p,a){var m,d,v=p.anchorElement,h=p.as,y=void 0===h?t:h,w=p.innerRef,R=p.keepInView,E=void 0===R||R,I=p.lockScrollWhileOpen,j=p.matchWidths,D=p.offset,K=void 0===D?8:D,k=p.open,x=p.onKeyDown,T=p.onRequestClose,W=p.placement,b=void 0===W?"bottom":W,P=p.relativeTo,z=p.renderTo,A=p.shouldFlip,F=void 0!==A&&A,O=p.refAsInnerRef,S=void 0===O||O,V=e(p,["anchorElement","as","innerRef","keepInView","lockScrollWhileOpen","matchWidths","offset","open","onKeyDown","onRequestClose","placement","relativeTo","renderTo","shouldFlip","refAsInnerRef"]),q=c("popover",V),B=q.zIndex,C=void 0===B?1e4:B,g=e(q,["zIndex"]),H=o.useRef(null),N=o.useRef(null),_=o.useRef(null),G=o.useRef(null),J=o.useState(z),L=J[0],M=J[1],Q=function(){N.current&&(N.current.destroy(),N.current=null),G.current&&(G.current(),G.current=null),_.current&&(_.current(),_.current=null)},U=function(e){"Escape"===e.key&&T&&(k&&e.nativeEvent.stopImmediatePropagation(),T()),x&&x(e)};o.useEffect((function(){return function(){!1===k&&Q()}}),[k]),o.useEffect((function(){k&&N.current&&N.current.update()})),o.useEffect((function(){void 0===L&&v&&M(l(v))}),[v]),o.useImperativeHandle(a,(function(){return{focusAnchor:function(){H.current&&H.current.focus&&H.current.focus()}}}));var X=S?"innerRef":"ref";return o.createElement(u,{renderTo:L},"function"==typeof v?v(((m={onKeyDown:U})[X]=function(e){return H.current=e},m)):o.cloneElement(v,((d={onKeyDown:function(e){U(e),v.props.onKeyDown&&v.props.onKeyDown(e)}})[X]=function(e){var r;H.current=e,"function"==typeof v.props[X]?v.props[X](e):(null===(r=v.props[X])||void 0===r?void 0:r.current)&&(v.props[X].current=e)},d)),k?o.createElement(y,r({innerRef:function(e){if(e){if(null===N.current){var r=P?P.current||P:H.current;N.current=n(r,e,{modifiers:s({keepInView:E,matchWidths:j,offset:K,shouldFlip:F}),placement:b}),G.current&&G.current(),G.current=f(e),I&&(_.current&&_.current(),_.current=i(e))}}else Q();"function"==typeof w?w(e):(null==w?void 0:w.current)&&(w.current=e)},onKeyDown:function(e){U(e),x&&x(e)},style:{zIndex:C},width:"auto"},g)):null)}));p.displayName="Popover";export{p as Popover};
|
|
2
2
|
//# sourceMappingURL=Popover.js.map
|
package/dist/Table/Table.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__extends as e,__assign as t,__rest as r,__spreadArray as o}from'./../ext/tslib/tslib.es6.js';import{Global as n}from"@emotion/react";import i from"lodash/camelCase";import l from"lodash/snakeCase";import a,{Children as u,Fragment as c,PureComponent as d}from"react";import{Button as s}from"../Button/Button.js";import m from"../DragDrop/DragDrop.js";import f from"../HeadingUppercase/HeadingUppercase.js";import{useHover as p}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import g from"../Pagination/Pagination.js";import{Spinner as b}from"../Spinner/Spinner.js";import{StackView as h}from"../StackView/StackView.js";import v from"../Summary/Summary.js";import{reorderArray as S,range as w}from"../utils.js";import y from"../vendor/react-measure/Measure.js";import"../vendor/react-measure/Viewport.js";import C from"./AvatarCell.js";import j from"./BodyCell.js";import R from"./BodyInnerCell.js";import P from"./BodyRow.js";import O from"./CheckboxCell.js";import k from"./ColumnPicker.js";import I from"./DateCell.js";import D from"./DragCell.js";import H from"./DragHandle.js";import x from"./HeaderCell.js";import E from"./HeaderInnerCell.js";import A from"./SubRowToggleCell.js";import T from"./TableBase.js";import W from"./TableWrapper.js";var M="undefined"!=typeof window&&window.CSS&&window.CSS.supports;function B(e){var t=e.children,r=p(),o=r.hover;return t({bindHover:r.hoverProps,isHover:o})}var z=function(d){function p(e){var r=d.call(this,e)||this;return Object.defineProperty(r,"handleSortStart",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.setState({isSorting:!0})}}),Object.defineProperty(r,"handleSortEnd",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.source,o=e.destination;r.setState({isSorting:!1}),r.props.onRowSort(S({endIndex:o.index,list:r.props.data,startIndex:t.index}))}}),Object.defineProperty(r,"handleColumnSort",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var o=r.getDefaultSort(r.props);r.setState((function(n){var i=t({},n.currentSort);if(i.columnId===e?i.direction=p.getOppositeSortDirection(i.direction):(i.columnId=e,i.direction=r.props.defaultSortDirection),i.order=r.getSortOrder({columnId:i.columnId,direction:i.direction}),r.props.onColumnSort){var l=i.columnId?i:o;r.props.onColumnSort(l)}return{currentSort:i}}))}}),Object.defineProperty(r,"getBodyCellMouseHandlers",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return r.props.highlightColumnOnHover?{onMouseOut:function(){r.setState({highlightedColumnIndex:null})},onMouseOver:function(){r.setState({highlightedColumnIndex:e})}}:{}}}),Object.defineProperty(r,"isAnySubRowOpen",{enumerable:!0,configurable:!0,writable:!0,value:function(){return r.state.openSubRowIndices.length>0}}),Object.defineProperty(r,"handleSubRowToggleAll",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.setState({openSubRowIndices:r.state.openSubRowIndices.length>0?[]:w(0,r.props.data.length)})}}),Object.defineProperty(r,"isSubRowOpen",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return r.state.openSubRowIndices.indexOf(e)>-1}}),Object.defineProperty(r,"handleSubRowToggle",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState((function(t){var r=o([],t.openSubRowIndices,!0),n=r.indexOf(e);return n>-1?r.splice(n,1):r.push(e),{openSubRowIndices:r}}))}}),Object.defineProperty(r,"handleMeasure",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=r.getColumns(),n=(t.length-1)/2,i=0;r.props.subRowData&&(i+=48),r.props.onRowSort&&(i+=48);var l=e?t.map((function(t,r){var o=e["".concat(r,"-0")];return o?o.height:0})):[],a=e?Math.max.apply(Math,o(o([],l,!0),[r.props.compactHeader?32:48],!1)):null,u=e?Object.keys(e).reduce((function(r,o){var n=o.split("-")[0],i=e[o],l=t[n];if(l){var a=l.width||i.width;r[n]||(r[n]=[]),r[n].push(a)}return r}),[]).map((function(e){return Math.max.apply(Math,e)})):[],c=e?u.reduce((function(e,t,r){return e+t}),i):null,d=M?t.reduce((function(e,t,r){return t.sticky&&(r<n?e.left+=u[r]:e.right+=u[r]),e}),{left:i,right:0}):{left:0,right:0};r.setState({columnWidths:u,getLeftOffset:function(e,t){return M&&e.sticky&&t<n?u.reduce((function(e,r,o){return o<t?e+r:e}),i)||i:void 0},getRightOffset:function(e,t){return M&&e.sticky&&t>=n?u.reduce((function(e,r,o){return o>t?e+r:e}),0)||0:void 0},headerHeight:a,headerHeights:l,offsets:d,rowWidth:c})}}),r.state={columnWidths:[],currentSort:r.getDefaultSort(e),getLeftOffset:function(){return null},getRightOffset:function(){return null},headerHeight:-1,headerHeights:[],highlightedColumnIndex:null,isSorting:!1,offsets:{left:0,right:0},openSubRowIndices:[],rowWidth:-1},r}return e(p,d),Object.defineProperty(p,"getOppositeSortDirection",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return e===p.ASC?p.DESC:p.ASC}}),Object.defineProperty(p,"getIconDirection",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return e===p.ASC?"general.upCaret":"general.downCaret"}}),Object.defineProperty(p.prototype,"getSortOrder",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.columnId,r=e.direction;return"".concat(r===p.ASC?"":"-").concat(l(t))}}),Object.defineProperty(p.prototype,"parseSortOrder",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t="-"===e[0];return{columnId:i(t?e.substring(1):e),direction:t?p.DESC:p.ASC}}}),Object.defineProperty(p.prototype,"getDefaultSort",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=e.defaultSortColumnId,o=e.defaultSortDirection,n=e.defaultSortOrder,i=n?this.parseSortOrder(n):{columnId:r,direction:o};return t(t({},i),{order:this.getSortOrder(i)})}}),Object.defineProperty(p.prototype,"getColumns",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;return this.props.columns.filter((function(t){return"object"==typeof t&&null!=t&&(t.alwaysVisible||-1===e.props.hiddenColumnIds.indexOf(t.id))})).map((function(e){e.alwaysVisible;var t=e.cell,o=e.divider,n=e.header,i=e.id,l=e.label,a=e.sortable,u=e.sticky,c=e.subRowCell,d=e.truncate,s=e.vertical,m=e.width;return{cell:t,columnProps:r(e,["alwaysVisible","cell","divider","header","id","label","sortable","sticky","subRowCell","truncate","vertical","width"]),divider:o,header:n,id:i,label:l,sortable:a,sticky:u,subRowCell:c,truncate:d,vertical:s,width:m}}))}}),Object.defineProperty(p.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,i=this.props,l=i.caption;i.children;var d=i.columnDividers;i.columns;var S=i.compactHeader,w=i.currentPage,C=i.data,O=void 0===C?[]:C;i.defaultSortColumnId;var k=i.defaultSortDirection;i.defaultSortOrder;var I=i.empty,M=i.getRowLink,z=i.headerColor;i.hiddenColumnIds,i.highlightColumnOnHover,i.innerRef;var V=i.keyboardShortcuts;i.layout;var L=i.loading,U=i.loadingTitle,K=i.minHeight,N=i.minRowHeight;i.onColumnSort;var _=i.onPageChange,q=i.onRowSort,F=i.rowDividers,G=i.subRowData,J=i.totalPages,Q=r(i,["caption","children","columnDividers","columns","compactHeader","currentPage","data","defaultSortColumnId","defaultSortDirection","defaultSortOrder","empty","getRowLink","headerColor","hiddenColumnIds","highlightColumnOnHover","innerRef","keyboardShortcuts","layout","loading","loadingTitle","minHeight","minRowHeight","onColumnSort","onPageChange","onRowSort","rowDividers","subRowData","totalPages"]),X=this.state,Y=X.highlightedColumnIndex,Z=X.currentSort,$=X.isSorting,ee=X.headerHeight,te=X.columnWidths,re=X.rowWidth,oe=X.offsets,ne=X.getLeftOffset,ie=X.getRightOffset,le=this.getColumns(),ae=L||O.length<=0;return a.createElement(W,t({},Q,{position:"relative"}),a.createElement(n,{styles:{html:{userSelect:this.state.isSorting?"none":null}}}),ae?a.createElement(h,{grow:1,alignment:"center",distribution:"center",minHeight:K,paddingVertical:8},L?a.createElement(v,{image:a.createElement(b,{size:"xl",color:"primary"}),title:U}):I):a.createElement(y,{updateOnMeasure:!1,onMeasure:this.handleMeasure},(function(r){var n=r.measureRef,i=u.toArray(o([G&&a.createElement(A,{toggled:e.isAnySubRowOpen(),height:ee+"px",onClick:e.handleSubRowToggleAll}),q&&a.createElement(D,{role:"columnheader",height:ee+"px",backgroundColor:"inherit"})],le.map((function(r,o){return a.createElement(B,{key:o},(function(i){var l=i.bindHover,u=i.isHover,c=te[o],d=t(t(t({},r.columnProps),l),{cursor:r.sortable?"pointer":"default",justifyContent:r.vertical?"start":r.columnProps.justifyContent,onClick:function(t){r.sortable&&e.handleColumnSort(r.id),r.columnProps&&r.columnProps.onClick&&r.columnProps.onClick(t)},position:r.sticky?"sticky":"relative",style:{height:r.vertical?ee+16:ee,left:ne(r,o),right:ie(r,o),width:c},zIndex:r.sticky?35:r.columnProps.zIndex});return r.sortable&&(d["aria-sort"]=Z.columnId===r.id?"ASC"===Z.direction?"ascending":"descending":"none"),a.createElement(x,t({},d),a.createElement(E,{innerRef:n("".concat(o,"-0")),height:S?4:6,transform:r.vertical&&"translate(".concat(r.width/2,"px, ").concat(16,"px) rotate(-90deg)")},"string"==typeof r.header?a.createElement(f,{truncate:!0,color:"grey-7",fontSize:S?"11px":"12px",cursor:r.sortable?"pointer":"default"},r.header):"function"==typeof r.header?r.header(o):r.header,r.sortable&&a.createElement(s,{title:"sort table",theme:!1,icon:{name:p.getIconDirection(Z.columnId===r.id?Z.direction:k)},size:"xs",opacity:Z.columnId===r.id?1:u?.35:0})))}))})),!0)),g=function(r,o){var i=o.subRowProps,l=void 0===i?{}:i,c=o.shouldRenderSubRowData,s=o.shouldRenderSubRowToggle,m=void 0!==s&&s;return Object.keys(r).map((function(o,i){var s=e.isSubRowOpen(i),f=r[o],p={index:i,key:i,keyboardShortcuts:V,onRowSort:q,row:f,rowIndex:i,style:{minWidth:re}},b={};if(M){var h=function(){var e=M(f);"string"==typeof e&&(window.location=e)};b.tabIndex=0,b.role="link",b.cursor="pointer",b.focus={backgroundColor:"hsla(0,0%,97%,1)"},b.hover={backgroundColor:"hsla(0,0%,97%,1)"},b.onClick=h,b.onKeyDown=function(e){"Enter"===e.key&&h()}}return $&&(b.pointerEvents="none"),(F&&0!==i||m)&&(b.borderTopWidth=1),[a.createElement(P,t({},p,b,l),(function(r){var o=r.isRowHovered,l=r.dragHandleProps;return u.toArray([G&&(m?a.createElement(A,{contentsHidden:!0}):a.createElement(A,{toggled:s,rowIndex:i,onClick:function(t){t.stopPropagation(),e.handleSubRowToggle(i)}})),q&&a.createElement(D,t({},l),a.createElement(H,null)),le.map((function(r,l){var u=te[l],c=m&&void 0!==r.subRowCell?r.subRowCell:r.cell;return a.createElement(j,t({key:l},r.columnProps,e.getBodyCellMouseHandlers(l),{position:r.sticky?"sticky":void 0,justifyContent:r.vertical?"center":r.columnProps.justifyContent,minHeight:m?5:N,borderColor:"grey-3",borderLeftWidth:!1!==r.divider&&(d&&(q||0!==l)?1:void 0),backgroundColor:Y===l?"grey-0":"inherit",color:m?"grey-9":"black",zIndex:r.sticky?35:void 0,style:t({left:ne(r,l),right:ie(r,l),width:u},r.columnProps.style)}),a.createElement(R,{innerRef:void 0===r.width?n("".concat(l,"-").concat(i+1),{formula:function(e){return{width:e.offsetWidth}}}):null,column:r,justifyContent:r.vertical?"center":r.columnProps.justifyContent},c&&("string"==typeof c?f[c]:c(f,{columnIndex:l,isRowHovered:o,rowIndex:i}))))}))])})),c&&s?g(G(f),{shouldRenderSubRowData:!1,shouldRenderSubRowToggle:!0,subRowProps:{backgroundColor:"hsla(0,0%,99%,1)"}}):null]}))},b=function(e){return a.createElement(T,t({},e,{columnWidths:o([G&&48,q&&48],te,!0).filter(Boolean),rowWidth:re,minHeight:K,offsets:oe,caption:l,header:i,headerColor:z,headerHeight:ee,body:g(O,{shouldRenderSubRowData:!!G})}))};return q?a.createElement(m.Provider,{onDragStart:e.handleSortStart,onDragEnd:e.handleSortEnd},a.createElement(m.Droppable,{droppableId:"table"},(function(e){return a.createElement(c,null,b(t({innerRef:e.innerRef},e.droppableProps)),e.placeholder)}))):b({})})),!ae&&a.createElement(g,{currentPage:w,totalPages:J,onPageChange:_,position:"sticky",bottom:0,zIndex:35,marginTop:"-1px",backgroundColor:"surface",borderTopWidth:1,borderTopColor:"grey-3",css:{"@media print":{position:"relative"}}}))}}),Object.defineProperty(p,"ColumnPicker",{enumerable:!0,configurable:!0,writable:!0,value:k}),Object.defineProperty(p,"AvatarCell",{enumerable:!0,configurable:!0,writable:!0,value:C}),Object.defineProperty(p,"CheckboxCell",{enumerable:!0,configurable:!0,writable:!0,value:O}),Object.defineProperty(p,"DateCell",{enumerable:!0,configurable:!0,writable:!0,value:I}),Object.defineProperty(p,"ASC",{enumerable:!0,configurable:!0,writable:!0,value:"ASC"}),Object.defineProperty(p,"DESC",{enumerable:!0,configurable:!0,writable:!0,value:"DESC"}),Object.defineProperty(p,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{currentPage:0,defaultSortColumnId:null,defaultSortDirection:p.ASC,defaultSortOrder:null,empty:"No results",headerColor:"grey-0",hiddenColumnIds:[],minHeight:48,minRowHeight:8,onPageChange:function(){return null},rowDividers:!0,totalPages:0}}),p}(d);export{z as default};
|
|
1
|
+
import{__extends as e,__assign as t,__rest as r,__spreadArray as o}from'./../ext/tslib/tslib.es6.js';import{Global as n}from"@emotion/react";import i from"lodash/camelCase";import l from"lodash/snakeCase";import a,{Children as u,Fragment as c,PureComponent as d}from"react";import{Button as s}from"../Button/Button.js";import m from"../DragDrop/DragDrop.js";import f from"../HeadingUppercase/HeadingUppercase.js";import{useHover as p}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import g from"../Pagination/Pagination.js";import{Spinner as b}from"../Spinner/Spinner.js";import{StackView as h}from"../StackView/StackView.js";import v from"../Summary/Summary.js";import{reorderArray as S,range as w}from"../utils.js";import y from"../vendor/react-measure/Measure.js";import"../vendor/react-measure/Viewport.js";import C from"./AvatarCell.js";import j from"./BodyCell.js";import R from"./BodyInnerCell.js";import P from"./BodyRow.js";import O from"./CheckboxCell.js";import k from"./ColumnPicker.js";import I from"./DateCell.js";import D from"./DragCell.js";import H from"./DragHandle.js";import x from"./HeaderCell.js";import E from"./HeaderInnerCell.js";import A from"./SubRowToggleCell.js";import T from"./TableBase.js";import W from"./TableWrapper.js";var M="undefined"!=typeof window&&window.CSS&&window.CSS.supports;function B(e){var t=e.children,r=p(),o=r.hover;return t({bindHover:r.hoverProps,isHover:o})}var z=function(d){function p(e){var r=d.call(this,e)||this;return Object.defineProperty(r,"handleSortStart",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.setState({isSorting:!0})}}),Object.defineProperty(r,"handleSortEnd",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.source,o=e.destination;r.setState({isSorting:!1}),r.props.onRowSort(S({endIndex:o.index,list:r.props.data,startIndex:t.index}))}}),Object.defineProperty(r,"handleColumnSort",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var o=r.getDefaultSort(r.props);r.setState((function(n){var i=t({},n.currentSort);if(i.columnId===e?i.direction=p.getOppositeSortDirection(i.direction):(i.columnId=e,i.direction=r.props.defaultSortDirection),i.order=r.getSortOrder({columnId:i.columnId,direction:i.direction}),r.props.onColumnSort){var l=i.columnId?i:o;r.props.onColumnSort(l)}return{currentSort:i}}))}}),Object.defineProperty(r,"getBodyCellMouseHandlers",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return r.props.highlightColumnOnHover?{onMouseOut:function(){r.setState({highlightedColumnIndex:null})},onMouseOver:function(){r.setState({highlightedColumnIndex:e})}}:{}}}),Object.defineProperty(r,"isAnySubRowOpen",{enumerable:!0,configurable:!0,writable:!0,value:function(){return r.state.openSubRowIndices.length>0}}),Object.defineProperty(r,"handleSubRowToggleAll",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.setState({openSubRowIndices:r.state.openSubRowIndices.length>0?[]:w(0,r.props.data.length)})}}),Object.defineProperty(r,"isSubRowOpen",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return r.state.openSubRowIndices.indexOf(e)>-1}}),Object.defineProperty(r,"handleSubRowToggle",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState((function(t){var r=o([],t.openSubRowIndices,!0),n=r.indexOf(e);return n>-1?r.splice(n,1):r.push(e),{openSubRowIndices:r}}))}}),Object.defineProperty(r,"handleMeasure",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=r.getColumns(),n=(t.length-1)/2,i=0;r.props.subRowData&&(i+=48),r.props.onRowSort&&(i+=48);var l=e?t.map((function(t,r){var o=e["".concat(r,"-0")];return o?o.height:0})):[],a=e?Math.max.apply(Math,o(o([],l,!0),[r.props.compactHeader?32:48],!1)):null,u=e?Object.keys(e).reduce((function(r,o){var n=o.split("-")[0],i=e[o],l=t[n];if(l){var a=l.width||i.width;r[n]||(r[n]=[]),r[n].push(a)}return r}),[]).map((function(e){return Math.max.apply(Math,e)})):[],c=e?u.reduce((function(e,t,r){return e+t}),i):null,d=M?t.reduce((function(e,t,r){return t.sticky&&(r<n?e.left+=u[r]:e.right+=u[r]),e}),{left:i,right:0}):{left:0,right:0};r.setState({columnWidths:u,getLeftOffset:function(e,t){return M&&e.sticky&&t<n?u.reduce((function(e,r,o){return o<t?e+r:e}),i)||i:void 0},getRightOffset:function(e,t){return M&&e.sticky&&t>=n?u.reduce((function(e,r,o){return o>t?e+r:e}),0)||0:void 0},headerHeight:a,headerHeights:l,offsets:d,rowWidth:c})}}),r.state={columnWidths:[],currentSort:r.getDefaultSort(e),getLeftOffset:function(){return null},getRightOffset:function(){return null},headerHeight:-1,headerHeights:[],highlightedColumnIndex:null,isSorting:!1,offsets:{left:0,right:0},openSubRowIndices:[],rowWidth:-1},r}return e(p,d),Object.defineProperty(p,"getOppositeSortDirection",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return e===p.ASC?p.DESC:p.ASC}}),Object.defineProperty(p,"getIconDirection",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return e===p.ASC?"general.upCaret":"general.downCaret"}}),Object.defineProperty(p.prototype,"getSortOrder",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.columnId,r=e.direction;return"".concat(r===p.ASC?"":"-").concat(l(t))}}),Object.defineProperty(p.prototype,"parseSortOrder",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t="-"===e[0];return{columnId:i(t?e.substring(1):e),direction:t?p.DESC:p.ASC}}}),Object.defineProperty(p.prototype,"getDefaultSort",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=e.defaultSortColumnId,o=e.defaultSortDirection,n=e.defaultSortOrder,i=n?this.parseSortOrder(n):{columnId:r,direction:o};return t(t({},i),{order:this.getSortOrder(i)})}}),Object.defineProperty(p.prototype,"getColumns",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;return this.props.columns.filter((function(t){return"object"==typeof t&&null!=t&&(t.alwaysVisible||-1===e.props.hiddenColumnIds.indexOf(t.id))})).map((function(e){e.alwaysVisible;var t=e.cell,o=e.divider,n=e.header,i=e.id,l=e.label,a=e.sortable,u=e.sticky,c=e.subRowCell,d=e.truncate,s=e.vertical,m=e.width;return{cell:t,columnProps:r(e,["alwaysVisible","cell","divider","header","id","label","sortable","sticky","subRowCell","truncate","vertical","width"]),divider:o,header:n,id:i,label:l,sortable:a,sticky:u,subRowCell:c,truncate:d,vertical:s,width:m}}))}}),Object.defineProperty(p.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,i=this.props,l=i.caption;i.children;var d=i.columnDividers;i.columns;var S=i.compactHeader,w=i.currentPage,C=i.data,O=void 0===C?[]:C;i.defaultSortColumnId;var k=i.defaultSortDirection;i.defaultSortOrder;var I=i.empty,M=i.getRowLink,z=i.headerColor;i.hiddenColumnIds,i.highlightColumnOnHover,i.innerRef;var V=i.keyboardShortcuts;i.layout;var L=i.loading,U=i.loadingTitle,K=i.minHeight,N=i.minRowHeight;i.onColumnSort;var _=i.onPageChange,q=i.onRowSort,F=i.rowDividers,G=i.subRowData,J=i.totalPages,Q=r(i,["caption","children","columnDividers","columns","compactHeader","currentPage","data","defaultSortColumnId","defaultSortDirection","defaultSortOrder","empty","getRowLink","headerColor","hiddenColumnIds","highlightColumnOnHover","innerRef","keyboardShortcuts","layout","loading","loadingTitle","minHeight","minRowHeight","onColumnSort","onPageChange","onRowSort","rowDividers","subRowData","totalPages"]),X=this.state,Y=X.highlightedColumnIndex,Z=X.currentSort,$=X.isSorting,ee=X.headerHeight,te=X.columnWidths,re=X.rowWidth,oe=X.offsets,ne=X.getLeftOffset,ie=X.getRightOffset,le=this.getColumns(),ae=L||O.length<=0;return a.createElement(W,t({},Q,{position:"relative"}),a.createElement(n,{styles:{html:{userSelect:this.state.isSorting?"none":null}}}),ae?a.createElement(h,{grow:1,alignment:"center",distribution:"center",minHeight:K,paddingVertical:8},L?a.createElement(v,{image:a.createElement(b,{size:"xl",color:"primary"}),title:U}):I):a.createElement(y,{updateOnMeasure:!1,onMeasure:this.handleMeasure},(function(r){var n=r.measureRef,i=u.toArray(o([G&&a.createElement(A,{toggled:e.isAnySubRowOpen(),height:ee+"px",onClick:e.handleSubRowToggleAll}),q&&a.createElement(D,{role:"columnheader",height:ee+"px",backgroundColor:"inherit"})],le.map((function(r,o){return a.createElement(B,{key:o},(function(i){var l=i.bindHover,u=i.isHover,c=te[o],d=t(t(t({},r.columnProps),l),{cursor:r.sortable?"pointer":"default",justifyContent:r.vertical?"start":r.columnProps.justifyContent,onClick:function(t){r.sortable&&e.handleColumnSort(r.id),r.columnProps&&r.columnProps.onClick&&r.columnProps.onClick(t)},position:r.sticky?"sticky":"relative",style:{height:r.vertical?ee+16:ee,left:ne(r,o),right:ie(r,o),width:c},zIndex:r.sticky?35:r.columnProps.zIndex});return r.sortable&&(d["aria-sort"]=Z.columnId===r.id?"ASC"===Z.direction?"ascending":"descending":"none"),a.createElement(x,t({},d),a.createElement(E,{innerRef:n("".concat(o,"-0")),height:S?4:6,transform:r.vertical&&"translate(".concat(r.width/2,"px, ").concat(16,"px) rotate(-90deg)")},"string"==typeof r.header?a.createElement(f,{truncate:!0,color:"grey-7",fontSize:S?"11px":"12px",cursor:r.sortable?"pointer":"default"},r.header):"function"==typeof r.header?r.header(o):r.header,r.sortable&&a.createElement(s,{title:"sort table",theme:!1,icon:{name:p.getIconDirection(Z.columnId===r.id?Z.direction:k)},size:"xs",opacity:Z.columnId===r.id?1:u?.35:0})))}))})),!0)),g=function(r,o){var i=o.subRowProps,l=void 0===i?{}:i,c=o.shouldRenderSubRowData,s=o.shouldRenderSubRowToggle,m=void 0!==s&&s;return Object.keys(r).map((function(o,i){var s=e.isSubRowOpen(i),f=r[o],p={index:i,key:i,keyboardShortcuts:V,onRowSort:q,row:f,rowIndex:i,style:{minWidth:re}},b={};if(M){var h=function(){var e=M(f);"string"==typeof e&&(window.location=e)};b.tabIndex=0,b.role="link",b.cursor="pointer",b.focus={backgroundColor:"hsla(0,0%,97%,1)"},b.hover={backgroundColor:"hsla(0,0%,97%,1)"},b.onClick=h,b.onKeyDown=function(e){"Enter"===e.key&&h()}}return $&&(b.pointerEvents="none"),(F&&0!==i||m)&&(b.borderTopWidth=1),[a.createElement(P,t({},p,b,l),(function(r){var o=r.isRowHovered,l=r.dragHandleProps;return u.toArray([G&&(m?a.createElement(A,{contentsHidden:!0}):a.createElement(A,{toggled:s,rowIndex:i,onClick:function(t){t.stopPropagation(),e.handleSubRowToggle(i)}})),q&&a.createElement(D,t({},l),a.createElement(H,null)),le.map((function(r,l){var u=te[l],c=m&&void 0!==r.subRowCell?r.subRowCell:r.cell;return a.createElement(j,t({key:l},r.columnProps,e.getBodyCellMouseHandlers(l),{position:r.sticky?"sticky":void 0,justifyContent:r.vertical?"center":r.columnProps.justifyContent,minHeight:m?5:N,borderColor:"grey-3",borderLeftWidth:!1!==r.divider&&(d&&(q||0!==l)?1:void 0),backgroundColor:Y===l?"grey-0":"inherit",color:m?"grey-9":"foreground",zIndex:r.sticky?35:void 0,style:t({left:ne(r,l),right:ie(r,l),width:u},r.columnProps.style)}),a.createElement(R,{innerRef:void 0===r.width?n("".concat(l,"-").concat(i+1),{formula:function(e){return{width:e.offsetWidth}}}):null,column:r,justifyContent:r.vertical?"center":r.columnProps.justifyContent},c&&("string"==typeof c?f[c]:c(f,{columnIndex:l,isRowHovered:o,rowIndex:i}))))}))])})),c&&s?g(G(f),{shouldRenderSubRowData:!1,shouldRenderSubRowToggle:!0,subRowProps:{backgroundColor:"hsla(0,0%,99%,1)"}}):null]}))},b=function(e){return a.createElement(T,t({},e,{columnWidths:o([G&&48,q&&48],te,!0).filter(Boolean),rowWidth:re,minHeight:K,offsets:oe,caption:l,header:i,headerColor:z,headerHeight:ee,body:g(O,{shouldRenderSubRowData:!!G})}))};return q?a.createElement(m.Provider,{onDragStart:e.handleSortStart,onDragEnd:e.handleSortEnd},a.createElement(m.Droppable,{droppableId:"table"},(function(e){return a.createElement(c,null,b(t({innerRef:e.innerRef},e.droppableProps)),e.placeholder)}))):b({})})),!ae&&a.createElement(g,{currentPage:w,totalPages:J,onPageChange:_,position:"sticky",bottom:0,zIndex:35,marginTop:"-1px",backgroundColor:"surface",borderTopWidth:1,borderTopColor:"grey-3",css:{"@media print":{position:"relative"}}}))}}),Object.defineProperty(p,"ColumnPicker",{enumerable:!0,configurable:!0,writable:!0,value:k}),Object.defineProperty(p,"AvatarCell",{enumerable:!0,configurable:!0,writable:!0,value:C}),Object.defineProperty(p,"CheckboxCell",{enumerable:!0,configurable:!0,writable:!0,value:O}),Object.defineProperty(p,"DateCell",{enumerable:!0,configurable:!0,writable:!0,value:I}),Object.defineProperty(p,"ASC",{enumerable:!0,configurable:!0,writable:!0,value:"ASC"}),Object.defineProperty(p,"DESC",{enumerable:!0,configurable:!0,writable:!0,value:"DESC"}),Object.defineProperty(p,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{currentPage:0,defaultSortColumnId:null,defaultSortDirection:p.ASC,defaultSortOrder:null,empty:"No results",headerColor:"grey-0",hiddenColumnIds:[],minHeight:48,minRowHeight:8,onPageChange:function(){return null},rowDividers:!0,totalPages:0}}),p}(d);export{z as default};
|
|
2
2
|
//# sourceMappingURL=Table.js.map
|
|
@@ -11,6 +11,7 @@ export type TooltipProps = StyleProps & {
|
|
|
11
11
|
openDelay?: number;
|
|
12
12
|
placement?: Placement;
|
|
13
13
|
popoverProps?: object;
|
|
14
|
+
refAsInnerRef?: boolean;
|
|
14
15
|
renderTo?: HTMLElement | string;
|
|
15
16
|
title?: any;
|
|
16
17
|
triggerOnFocus?: boolean;
|
|
@@ -61,6 +62,7 @@ declare const _default: React.ForwardRefExoticComponent<Pick<React.CSSProperties
|
|
|
61
62
|
openDelay?: number;
|
|
62
63
|
placement?: Placement;
|
|
63
64
|
popoverProps?: object;
|
|
65
|
+
refAsInnerRef?: boolean;
|
|
64
66
|
renderTo?: string | HTMLElement;
|
|
65
67
|
title?: any;
|
|
66
68
|
triggerOnFocus?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,KAQN,MAAM,OAAO,CAAA;AAId,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAGzC,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG;IACtC,EAAE,CAAC,EAAE,EAAE,CAAA;IAKP,UAAU,CAAC,EAAE,MAAM,CAAA;IAInB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAKd,UAAU,CAAC,EAAE,MAAM,CAAA;IAKnB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,UAAU,CAAC,EAAE,OAAO,CAAA;IAKpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAkBlB,SAAS,CAAC,EAAE,SAAS,CAAA;IAKrB,YAAY,CAAC,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,KAQN,MAAM,OAAO,CAAA;AAId,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAGzC,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG;IACtC,EAAE,CAAC,EAAE,EAAE,CAAA;IAKP,UAAU,CAAC,EAAE,MAAM,CAAA;IAInB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAKd,UAAU,CAAC,EAAE,MAAM,CAAA;IAKnB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,UAAU,CAAC,EAAE,OAAO,CAAA;IAKpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAkBlB,SAAS,CAAC,EAAE,SAAS,CAAA;IAKrB,YAAY,CAAC,EAAE,MAAM,CAAA;IAMrB,aAAa,CAAC,EAAE,OAAO,CAAA;IAOvB,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAK/B,KAAK,CAAC,EAAE,GAAG,CAAA;IAKX,cAAc,CAAC,EAAE,OAAO,CAAA;IAKxB,cAAc,CAAC,EAAE,OAAO,CAAA;IAMxB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqLD,wBAAkC"}
|
package/dist/Tooltip/Tooltip.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as
|
|
1
|
+
import{__rest as e,__assign as n}from'./../ext/tslib/tslib.es6.js';import{token as o}from"@planningcenter/tapestry";import r from"mitt";import t,{forwardRef as u,useRef as i,useState as l,useEffect as c,useImperativeHandle as s,Children as m,cloneElement as p}from"react";import{Popover as a}from"../Popover/Popover.js";import"../system/colors/colors.js";import"polished";import{pageViewChange as f,composeEvents as d}from"../utils.js";import"lodash/includes";import{useThemeProps as v}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";var T=r(),O=null,g=!1;var y=u((function(r,u){var y=v("tooltip",r),I=y.children,E=y.openDelay,M=void 0===E?500:E,P=y.closeDelay,L=void 0===P?300:P,h=y.defaultOpen,j=void 0!==h&&h,S=y.keepInView,_=void 0===S||S,x=y.placement,z=y.popoverProps,D=y.renderTo,w=y.title,F=y.triggerOnFocus,b=void 0===F||F,k=y.triggerOnHover,A=void 0===k||k,C=y.zIndex,V=void 0===C?1e4:C,H=y.refAsInnerRef,N=void 0===H||H,R=e(y,["children","openDelay","closeDelay","defaultOpen","keepInView","placement","popoverProps","renderTo","title","triggerOnFocus","triggerOnHover","zIndex","refAsInnerRef"]),B=i(!0),U=i(!1),q=i(null),G=i(null),J=l(j),K=J[0],Q=J[1];c((function(){var e=f((function(e){return setTimeout((function(){return B.current=e}))}));return T.on("CLOSE_OPEN_TOOLTIPS",X),function(){T.off("CLOSE_OPEN_TOOLTIPS",X),clearTimeout(q.current),clearTimeout(G.current),e()}}),[]);var W=function(){clearTimeout(G.current),G.current=null,Q(!0)},X=function(){clearTimeout(q.current),q.current=null,Q(!1)},Y=function(){Q(!K)};s(u,(function(){return{close:X,open:W,toggle:Y}})),c((function(){!1===b&&X()}),[b]),c((function(){!1===A&&X()}),[A]);var Z=function(){clearTimeout(O),null===q.current&&(clearTimeout(G.current),G.current=null,!1===K&&(T.emit("CLOSE_OPEN_TOOLTIPS"),q.current=setTimeout((function(){return W()}),g?0:M)))},$=function(){g=!0,O=setTimeout((function(){g=!1}),500),null===G.current&&(clearTimeout(q.current),q.current=null,G.current=setTimeout((function(){return X()}),L))},ee=m.only(I),ne=ee.props,oe=ne.onFocus,re=ne.onBlur,te=ne.onMouseEnter,ue=ne.onMouseLeave,ie=ne.onMouseDown,le=ne.onMouseUp;return w?(b&&(R.onFocus=d((function(){B.current&&!U.current&&W()}),oe),R.onBlur=d(X,re),R.onMouseDown=d((function(){U.current=!0,X()}),ie),R.onMouseUp=d((function(){U.current=!1}),le)),A&&(R.onMouseEnter=d(Z,te),R.onMouseLeave=d($,ue)),t.createElement(a,n({shouldFlip:!0,paddingHorizontal:o("--t-spacing-1"),paddingVertical:o("--t-spacing-half"),fontSize:o("--t-font-size-sm"),textAlign:"center",radius:o("--t-border-radius-md"),backgroundColor:o("--t-fill-color-tooltip-primary"),color:"#fff",zIndex:V},z,{anchorElement:p(ee,R),onMouseEnter:Z,onMouseLeave:$,keepInView:_,placement:x,renderTo:D,open:K,refAsInnerRef:N}),w)):p(ee,R)}));export{y as default};
|
|
2
2
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -9,6 +9,11 @@ export declare const buttonThemes: {
|
|
|
9
9
|
hover: {
|
|
10
10
|
backgroundColor: string;
|
|
11
11
|
};
|
|
12
|
+
disabled: {
|
|
13
|
+
backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
|
|
14
|
+
color: "var(--t-text-color-default-disabled)";
|
|
15
|
+
opacity: number;
|
|
16
|
+
};
|
|
12
17
|
};
|
|
13
18
|
naked: {
|
|
14
19
|
active: {
|
|
@@ -18,6 +23,10 @@ export declare const buttonThemes: {
|
|
|
18
23
|
hover: {
|
|
19
24
|
backgroundColor: string;
|
|
20
25
|
};
|
|
26
|
+
disabled: {
|
|
27
|
+
color: "var(--t-text-color-default-disabled)";
|
|
28
|
+
opacity: number;
|
|
29
|
+
};
|
|
21
30
|
};
|
|
22
31
|
outline: {
|
|
23
32
|
active: {
|
|
@@ -28,6 +37,12 @@ export declare const buttonThemes: {
|
|
|
28
37
|
backgroundColor: string;
|
|
29
38
|
};
|
|
30
39
|
stroke: string;
|
|
40
|
+
disabled: {
|
|
41
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
42
|
+
color: "var(--t-text-color-default-disabled)";
|
|
43
|
+
opacity: number;
|
|
44
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
45
|
+
};
|
|
31
46
|
};
|
|
32
47
|
};
|
|
33
48
|
default: {
|
|
@@ -40,6 +55,11 @@ export declare const buttonThemes: {
|
|
|
40
55
|
active: {
|
|
41
56
|
backgroundColor: "var(--t-fill-color-button-neutral-solid-active)";
|
|
42
57
|
};
|
|
58
|
+
disabled: {
|
|
59
|
+
backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
|
|
60
|
+
color: "var(--t-text-color-default-disabled)";
|
|
61
|
+
opacity: number;
|
|
62
|
+
};
|
|
43
63
|
};
|
|
44
64
|
naked: {
|
|
45
65
|
color: "var(--t-text-color-status-neutral)";
|
|
@@ -49,6 +69,10 @@ export declare const buttonThemes: {
|
|
|
49
69
|
active: {
|
|
50
70
|
backgroundColor: "var(--t-fill-color-button-neutral-outline-dim-active)";
|
|
51
71
|
};
|
|
72
|
+
disabled: {
|
|
73
|
+
color: "var(--t-text-color-default-disabled)";
|
|
74
|
+
opacity: number;
|
|
75
|
+
};
|
|
52
76
|
};
|
|
53
77
|
outline: {
|
|
54
78
|
color: "var(--t-text-color-status-neutral)";
|
|
@@ -59,6 +83,12 @@ export declare const buttonThemes: {
|
|
|
59
83
|
active: {
|
|
60
84
|
backgroundColor: "var(--t-fill-color-button-neutral-outline-dim-active)";
|
|
61
85
|
};
|
|
86
|
+
disabled: {
|
|
87
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
88
|
+
color: "var(--t-text-color-default-disabled)";
|
|
89
|
+
opacity: number;
|
|
90
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
91
|
+
};
|
|
62
92
|
};
|
|
63
93
|
};
|
|
64
94
|
secondaryPageHeader: {
|
|
@@ -67,10 +97,16 @@ export declare const buttonThemes: {
|
|
|
67
97
|
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-default)";
|
|
68
98
|
stroke: string;
|
|
69
99
|
hover: {
|
|
70
|
-
backgroundColor: "var(--t-fill-color-button-neutral-
|
|
100
|
+
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-hover)";
|
|
71
101
|
};
|
|
72
102
|
active: {
|
|
73
|
-
backgroundColor: "var(--t-fill-color-button-neutral-
|
|
103
|
+
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-active)";
|
|
104
|
+
};
|
|
105
|
+
disabled: {
|
|
106
|
+
color: "var(--t-text-color-default-disabled)";
|
|
107
|
+
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-disabled)";
|
|
108
|
+
borderColor: "var(--t-fill-color-button-neutral-responsive-header-disabled)";
|
|
109
|
+
opacity: number;
|
|
74
110
|
};
|
|
75
111
|
mediaQueries: {
|
|
76
112
|
"@media (min-width: 600px)": {
|
|
@@ -83,6 +119,12 @@ export declare const buttonThemes: {
|
|
|
83
119
|
active: {
|
|
84
120
|
backgroundColor: "var(--t-fill-color-button-neutral-outline-dim-active)";
|
|
85
121
|
};
|
|
122
|
+
disabled: {
|
|
123
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
124
|
+
color: "var(--t-text-color-default-disabled)";
|
|
125
|
+
opacity: number;
|
|
126
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
127
|
+
};
|
|
86
128
|
};
|
|
87
129
|
};
|
|
88
130
|
};
|
|
@@ -91,10 +133,16 @@ export declare const buttonThemes: {
|
|
|
91
133
|
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-default)";
|
|
92
134
|
stroke: string;
|
|
93
135
|
hover: {
|
|
94
|
-
backgroundColor: "var(--t-fill-color-button-neutral-
|
|
136
|
+
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-hover)";
|
|
95
137
|
};
|
|
96
138
|
active: {
|
|
97
|
-
backgroundColor: "var(--t-fill-color-button-neutral-
|
|
139
|
+
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-active)";
|
|
140
|
+
};
|
|
141
|
+
disabled: {
|
|
142
|
+
color: "var(--t-text-color-default-disabled)";
|
|
143
|
+
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-disabled)";
|
|
144
|
+
borderColor: "var(--t-fill-color-button-neutral-responsive-header-disabled)";
|
|
145
|
+
opacity: number;
|
|
98
146
|
};
|
|
99
147
|
mediaQueries: {
|
|
100
148
|
"@media (min-width: 600px)": {
|
|
@@ -107,6 +155,12 @@ export declare const buttonThemes: {
|
|
|
107
155
|
active: {
|
|
108
156
|
backgroundColor: "var(--t-fill-color-button-neutral-outline-dim-active)";
|
|
109
157
|
};
|
|
158
|
+
disabled: {
|
|
159
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
160
|
+
color: "var(--t-text-color-default-disabled)";
|
|
161
|
+
opacity: number;
|
|
162
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
163
|
+
};
|
|
110
164
|
};
|
|
111
165
|
};
|
|
112
166
|
};
|
|
@@ -115,10 +169,16 @@ export declare const buttonThemes: {
|
|
|
115
169
|
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-default)";
|
|
116
170
|
stroke: string;
|
|
117
171
|
hover: {
|
|
118
|
-
backgroundColor: "var(--t-fill-color-button-neutral-
|
|
172
|
+
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-hover)";
|
|
119
173
|
};
|
|
120
174
|
active: {
|
|
121
|
-
backgroundColor: "var(--t-fill-color-button-neutral-
|
|
175
|
+
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-active)";
|
|
176
|
+
};
|
|
177
|
+
disabled: {
|
|
178
|
+
color: "var(--t-text-color-default-disabled)";
|
|
179
|
+
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-disabled)";
|
|
180
|
+
borderColor: "var(--t-fill-color-button-neutral-responsive-header-disabled)";
|
|
181
|
+
opacity: number;
|
|
122
182
|
};
|
|
123
183
|
mediaQueries: {
|
|
124
184
|
"@media (min-width: 600px)": {
|
|
@@ -131,6 +191,12 @@ export declare const buttonThemes: {
|
|
|
131
191
|
active: {
|
|
132
192
|
backgroundColor: "var(--t-fill-color-button-neutral-outline-dim-active)";
|
|
133
193
|
};
|
|
194
|
+
disabled: {
|
|
195
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
196
|
+
color: "var(--t-text-color-default-disabled)";
|
|
197
|
+
opacity: number;
|
|
198
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
199
|
+
};
|
|
134
200
|
};
|
|
135
201
|
};
|
|
136
202
|
};
|
|
@@ -145,6 +211,11 @@ export declare const buttonThemes: {
|
|
|
145
211
|
active: {
|
|
146
212
|
backgroundColor: "var(--t-fill-color-button-delete-solid-active)";
|
|
147
213
|
};
|
|
214
|
+
disabled: {
|
|
215
|
+
backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
|
|
216
|
+
color: "var(--t-text-color-default-disabled)";
|
|
217
|
+
opacity: number;
|
|
218
|
+
};
|
|
148
219
|
};
|
|
149
220
|
naked: {
|
|
150
221
|
color: "var(--t-text-color-status-error)";
|
|
@@ -154,6 +225,10 @@ export declare const buttonThemes: {
|
|
|
154
225
|
active: {
|
|
155
226
|
backgroundColor: "var(--t-fill-color-button-delete-outline-dim-active)";
|
|
156
227
|
};
|
|
228
|
+
disabled: {
|
|
229
|
+
color: "var(--t-text-color-default-disabled)";
|
|
230
|
+
opacity: number;
|
|
231
|
+
};
|
|
157
232
|
};
|
|
158
233
|
outline: {
|
|
159
234
|
color: "var(--t-text-color-status-error)";
|
|
@@ -164,6 +239,12 @@ export declare const buttonThemes: {
|
|
|
164
239
|
active: {
|
|
165
240
|
backgroundColor: "var(--t-fill-color-button-delete-outline-dim-active)";
|
|
166
241
|
};
|
|
242
|
+
disabled: {
|
|
243
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
244
|
+
color: "var(--t-text-color-default-disabled)";
|
|
245
|
+
opacity: number;
|
|
246
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
247
|
+
};
|
|
167
248
|
};
|
|
168
249
|
};
|
|
169
250
|
info: {
|
|
@@ -176,6 +257,11 @@ export declare const buttonThemes: {
|
|
|
176
257
|
hover: {
|
|
177
258
|
backgroundColor: string;
|
|
178
259
|
};
|
|
260
|
+
disabled: {
|
|
261
|
+
backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
|
|
262
|
+
color: "var(--t-text-color-default-disabled)";
|
|
263
|
+
opacity: number;
|
|
264
|
+
};
|
|
179
265
|
};
|
|
180
266
|
naked: {
|
|
181
267
|
active: {
|
|
@@ -185,6 +271,10 @@ export declare const buttonThemes: {
|
|
|
185
271
|
hover: {
|
|
186
272
|
backgroundColor: string;
|
|
187
273
|
};
|
|
274
|
+
disabled: {
|
|
275
|
+
color: "var(--t-text-color-default-disabled)";
|
|
276
|
+
opacity: number;
|
|
277
|
+
};
|
|
188
278
|
};
|
|
189
279
|
outline: {
|
|
190
280
|
active: {
|
|
@@ -195,6 +285,12 @@ export declare const buttonThemes: {
|
|
|
195
285
|
backgroundColor: string;
|
|
196
286
|
};
|
|
197
287
|
stroke: string;
|
|
288
|
+
disabled: {
|
|
289
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
290
|
+
color: "var(--t-text-color-default-disabled)";
|
|
291
|
+
opacity: number;
|
|
292
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
293
|
+
};
|
|
198
294
|
};
|
|
199
295
|
};
|
|
200
296
|
light: {
|
|
@@ -207,6 +303,11 @@ export declare const buttonThemes: {
|
|
|
207
303
|
hover: {
|
|
208
304
|
backgroundColor: string;
|
|
209
305
|
};
|
|
306
|
+
disabled: {
|
|
307
|
+
backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
|
|
308
|
+
color: "var(--t-text-color-default-disabled)";
|
|
309
|
+
opacity: number;
|
|
310
|
+
};
|
|
210
311
|
};
|
|
211
312
|
naked: {
|
|
212
313
|
active: {
|
|
@@ -216,6 +317,10 @@ export declare const buttonThemes: {
|
|
|
216
317
|
hover: {
|
|
217
318
|
backgroundColor: string;
|
|
218
319
|
};
|
|
320
|
+
disabled: {
|
|
321
|
+
color: "var(--t-text-color-default-disabled)";
|
|
322
|
+
opacity: number;
|
|
323
|
+
};
|
|
219
324
|
};
|
|
220
325
|
outline: {
|
|
221
326
|
active: {
|
|
@@ -226,6 +331,12 @@ export declare const buttonThemes: {
|
|
|
226
331
|
backgroundColor: string;
|
|
227
332
|
};
|
|
228
333
|
stroke: string;
|
|
334
|
+
disabled: {
|
|
335
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
336
|
+
color: "var(--t-text-color-default-disabled)";
|
|
337
|
+
opacity: number;
|
|
338
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
339
|
+
};
|
|
229
340
|
};
|
|
230
341
|
};
|
|
231
342
|
primary: {
|
|
@@ -238,6 +349,11 @@ export declare const buttonThemes: {
|
|
|
238
349
|
active: {
|
|
239
350
|
backgroundColor: "var(--t-fill-color-button-interaction-solid-active)";
|
|
240
351
|
};
|
|
352
|
+
disabled: {
|
|
353
|
+
backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
|
|
354
|
+
color: "var(--t-text-color-default-disabled)";
|
|
355
|
+
opacity: number;
|
|
356
|
+
};
|
|
241
357
|
};
|
|
242
358
|
naked: {
|
|
243
359
|
color: "var(--t-text-color-interaction-primary)";
|
|
@@ -247,6 +363,10 @@ export declare const buttonThemes: {
|
|
|
247
363
|
active: {
|
|
248
364
|
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-active)";
|
|
249
365
|
};
|
|
366
|
+
disabled: {
|
|
367
|
+
color: "var(--t-text-color-default-disabled)";
|
|
368
|
+
opacity: number;
|
|
369
|
+
};
|
|
250
370
|
};
|
|
251
371
|
outline: {
|
|
252
372
|
color: "var(--t-text-color-interaction-primary)";
|
|
@@ -257,6 +377,12 @@ export declare const buttonThemes: {
|
|
|
257
377
|
active: {
|
|
258
378
|
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-active)";
|
|
259
379
|
};
|
|
380
|
+
disabled: {
|
|
381
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
382
|
+
color: "var(--t-text-color-default-disabled)";
|
|
383
|
+
opacity: number;
|
|
384
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
385
|
+
};
|
|
260
386
|
};
|
|
261
387
|
};
|
|
262
388
|
success: {
|
|
@@ -269,6 +395,11 @@ export declare const buttonThemes: {
|
|
|
269
395
|
hover: {
|
|
270
396
|
backgroundColor: string;
|
|
271
397
|
};
|
|
398
|
+
disabled: {
|
|
399
|
+
backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
|
|
400
|
+
color: "var(--t-text-color-default-disabled)";
|
|
401
|
+
opacity: number;
|
|
402
|
+
};
|
|
272
403
|
};
|
|
273
404
|
naked: {
|
|
274
405
|
active: {
|
|
@@ -278,6 +409,10 @@ export declare const buttonThemes: {
|
|
|
278
409
|
hover: {
|
|
279
410
|
backgroundColor: string;
|
|
280
411
|
};
|
|
412
|
+
disabled: {
|
|
413
|
+
color: "var(--t-text-color-default-disabled)";
|
|
414
|
+
opacity: number;
|
|
415
|
+
};
|
|
281
416
|
};
|
|
282
417
|
outline: {
|
|
283
418
|
active: {
|
|
@@ -288,6 +423,12 @@ export declare const buttonThemes: {
|
|
|
288
423
|
backgroundColor: string;
|
|
289
424
|
};
|
|
290
425
|
stroke: string;
|
|
426
|
+
disabled: {
|
|
427
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
428
|
+
color: "var(--t-text-color-default-disabled)";
|
|
429
|
+
opacity: number;
|
|
430
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
431
|
+
};
|
|
291
432
|
};
|
|
292
433
|
};
|
|
293
434
|
warning: {
|
|
@@ -300,6 +441,11 @@ export declare const buttonThemes: {
|
|
|
300
441
|
hover: {
|
|
301
442
|
backgroundColor: string;
|
|
302
443
|
};
|
|
444
|
+
disabled: {
|
|
445
|
+
backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
|
|
446
|
+
color: "var(--t-text-color-default-disabled)";
|
|
447
|
+
opacity: number;
|
|
448
|
+
};
|
|
303
449
|
};
|
|
304
450
|
naked: {
|
|
305
451
|
active: {
|
|
@@ -309,6 +455,10 @@ export declare const buttonThemes: {
|
|
|
309
455
|
hover: {
|
|
310
456
|
backgroundColor: string;
|
|
311
457
|
};
|
|
458
|
+
disabled: {
|
|
459
|
+
color: "var(--t-text-color-default-disabled)";
|
|
460
|
+
opacity: number;
|
|
461
|
+
};
|
|
312
462
|
};
|
|
313
463
|
outline: {
|
|
314
464
|
active: {
|
|
@@ -319,6 +469,12 @@ export declare const buttonThemes: {
|
|
|
319
469
|
backgroundColor: string;
|
|
320
470
|
};
|
|
321
471
|
stroke: string;
|
|
472
|
+
disabled: {
|
|
473
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
474
|
+
color: "var(--t-text-color-default-disabled)";
|
|
475
|
+
opacity: number;
|
|
476
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
477
|
+
};
|
|
322
478
|
};
|
|
323
479
|
};
|
|
324
480
|
white: {
|
|
@@ -331,6 +487,11 @@ export declare const buttonThemes: {
|
|
|
331
487
|
hover: {
|
|
332
488
|
backgroundColor: string;
|
|
333
489
|
};
|
|
490
|
+
disabled: {
|
|
491
|
+
backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
|
|
492
|
+
color: "var(--t-text-color-default-disabled)";
|
|
493
|
+
opacity: number;
|
|
494
|
+
};
|
|
334
495
|
};
|
|
335
496
|
naked: {
|
|
336
497
|
active: {
|
|
@@ -340,6 +501,10 @@ export declare const buttonThemes: {
|
|
|
340
501
|
hover: {
|
|
341
502
|
backgroundColor: string;
|
|
342
503
|
};
|
|
504
|
+
disabled: {
|
|
505
|
+
color: "var(--t-text-color-default-disabled)";
|
|
506
|
+
opacity: number;
|
|
507
|
+
};
|
|
343
508
|
};
|
|
344
509
|
outline: {
|
|
345
510
|
active: {
|
|
@@ -350,6 +515,12 @@ export declare const buttonThemes: {
|
|
|
350
515
|
backgroundColor: string;
|
|
351
516
|
};
|
|
352
517
|
stroke: string;
|
|
518
|
+
disabled: {
|
|
519
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
520
|
+
color: "var(--t-text-color-default-disabled)";
|
|
521
|
+
opacity: number;
|
|
522
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
523
|
+
};
|
|
353
524
|
};
|
|
354
525
|
};
|
|
355
526
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-themes.d.ts","sourceRoot":"","sources":["../../src/system/button-themes.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"button-themes.d.ts","sourceRoot":"","sources":["../../src/system/button-themes.ts"],"names":[],"mappings":"AA+CA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4MxB,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{token as o}from"@planningcenter/tapestry";var r={color:o("--t-text-color-status-neutral"),backgroundColor:o("--t-fill-color-button-neutral-responsive-header-default"),stroke:"transparent",hover:{backgroundColor:o("--t-fill-color-button-neutral-
|
|
1
|
+
import{token as o}from"@planningcenter/tapestry";var l={fill:{backgroundColor:o("--t-fill-color-button-interaction-solid-disabled"),color:o("--t-text-color-default-disabled"),opacity:1},naked:{color:o("--t-text-color-default-disabled"),opacity:1},outline:{backgroundColor:o("--t-fill-color-button-interaction-outline-dim-disabled"),color:o("--t-text-color-default-disabled"),opacity:1,stroke:o("--t-border-color-button-neutral")}},r={color:o("--t-text-color-status-neutral"),backgroundColor:o("--t-fill-color-button-neutral-responsive-header-default"),stroke:"transparent",hover:{backgroundColor:o("--t-fill-color-button-neutral-responsive-header-hover")},active:{backgroundColor:o("--t-fill-color-button-neutral-responsive-header-active")},disabled:{color:o("--t-text-color-default-disabled"),backgroundColor:o("--t-fill-color-button-neutral-responsive-header-disabled"),borderColor:o("--t-fill-color-button-neutral-responsive-header-disabled"),opacity:1},mediaQueries:{"@media (min-width: 600px)":{color:o("--t-text-color-status-neutral"),backgroundColor:"var(--local-page-header-button-background-color, transparent)",boxShadow:"inset 0px 0px 0px 1px var(--t-border-color-button-neutral)",hover:{backgroundColor:o("--t-fill-color-button-neutral-outline-dim-hover")},active:{backgroundColor:o("--t-fill-color-button-neutral-outline-dim-active")},disabled:l.outline}}},e={dark:{fill:{active:{backgroundColor:"dark-2"},backgroundColor:"dark-0",color:"dark-9",hover:{backgroundColor:"dark-1"},disabled:l.fill},naked:{active:{backgroundColor:"dark-1"},color:"dark-9",hover:{backgroundColor:"dark-0"},disabled:l.naked},outline:{active:{backgroundColor:"dark-1"},color:"dark-9",hover:{backgroundColor:"dark-0"},stroke:"dark-3",disabled:l.outline}},default:{fill:{backgroundColor:o("--t-fill-color-button-neutral-solid-default"),color:o("--t-text-color-status-neutral"),hover:{backgroundColor:o("--t-fill-color-button-neutral-solid-hover")},active:{backgroundColor:o("--t-fill-color-button-neutral-solid-active")},disabled:l.fill},naked:{color:o("--t-text-color-status-neutral"),hover:{backgroundColor:o("--t-fill-color-button-neutral-outline-dim-hover")},active:{backgroundColor:o("--t-fill-color-button-neutral-outline-dim-active")},disabled:l.naked},outline:{color:o("--t-text-color-status-neutral"),stroke:o("--t-border-color-button-neutral"),hover:{backgroundColor:o("--t-fill-color-button-neutral-outline-dim-hover")},active:{backgroundColor:o("--t-fill-color-button-neutral-outline-dim-active")},disabled:l.outline}},secondaryPageHeader:{fill:r,naked:r,outline:r},error:{fill:{backgroundColor:o("--t-fill-color-button-delete-solid-default"),color:o("--t-text-color-default-inverted"),hover:{backgroundColor:o("--t-fill-color-button-delete-solid-hover")},active:{backgroundColor:o("--t-fill-color-button-delete-solid-active")},disabled:l.fill},naked:{color:o("--t-text-color-status-error"),hover:{backgroundColor:o("--t-fill-color-button-delete-outline-dim-hover")},active:{backgroundColor:o("--t-fill-color-button-delete-outline-dim-active")},disabled:l.naked},outline:{color:o("--t-text-color-status-error"),stroke:o("--t-border-color-button-delete"),hover:{backgroundColor:o("--t-fill-color-button-delete-outline-dim-hover")},active:{backgroundColor:o("--t-fill-color-button-delete-outline-dim-active")},disabled:l.outline}},info:{fill:{active:{backgroundColor:"blue-3"},backgroundColor:"blue-5",color:"light-9",hover:{backgroundColor:"blue-4"},disabled:l.fill},naked:{active:{backgroundColor:"blue-1"},color:"blue-5",hover:{backgroundColor:"blue-0"},disabled:l.naked},outline:{active:{backgroundColor:"blue-1"},color:"blue-5",hover:{backgroundColor:"blue-0"},stroke:"blue-5",disabled:l.outline}},light:{fill:{active:{backgroundColor:"light-3"},backgroundColor:"light-1",color:"white",hover:{backgroundColor:"light-2"},disabled:l.fill},naked:{active:{backgroundColor:"light-1"},color:"light-9",hover:{backgroundColor:"light-0"},disabled:l.naked},outline:{active:{backgroundColor:"light-1"},color:"white",hover:{backgroundColor:"light-0"},stroke:"light-3",disabled:l.outline}},primary:{fill:{backgroundColor:o("--t-fill-color-button-interaction-solid-default"),color:o("--t-text-color-default-inverted"),hover:{backgroundColor:o("--t-fill-color-button-interaction-solid-hover")},active:{backgroundColor:o("--t-fill-color-button-interaction-solid-active")},disabled:l.fill},naked:{color:o("--t-text-color-interaction-primary"),hover:{backgroundColor:o("--t-fill-color-button-interaction-outline-dim-hover")},active:{backgroundColor:o("--t-fill-color-button-interaction-outline-dim-active")},disabled:l.naked},outline:{color:o("--t-text-color-interaction-primary"),stroke:o("--t-border-color-button-info"),hover:{backgroundColor:o("--t-fill-color-button-interaction-outline-dim-hover")},active:{backgroundColor:o("--t-fill-color-button-interaction-outline-dim-active")},disabled:l.outline}},success:{fill:{active:{backgroundColor:"success-darker"},backgroundColor:"success",color:"white",hover:{backgroundColor:"success-dark"},disabled:l.fill},naked:{active:{backgroundColor:"success-lighter"},color:"success",hover:{backgroundColor:"success-lightest"},disabled:l.naked},outline:{active:{backgroundColor:"success-lighter"},color:"success",hover:{backgroundColor:"success-lightest"},stroke:"success",disabled:l.outline}},warning:{fill:{active:{backgroundColor:"yellow-3"},backgroundColor:"yellow-5",color:"dark-9",hover:{backgroundColor:"yellow-4"},disabled:l.fill},naked:{active:{backgroundColor:"yellow-1"},color:"yellow-9",hover:{backgroundColor:"yellow-0"},disabled:l.naked},outline:{active:{backgroundColor:"yellow-1"},color:"yellow-9",hover:{backgroundColor:"yellow-0"},stroke:"yellow-5",disabled:l.outline}},white:{fill:{active:{backgroundColor:"grey-1"},backgroundColor:"white",color:"primary",hover:{backgroundColor:"grey-0"},disabled:l.fill},naked:{active:{backgroundColor:"light-1"},color:"white",hover:{backgroundColor:"light-0"},disabled:l.naked},outline:{active:{backgroundColor:"light-1"},color:"white",hover:{backgroundColor:"light-0"},stroke:"white",disabled:l.outline}}};export{e as buttonThemes};
|
|
2
2
|
//# sourceMappingURL=button-themes.js.map
|
|
@@ -21,6 +21,11 @@ declare const defaultTheme: {
|
|
|
21
21
|
hover: {
|
|
22
22
|
backgroundColor: string;
|
|
23
23
|
};
|
|
24
|
+
disabled: {
|
|
25
|
+
backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
|
|
26
|
+
color: "var(--t-text-color-default-disabled)";
|
|
27
|
+
opacity: number;
|
|
28
|
+
};
|
|
24
29
|
};
|
|
25
30
|
naked: {
|
|
26
31
|
active: {
|
|
@@ -30,6 +35,10 @@ declare const defaultTheme: {
|
|
|
30
35
|
hover: {
|
|
31
36
|
backgroundColor: string;
|
|
32
37
|
};
|
|
38
|
+
disabled: {
|
|
39
|
+
color: "var(--t-text-color-default-disabled)";
|
|
40
|
+
opacity: number;
|
|
41
|
+
};
|
|
33
42
|
};
|
|
34
43
|
outline: {
|
|
35
44
|
active: {
|
|
@@ -40,6 +49,12 @@ declare const defaultTheme: {
|
|
|
40
49
|
backgroundColor: string;
|
|
41
50
|
};
|
|
42
51
|
stroke: string;
|
|
52
|
+
disabled: {
|
|
53
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
54
|
+
color: "var(--t-text-color-default-disabled)";
|
|
55
|
+
opacity: number;
|
|
56
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
57
|
+
};
|
|
43
58
|
};
|
|
44
59
|
};
|
|
45
60
|
default: {
|
|
@@ -52,6 +67,11 @@ declare const defaultTheme: {
|
|
|
52
67
|
active: {
|
|
53
68
|
backgroundColor: "var(--t-fill-color-button-neutral-solid-active)";
|
|
54
69
|
};
|
|
70
|
+
disabled: {
|
|
71
|
+
backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
|
|
72
|
+
color: "var(--t-text-color-default-disabled)";
|
|
73
|
+
opacity: number;
|
|
74
|
+
};
|
|
55
75
|
};
|
|
56
76
|
naked: {
|
|
57
77
|
color: "var(--t-text-color-status-neutral)";
|
|
@@ -61,6 +81,10 @@ declare const defaultTheme: {
|
|
|
61
81
|
active: {
|
|
62
82
|
backgroundColor: "var(--t-fill-color-button-neutral-outline-dim-active)";
|
|
63
83
|
};
|
|
84
|
+
disabled: {
|
|
85
|
+
color: "var(--t-text-color-default-disabled)";
|
|
86
|
+
opacity: number;
|
|
87
|
+
};
|
|
64
88
|
};
|
|
65
89
|
outline: {
|
|
66
90
|
color: "var(--t-text-color-status-neutral)";
|
|
@@ -71,6 +95,12 @@ declare const defaultTheme: {
|
|
|
71
95
|
active: {
|
|
72
96
|
backgroundColor: "var(--t-fill-color-button-neutral-outline-dim-active)";
|
|
73
97
|
};
|
|
98
|
+
disabled: {
|
|
99
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
100
|
+
color: "var(--t-text-color-default-disabled)";
|
|
101
|
+
opacity: number;
|
|
102
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
103
|
+
};
|
|
74
104
|
};
|
|
75
105
|
};
|
|
76
106
|
secondaryPageHeader: {
|
|
@@ -79,10 +109,16 @@ declare const defaultTheme: {
|
|
|
79
109
|
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-default)";
|
|
80
110
|
stroke: string;
|
|
81
111
|
hover: {
|
|
82
|
-
backgroundColor: "var(--t-fill-color-button-neutral-
|
|
112
|
+
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-hover)";
|
|
83
113
|
};
|
|
84
114
|
active: {
|
|
85
|
-
backgroundColor: "var(--t-fill-color-button-neutral-
|
|
115
|
+
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-active)";
|
|
116
|
+
};
|
|
117
|
+
disabled: {
|
|
118
|
+
color: "var(--t-text-color-default-disabled)";
|
|
119
|
+
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-disabled)";
|
|
120
|
+
borderColor: "var(--t-fill-color-button-neutral-responsive-header-disabled)";
|
|
121
|
+
opacity: number;
|
|
86
122
|
};
|
|
87
123
|
mediaQueries: {
|
|
88
124
|
"@media (min-width: 600px)": {
|
|
@@ -95,6 +131,12 @@ declare const defaultTheme: {
|
|
|
95
131
|
active: {
|
|
96
132
|
backgroundColor: "var(--t-fill-color-button-neutral-outline-dim-active)";
|
|
97
133
|
};
|
|
134
|
+
disabled: {
|
|
135
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
136
|
+
color: "var(--t-text-color-default-disabled)";
|
|
137
|
+
opacity: number;
|
|
138
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
139
|
+
};
|
|
98
140
|
};
|
|
99
141
|
};
|
|
100
142
|
};
|
|
@@ -103,10 +145,16 @@ declare const defaultTheme: {
|
|
|
103
145
|
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-default)";
|
|
104
146
|
stroke: string;
|
|
105
147
|
hover: {
|
|
106
|
-
backgroundColor: "var(--t-fill-color-button-neutral-
|
|
148
|
+
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-hover)";
|
|
107
149
|
};
|
|
108
150
|
active: {
|
|
109
|
-
backgroundColor: "var(--t-fill-color-button-neutral-
|
|
151
|
+
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-active)";
|
|
152
|
+
};
|
|
153
|
+
disabled: {
|
|
154
|
+
color: "var(--t-text-color-default-disabled)";
|
|
155
|
+
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-disabled)";
|
|
156
|
+
borderColor: "var(--t-fill-color-button-neutral-responsive-header-disabled)";
|
|
157
|
+
opacity: number;
|
|
110
158
|
};
|
|
111
159
|
mediaQueries: {
|
|
112
160
|
"@media (min-width: 600px)": {
|
|
@@ -119,6 +167,12 @@ declare const defaultTheme: {
|
|
|
119
167
|
active: {
|
|
120
168
|
backgroundColor: "var(--t-fill-color-button-neutral-outline-dim-active)";
|
|
121
169
|
};
|
|
170
|
+
disabled: {
|
|
171
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
172
|
+
color: "var(--t-text-color-default-disabled)";
|
|
173
|
+
opacity: number;
|
|
174
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
175
|
+
};
|
|
122
176
|
};
|
|
123
177
|
};
|
|
124
178
|
};
|
|
@@ -127,10 +181,16 @@ declare const defaultTheme: {
|
|
|
127
181
|
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-default)";
|
|
128
182
|
stroke: string;
|
|
129
183
|
hover: {
|
|
130
|
-
backgroundColor: "var(--t-fill-color-button-neutral-
|
|
184
|
+
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-hover)";
|
|
131
185
|
};
|
|
132
186
|
active: {
|
|
133
|
-
backgroundColor: "var(--t-fill-color-button-neutral-
|
|
187
|
+
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-active)";
|
|
188
|
+
};
|
|
189
|
+
disabled: {
|
|
190
|
+
color: "var(--t-text-color-default-disabled)";
|
|
191
|
+
backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-disabled)";
|
|
192
|
+
borderColor: "var(--t-fill-color-button-neutral-responsive-header-disabled)";
|
|
193
|
+
opacity: number;
|
|
134
194
|
};
|
|
135
195
|
mediaQueries: {
|
|
136
196
|
"@media (min-width: 600px)": {
|
|
@@ -143,6 +203,12 @@ declare const defaultTheme: {
|
|
|
143
203
|
active: {
|
|
144
204
|
backgroundColor: "var(--t-fill-color-button-neutral-outline-dim-active)";
|
|
145
205
|
};
|
|
206
|
+
disabled: {
|
|
207
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
208
|
+
color: "var(--t-text-color-default-disabled)";
|
|
209
|
+
opacity: number;
|
|
210
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
211
|
+
};
|
|
146
212
|
};
|
|
147
213
|
};
|
|
148
214
|
};
|
|
@@ -157,6 +223,11 @@ declare const defaultTheme: {
|
|
|
157
223
|
active: {
|
|
158
224
|
backgroundColor: "var(--t-fill-color-button-delete-solid-active)";
|
|
159
225
|
};
|
|
226
|
+
disabled: {
|
|
227
|
+
backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
|
|
228
|
+
color: "var(--t-text-color-default-disabled)";
|
|
229
|
+
opacity: number;
|
|
230
|
+
};
|
|
160
231
|
};
|
|
161
232
|
naked: {
|
|
162
233
|
color: "var(--t-text-color-status-error)";
|
|
@@ -166,6 +237,10 @@ declare const defaultTheme: {
|
|
|
166
237
|
active: {
|
|
167
238
|
backgroundColor: "var(--t-fill-color-button-delete-outline-dim-active)";
|
|
168
239
|
};
|
|
240
|
+
disabled: {
|
|
241
|
+
color: "var(--t-text-color-default-disabled)";
|
|
242
|
+
opacity: number;
|
|
243
|
+
};
|
|
169
244
|
};
|
|
170
245
|
outline: {
|
|
171
246
|
color: "var(--t-text-color-status-error)";
|
|
@@ -176,6 +251,12 @@ declare const defaultTheme: {
|
|
|
176
251
|
active: {
|
|
177
252
|
backgroundColor: "var(--t-fill-color-button-delete-outline-dim-active)";
|
|
178
253
|
};
|
|
254
|
+
disabled: {
|
|
255
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
256
|
+
color: "var(--t-text-color-default-disabled)";
|
|
257
|
+
opacity: number;
|
|
258
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
259
|
+
};
|
|
179
260
|
};
|
|
180
261
|
};
|
|
181
262
|
info: {
|
|
@@ -188,6 +269,11 @@ declare const defaultTheme: {
|
|
|
188
269
|
hover: {
|
|
189
270
|
backgroundColor: string;
|
|
190
271
|
};
|
|
272
|
+
disabled: {
|
|
273
|
+
backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
|
|
274
|
+
color: "var(--t-text-color-default-disabled)";
|
|
275
|
+
opacity: number;
|
|
276
|
+
};
|
|
191
277
|
};
|
|
192
278
|
naked: {
|
|
193
279
|
active: {
|
|
@@ -197,6 +283,10 @@ declare const defaultTheme: {
|
|
|
197
283
|
hover: {
|
|
198
284
|
backgroundColor: string;
|
|
199
285
|
};
|
|
286
|
+
disabled: {
|
|
287
|
+
color: "var(--t-text-color-default-disabled)";
|
|
288
|
+
opacity: number;
|
|
289
|
+
};
|
|
200
290
|
};
|
|
201
291
|
outline: {
|
|
202
292
|
active: {
|
|
@@ -207,6 +297,12 @@ declare const defaultTheme: {
|
|
|
207
297
|
backgroundColor: string;
|
|
208
298
|
};
|
|
209
299
|
stroke: string;
|
|
300
|
+
disabled: {
|
|
301
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
302
|
+
color: "var(--t-text-color-default-disabled)";
|
|
303
|
+
opacity: number;
|
|
304
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
305
|
+
};
|
|
210
306
|
};
|
|
211
307
|
};
|
|
212
308
|
light: {
|
|
@@ -219,6 +315,11 @@ declare const defaultTheme: {
|
|
|
219
315
|
hover: {
|
|
220
316
|
backgroundColor: string;
|
|
221
317
|
};
|
|
318
|
+
disabled: {
|
|
319
|
+
backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
|
|
320
|
+
color: "var(--t-text-color-default-disabled)";
|
|
321
|
+
opacity: number;
|
|
322
|
+
};
|
|
222
323
|
};
|
|
223
324
|
naked: {
|
|
224
325
|
active: {
|
|
@@ -228,6 +329,10 @@ declare const defaultTheme: {
|
|
|
228
329
|
hover: {
|
|
229
330
|
backgroundColor: string;
|
|
230
331
|
};
|
|
332
|
+
disabled: {
|
|
333
|
+
color: "var(--t-text-color-default-disabled)";
|
|
334
|
+
opacity: number;
|
|
335
|
+
};
|
|
231
336
|
};
|
|
232
337
|
outline: {
|
|
233
338
|
active: {
|
|
@@ -238,6 +343,12 @@ declare const defaultTheme: {
|
|
|
238
343
|
backgroundColor: string;
|
|
239
344
|
};
|
|
240
345
|
stroke: string;
|
|
346
|
+
disabled: {
|
|
347
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
348
|
+
color: "var(--t-text-color-default-disabled)";
|
|
349
|
+
opacity: number;
|
|
350
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
351
|
+
};
|
|
241
352
|
};
|
|
242
353
|
};
|
|
243
354
|
primary: {
|
|
@@ -250,6 +361,11 @@ declare const defaultTheme: {
|
|
|
250
361
|
active: {
|
|
251
362
|
backgroundColor: "var(--t-fill-color-button-interaction-solid-active)";
|
|
252
363
|
};
|
|
364
|
+
disabled: {
|
|
365
|
+
backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
|
|
366
|
+
color: "var(--t-text-color-default-disabled)";
|
|
367
|
+
opacity: number;
|
|
368
|
+
};
|
|
253
369
|
};
|
|
254
370
|
naked: {
|
|
255
371
|
color: "var(--t-text-color-interaction-primary)";
|
|
@@ -259,6 +375,10 @@ declare const defaultTheme: {
|
|
|
259
375
|
active: {
|
|
260
376
|
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-active)";
|
|
261
377
|
};
|
|
378
|
+
disabled: {
|
|
379
|
+
color: "var(--t-text-color-default-disabled)";
|
|
380
|
+
opacity: number;
|
|
381
|
+
};
|
|
262
382
|
};
|
|
263
383
|
outline: {
|
|
264
384
|
color: "var(--t-text-color-interaction-primary)";
|
|
@@ -269,6 +389,12 @@ declare const defaultTheme: {
|
|
|
269
389
|
active: {
|
|
270
390
|
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-active)";
|
|
271
391
|
};
|
|
392
|
+
disabled: {
|
|
393
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
394
|
+
color: "var(--t-text-color-default-disabled)";
|
|
395
|
+
opacity: number;
|
|
396
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
397
|
+
};
|
|
272
398
|
};
|
|
273
399
|
};
|
|
274
400
|
success: {
|
|
@@ -281,6 +407,11 @@ declare const defaultTheme: {
|
|
|
281
407
|
hover: {
|
|
282
408
|
backgroundColor: string;
|
|
283
409
|
};
|
|
410
|
+
disabled: {
|
|
411
|
+
backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
|
|
412
|
+
color: "var(--t-text-color-default-disabled)";
|
|
413
|
+
opacity: number;
|
|
414
|
+
};
|
|
284
415
|
};
|
|
285
416
|
naked: {
|
|
286
417
|
active: {
|
|
@@ -290,6 +421,10 @@ declare const defaultTheme: {
|
|
|
290
421
|
hover: {
|
|
291
422
|
backgroundColor: string;
|
|
292
423
|
};
|
|
424
|
+
disabled: {
|
|
425
|
+
color: "var(--t-text-color-default-disabled)";
|
|
426
|
+
opacity: number;
|
|
427
|
+
};
|
|
293
428
|
};
|
|
294
429
|
outline: {
|
|
295
430
|
active: {
|
|
@@ -300,6 +435,12 @@ declare const defaultTheme: {
|
|
|
300
435
|
backgroundColor: string;
|
|
301
436
|
};
|
|
302
437
|
stroke: string;
|
|
438
|
+
disabled: {
|
|
439
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
440
|
+
color: "var(--t-text-color-default-disabled)";
|
|
441
|
+
opacity: number;
|
|
442
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
443
|
+
};
|
|
303
444
|
};
|
|
304
445
|
};
|
|
305
446
|
warning: {
|
|
@@ -312,6 +453,11 @@ declare const defaultTheme: {
|
|
|
312
453
|
hover: {
|
|
313
454
|
backgroundColor: string;
|
|
314
455
|
};
|
|
456
|
+
disabled: {
|
|
457
|
+
backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
|
|
458
|
+
color: "var(--t-text-color-default-disabled)";
|
|
459
|
+
opacity: number;
|
|
460
|
+
};
|
|
315
461
|
};
|
|
316
462
|
naked: {
|
|
317
463
|
active: {
|
|
@@ -321,6 +467,10 @@ declare const defaultTheme: {
|
|
|
321
467
|
hover: {
|
|
322
468
|
backgroundColor: string;
|
|
323
469
|
};
|
|
470
|
+
disabled: {
|
|
471
|
+
color: "var(--t-text-color-default-disabled)";
|
|
472
|
+
opacity: number;
|
|
473
|
+
};
|
|
324
474
|
};
|
|
325
475
|
outline: {
|
|
326
476
|
active: {
|
|
@@ -331,6 +481,12 @@ declare const defaultTheme: {
|
|
|
331
481
|
backgroundColor: string;
|
|
332
482
|
};
|
|
333
483
|
stroke: string;
|
|
484
|
+
disabled: {
|
|
485
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
486
|
+
color: "var(--t-text-color-default-disabled)";
|
|
487
|
+
opacity: number;
|
|
488
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
489
|
+
};
|
|
334
490
|
};
|
|
335
491
|
};
|
|
336
492
|
white: {
|
|
@@ -343,6 +499,11 @@ declare const defaultTheme: {
|
|
|
343
499
|
hover: {
|
|
344
500
|
backgroundColor: string;
|
|
345
501
|
};
|
|
502
|
+
disabled: {
|
|
503
|
+
backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
|
|
504
|
+
color: "var(--t-text-color-default-disabled)";
|
|
505
|
+
opacity: number;
|
|
506
|
+
};
|
|
346
507
|
};
|
|
347
508
|
naked: {
|
|
348
509
|
active: {
|
|
@@ -352,6 +513,10 @@ declare const defaultTheme: {
|
|
|
352
513
|
hover: {
|
|
353
514
|
backgroundColor: string;
|
|
354
515
|
};
|
|
516
|
+
disabled: {
|
|
517
|
+
color: "var(--t-text-color-default-disabled)";
|
|
518
|
+
opacity: number;
|
|
519
|
+
};
|
|
355
520
|
};
|
|
356
521
|
outline: {
|
|
357
522
|
active: {
|
|
@@ -362,6 +527,12 @@ declare const defaultTheme: {
|
|
|
362
527
|
backgroundColor: string;
|
|
363
528
|
};
|
|
364
529
|
stroke: string;
|
|
530
|
+
disabled: {
|
|
531
|
+
backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
|
|
532
|
+
color: "var(--t-text-color-default-disabled)";
|
|
533
|
+
opacity: number;
|
|
534
|
+
stroke: "var(--t-border-color-button-neutral)";
|
|
535
|
+
};
|
|
365
536
|
};
|
|
366
537
|
};
|
|
367
538
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default-theme.d.ts","sourceRoot":"","sources":["../../src/system/default-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAA;AAC9D,OAAO,KAAK,QAAQ,MAAM,sCAAsC,CAAA;AAqBhE,QAAA,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"default-theme.d.ts","sourceRoot":"","sources":["../../src/system/default-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAA;AAC9D,OAAO,KAAK,QAAQ,MAAM,sCAAsC,CAAA;AAqBhE,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCjB,CAAA;AAED,eAAe,YAAY,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@planningcenter/tapestry-react",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.12.0",
|
|
4
4
|
"description": "A collection of flexible React components to help you build resilient, accessible user interfaces quickly and effectively.",
|
|
5
5
|
"author": "Front End Systems Engineering <frontend@pco.bz>",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -76,9 +76,9 @@
|
|
|
76
76
|
"typescript": "^5.3.3"
|
|
77
77
|
},
|
|
78
78
|
"dependencies": {
|
|
79
|
-
"@planningcenter/icons": "^15.25.
|
|
79
|
+
"@planningcenter/icons": "^15.25.5",
|
|
80
80
|
"@planningcenter/react-beautiful-dnd": "^13.4.0",
|
|
81
|
-
"@planningcenter/tapestry": "^2.
|
|
81
|
+
"@planningcenter/tapestry": "^2.1.0",
|
|
82
82
|
"@popmotion/popcorn": "^0.4.4",
|
|
83
83
|
"@popperjs/core": "^2.11.6",
|
|
84
84
|
"@react-hook/window-size": "^3.1.1",
|