frst-components 0.20.18 → 0.20.20

package/dist/index.js

@@ -6818,6 +6818,7 @@ function BannerLxp(props) {
     const [titleText, setTitleText] = React.useState('');
     const [colorTitle, setColorTitle] = React.useState('');
     const [backgroundColor, setBackgroundColor] = React.useState('');
+    // const [oldBgColor, setOldBgColor] = useState("");
     const [backgroundImage, setBackgroundImage] = React.useState('');
     const [fixImage, setFixImage] = React.useState(false);
     const [selectedFile, setSelectedFile] = React.useState({});
@@ -6832,12 +6833,13 @@ function BannerLxp(props) {
         props.onSaveInfo([titleText, disableText, colorTitle, backgroundColor, fixImage]);
     };
     const onCancell = () => {
-        setBackgroundColor(props.bgColor ?? '');
-        setBackgroundImage(props.bgSrc ?? '');
-        setTitleText(props.title ?? '');
+        props.bgColor && setBackgroundColor(props.bgColor ?? '');
+        props.bgSrc && setBackgroundImage(props.bgSrc ?? '');
+        props.title && setTitleText(props.title ?? '');
         setColorTitle(props.titleColor ?? '');
-        setDisableText(props.isDisabledTitle ?? false);
+        setDisableText(props.isDisabledTitle);
         setOpenConfig(false);
+        props?.onCancell && props?.onCancell();
     };
     const handleOpenTitleColorPicker = (event) => {
         setDisplayTitleColorPicker(!displayTitleColorPicker);
@@ -6862,21 +6864,32 @@ function BannerLxp(props) {
             setSelectedFile(e.target.result);
         };
         reader.readAsDataURL(file);
-        props.handleChangeBanner(file);
-        setBackgroundImage(props.bgSrc);
-        setColorTitle(props?.titleColor);
         setBackgroundColor('');
+        props.handleChangeBanner(file);
         return file;
     };
     React.useEffect(() => {
-        setTitleText(props?.title);
-        setDisableText(props?.isDisabledTitle);
-        // setBackgroundImage(props?.bgSrc);
-    }, []);
+        props?.isDisabledTitle && setDisableText(props?.isDisabledTitle);
+        props?.bgColor && setBackgroundColor(props?.bgColor);
+        // props?.bgColor && setOldBgColor(props?.bgColor);
+        props?.bgSrc && setBackgroundImage(props?.bgSrc);
+        props.isDisabledTitle && setDisableText(props.isDisabledTitle);
+    }, [props]);
     React.useEffect(() => {
         if (props?.bgSrc)
             setBackgroundImage(props?.bgSrc);
     }, [props?.bgSrc]);
+    React.useMemo(() => {
+        if (props?.title) {
+            setTitleText(props?.title);
+        }
+        if (props?.titleColor) {
+            setColorTitle(props?.titleColor);
+        }
+        if (props.isDisabledTitle) {
+            setDisableText(props.isDisabledTitle);
+        }
+    }, [props?.title, props?.titleColor, props.isDisabledTitle]);
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props?.isLoading ? (jsxRuntime.jsx(LoadingBanner, {})) : (jsxRuntime.jsxs(BannerContainer, { backgroundBanner: props?.bgColor || `url(${props?.bgSrc})`, style: {
                     ...props.style,
                     objectFit: 'fill'

package/dist/src/components/LXP/bannerLxp/index.d.ts

@@ -22,6 +22,7 @@ interface BannerLxpParams {
      * @prop {object} onSaveInfo: função de callback que retorna todos as informações do banner no final das alterações. (nesta ordem[Title, isTitledisabled, colorTitle, backgroundColor, fixImage])
      */
     onSaveInfo?: ([]: Iterable<any>) => void;
+    onCancell?: () => void;
 }
 export default function BannerLxp(props: BannerLxpParams): JSX.Element;
 export {};

package/dist/src/components/LXP/bannerLxp/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/bannerLxp/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAK1D,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IAEH;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,IAAI,CAAA;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,EAAE,eAAA,KAAK,IAAI,CAAA;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,eAAe,eA4OvD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/bannerLxp/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAInE,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IAEH;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,IAAI,CAAA;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,EAAE,eAAA,KAAK,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,eAAe,eA2PvD"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "frst-components",
   "homepage": "http://FRST-Falconi.github.io/storybook.frstfalconi.com",
-  "version": "0.20.18",
+  "version": "0.20.20",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",