@planningcenter/tapestry-react 4.4.1 → 4.5.0

package/dist/Wizard/Wizard.d.ts

@@ -6,6 +6,7 @@ export type Step = {
     valid?: (payload: Record<string, any>) => boolean;
 };
 export type WizardProps = {
+    alwaysCancellable?: boolean;
     backButtonProps?: ButtonProps;
     buttonProps?: ButtonProps;
     cancelButtonProps?: ButtonProps;

package/dist/Wizard/Wizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Wizard.d.ts","sourceRoot":"","sources":["../../src/Wizard/Wizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAA;AAG1E,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAQ9C,OAAO,IAAI,MAAM,QAAQ,CAAA;AAGzB,MAAM,MAAM,IAAI,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,CAAA;CAClD,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IAIxB,eAAe,CAAC,EAAE,WAAW,CAAA;IAK7B,WAAW,CAAC,EAAE,WAAW,CAAA;IAKzB,iBAAiB,CAAC,EAAE,WAAW,CAAA;IAK/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAKzB,WAAW,CAAC,EAAE,WAAW,CAAA;IAKzB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAKpC,eAAe,CAAC,EAAE,WAAW,CAAA;IAK7B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,eAAe,EAAE,MAAM,CAAA;QACvB,KAAK,EAAE,IAAI,EAAE,CAAA;QACb,UAAU,EAAE,MAAM,CAAA;KACnB,KAAK,MAAM,CAAA;IAKZ,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAMrB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;IAKvE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QACvB,eAAe,EAAE,MAAM,CAAA;QACvB,KAAK,EAAE,IAAI,EAAE,CAAA;QACb,UAAU,EAAE,MAAM,CAAA;KACnB,KAAK,KAAK,CAAC,SAAS,CAAA;CACtB,CAAA;;;;;UAqJgD,WAAW;;AAA5D,wBAA8D"}
+{"version":3,"file":"Wizard.d.ts","sourceRoot":"","sources":["../../src/Wizard/Wizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAA;AAG1E,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAQ9C,OAAO,IAAI,MAAM,QAAQ,CAAA;AAGzB,MAAM,MAAM,IAAI,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,CAAA;CAClD,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IAIxB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAK3B,eAAe,CAAC,EAAE,WAAW,CAAA;IAK7B,WAAW,CAAC,EAAE,WAAW,CAAA;IAKzB,iBAAiB,CAAC,EAAE,WAAW,CAAA;IAK/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAKzB,WAAW,CAAC,EAAE,WAAW,CAAA;IAKzB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAKpC,eAAe,CAAC,EAAE,WAAW,CAAA;IAK7B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,eAAe,EAAE,MAAM,CAAA;QACvB,KAAK,EAAE,IAAI,EAAE,CAAA;QACb,UAAU,EAAE,MAAM,CAAA;KACnB,KAAK,MAAM,CAAA;IAKZ,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAMrB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;IAKvE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QACvB,eAAe,EAAE,MAAM,CAAA;QACvB,KAAK,EAAE,IAAI,EAAE,CAAA;QACb,UAAU,EAAE,MAAM,CAAA;KACnB,KAAK,KAAK,CAAC,SAAS,CAAA;CACtB,CAAA;;;;;UAwJgD,WAAW;;AAA5D,wBAA8D"}

package/dist/Wizard/Wizard.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t,__spreadArray as n}from'./../ext/tslib/tslib.es6.js';import r,{useState as o,useReducer as i,useCallback as a,Children as s}from"react";import{Button as l}from"../Button/Button.js";import{Card as p}from"../Card/Card.js";import{Divider as c}from"../Divider/Divider.js";import m from"../PagerView/PagerView.js";import{StackView as u}from"../StackView/StackView.js";import d from"../StepperProgress/StepperProgress.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as f}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@emotion/react";import"../system/cxs.js";import{Text as v}from"../Text/Text.js";import g from"./Step.js";import P from"./WizardContext.js";var S=function(g){var S=f("wizard",g),x=S.autoFocus,j=void 0===x||x,h=S.backButtonProps,E=S.buttonProps,b=S.cancelButtonProps,y=S.children,k=S.footerProps,B=S.initialPayload,C=void 0===B?{}:B,w=S.nextButtonProps,z=S.nextButtonTitle,I=void 0===z?function(e){var t=e.activeStepIndex;return e.steps,t>=e.totalSteps-1?"Finish":"Next"}:z,T=S.onCancel,V=S.onSubmit,F=S.renderProgress,W=e(S,["autoFocus","backButtonProps","buttonProps","cancelButtonProps","children","footerProps","initialPayload","nextButtonProps","nextButtonTitle","onCancel","onSubmit","renderProgress"]),D=o(0),L=D[0],N=D[1],_=o([]),q=_[0],A=_[1],G=o(!1),H=G[0],J=G[1],K=q.length,M=i((function(e,n){return t(t({},e),n)}),C),O=M[0],Q=M[1],R=a((function(e){return A((function(t){return n(n([],t,!0),[e],!1)})),function(){A((function(t){return t.filter((function(t){return t.name!==e.name}))}))}}),[]),U=a((function(){var e=q[L];return!e||!e.valid||e.valid(O)}),[L,q,O]),X=a((function(){if(V){J(!0),V(O,(function(){return J(!1)}))}}),[V,O]);return r.createElement(P.Provider,{value:{activeStepIndex:L,addStep:R,payload:O,setPayload:Q,totalSteps:K}},r.createElement(u,t({alignment:"center",minWidth:48,maxWidth:96},W),F?F({activeStepIndex:L,steps:q,totalSteps:K}):r.createElement(d,{width:"80%",paddingTop:6,paddingBottom:4,activeStepIndex:L},q.map((function(e,t){return r.createElement(d.Step,{key:t,renderEnd:r.createElement(v,{align:"center",marginTop:2},e.name)})}))),r.createElement(p,{spacing:r.createElement(c,null),elevation:1},r.createElement(m,{activeViewIndex:L,autoFocus:j},s.map(y,(function(e,t){return r.createElement(m.View,{key:t},e)}))),r.createElement(u,t({axis:"horizontal",distribution:L>0?"space-between":"end",padding:1,spacing:1},k),0===L&&T&&r.createElement(l,t({disabled:H,onClick:T,size:"lg",title:"Cancel",variant:"naked"},E,b)),L>0&&r.createElement(l,t({disabled:H,iconLeft:{name:"general.leftChevron",size:"sm"},onClick:function(){return N(L-1)},size:"lg",title:"Back",variant:"naked"},E,h)),r.createElement(l,t({disabled:!U(),onClick:function(){return L>=K-1?X():N(L+1)},size:"lg",spinner:H,theme:"primary",title:I({activeStepIndex:L,steps:q,totalSteps:K})},E,w))))))};S.Step=g;export{S as default};
+import{__rest as e,__assign as t,__spreadArray as n}from'./../ext/tslib/tslib.es6.js';import r,{useState as o,useReducer as i,useCallback as a,Children as s}from"react";import{Button as l}from"../Button/Button.js";import{Card as c}from"../Card/Card.js";import{Divider as p}from"../Divider/Divider.js";import m from"../PagerView/PagerView.js";import{StackView as u}from"../StackView/StackView.js";import d from"../StepperProgress/StepperProgress.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as f}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@emotion/react";import"../system/cxs.js";import{Text as v}from"../Text/Text.js";import g from"./Step.js";import P from"./WizardContext.js";var S=function(g){var S=f("wizard",g),x=S.alwaysCancellable,b=S.autoFocus,j=void 0===b||b,y=S.backButtonProps,h=S.buttonProps,E=S.cancelButtonProps,k=S.children,B=S.footerProps,C=S.initialPayload,w=void 0===C?{}:C,z=S.nextButtonProps,I=S.nextButtonTitle,T=void 0===I?function(e){var t=e.activeStepIndex;return e.steps,t>=e.totalSteps-1?"Finish":"Next"}:I,V=S.onCancel,F=S.onSubmit,W=S.renderProgress,D=e(S,["alwaysCancellable","autoFocus","backButtonProps","buttonProps","cancelButtonProps","children","footerProps","initialPayload","nextButtonProps","nextButtonTitle","onCancel","onSubmit","renderProgress"]),L=o(0),N=L[0],_=L[1],q=o([]),A=q[0],G=q[1],H=o(!1),J=H[0],K=H[1],M=A.length,O=i((function(e,n){return t(t({},e),n)}),w),Q=O[0],R=O[1],U=a((function(e){return G((function(t){return n(n([],t,!0),[e],!1)})),function(){G((function(t){return t.filter((function(t){return t.name!==e.name}))}))}}),[]),X=a((function(){var e=A[N];return!e||!e.valid||e.valid(Q)}),[N,A,Q]),Y=a((function(){if(F){K(!0),F(Q,(function(){return K(!1)}))}}),[F,Q]);return r.createElement(P.Provider,{value:{activeStepIndex:N,addStep:U,payload:Q,setPayload:R,totalSteps:M}},r.createElement(u,t({alignment:"center",minWidth:48,maxWidth:96},D),W?W({activeStepIndex:N,steps:A,totalSteps:M}):r.createElement(d,{width:"80%",paddingTop:6,paddingBottom:4,activeStepIndex:N},A.map((function(e,t){return r.createElement(d.Step,{key:t,renderEnd:r.createElement(v,{align:"center",marginTop:2},e.name)})}))),r.createElement(c,{spacing:r.createElement(p,null),elevation:1},r.createElement(m,{activeViewIndex:N,autoFocus:j},s.map(k,(function(e,t){return r.createElement(m.View,{key:t},e)}))),r.createElement(u,t({axis:"horizontal",distribution:N>0?"space-between":"end",padding:1,spacing:1},B),N>0&&r.createElement(l,t({disabled:J,iconLeft:{name:"general.leftChevron",size:"sm"},onClick:function(){return _(N-1)},size:"lg",title:"Back",variant:"naked"},h,y)),(x||0===N)&&V&&r.createElement(l,t({disabled:J,onClick:V,size:"lg",title:"Cancel",variant:"naked",marginLeft:x?"auto":void 0},h,E)),r.createElement(l,t({disabled:!X(),onClick:function(){return N>=M-1?Y():_(N+1)},size:"lg",spinner:J,theme:"primary",title:T({activeStepIndex:N,steps:A,totalSteps:M})},h,z))))))};S.Step=g;export{S as default};
 //# sourceMappingURL=Wizard.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/tapestry-react",
-  "version": "4.4.1",
+  "version": "4.5.0",
   "description": "A collection of flexible React components to help you build resilient, accessible user interfaces quickly and effectively.",
   "author": "Front End Systems Engineering <frontend@pco.bz>",
   "main": "./dist/index.js",