frst-components 0.22.74 → 0.22.77

package/dist/index.js

@@ -14092,7 +14092,7 @@ const ContentDescription = styled__default["default"].div `
   gap: 16px;
 `;
 
-const modalNewFeatures = ({ title = 'Novidades', open, onClose, onFinish, steps, Exit = 'X', onNext }) => {
+const modalNewFeatures = ({ title = 'Novidades', open, onClose, onFinish, steps, Exit = 'X', onCurrentStep }) => {
     const [numberCurrentStep, setNumberCurrentStep] = React.useState(0);
     const [currentTopic, setCurrentTopic] = React.useState(steps[numberCurrentStep]);
     const isLastStep = currentTopic === steps[steps.length - 1];
@@ -14101,14 +14101,16 @@ const modalNewFeatures = ({ title = 'Novidades', open, onClose, onFinish, steps,
     React.useEffect(() => {
         setCurrentTopic(steps[numberCurrentStep]);
     }, [steps]);
+    React.useEffect(() => {
+        onCurrentStep && onCurrentStep(currentTopic);
+    }, [currentTopic]);
     const handleClickButtonNext = () => {
-        if (isLastStep)
-            onFinish();
+        if (isLastStep) {
+            onFinish && onFinish();
+        }
         else {
             setCurrentTopic(steps[numberCurrentStep + 1]);
             setNumberCurrentStep((prev) => prev + 1);
-            if (onNext)
-                onNext();
         }
     };
     const handleClickTopic = (id) => {
@@ -19892,20 +19894,23 @@ var css_248z$3 = ".grid {\n    display: flex;\n    flex-wrap: wrap;\n    margin-
 styleInject(css_248z$3);
 
 function FiltroGaleriaDesafios({ placeholderSelect, handleValueSelect, optionLabel, listItems, isDisabled, maxListItems, textButtonClear, textBusca, valueSelect = [] }) {
-    const [lazyItems, setLazyItems] = React.useState([]);
-    const [lazyLoading, setLazyLoading] = React.useState(false);
-    const [onClickFilter, setOnClickFilter] = React.useState(false);
-    const [selectedListItems, setSelectedListItems] = React.useState(valueSelect);
+    /// TODO: Não está implementado Lazyloading nesse componente. 
+    // const [lazyItems, setLazyItems] = useState([])
+    // const [lazyLoading, setLazyLoading] = useState(false)
+    // useEffect(() => {
+    //   setLazyItems(Array.from({ length: 100000 }))
+    //   setLazyLoading(false)
+    // }, [])
+    ///
+    const [selectedListItems, setSelectedListItems] = React.useState([]);
     const [textFilter, setTextFilter] = React.useState('');
     const [listItemsFilter, setListItemsFilter] = React.useState(listItems);
     React.useEffect(() => {
-        setLazyItems(Array.from({ length: 100000 }));
-        setLazyLoading(false);
-    }, []);
-    React.useEffect(() => {
-        setSelectedListItems(valueSelect);
+        if (valueSelect.length > 0) {
+            setSelectedListItems(valueSelect);
+        }
     }, [valueSelect]);
-    React.useEffect(() => {
+    React.useMemo(() => {
         handleValueSelect(selectedListItems);
     }, [selectedListItems]);
     const listFilterSearch = React.useMemo(() => {
@@ -19917,11 +19922,9 @@ function FiltroGaleriaDesafios({ placeholderSelect, handleValueSelect, optionLab
         return listItems.length >= maxListItems ? (jsxRuntime.jsxs(searchAndButton$1, { children: [jsxRuntime.jsx("div", { children: jsxRuntime.jsx(SearchField, { placeholder: textBusca, className: null, handleClickButton: null, isButton: true, hasSearchIcon: true, onChange: (e) => {
                             setTextFilter(e.target.value);
                         } }) }), lengthList >= 2 ? (jsxRuntime.jsx(Button$4, { style: { marginTop: "1rem" }, variant: 'link', label: textButtonClear, disabled: false, handleClick: () => {
-                        setSelectedListItems(null);
-                        handleValueSelect([]);
+                        setSelectedListItems([]);
                     } })) : (jsxRuntime.jsx("div", {}))] })) : lengthList >= 1 ? (jsxRuntime.jsx(searchAndButton$1, { children: jsxRuntime.jsx(Button$4, { variant: 'link', label: textButtonClear, disabled: false, handleClick: () => {
-                    setSelectedListItems(null);
-                    handleValueSelect([]);
+                    setSelectedListItems([]);
                 } }) })) : (jsxRuntime.jsx("div", {}));
     };
     const handleDropdownIcon = () => {
@@ -19932,10 +19935,10 @@ function FiltroGaleriaDesafios({ placeholderSelect, handleValueSelect, optionLab
     };
     const selectedItems = selectedListItems;
     const length = selectedItems ? selectedItems.length : 0;
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(containerFiltro, { children: [length >= 1 && (jsxRuntime.jsx(countSelect, { children: jsxRuntime.jsx(textCountSelectNumber, { children: length }) })), jsxRuntime.jsx(FiltroPrimeReact, { onClickFilter: onClickFilter, children: jsxRuntime.jsx(multiselect.MultiSelect, { value: selectedListItems, options: listFilterSearch, onChange: (e) => setSelectedListItems(e.value), optionLabel: optionLabel, placeholder: placeholderSelect ? placeholderSelect : 'Por favor escolha', className: "multiselect-custom", 
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(containerFiltro, { children: [length >= 1 && (jsxRuntime.jsx(countSelect, { children: jsxRuntime.jsx(textCountSelectNumber, { children: length }) })), jsxRuntime.jsx(FiltroPrimeReact, { children: jsxRuntime.jsx(multiselect.MultiSelect, { value: selectedListItems, options: listFilterSearch, onChange: (e) => setSelectedListItems(e.value), optionLabel: optionLabel, placeholder: placeholderSelect ? placeholderSelect : 'Por favor escolha', className: "multiselect-custom", 
                         // panelStyle={selectItemsCss}
                         // selectedItemTemplate={selectedCountriesTemplate()}
-                        selectedItemsLabel: placeholderSelect, disabled: isDisabled, maxSelectedLabels: 0, filter: false, showSelectAll: false, onClick: () => (onClickFilter ? setOnClickFilter(false) : setOnClickFilter(true)), panelHeaderTemplate: handleTemplateHeader(), removeIcon: handleRemoveIcon, dropdownIcon: handleDropdownIcon }) })] }) }));
+                        selectedItemsLabel: placeholderSelect, disabled: isDisabled, maxSelectedLabels: 0, filter: false, showSelectAll: false, panelHeaderTemplate: handleTemplateHeader(), removeIcon: handleRemoveIcon, dropdownIcon: handleDropdownIcon }) })] }) }));
 }
 
 const containerSelect = styled__default["default"].div `

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

@@ -12,10 +12,10 @@ type ModalNewFeaturesProps = {
     open: boolean;
     Exit?: string;
     onClose: () => void;
-    onFinish: () => void;
-    onNext: () => void;
+    onFinish?: () => void;
+    onCurrentStep?: (CurrentStep: any) => void;
     steps: TopicsNewFeatues[];
 };
-declare const modalNewFeatures: ({ title, open, onClose, onFinish, steps, Exit, onNext }: ModalNewFeaturesProps) => JSX.Element;
+declare const modalNewFeatures: ({ title, open, onClose, onFinish, steps, Exit, onCurrentStep }: ModalNewFeaturesProps) => JSX.Element;
 export default modalNewFeatures;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/modalNewFeatures/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACrC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,OAAO,CAAA;CACrC,CAAA;AAED,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,CAAC,EAAC,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,gBAAgB,4DAA+E,qBAAqB,gBA0GzH,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/modalNewFeatures/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACrC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,OAAO,CAAA;CACrC,CAAA;AAED,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,CAAC,EAAC,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,WAAW,KAAA,KAAK,IAAI,CAAA;IACrC,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,gBAAgB,mEAAsF,qBAAqB,gBAgHhI,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/src/components/filtro-galeria-desafio/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/filtro-galeria-desafio/index.tsx"],"names":[],"mappings":";AAIA,OAAO,oBAAoB,CAAA;AAC3B,OAAO,yBAAyB,CAAA;AAChC,OAAO,wBAAwB,CAAA;AAM/B,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACZ,eAAe,EACf,SAAS,EACT,WAAc,EACf;;;;;;;;;;CAAA,eAsHA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/filtro-galeria-desafio/index.tsx"],"names":[],"mappings":";AAIA,OAAO,oBAAoB,CAAA;AAC3B,OAAO,yBAAyB,CAAA;AAChC,OAAO,wBAAwB,CAAA;AAM/B,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACZ,eAAe,EACf,SAAS,EACT,WAAc,EACf;;;;;;;;;;CAAA,eAwHA"}

package/package.json

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