frst-components 0.20.32 → 0.20.34

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.
Files changed (3) hide show
  1. package/dist/index.js +9 -5
  2. package/dist/src/components/cardLT/BannerProblem/index.d.ts.map +1 -1
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -2481,7 +2481,7 @@ function BannerProblem(props) {
2481
2481
  : null] }) }), jsxRuntime.jsxs("div", { style: { width: '100%', display: 'flex', flexDirection: 'column' }, children: [jsxRuntime.jsx("div", { style: { marginTop: '20px' }, children: jsxRuntime.jsx(ButtonsProcessSteps, { idioma: Idioma, definedSteps: props?.stepProblem, selectedStep: selectedStep, setSelectedStep: (e) => {
2482
2482
  setSelectedStep(e);
2483
2483
  props?.onSelectedStep(e);
2484
- }, onClickContinue: () => props.onClickContinue() }) }), jsxRuntime.jsx("div", { style: { width: '100%', paddingLeft: '5%', paddingRight: '5%', paddingTop: '30px' }, children: jsxRuntime.jsx(StepsProgress, { definedSteps: definedSteps, stepSelected: selectedStep }) })] }), jsxRuntime.jsx("div", { style: { marginTop: 18, width: '100%', borderRadius: 8, border: '1px solid #BDBDBD', padding: 16, paddingLeft: 32, paddingRight: 32 }, children: props.children })] }) }));
2484
+ }, hasContinueProps: props?.onClickContinue?.name !== 'actionHandler', onClickContinue: () => props.onClickContinue() }) }), jsxRuntime.jsx("div", { style: { width: '100%', paddingLeft: '5%', paddingRight: '5%', paddingTop: '30px' }, children: jsxRuntime.jsx(StepsProgress, { definedSteps: definedSteps, stepSelected: selectedStep }) })] }), jsxRuntime.jsx("div", { style: { marginTop: 18, width: '100%', borderRadius: 8, border: '1px solid #BDBDBD', padding: 16, paddingLeft: 32, paddingRight: 32 }, children: props.children })] }) }));
2485
2485
  function adapterEmail(email, widthScreen) {
2486
2486
  let newEmail = email;
2487
2487
  if (widthScreen < 450) {
@@ -2539,8 +2539,12 @@ function getStepsChallenge$1(language, stepProblem, setSelectedStep, onSelectedS
2539
2539
  }
2540
2540
  return steps;
2541
2541
  }
2542
- function ButtonsProcessSteps({ selectedStep, definedSteps, setSelectedStep, idioma, onClickContinue }) {
2542
+ function ButtonsProcessSteps({ selectedStep, definedSteps, setSelectedStep, idioma, onClickContinue, hasContinueProps }) {
2543
2543
  const [anhorsBtn, setAnchorsBtn] = React.useState(getTranslateBtnNextPrevSteps()['pt-BR']);
2544
+ const [hasContinuePropsState, sethasContinueProps] = React.useState(false);
2545
+ React.useEffect(() => {
2546
+ sethasContinueProps(hasContinueProps);
2547
+ }, [hasContinueProps]);
2544
2548
  React.useEffect(() => {
2545
2549
  try {
2546
2550
  setAnchorsBtn(getTranslateBtnNextPrevSteps()[idioma]);
@@ -2552,9 +2556,9 @@ function ButtonsProcessSteps({ selectedStep, definedSteps, setSelectedStep, idio
2552
2556
  return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [selectedStep == 1 && definedSteps > 1 &&
2553
2557
  jsxRuntime.jsx("div", { style: { width: '100%', display: 'flex', justifyContent: 'flex-end' }, children: jsxRuntime.jsx(Button$5, { handleClick: () => setSelectedStep(2), label: anhorsBtn.next, variant: "link", style: { height: '40px' } }) }), selectedStep > 1 && selectedStep < definedSteps &&
2554
2558
  jsxRuntime.jsxs("div", { style: { width: '100%', display: 'flex', justifyContent: 'space-between' }, children: [jsxRuntime.jsx(Button$5, { handleClick: () => setSelectedStep(selectedStep - 1), label: anhorsBtn.previous, variant: "link", style: { height: '40px' } }), jsxRuntime.jsx(Button$5, { handleClick: () => setSelectedStep(selectedStep + 1), label: anhorsBtn.next, variant: "link", style: { height: '40px' } })] }), selectedStep == definedSteps && definedSteps != 5 && definedSteps != 1 &&
2555
- jsxRuntime.jsxs("div", { style: { width: '100%', display: 'flex', justifyContent: 'space-between' }, children: [jsxRuntime.jsx(Button$5, { handleClick: () => setSelectedStep(selectedStep - 1), label: anhorsBtn.previous, variant: "link", style: { height: '40px' } }), jsxRuntime.jsx(Button$5, { handleClick: () => onClickContinue(), label: anhorsBtn.continueChallenge, variant: "primary", style: { height: '40px' } })] }), selectedStep == definedSteps && definedSteps == 5 &&
2559
+ jsxRuntime.jsxs("div", { style: { width: '100%', display: 'flex', justifyContent: 'space-between' }, children: [jsxRuntime.jsx(Button$5, { handleClick: () => setSelectedStep(selectedStep - 1), label: anhorsBtn.previous, variant: "link", style: { height: '40px' } }), hasContinuePropsState ? jsxRuntime.jsx(Button$5, { handleClick: () => onClickContinue(), label: anhorsBtn.continueChallenge, variant: "primary", style: { height: '40px' } }) : jsxRuntime.jsx("div", { children: " " })] }), selectedStep == definedSteps && definedSteps == 5 &&
2556
2560
  jsxRuntime.jsx("div", { style: { width: '100%', display: 'flex', justifyContent: 'flex-start' }, children: jsxRuntime.jsx(Button$5, { handleClick: () => setSelectedStep(selectedStep - 1), label: anhorsBtn.previous, variant: "link", style: { height: '40px' } }) }), selectedStep == definedSteps && definedSteps == 1 &&
2557
- jsxRuntime.jsx("div", { style: { width: '100%', display: 'flex', justifyContent: 'flex-end' }, children: jsxRuntime.jsx(Button$5, { handleClick: () => onClickContinue(), label: anhorsBtn.continueChallenge, variant: "primary", style: { height: '40px' } }) })] });
2561
+ jsxRuntime.jsx("div", { style: { width: '100%', display: 'flex', justifyContent: 'flex-end' }, children: hasContinuePropsState ? jsxRuntime.jsx(Button$5, { handleClick: () => onClickContinue(), label: anhorsBtn.continueChallenge, variant: "primary", style: { height: '40px' } }) : jsxRuntime.jsx("div", { children: " " }) })] });
2558
2562
  }
2559
2563
  function getTranslateBtnNextPrevSteps() {
2560
2564
  const traducaoPTBR = {
@@ -5242,7 +5246,7 @@ function CardProblem(props) {
5242
5246
  jsxRuntime.jsx("div", { className: style$7.buttonVerMais, children: jsxRuntime.jsx(Button$5, { variant: 'link', label: translate[languageSlected]['viewMore'], handleClick: () => props.onClick(props.problemID) }) })] })] }));
5243
5247
  }
5244
5248
 
5245
- var css_248z$7 = ".cardDefinicaoFase-module_container__KEYns {\r\n width: 282px !important;\r\n max-width: 282px !important;\r\n color: #222222;\r\n background-color: #fff;\r\n border-radius: 10px;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n position: relative;\r\n word-break: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_headerContainer__uxRId {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n background: rgba(241, 134, 36, 0.2);\r\n height: 200px;\r\n max-width: 282px;\r\n}\r\n\r\n.cardDefinicaoFase-module_titleDescription__x7pED {\r\n font-family: 'PT Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-size: 16px;\r\n line-height: 110%;\r\n color: #444444;\r\n max-width: 250px;\r\n word-break: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_description__-pzJG {\r\n font-family: 'Work Sans';\r\n font-style: normal;\r\n font-weight: 500;\r\n font-size: 20px;\r\n line-height: 23px;\r\n color: #f26818;\r\n max-width: 250px;\r\n word-break: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_descriptionContainer__XLHCC {\r\n padding: 20px;\r\n height: 197px;\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n flex-wrap: wrap;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.cardDefinicaoFase-module_buttonContainer__6u6bM {\r\n display: flex;\r\n justify-content: space-between;\r\n height: 55px;\r\n padding: 0 35px;\r\n border-radius: 0px 0px 8px 8px;\r\n border: 1px solid #bdbdbd;\r\n}\r\n\r\n.cardDefinicaoFase-module_divisoria__IYAiv {\r\n border: 1px solid #bdbdbd;\r\n transform: rotate(360deg);\r\n}\r\n\r\n.cardDefinicaoFase-module_titleAndMenu__aqXT0 {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n align-items: center;\r\n margin-bottom: 9px;\r\n}\r\n\r\n.cardDefinicaoFase-module_titleFrase__b8v0i {\r\n font-family: 'PT Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-size: 25px;\r\n line-height: 110%;\r\n color: #f18624;\r\n max-width: 200px;\r\n padding-left: 1.5rem;\r\n padding-bottom: 2rem;\r\n word-break: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_buttonFinalizado__V8Oas {\r\n display: flex;\r\n justify-content: center;\r\n height: 55px;\r\n padding: 0 35px;\r\n border-radius: 0px 0px 8px 8px;\r\n border: 1px solid #bdbdbd;\r\n}\r\n";
5249
+ var css_248z$7 = ".cardDefinicaoFase-module_container__KEYns {\r\n width: 282px !important;\r\n max-width: 282px !important;\r\n color: #222222;\r\n background-color: #fff;\r\n border-radius: 10px;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n position: relative;\r\n word-break: break-word !important;\r\n word-wrap: break-word !important;\r\n overflow-wrap: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_headerContainer__uxRId {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n background: rgba(241, 134, 36, 0.2);\r\n height: 200px;\r\n max-width: 282px;\r\n}\r\n\r\n.cardDefinicaoFase-module_titleDescription__x7pED {\r\n font-family: 'PT Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-size: 16px;\r\n line-height: 110%;\r\n color: #444444;\r\n max-width: 250px;\r\n word-break: break-word !important;\r\n word-wrap: break-word !important;\r\n overflow-wrap: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_description__-pzJG {\r\n font-family: 'Work Sans';\r\n font-style: normal;\r\n font-weight: 500;\r\n font-size: 20px;\r\n line-height: 23px;\r\n color: #f26818;\r\n max-width: 250px;\r\n word-break: break-word !important;\r\n word-wrap: break-word !important;\r\n overflow-wrap: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_descriptionContainer__XLHCC {\r\n padding: 20px;\r\n height: 197px;\r\n max-width: 282px !important;\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n flex-wrap: wrap;\r\n margin-bottom: 1rem;\r\n word-break: break-word !important;\r\n word-wrap: break-word !important;\r\n overflow-wrap: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_buttonContainer__6u6bM {\r\n display: flex;\r\n justify-content: space-between;\r\n height: 55px;\r\n padding: 0 35px;\r\n border-radius: 0px 0px 8px 8px;\r\n border: 1px solid #bdbdbd;\r\n}\r\n\r\n.cardDefinicaoFase-module_divisoria__IYAiv {\r\n border: 1px solid #bdbdbd;\r\n transform: rotate(360deg);\r\n}\r\n\r\n.cardDefinicaoFase-module_titleAndMenu__aqXT0 {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n align-items: center;\r\n margin-bottom: 9px;\r\n}\r\n\r\n.cardDefinicaoFase-module_titleFrase__b8v0i {\r\n font-family: 'PT Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-size: 25px;\r\n line-height: 110%;\r\n color: #f18624;\r\n max-width: 200px;\r\n padding-left: 1.5rem;\r\n padding-bottom: 2rem;\r\n word-break: break-word !important;\r\n word-wrap: break-word !important;\r\n overflow-wrap: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_buttonFinalizado__V8Oas {\r\n display: flex;\r\n justify-content: center;\r\n height: 55px;\r\n padding: 0 35px;\r\n border-radius: 0px 0px 8px 8px;\r\n border: 1px solid #bdbdbd;\r\n}\r\n";
5246
5250
  var style$6 = {"container":"cardDefinicaoFase-module_container__KEYns","headerContainer":"cardDefinicaoFase-module_headerContainer__uxRId","titleDescription":"cardDefinicaoFase-module_titleDescription__x7pED","description":"cardDefinicaoFase-module_description__-pzJG","descriptionContainer":"cardDefinicaoFase-module_descriptionContainer__XLHCC","buttonContainer":"cardDefinicaoFase-module_buttonContainer__6u6bM","divisoria":"cardDefinicaoFase-module_divisoria__IYAiv","titleAndMenu":"cardDefinicaoFase-module_titleAndMenu__aqXT0","titleFrase":"cardDefinicaoFase-module_titleFrase__b8v0i","buttonFinalizado":"cardDefinicaoFase-module_buttonFinalizado__V8Oas"};
5247
5251
  styleInject(css_248z$7);
5248
5252
 
package/dist/src/components/cardLT/BannerProblem/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/cardLT/BannerProblem/index.tsx"],"names":[],"mappings":";AAyBA,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAA;AAK1D,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,wBAAwB,eAobpE"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/cardLT/BannerProblem/index.tsx"],"names":[],"mappings":";AAyBA,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAA;AAK1D,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,wBAAwB,eAqbpE"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "frst-components",
3
3
  "homepage": "http://FRST-Falconi.github.io/storybook.frstfalconi.com",
4
- "version": "0.20.32",
4
+ "version": "0.20.34",
5
5
  "private": false,
6
6
  "main": "./dist/index.js",
7
7
  "types": "./dist/index.d.ts",