@planningcenter/tapestry-react 4.12.2-qa-881.0 → 4.12.3-qa-874.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.
@@ -1 +1 @@
1
- {"version":3,"file":"useScrollSync.d.ts","sourceRoot":"","sources":["../../../src/DataTable/hooks/useScrollSync.ts"],"names":[],"mappings":"AAEA,iBAAS,aAAa,CAAC,GAAG,IAAI,OAAA,QAkD7B;AAED,eAAe,aAAa,CAAA"}
1
+ {"version":3,"file":"useScrollSync.d.ts","sourceRoot":"","sources":["../../../src/DataTable/hooks/useScrollSync.ts"],"names":[],"mappings":"AAUA,iBAAS,aAAa,CAAC,GAAG,IAAI,OAAA,QAmF7B;AAED,eAAe,aAAa,CAAA"}
@@ -1,2 +1,2 @@
1
- import{useRef as r,useCallback as t,useLayoutEffect as e}from"react";function n(){for(var n=[],c=0;c<arguments.length;c++)n[c]=arguments[c];var o=r(),u=t((function(r){var t=n.filter((function(t){return t.current!==r.target})),e=r.target.scrollLeft;clearTimeout(o.current),t.forEach((function(r){l(r),r.current.style.willChange="scroll-position",r.current.scrollLeft=e})),o.current=setTimeout((function(){t.forEach((function(r){i(r),r.current.style.willChange=""}))}),120)}),[n]),i=t((function(r){r.current.addEventListener("scroll",u,{passive:!0})}),[u]),l=t((function(r){r.current.removeEventListener("scroll",u,{passive:!0})}),[u]);e((function(){return n.forEach(i),function(){clearTimeout(o.current),n.forEach(l)}}),[])}export{n as default};
1
+ import{useRef as e,useCallback as r,useLayoutEffect as t}from"react";var n=null;function o(){for(var o=[],l=0;l<arguments.length;l++)o[l]=arguments[l];var a=e(),i=r((function(e){var r=o.filter((function(r){return r.current!==e.target})),t=e.target.scrollLeft;clearTimeout(a.current),r.forEach((function(e){u(e),e.current.style.willChange="scroll-position",e.current.scrollLeft=t})),a.current=setTimeout((function(){r.forEach((function(e){c(e),e.current.style.willChange=""}))}),120)}),[o]),c=r((function(e){e.current.addEventListener("scroll",i,{passive:!0})}),[i]),u=r((function(e){e.current.removeEventListener("scroll",i,{passive:!0})}),[i]);t((function(){var e,r;if(o.forEach(c),(null!==n?n:n="undefined"!=typeof navigator&&/^((?!chrome|android).)*safari/i.test(navigator.userAgent))&&(null===(e=o[1])||void 0===e?void 0:e.current)){var t=o[1].current,l=function(e){if(0!==e.deltaY){var r=t.scrollTop,n=r<=1,o=r>=t.scrollHeight-t.clientHeight-1;if(e.deltaY<0&&n||e.deltaY>0&&o){for(var l=t.parentElement;l&&l!==document.body;){var a=getComputedStyle(l),i=a.overflow,c=a.overflowY;if("auto"===i||"scroll"===i||"auto"===c||"scroll"===c)return e.preventDefault(),void l.scrollBy({behavior:"auto",top:e.deltaY});l=l.parentElement}window.scrollBy({behavior:"auto",top:e.deltaY})}}};t.addEventListener("wheel",l),r=function(){return t.removeEventListener("wheel",l)}}return function(){clearTimeout(a.current),o.forEach(u),null==r||r()}}),[])}export{o as default};
2
2
  //# sourceMappingURL=useScrollSync.js.map
@@ -5,6 +5,7 @@ export declare const defaultVariant: {
5
5
  };
6
6
  WebkitOverflowScrolling: string;
7
7
  overflowX: string;
8
+ overscrollBehaviorX: string;
8
9
  };
9
10
  bodyCell: {
10
11
  alignItems: string;
@@ -1 +1 @@
1
- {"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/DataTable/utils/variants.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkH1B,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;CAkBpB,CAAA"}
1
+ {"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/DataTable/utils/variants.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmH1B,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;CAkBpB,CAAA"}
@@ -1,2 +1,2 @@
1
- import{__assign as o}from'./../../ext/tslib/tslib.es6.js';import{token as e}from"@planningcenter/tapestry";var r={"::-webkit-scrollbar":{height:0,width:0},"@media print":{overflowX:"visible",position:"relative"},msOverflowStyle:"none",overflowX:"auto",scrollbarWidth:"none"},i={body:{"@media print":{overflowX:"visible"},WebkitOverflowScrolling:"touch",overflowX:"auto"},bodyCell:{alignItems:"center",backgroundColor:"inherit",boxSizing:"content-box",display:"flex",flexBasis:"auto",flexGrow:0,flexShrink:0,fontSize:14,padding:"0 16px",whiteSpace:"nowrap"},bodyRow:function(r){var i=r.firstRow,n=r.isLink;return{"&:focus":o({outline:"none"},n?{backgroundColor:"linkBackground"}:{}),"&:hover":n?{backgroundColor:"linkBackground"}:void 0,backgroundColor:"surface",borderTopColor:i?void 0:e("--t-border-color-default-base"),borderTopStyle:i?void 0:"solid",borderTopWidth:i?void 0:1,color:"inherit",cursor:n?"pointer":void 0,display:"flex",minHeight:"64px"}},bodySubCell:function(o){return o.firstRow,o.lastCell,o.rowIndex,o.columnIndex,{backgroundColor:"inherit",boxSizing:"content-box",display:"flex",flexBasis:"auto",flexGrow:0,flexShrink:0,fontSize:14,padding:"12px 16px",width:o.columnWidth+"px"}},bodySubRow:function(o){var r=o.isLink;return{"&:focus":{outline:"none"},"&:hover":r?{backgroundColor:"linkBackground"}:{},backgroundColor:"surfaceSecondary",borderTopColor:e("--t-border-color-default-base"),borderTopStyle:"solid",borderTopWidth:1,color:"inherit",cursor:r?"pointer":void 0,display:"flex",minHeight:"44px"}},footer:o({backgroundColor:"surfaceSecondary",borderTopColor:e("--t-border-color-default-base"),borderTopStyle:"solid",borderTopWidth:1},r),footerCell:{alignItems:"center",backgroundColor:"inherit",boxSizing:"content-box",display:"flex",flexBasis:"auto",flexGrow:0,flexShrink:0,fontSize:14,padding:"0 16px",whiteSpace:"nowrap"},footerRow:{backgroundColor:"inherit",display:"flex"},header:o({backgroundColor:"surfaceSecondary",borderBottomColor:e("--t-border-color-default-base"),borderBottomStyle:"solid",borderBottomWidth:1,position:"sticky",top:0,zIndex:10},r),headerCell:function(o){return{alignItems:"center",backgroundColor:"inherit",boxSizing:"content-box",cursor:o.isSortable?"pointer":"default",display:"flex",flexBasis:"auto",flexGrow:0,flexShrink:0,outline:0,padding:"0 16px"}},headerRow:{backgroundColor:"inherit",display:"flex",minHeight:"48px"}},n={condensed:{bodyCell:{padding:"0 8px"},bodyRow:{minHeight:"40px"},bodySubCell:{padding:"4px 8px"},bodySubRow:{minHeight:"28px"},headerCell:{padding:"0 8px"}}};export{i as defaultVariant,n as variants};
1
+ import{__assign as o}from'./../../ext/tslib/tslib.es6.js';import{token as e}from"@planningcenter/tapestry";var r={"::-webkit-scrollbar":{height:0,width:0},"@media print":{overflowX:"visible",position:"relative"},msOverflowStyle:"none",overflowX:"auto",scrollbarWidth:"none"},i={body:{"@media print":{overflowX:"visible"},WebkitOverflowScrolling:"touch",overflowX:"auto",overscrollBehaviorX:"none"},bodyCell:{alignItems:"center",backgroundColor:"inherit",boxSizing:"content-box",display:"flex",flexBasis:"auto",flexGrow:0,flexShrink:0,fontSize:14,padding:"0 16px",whiteSpace:"nowrap"},bodyRow:function(r){var i=r.firstRow,n=r.isLink;return{"&:focus":o({outline:"none"},n?{backgroundColor:"linkBackground"}:{}),"&:hover":n?{backgroundColor:"linkBackground"}:void 0,backgroundColor:"surface",borderTopColor:i?void 0:e("--t-border-color-default-base"),borderTopStyle:i?void 0:"solid",borderTopWidth:i?void 0:1,color:"inherit",cursor:n?"pointer":void 0,display:"flex",minHeight:"64px"}},bodySubCell:function(o){return o.firstRow,o.lastCell,o.rowIndex,o.columnIndex,{backgroundColor:"inherit",boxSizing:"content-box",display:"flex",flexBasis:"auto",flexGrow:0,flexShrink:0,fontSize:14,padding:"12px 16px",width:o.columnWidth+"px"}},bodySubRow:function(o){var r=o.isLink;return{"&:focus":{outline:"none"},"&:hover":r?{backgroundColor:"linkBackground"}:{},backgroundColor:"surfaceSecondary",borderTopColor:e("--t-border-color-default-base"),borderTopStyle:"solid",borderTopWidth:1,color:"inherit",cursor:r?"pointer":void 0,display:"flex",minHeight:"44px"}},footer:o({backgroundColor:"surfaceSecondary",borderTopColor:e("--t-border-color-default-base"),borderTopStyle:"solid",borderTopWidth:1},r),footerCell:{alignItems:"center",backgroundColor:"inherit",boxSizing:"content-box",display:"flex",flexBasis:"auto",flexGrow:0,flexShrink:0,fontSize:14,padding:"0 16px",whiteSpace:"nowrap"},footerRow:{backgroundColor:"inherit",display:"flex"},header:o({backgroundColor:"surfaceSecondary",borderBottomColor:e("--t-border-color-default-base"),borderBottomStyle:"solid",borderBottomWidth:1,position:"sticky",top:0,zIndex:10},r),headerCell:function(o){return{alignItems:"center",backgroundColor:"inherit",boxSizing:"content-box",cursor:o.isSortable?"pointer":"default",display:"flex",flexBasis:"auto",flexGrow:0,flexShrink:0,outline:0,padding:"0 16px"}},headerRow:{backgroundColor:"inherit",display:"flex",minHeight:"48px"}},n={condensed:{bodyCell:{padding:"0 8px"},bodyRow:{minHeight:"40px"},bodySubCell:{padding:"4px 8px"},bodySubRow:{minHeight:"28px"},headerCell:{padding:"0 8px"}}};export{i as defaultVariant,n as variants};
2
2
  //# sourceMappingURL=variants.js.map
@@ -33,7 +33,6 @@ declare class InputBox extends Component<InputBoxProps, {
33
33
  focusChildrenOnFocus: boolean;
34
34
  size: string;
35
35
  };
36
- static contextType: import("react").Context<object>;
37
36
  static displayName: string;
38
37
  node: FocusableElement;
39
38
  constructor(props: any);
@@ -1 +1 @@
1
- {"version":3,"file":"InputBox.d.ts","sourceRoot":"","sources":["../../src/Input/InputBox.tsx"],"names":[],"mappings":"AAEA,OAAc,EAEZ,SAAS,EAET,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACZ,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,gBAAgB,EAAY,MAAM,UAAU,CAAA;AAMrD,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAKxD,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAI3C,eAAe,CAAC,EAAE,MAAM,CAAA;IAKxB,QAAQ,CAAC,EAAE,SAAS,CAAA;IAMpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAMlB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,eAAe,CAAC,EAAE,MAAM,CAAA;IAOxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAK9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAMpB,cAAc,CAAC,EAAE,OAAO,CAAA;IAKxB,QAAQ,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAA;IAKxC,SAAS,CAAC,EAAE,OAAO,CAAA;IAKnB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAEzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAKhC,UAAU,CAAC,EACP,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,KAAK,YAAY,CAAC,GAC3D,YAAY,CAAA;IAKhB,WAAW,CAAC,EACR,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,KAAK,YAAY,CAAC,GAC3D,YAAY,CAAA;IAKhB,eAAe,CAAC,EAAE,OAAO,CAAA;IAKzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAMvC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAK3B,OAAO,CAAC,EAAE,OAAO,CAAA;IAKjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAYD,cAAM,QAAS,SAAQ,SAAS,CAC9B,aAAa,EACb;IAAE,SAAS,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAC3C;IACC,MAAM,CAAC,YAAY;;;;MAIlB;IAED,MAAM,CAAC,WAAW,kCAAe;IAEjC,MAAM,CAAC,WAAW,SAAmB;IAErC,IAAI,EAAE,gBAAgB,CAAA;gBAEV,KAAK,KAAA;IAWjB,oBAAoB;IAMpB,OAAO,SAAU,gBAAgB,UAKhC;IAED,YAAY,YAIX;IAED,KAAK,2BAWJ;IAED,IAAI,aAMH;IAED,WAAW,mBAUV;IAED,UAAU,mBAKT;IAED,WAAW,mBAKV;IAED,eAAe,mBAKd;IAED,cAAc,mBAKb;IAED,oBAAoB,aAEnB;IAED,MAAM;CAwNP;AAED,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"InputBox.d.ts","sourceRoot":"","sources":["../../src/Input/InputBox.tsx"],"names":[],"mappings":"AACA,OAAc,EAEZ,SAAS,EAET,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACZ,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,gBAAgB,EAAY,MAAM,UAAU,CAAA;AAMrD,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAKxD,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAI3C,eAAe,CAAC,EAAE,MAAM,CAAA;IAKxB,QAAQ,CAAC,EAAE,SAAS,CAAA;IAMpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAMlB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,eAAe,CAAC,EAAE,MAAM,CAAA;IAOxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAK9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAMpB,cAAc,CAAC,EAAE,OAAO,CAAA;IAKxB,QAAQ,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAA;IAKxC,SAAS,CAAC,EAAE,OAAO,CAAA;IAKnB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAEzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAKhC,UAAU,CAAC,EACP,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,KAAK,YAAY,CAAC,GAC3D,YAAY,CAAA;IAKhB,WAAW,CAAC,EACR,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,KAAK,YAAY,CAAC,GAC3D,YAAY,CAAA;IAKhB,eAAe,CAAC,EAAE,OAAO,CAAA;IAKzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAMvC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAK3B,OAAO,CAAC,EAAE,OAAO,CAAA;IAKjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAYD,cAAM,QAAS,SAAQ,SAAS,CAC9B,aAAa,EACb;IAAE,SAAS,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAC3C;IACC,MAAM,CAAC,YAAY;;;;MAIlB;IAED,MAAM,CAAC,WAAW,SAAmB;IAErC,IAAI,EAAE,gBAAgB,CAAA;gBAEV,KAAK,KAAA;IAWjB,oBAAoB;IAMpB,OAAO,SAAU,gBAAgB,UAKhC;IAED,YAAY,YAGX;IAED,KAAK,2BAWJ;IAED,IAAI,aAMH;IAED,WAAW,mBAUV;IAED,UAAU,mBAKT;IAED,WAAW,mBAKV;IAED,eAAe,mBAKd;IAED,cAAc,mBAKb;IAED,oBAAoB,aAEnB;IAED,MAAM;CAwNP;AAED,eAAe,QAAQ,CAAA"}
@@ -1,2 +1,2 @@
1
- import{__extends as e,__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import{ThemeContext as t}from"@emotion/react";import{token as n}from"@planningcenter/tapestry";import i,{cloneElement as a,Component as l}from"react";import{tabbable as s}from"tabbable";import{Box as d}from"../Box/Box.js";import{Button as u}from"../Button/Button.js";import{useDocumentEvent as c}from"../hooks/use-document-event.js";import"mousetrap";import"../hooks/use-measure.js";import{Spinner as p}from"../Spinner/Spinner.js";import{StackView as f}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{getThemePropsFromPath as b}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"../system/cxs.js";import m from"./InputContext.js";import{isTabbable as g,inputs as h}from"./utils.js";function v(e){var o=e.onEscape;return c("keydown",(function(e){27===e.keyCode&&o()})),null}var y=function(l){function c(e){var o=l.call(this,e)||this;return Object.defineProperty(o,"node",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"setNode",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.node=e,o.props.innerRef&&o.props.innerRef(e)}}),Object.defineProperty(o,"getBoxStyles",{enumerable:!0,configurable:!0,writable:!0,value:function(){var e=o.context;return b(e,"boxSizes.".concat(o.props.size))}}),Object.defineProperty(o,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0===e&&(e=o.props.focusChildIndex);var r=o.node;if(r&&void 0!==e){var t=s(r);t.length>0&&(r=t[e])}r&&r.focus&&r.focus()}}),Object.defineProperty(o,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){g(o.node)?o.node.blur():o.setState({isFocused:!1})}}),Object.defineProperty(o,"handleFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.focusChildrenOnFocus&&e.target===o.node&&o.focus(),o.props.onFocus&&o.props.onFocus(e),o.setState({isFocused:!0})}}),Object.defineProperty(o,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onBlur&&o.props.onBlur(e),o.setState({isFocused:!1})}}),Object.defineProperty(o,"handleClear",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onClear&&o.props.onClear(e),o.focus()}}),Object.defineProperty(o,"handleMouseOver",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onMouseOver&&o.props.onMouseOver(e),o.setState({isHovered:!0})}}),Object.defineProperty(o,"handleMouseOut",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onMouseOut&&o.props.onMouseOut(e),o.setState({isHovered:!1})}}),Object.defineProperty(o,"handleDocumentEscape",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onClear()}}),e.id&&(h[e.id]=o),o.state={isFocused:!1,isHovered:!1},o}return e(c,l),Object.defineProperty(c.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete h[this.props.id]}}),Object.defineProperty(c.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.backgroundColor,l=void 0===t?n("--t-form-background-color"):t,s=e.children,c=e.disabled,b=e.evenPadding;e.focusChildIndex,e.focusChildrenOnFocus;var g=e.id;e.innerRef;var h=e.includeSpacing,y=e.isLoading,O=e.naked,j=e.onClear;e.onBlur,e.onFocus;var k=e.readOnly,C=void 0!==k&&k,x=e.readOnlyBackgroundColor,w=void 0===x?n("--t-form-background-color-readonly"):x,S=e.renderLeft,P=e.renderRight,z=e.secondaryStroke,B=void 0===z||z,F=e.size,I=e.state,E=e.subdued,R=e.tabIndex,M=void 0===R?-1:R,H=o(e,["backgroundColor","children","disabled","evenPadding","focusChildIndex","focusChildrenOnFocus","id","innerRef","includeSpacing","isLoading","naked","onClear","onBlur","onFocus","readOnly","readOnlyBackgroundColor","renderLeft","renderRight","secondaryStroke","size","state","subdued","tabIndex"]),L=this.state,V=L.isFocused,N=L.isHovered,A=this.getBoxStyles(),T=A.boxSize,W=A.fontSize,D=A.lineHeight,U=A.paddingHorizontal,Z={backgroundColor:l,fontSize:W,lineHeight:D,paddingVertical:A.paddingVertical,tabIndex:M,zIndex:V||N?2:1},_={},q={alignItems:"center",display:"flex",height:"100%",justifyContent:"center",position:"absolute",top:0,width:T},G=S?T:U,J=P?T:U;return"pill"===H.radius||"pill-left"===H.radius?(Z.paddingLeft=G,Z.paddingRight=J):(H.radius,Z.paddingLeft=G,Z.paddingRight=J),(y||j)&&(Z.paddingRight=T),C?Z.backgroundColor=w:E?Z.backgroundColor=!c&&V?"highlightSecondary":!c&&N?I?"".concat(I,"-1"):"highlight":I?"".concat(I,"-0"):"surfaceTertiary":O||(B&&(Z.boxShadow=!c&&V?"0 0 0 2px var(--colors-separator-focus-secondary)":void 0),Z.strokeAlign="inside",Z.strokeWeight=1,Z.stroke=c?n("--t-form-border-color-disabled"):V?"error"===I?n("--t-form-border-color-error"):I||n("--t-form-border-color-focus"):"error"===I?n("--t-form-border-color-error"):I||n(N?"--t-form-border-color-hover":"--t-form-border-color"),Z.backgroundColor=n(c?"--t-form-background-color-disabled":"--t-form-background-color"),H.color||(_.color=n(c?"--t-form-font-color-disabled":"--t-form-font-color"))),g&&(Z["aria-labelledby"]="".concat(g,"-label")),b&&(Z.paddingLeft=Z.paddingVertical,Z.paddingRight=Z.paddingVertical),h&&(Z.spacing=b?Z.paddingVertical:U),c?(_.cursor="not-allowed",Z.tabIndex=void 0,_.opacity=H.color||O?.64:1):O||(N&&H.hover&&Object.assign(H,H.hover),V&&H.focus&&Object.assign(H,H.focus),H=r(r({},H),{focus:r({strokeAlign:"inside",strokeWeight:1},H.focus),hover:r({strokeAlign:"inside",strokeWeight:1},H.hover)})),i.createElement(m.Provider,{value:this},i.createElement(f,r({innerRef:this.setNode,id:g,axis:f.HORIZONTAL,alignment:f.CENTER,shrink:0,minHeight:T,radius:n("--t-form-border-radius"),readOnly:C,position:"relative",cursor:"text",outline:0,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},Z,H,_),S&&i.createElement(d,r({},q,{left:0}),"function"==typeof S?S(F):a(S,{size:S.props&&S.props.size||F})),s,(y||j||P)&&i.createElement(d,r({},q,{right:0}),y?i.createElement(p,{size:F}):j?i.createElement(u,{icon:{name:"general.x"},title:"clear input value",size:F,theme:!1,onClick:this.handleClear}):"function"==typeof P?P(F):P?a(P,{size:P.props&&P.props.size||F}):null),j&&i.createElement(v,{onEscape:this.handleDocumentEscape})))}}),Object.defineProperty(c,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{focusChildIndex:0,focusChildrenOnFocus:!0,size:"md"}}),Object.defineProperty(c,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:t}),Object.defineProperty(c,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputBox"}),c}(l);export{y as default};
1
+ import{__extends as e,__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import{token as t}from"@planningcenter/tapestry";import n,{cloneElement as i,Component as a}from"react";import{tabbable as s}from"tabbable";import{Box as l}from"../Box/Box.js";import{Button as d}from"../Button/Button.js";import{useDocumentEvent as u}from"../hooks/use-document-event.js";import"mousetrap";import"../hooks/use-measure.js";import{Spinner as c}from"../Spinner/Spinner.js";import{StackView as p}from"../StackView/StackView.js";import{getBoxSize as f}from"../system/box-sizes.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"../system/default-theme.js";import"../system/style-names.js";import"../system/cxs.js";import b from"./InputContext.js";import{isTabbable as m,inputs as g}from"./utils.js";function h(e){var o=e.onEscape;return u("keydown",(function(e){27===e.keyCode&&o()})),null}var v=function(a){function u(e){var o=a.call(this,e)||this;return Object.defineProperty(o,"node",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"setNode",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.node=e,o.props.innerRef&&o.props.innerRef(e)}}),Object.defineProperty(o,"getBoxStyles",{enumerable:!0,configurable:!0,writable:!0,value:function(){return f(o.props.size)}}),Object.defineProperty(o,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0===e&&(e=o.props.focusChildIndex);var r=o.node;if(r&&void 0!==e){var t=s(r);t.length>0&&(r=t[e])}r&&r.focus&&r.focus()}}),Object.defineProperty(o,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){m(o.node)?o.node.blur():o.setState({isFocused:!1})}}),Object.defineProperty(o,"handleFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.focusChildrenOnFocus&&e.target===o.node&&o.focus(),o.props.onFocus&&o.props.onFocus(e),o.setState({isFocused:!0})}}),Object.defineProperty(o,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onBlur&&o.props.onBlur(e),o.setState({isFocused:!1})}}),Object.defineProperty(o,"handleClear",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onClear&&o.props.onClear(e),o.focus()}}),Object.defineProperty(o,"handleMouseOver",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onMouseOver&&o.props.onMouseOver(e),o.setState({isHovered:!0})}}),Object.defineProperty(o,"handleMouseOut",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onMouseOut&&o.props.onMouseOut(e),o.setState({isHovered:!1})}}),Object.defineProperty(o,"handleDocumentEscape",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onClear()}}),e.id&&(g[e.id]=o),o.state={isFocused:!1,isHovered:!1},o}return e(u,a),Object.defineProperty(u.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete g[this.props.id]}}),Object.defineProperty(u.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,a=e.backgroundColor,s=void 0===a?t("--t-form-background-color"):a,u=e.children,f=e.disabled,m=e.evenPadding;e.focusChildIndex,e.focusChildrenOnFocus;var g=e.id;e.innerRef;var v=e.includeSpacing,y=e.isLoading,O=e.naked,j=e.onClear;e.onBlur,e.onFocus;var k=e.readOnly,C=void 0!==k&&k,x=e.readOnlyBackgroundColor,w=void 0===x?t("--t-form-background-color-readonly"):x,S=e.renderLeft,P=e.renderRight,z=e.secondaryStroke,B=void 0===z||z,F=e.size,I=e.state,E=e.subdued,R=e.tabIndex,M=void 0===R?-1:R,H=o(e,["backgroundColor","children","disabled","evenPadding","focusChildIndex","focusChildrenOnFocus","id","innerRef","includeSpacing","isLoading","naked","onClear","onBlur","onFocus","readOnly","readOnlyBackgroundColor","renderLeft","renderRight","secondaryStroke","size","state","subdued","tabIndex"]),L=this.state,V=L.isFocused,N=L.isHovered,A=this.getBoxStyles(),W=A.boxSize,T=A.fontSize,D=A.lineHeight,U=A.paddingHorizontal,Z={backgroundColor:s,fontSize:T,lineHeight:D,paddingVertical:A.paddingVertical,tabIndex:M,zIndex:V||N?2:1},_={},q={alignItems:"center",display:"flex",height:"100%",justifyContent:"center",position:"absolute",top:0,width:W},G=S?W:U,J=P?W:U;return"pill"===H.radius||"pill-left"===H.radius?(Z.paddingLeft=G,Z.paddingRight=J):(H.radius,Z.paddingLeft=G,Z.paddingRight=J),(y||j)&&(Z.paddingRight=W),C?Z.backgroundColor=w:E?Z.backgroundColor=!f&&V?"highlightSecondary":!f&&N?I?"".concat(I,"-1"):"highlight":I?"".concat(I,"-0"):"surfaceTertiary":O||(B&&(Z.boxShadow=!f&&V?"0 0 0 2px var(--colors-separator-focus-secondary)":void 0),Z.strokeAlign="inside",Z.strokeWeight=1,Z.stroke=f?t("--t-form-border-color-disabled"):V?"error"===I?t("--t-form-border-color-error"):I||t("--t-form-border-color-focus"):"error"===I?t("--t-form-border-color-error"):I||t(N?"--t-form-border-color-hover":"--t-form-border-color"),Z.backgroundColor=t(f?"--t-form-background-color-disabled":"--t-form-background-color"),H.color||(_.color=t(f?"--t-form-font-color-disabled":"--t-form-font-color"))),g&&(Z["aria-labelledby"]="".concat(g,"-label")),m&&(Z.paddingLeft=Z.paddingVertical,Z.paddingRight=Z.paddingVertical),v&&(Z.spacing=m?Z.paddingVertical:U),f?(_.cursor="not-allowed",Z.tabIndex=void 0,_.opacity=H.color||O?.64:1):O||(N&&H.hover&&Object.assign(H,H.hover),V&&H.focus&&Object.assign(H,H.focus),H=r(r({},H),{focus:r({strokeAlign:"inside",strokeWeight:1},H.focus),hover:r({strokeAlign:"inside",strokeWeight:1},H.hover)})),n.createElement(b.Provider,{value:this},n.createElement(p,r({innerRef:this.setNode,id:g,axis:p.HORIZONTAL,alignment:p.CENTER,shrink:0,minHeight:W,radius:t("--t-form-border-radius"),readOnly:C,position:"relative",cursor:"text",outline:0,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},Z,H,_),S&&n.createElement(l,r({},q,{left:0}),"function"==typeof S?S(F):i(S,{size:S.props&&S.props.size||F})),u,(y||j||P)&&n.createElement(l,r({},q,{right:0}),y?n.createElement(c,{size:F}):j?n.createElement(d,{icon:{name:"general.x"},title:"clear input value",size:F,theme:!1,onClick:this.handleClear}):"function"==typeof P?P(F):P?i(P,{size:P.props&&P.props.size||F}):null),j&&n.createElement(h,{onEscape:this.handleDocumentEscape})))}}),Object.defineProperty(u,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{focusChildIndex:0,focusChildrenOnFocus:!0,size:"md"}}),Object.defineProperty(u,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputBox"}),u}(a);export{v as default};
2
2
  //# sourceMappingURL=InputBox.js.map
@@ -16,9 +16,7 @@ declare class InputField extends Component<InputFieldProps, {
16
16
  static defaultProps: {
17
17
  autoWidthType: string;
18
18
  placeholderColor: "var(--t-form-placeholder-color)";
19
- size: string;
20
19
  };
21
- static contextType: import("react").Context<object>;
22
20
  static displayName: string;
23
21
  shouldUpdateWidth: boolean;
24
22
  canHighlight: boolean;
@@ -32,7 +30,6 @@ declare class InputField extends Component<InputFieldProps, {
32
30
  setNode: (node: any) => void;
33
31
  setWidth(text: any): void;
34
32
  getAutoWidthValue: (defaultValue: any) => any;
35
- getBoxStyles: () => any;
36
33
  preventFocus: (event: any) => void;
37
34
  handleChange: (event: any) => void;
38
35
  handleKeyDown: (event: any) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../src/Input/InputField.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIxC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAMnC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAuBjC,KAAK,KAAK,GAAG;IAKX,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAKrC,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;IAK1C,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAKhC,QAAQ,CAAC,EAAE,GAAG,CAAA;IAKd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAKzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACxC,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,CAAC,CAAA;AAE1E,cAAM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;IACzE,MAAM,CAAC,YAAY;;;;MAIlB;IAED,MAAM,CAAC,WAAW,kCAAe;IAEjC,MAAM,CAAC,WAAW,SAAqB;IAEvC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,YAAY,EAAE,OAAO,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,gBAAgB,CAAA;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAA;gBAEP,KAAK,KAAA;IAajB,iBAAiB;IAajB,kBAAkB,CAAC,SAAS,KAAA;IAgB5B,oBAAoB;IAMpB,OAAO,sBAKN;IAED,QAAQ,CAAC,IAAI,KAAA;IAmCb,iBAAiB,6BAMhB;IAED,YAAY,YAGX;IAED,YAAY,uBAQX;IAED,YAAY,uBAYX;IAED,aAAa,uBAKZ;IAED,WAAW,uBAUV;IAED,UAAU,uBAkBT;IAED,KAAK,aAEJ;IAED,IAAI,aAEH;IAED,MAAM;CA2EP;AAED,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../src/Input/InputField.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIxC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAMnC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAuBjC,KAAK,KAAK,GAAG;IAKX,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAKrC,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;IAK1C,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAKhC,QAAQ,CAAC,EAAE,GAAG,CAAA;IAKd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAKzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACxC,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,CAAC,CAAA;AAE1E,cAAM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;IACzE,MAAM,CAAC,YAAY;;;MAGlB;IAED,MAAM,CAAC,WAAW,SAAqB;IAEvC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,YAAY,EAAE,OAAO,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,gBAAgB,CAAA;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAA;gBAEP,KAAK,KAAA;IAajB,iBAAiB;IAajB,kBAAkB,CAAC,SAAS,KAAA;IAgB5B,oBAAoB;IAMpB,OAAO,sBAKN;IAED,QAAQ,CAAC,IAAI,KAAA;IAmCb,iBAAiB,6BAMhB;IAED,YAAY,uBAQX;IAED,YAAY,uBAYX;IAED,aAAa,uBAKZ;IAED,WAAW,uBAUV;IAED,UAAU,uBAkBT;IAED,KAAK,aAEJ;IAED,IAAI,aAEH;IAED,MAAM;CA2EP;AAED,eAAe,UAAU,CAAA"}
@@ -1,2 +1,2 @@
1
- import{__extends as e,__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import{ThemeContext as i}from"@emotion/react";import{token as r}from"@planningcenter/tapestry";import n,{Component as a}from"react";import{Box as l}from"../Box/Box.js";import"../system/colors/colors.js";import"polished";import{selectFullTextRange as p,deselectCurrentTextRange as u,getTextWidth as s}from"../utils.js";import"lodash/includes";import{getThemePropsFromPath as d}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"../system/cxs.js";import c from"./InputContext.js";import{inputs as h,inputLabels as b}from"./utils.js";var f={"::-ms-clear":{display:"none"},"::-webkit-clear-button":{display:"none"},"::-webkit-inner-spin-button, ::-webkit-outer-spin-button":{display:"none"},"::-webkit-search-cancel-button":{display:"none"},MozAppearance:"textfield",appearance:"none",boxShadow:"none",outline:0},g=function(a){function g(e){var t=a.call(this,e)||this;return Object.defineProperty(t,"shouldUpdateWidth",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"canHighlight",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"_lastTextWidth",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"node",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"inputBox",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"setNode",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.node=e,t.props.innerRef&&t.props.innerRef(e)}}),Object.defineProperty(t,"getAutoWidthValue",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return!0===t.props.autoWidth?null!==t.props.value&&void 0!==t.props.value?t.props.value:e:t.props.autoWidth}}),Object.defineProperty(t,"getBoxStyles",{enumerable:!0,configurable:!0,writable:!0,value:function(){var e=t.context;return d(e,"boxSizes.".concat(t.props.size))}}),Object.defineProperty(t,"preventFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.props.highlightOnInteraction&&e.target===document.activeElement&&(e.preventDefault(),p(e.target))}}),Object.defineProperty(t,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0!==t.props.autoWidth&&(!0===t.props.autoWidth?t.setWidth(e.target.value):t.shouldUpdateWidth=!0),t.props.onChange&&t.props.onChange(e),t.canHighlight=!0}}),Object.defineProperty(t,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.canHighlight=!0,t.props.onKeyDown&&t.props.onKeyDown(e)}}),Object.defineProperty(t,"handleFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.props.highlightOnInteraction&&p(e.target),t.inputBox&&t.inputBox.setState({isFocused:!0}),t.props.onFocus&&t.props.onFocus(e)}}),Object.defineProperty(t,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.canHighlight=!1,t.props.highlightOnInteraction&&u(),t.inputBox&&t.inputBox.setState({isFocused:!1}),void 0!==t.props.autoWidth&&void 0!==t.props.placeholder&&""===e.target.value&&t.setWidth(t.props.placeholder),t.props.onBlur&&t.props.onBlur(e)}}),Object.defineProperty(t,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.node.focus()}}),Object.defineProperty(t,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.node.blur()}}),t.state={isHovered:!1},t.shouldUpdateWidth=!1,e.id&&(h[e.id]=t),t}return e(g,a),Object.defineProperty(g.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){if(void 0!==this.props.autoWidth){var e=this.getAutoWidthValue(void 0!==this.props.defaultValue?this.props.defaultValue:this.props.placeholder);void 0!==e&&this.setWidth(e)}}}),Object.defineProperty(g.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){(this.shouldUpdateWidth||void 0!==this.props.autoWidth&&void 0!==this.props.value&&this.props.value!==e.value)&&(this.setWidth(this.getAutoWidthValue(this.props.placeholder)),this.shouldUpdateWidth=!1),this.canHighlight&&this.props.highlightOnInteraction&&(p(this.node),this.canHighlight=!1)}}),Object.defineProperty(g.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete h[this.props.id]}}),Object.defineProperty(g.prototype,"setWidth",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.props.autoWidthType,o=s(e,this.node);if(o!==this._lastTextWidth){var i=getComputedStyle(this.node),r=[i.borderLeftWidth,i.borderRightWidth,1,i.paddingLeft,i.paddingRight,o].reduce((function(e,t){return e+parseInt(t,10)}),0),n=Number(r)+1;"width"!==t&&"both"!==t||(this.node.style.width="".concat(n,"px")),"basis"!==t&&"both"!==t||(this.node.style.flexBasis="".concat(n,"px")),this._lastTextWidth=o}}}),Object.defineProperty(g.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,i=this.props;i.autoWidth,i.autoWidthType;var r=i.css,a=i.disabled;i.innerRef,i.onBlur,i.onChange,i.onFocus,i.onKeyDown,i.onMouseDown,i.onMouseUp;var p=i.placeholderColor;i.highlightOnInteraction,i.size;var u=t(i,["autoWidth","autoWidthType","css","disabled","innerRef","onBlur","onChange","onFocus","onKeyDown","onMouseDown","onMouseUp","placeholderColor","highlightOnInteraction","size"]),s={"::-webkit-input-placeholder":{color:p},"::placeholder":{color:p},":-moz-placeholder":{color:p},":-ms-input-placeholder":{color:p}};return n.createElement(c.Consumer,null,(function(t){var i={},p=t?t.getBoxStyles():e.getBoxStyles(),d=p.fontSize,c=p.lineHeight;return e.inputBox||(e.inputBox=t),b[e.props.id]&&(i["aria-labelledby"]="".concat(e.props.id,"-label")),e.state.isHovered&&u.hover&&Object.assign(u,u.hover),n.createElement(l,o({as:"input",innerRef:e.setNode,disabled:a,grow:1,padding:0,textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:d,lineHeight:c,minHeight:c,onFocus:e.handleFocus,onBlur:e.handleBlur,onChange:e.handleChange,onKeyDown:e.handleKeyDown,onMouseDown:e.preventFocus,onMouseUp:e.preventFocus,css:[f,s,r]},u,i))}))}}),Object.defineProperty(g,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{autoWidthType:"both",placeholderColor:r("--t-form-placeholder-color"),size:"md"}}),Object.defineProperty(g,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:i}),Object.defineProperty(g,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputField"}),g}(a);export{g as default};
1
+ import{__extends as e,__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import{token as i}from"@planningcenter/tapestry";import n,{Component as r}from"react";import{Box as a}from"../Box/Box.js";import{getBoxSize as l}from"../system/box-sizes.js";import"../system/colors/colors.js";import"polished";import{selectFullTextRange as p,deselectCurrentTextRange as u,getTextWidth as s}from"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"../system/default-theme.js";import"../system/style-names.js";import"../system/cxs.js";import d from"./InputContext.js";import{inputs as h,inputLabels as c}from"./utils.js";var b={"::-ms-clear":{display:"none"},"::-webkit-clear-button":{display:"none"},"::-webkit-inner-spin-button, ::-webkit-outer-spin-button":{display:"none"},"::-webkit-search-cancel-button":{display:"none"},MozAppearance:"textfield",appearance:"none",boxShadow:"none",outline:0},f=function(r){function f(e){var t=r.call(this,e)||this;return Object.defineProperty(t,"shouldUpdateWidth",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"canHighlight",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"_lastTextWidth",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"node",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"inputBox",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"setNode",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.node=e,t.props.innerRef&&t.props.innerRef(e)}}),Object.defineProperty(t,"getAutoWidthValue",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return!0===t.props.autoWidth?null!==t.props.value&&void 0!==t.props.value?t.props.value:e:t.props.autoWidth}}),Object.defineProperty(t,"preventFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.props.highlightOnInteraction&&e.target===document.activeElement&&(e.preventDefault(),p(e.target))}}),Object.defineProperty(t,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0!==t.props.autoWidth&&(!0===t.props.autoWidth?t.setWidth(e.target.value):t.shouldUpdateWidth=!0),t.props.onChange&&t.props.onChange(e),t.canHighlight=!0}}),Object.defineProperty(t,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.canHighlight=!0,t.props.onKeyDown&&t.props.onKeyDown(e)}}),Object.defineProperty(t,"handleFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.props.highlightOnInteraction&&p(e.target),t.inputBox&&t.inputBox.setState({isFocused:!0}),t.props.onFocus&&t.props.onFocus(e)}}),Object.defineProperty(t,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.canHighlight=!1,t.props.highlightOnInteraction&&u(),t.inputBox&&t.inputBox.setState({isFocused:!1}),void 0!==t.props.autoWidth&&void 0!==t.props.placeholder&&""===e.target.value&&t.setWidth(t.props.placeholder),t.props.onBlur&&t.props.onBlur(e)}}),Object.defineProperty(t,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.node.focus()}}),Object.defineProperty(t,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.node.blur()}}),t.state={isHovered:!1},t.shouldUpdateWidth=!1,e.id&&(h[e.id]=t),t}return e(f,r),Object.defineProperty(f.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){if(void 0!==this.props.autoWidth){var e=this.getAutoWidthValue(void 0!==this.props.defaultValue?this.props.defaultValue:this.props.placeholder);void 0!==e&&this.setWidth(e)}}}),Object.defineProperty(f.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){(this.shouldUpdateWidth||void 0!==this.props.autoWidth&&void 0!==this.props.value&&this.props.value!==e.value)&&(this.setWidth(this.getAutoWidthValue(this.props.placeholder)),this.shouldUpdateWidth=!1),this.canHighlight&&this.props.highlightOnInteraction&&(p(this.node),this.canHighlight=!1)}}),Object.defineProperty(f.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete h[this.props.id]}}),Object.defineProperty(f.prototype,"setWidth",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.props.autoWidthType,o=s(e,this.node);if(o!==this._lastTextWidth){var i=getComputedStyle(this.node),n=[i.borderLeftWidth,i.borderRightWidth,1,i.paddingLeft,i.paddingRight,o].reduce((function(e,t){return e+parseInt(t,10)}),0),r=Number(n)+1;"width"!==t&&"both"!==t||(this.node.style.width="".concat(r,"px")),"basis"!==t&&"both"!==t||(this.node.style.flexBasis="".concat(r,"px")),this._lastTextWidth=o}}}),Object.defineProperty(f.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,i=this.props;i.autoWidth,i.autoWidthType;var r=i.css,p=i.disabled;i.innerRef,i.onBlur,i.onChange,i.onFocus,i.onKeyDown,i.onMouseDown,i.onMouseUp;var u=i.placeholderColor;i.highlightOnInteraction;var s=i.size,h=t(i,["autoWidth","autoWidthType","css","disabled","innerRef","onBlur","onChange","onFocus","onKeyDown","onMouseDown","onMouseUp","placeholderColor","highlightOnInteraction","size"]),f={"::-webkit-input-placeholder":{color:u},"::placeholder":{color:u},":-moz-placeholder":{color:u},":-ms-input-placeholder":{color:u}};return n.createElement(d.Consumer,null,(function(t){var i={},u=t?t.getBoxStyles():l(s),d=u.fontSize,g=u.lineHeight;return e.inputBox||(e.inputBox=t),c[e.props.id]&&(i["aria-labelledby"]="".concat(e.props.id,"-label")),e.state.isHovered&&h.hover&&Object.assign(h,h.hover),n.createElement(a,o({as:"input",innerRef:e.setNode,disabled:p,grow:1,padding:0,textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:d,lineHeight:g,minHeight:g,onFocus:e.handleFocus,onBlur:e.handleBlur,onChange:e.handleChange,onKeyDown:e.handleKeyDown,onMouseDown:e.preventFocus,onMouseUp:e.preventFocus,css:[b,f,r]},h,i))}))}}),Object.defineProperty(f,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{autoWidthType:"both",placeholderColor:i("--t-form-placeholder-color")}}),Object.defineProperty(f,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputField"}),f}(r);export{f as default};
2
2
  //# sourceMappingURL=InputField.js.map
@@ -14,5 +14,5 @@ export { default as stroke } from './plugins/stroke';
14
14
  export { default as typography } from './plugins/typography';
15
15
  export { default as splitStyles } from './split-styles';
16
16
  export { default as useCss } from './use-css';
17
- export { getForegroundColor, getThemePropsFromPath, isLightColor, navigateSize, parseColor, spacing, spacingValue, useBoxSize, useThemeProps, useThemeValue, } from './utils';
17
+ export { getForegroundColor, isLightColor, navigateSize, parseColor, spacing, spacingValue, useBoxSize, useThemeProps, useThemeValue, } from './utils';
18
18
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/system/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,eAAe,GAChB,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,UAAU,EACV,aAAa,EACb,aAAa,GACd,MAAM,SAAS,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/system/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,eAAe,GAChB,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EACL,kBAAkB,EAClB,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,UAAU,EACV,aAAa,EACb,aAAa,GACd,MAAM,SAAS,CAAA"}
@@ -1,2 +1,2 @@
1
- export{boxSizes,getBoxSize}from"./box-sizes.js";export{colors,getColor,palette}from"./colors/colors.js";export{createTones,eachPalette,flattenPalette,generateColorScale,setAlphaChannel}from"./colors/utils.js";export{default as css}from"./css.js";export{default as defaultTheme}from"./default-theme.js";export{default as border}from"./plugins/border.js";export{default as color}from"./plugins/color.js";export{default as elevation}from"./plugins/elevation.js";export{default as flex}from"./plugins/flex.js";export{default as misc}from"./plugins/misc.js";export{default as position}from"./plugins/position.js";export{default as size}from"./plugins/size.js";export{default as space}from"./plugins/space.js";export{default as stroke}from"./plugins/stroke.js";export{default as typography}from"./plugins/typography.js";export{default as splitStyles}from"./split-styles.js";export{default as useCss}from"./use-css.js";export{getForegroundColor,getThemePropsFromPath,isLightColor,navigateSize,parseColor,spacing,spacingValue,useBoxSize,useThemeProps,useThemeValue}from"./utils.js";
1
+ export{boxSizes,getBoxSize}from"./box-sizes.js";export{colors,getColor,palette}from"./colors/colors.js";export{createTones,eachPalette,flattenPalette,generateColorScale,setAlphaChannel}from"./colors/utils.js";export{default as css}from"./css.js";export{default as defaultTheme}from"./default-theme.js";export{default as border}from"./plugins/border.js";export{default as color}from"./plugins/color.js";export{default as elevation}from"./plugins/elevation.js";export{default as flex}from"./plugins/flex.js";export{default as misc}from"./plugins/misc.js";export{default as position}from"./plugins/position.js";export{default as size}from"./plugins/size.js";export{default as space}from"./plugins/space.js";export{default as stroke}from"./plugins/stroke.js";export{default as typography}from"./plugins/typography.js";export{default as splitStyles}from"./split-styles.js";export{default as useCss}from"./use-css.js";export{getForegroundColor,isLightColor,navigateSize,parseColor,spacing,spacingValue,useBoxSize,useThemeProps,useThemeValue}from"./utils.js";
2
2
  //# sourceMappingURL=index.js.map
@@ -1,4 +1,3 @@
1
- import { Theme } from '@emotion/react';
2
1
  export declare const spacing = 8;
3
2
  export declare const fontSizeBase = 16;
4
3
  export declare const sizes: string[];
@@ -28,6 +27,5 @@ export declare function isLightColor(color: any): boolean;
28
27
  export declare function getForegroundColor(color: any): "var(--t-text-color-default-headline)" | "var(--t-fill-color-neutral-100)" | "staticDark" | "staticLight";
29
28
  export declare function useThemeValue<T>(path: string | string[], defaultValue?: T): any;
30
29
  export declare function useThemeProps<T extends Record<string, any>>(path: string, props: T): any;
31
- export declare function getThemePropsFromPath<T>(theme: Theme, path: string | string[], defaultValue?: T): any;
32
30
  export declare function useBoxSize(size?: string): any;
33
31
  //# sourceMappingURL=utils.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/system/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAgB,MAAM,gBAAgB,CAAA;AASpD,eAAO,MAAM,OAAO,IAAI,CAAA;AACxB,eAAO,MAAM,YAAY,KAAK,CAAA;AAC9B,eAAO,MAAM,KAAK,UAA+C,CAAA;AAEjE,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAA;AAED,wBAAgB,YAAY,CAAC,SAAS,KAAA,EAAE,MAAM,KAAA,OAG7C;AAED,wBAAgB,UAAU,CAAC,GAAG,IAAI,OAAA,WAEjC;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAE3D;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEtD;AAED,wBAAgB,yBAAyB,CAAC,MAAM,SAAS,MAAM,EAC7D,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,2FAkBd;AAED,wBAAgB,UAAU,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,mBAS1D;AA4CD,wBAAgB,UAAU,CAAC,KAAK,KAAA,OAwB/B;AAED,wBAAgB,YAAY,CAAC,KAAK,KAAA,WAuBjC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,KAAA,6GAQvC;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,YAAY,CAAC,EAAE,CAAC,OAKzE;AAED,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACzD,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,CAAC,OAGT;AAED,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,YAAY,CAAC,EAAE,CAAC,OAE/F;AAED,wBAAgB,UAAU,CAAC,IAAI,SAAO,OAarC"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/system/utils.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,OAAO,IAAI,CAAA;AACxB,eAAO,MAAM,YAAY,KAAK,CAAA;AAC9B,eAAO,MAAM,KAAK,UAA+C,CAAA;AAEjE,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAA;AAED,wBAAgB,YAAY,CAAC,SAAS,KAAA,EAAE,MAAM,KAAA,OAG7C;AAED,wBAAgB,UAAU,CAAC,GAAG,IAAI,OAAA,WAEjC;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAE3D;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEtD;AAED,wBAAgB,yBAAyB,CAAC,MAAM,SAAS,MAAM,EAC7D,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,2FAkBd;AAED,wBAAgB,UAAU,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,mBAS1D;AA4CD,wBAAgB,UAAU,CAAC,KAAK,KAAA,OAwB/B;AAED,wBAAgB,YAAY,CAAC,KAAK,KAAA,WAuBjC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,KAAA,6GAQvC;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,YAAY,CAAC,EAAE,CAAC,OAKzE;AAED,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACzD,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,CAAC,OAGT;AAED,wBAAgB,UAAU,CAAC,IAAI,SAAO,OAarC"}
@@ -1,2 +1,2 @@
1
- import{__assign as t}from'./../ext/tslib/tslib.es6.js';import{ThemeContext as r}from"@emotion/react";import{token as n}from"@planningcenter/tapestry";import e from"lodash/get";import{darken as o,lighten as a,parseToRgb as u,getLuminance as i,cssVar as c}from"polished";import{useContext as f,useCallback as l}from"react";import{getColor as s}from"./colors/colors.js";import"../utils.js";import p from"./default-theme.js";var d=8,m=["xxs","xs","sm","md","lg","xl","xxl"],h={baseline:"baseline",center:"center",end:"flex-end",start:"flex-start",stretch:"stretch"},v={center:"center",end:"flex-end","space-around":"space-around","space-between":"space-between","space-evenly":"space-evenly",start:"flex-start"};function g(t,r){var n=m.indexOf(t);return m[n+r]||t}function x(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return t.some((function(t){return null!=t}))}function b(t){return"number"==typeof t?8*t+"px":t}function y(t){return t/8}function j(r,n){var e=n.split(/\s+/);if(1===e.length){var o=e[0];e=[o,o,o,o]}else 2===e.length?e=e.concat(e):3===e.length&&e.push(e[1]);return["Top","Right","Bottom","Left"].reduce((function(n,o,a){var u;return t(t({},n),((u={})["".concat(r).concat(o)]=e[a],u))}),{})}function k(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return t.reduce((function(t,r){return"string"==typeof r?r:null!=r?8*r+"px":t}),0)}function w(t){return"string"==typeof t&&t.startsWith("var(")}function O(t){if("object"==typeof t){var r=s(t.base)||t.base;if("transparent"===r)return r;if(t.darken&&(r=o(t.darken,r)),t.lighten&&(r=a(t.lighten,r)),void 0!==t.alpha){var n=u(r),e=n.red,i=n.green,c=n.blue;return"rgba(".concat(e,", ").concat(i,", ").concat(c,", ").concat(t.alpha,")")}return r}return s(t)||t}function S(t){if("transparent"===t)return null;if(w(t))try{var r=function(t){if("undefined"==typeof window)return t;try{var r=t.match(/var\((--[^,)]+)/);if(!r)return t;var n=r[1],e=String(c(n));return e&&"rgba(0, 0, 0, 0)"!==e&&"transparent"!==e?e:t}catch(r){return t}}(t);return w(r)?null:i(r)>.5}catch(t){return null}try{return i(O(t))>.5}catch(t){return null}}function z(t){if(w(t)){var r=S(t);return n(!1!==r?"--t-text-color-default-headline":"--t-fill-color-neutral-100")}return S(t)?"staticDark":"staticLight"}function L(t,n){var e=f(r);return t?D(e,t,n):e||p}function B(r,n){return t(t({},L(r)),n)}function D(t,r,n){return e(t,r,n||e(p,r))}function R(r){void 0===r&&(r="md");var n=L("boxSizes"),e=l((function(t){var e=Object.keys(n).indexOf(r);return m[e+t]||r}),[r]);return t(t({},n[r]||{}),{navigateSize:e})}export{h as alignTypes,x as anyDefined,y as convertToBaseUnit,j as expandDirectionalProperty,z as getForegroundColor,D as getThemePropsFromPath,S as isLightColor,v as justifyTypes,g as navigateSize,O as parseColor,k as parseSides,m as sizes,d as spacing,b as spacingValue,R as useBoxSize,B as useThemeProps,L as useThemeValue};
1
+ import{__assign as t}from'./../ext/tslib/tslib.es6.js';import{ThemeContext as r}from"@emotion/react";import{token as e}from"@planningcenter/tapestry";import n from"lodash/get";import{darken as o,lighten as a,parseToRgb as i,getLuminance as u,cssVar as c}from"polished";import{useContext as f,useCallback as l}from"react";import{getColor as s}from"./colors/colors.js";import"../utils.js";import p from"./default-theme.js";var d=8,m=["xxs","xs","sm","md","lg","xl","xxl"],h={baseline:"baseline",center:"center",end:"flex-end",start:"flex-start",stretch:"stretch"},v={center:"center",end:"flex-end","space-around":"space-around","space-between":"space-between","space-evenly":"space-evenly",start:"flex-start"};function g(t,r){var e=m.indexOf(t);return m[e+r]||t}function x(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return t.some((function(t){return null!=t}))}function b(t){return"number"==typeof t?8*t+"px":t}function y(t){return t/8}function j(r,e){var n=e.split(/\s+/);if(1===n.length){var o=n[0];n=[o,o,o,o]}else 2===n.length?n=n.concat(n):3===n.length&&n.push(n[1]);return["Top","Right","Bottom","Left"].reduce((function(e,o,a){var i;return t(t({},e),((i={})["".concat(r).concat(o)]=n[a],i))}),{})}function k(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return t.reduce((function(t,r){return"string"==typeof r?r:null!=r?8*r+"px":t}),0)}function w(t){return"string"==typeof t&&t.startsWith("var(")}function O(t){if("object"==typeof t){var r=s(t.base)||t.base;if("transparent"===r)return r;if(t.darken&&(r=o(t.darken,r)),t.lighten&&(r=a(t.lighten,r)),void 0!==t.alpha){var e=i(r),n=e.red,u=e.green,c=e.blue;return"rgba(".concat(n,", ").concat(u,", ").concat(c,", ").concat(t.alpha,")")}return r}return s(t)||t}function S(t){if("transparent"===t)return null;if(w(t))try{var r=function(t){if("undefined"==typeof window)return t;try{var r=t.match(/var\((--[^,)]+)/);if(!r)return t;var e=r[1],n=String(c(e));return n&&"rgba(0, 0, 0, 0)"!==n&&"transparent"!==n?n:t}catch(r){return t}}(t);return w(r)?null:u(r)>.5}catch(t){return null}try{return u(O(t))>.5}catch(t){return null}}function z(t){if(w(t)){var r=S(t);return e(!1!==r?"--t-text-color-default-headline":"--t-fill-color-neutral-100")}return S(t)?"staticDark":"staticLight"}function L(t,e){var o=f(r);return t?n(o,t,e||n(p,t)):o||p}function B(r,e){return t(t({},L(r)),e)}function D(r){void 0===r&&(r="md");var e=L("boxSizes"),n=l((function(t){var n=Object.keys(e).indexOf(r);return m[n+t]||r}),[r]);return t(t({},e[r]||{}),{navigateSize:n})}export{h as alignTypes,x as anyDefined,y as convertToBaseUnit,j as expandDirectionalProperty,z as getForegroundColor,S as isLightColor,v as justifyTypes,g as navigateSize,O as parseColor,k as parseSides,m as sizes,d as spacing,b as spacingValue,D as useBoxSize,B as useThemeProps,L as useThemeValue};
2
2
  //# sourceMappingURL=utils.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@planningcenter/tapestry-react",
3
- "version": "4.12.2-qa-881.0",
3
+ "version": "4.12.3-qa-874.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,7 +76,7 @@
76
76
  "typescript": "^5.3.3"
77
77
  },
78
78
  "dependencies": {
79
- "@planningcenter/icons": "^15.26.0",
79
+ "@planningcenter/icons": "^15.27.2",
80
80
  "@planningcenter/react-beautiful-dnd": "^13.4.0",
81
81
  "@planningcenter/tapestry": "^2.3.0",
82
82
  "@popmotion/popcorn": "^0.4.4",