lib-pixelbuild 0.2.0 → 0.2.1

package/dist/builders/PageBuilder.js

@@ -7,6 +7,7 @@ function mergeStyles(websiteStyles, pageStyles) {
     for (const key of Object.keys(pageStyles)) {
         const val = pageStyles[key];
         if (val !== '' && val !== null && val !== undefined) {
+            ;
             merged[key] = val;
         }
     }
@@ -41,7 +42,7 @@ const PageBuilder = memo(function PageBuilder({ website, page, editionMode }) {
         marginTop: toCssValue(mergedStyles.marginTop),
         marginBottom: toCssValue(mergedStyles.marginBottom),
         borderRadius: toCssValue(mergedStyles.borderRadius),
-        minHeight: page.sections.length === 0 ? '200px' : undefined,
+        minHeight: page.sections.length === 0 ? '200px' : undefined
     }), [mergedStyles, page.sections.length]);
     return (_jsxs(Suspense, { fallback: _jsx("div", { children: website.properties.loadingMessage }), children: [!editionMode && (_jsxs(Helmet, { children: [_jsx("title", { children: page.title }), _jsx("meta", { name: "description", content: page.title }), _jsx("meta", { property: "og:title", content: page.title }), _jsx("meta", { property: "og:description", content: page.title }), _jsx("meta", { property: "og:image", content: page.title })] })), _jsxs("div", { style: pageStyle, children: [_jsx(SectionRenderer, { sections: page.sections, editionMode: editionMode }), page.sections.length === 0 && editionMode && (_jsx("div", { style: { padding: '40px', textAlign: 'center', color: '#94a3b8' }, children: "No sections configured. Use the layout editor to add content." }))] })] }));
 });

package/dist/components/CardComponent.js

@@ -38,7 +38,7 @@ const CardComponent = memo(function CardComponent({ component }) {
         cardTitleColor: properties === null || properties === void 0 ? void 0 : properties.cardTitleColor,
         cardTitleSize: properties === null || properties === void 0 ? void 0 : properties.cardTitleSize,
         cardTextColor: properties === null || properties === void 0 ? void 0 : properties.cardTextColor,
-        cardTextSize: properties === null || properties === void 0 ? void 0 : properties.cardTextSize,
+        cardTextSize: properties === null || properties === void 0 ? void 0 : properties.cardTextSize
     }), [
         properties === null || properties === void 0 ? void 0 : properties.cardElement1,
         properties === null || properties === void 0 ? void 0 : properties.cardElement2,
@@ -49,14 +49,14 @@ const CardComponent = memo(function CardComponent({ component }) {
         properties === null || properties === void 0 ? void 0 : properties.cardTitleColor,
         properties === null || properties === void 0 ? void 0 : properties.cardTitleSize,
         properties === null || properties === void 0 ? void 0 : properties.cardTextColor,
-        properties === null || properties === void 0 ? void 0 : properties.cardTextSize,
+        properties === null || properties === void 0 ? void 0 : properties.cardTextSize
     ]);
     const orderedElements = useMemo(() => {
         const cardOrder = [
             cardProps.cardElement1,
             cardProps.cardElement2,
             cardProps.cardElement3,
-            cardProps.cardElement4,
+            cardProps.cardElement4
         ].filter((v) => typeof v === 'string' && v.length > 0);
         if (cardOrder.length > 0) {
             return cardOrder
@@ -64,7 +64,13 @@ const CardComponent = memo(function CardComponent({ component }) {
                 .filter((el) => el !== undefined);
         }
         return orderBySort(component.elements);
-    }, [cardProps.cardElement1, cardProps.cardElement2, cardProps.cardElement3, cardProps.cardElement4, component.elements]);
+    }, [
+        cardProps.cardElement1,
+        cardProps.cardElement2,
+        cardProps.cardElement3,
+        cardProps.cardElement4,
+        component.elements
+    ]);
     const elements = useMemo(() => orderedElements.map((el) => applyCardStyles(el, cardProps)), [orderedElements, cardProps]);
     return (_jsx(Container, { style: component.styles, children: _jsx(Row, { id: "element-row", children: elements.map((element) => elementFactory.build(element)) }) }));
 });

package/dist/components/MapComponent.js

@@ -27,6 +27,6 @@ export function MapComponent({ component }) {
                         alignItems: 'center',
                         justifyContent: 'center',
                         borderRadius: '4px',
-                        color: '#666',
+                        color: '#666'
                     }, children: "Map not configured" })) }) }) }));
 }

package/dist/components/SliderComponent.js

@@ -64,7 +64,7 @@ function InteractiveSliderComponent({ component }) {
                             display: 'flex',
                             alignItems: 'center',
                             justifyContent: 'center',
-                            transition: 'background 0.2s',
+                            transition: 'background 0.2s'
                         }, children: _jsx("svg", { width: "10", height: "16", viewBox: "0 0 10 16", fill: "none", children: _jsx("path", { d: "M8.5 1L1.5 8L8.5 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("button", { type: "button", "aria-label": "Proximo slide", onClick: () => { var _a; return (_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.moveToIdx(instanceRef.current.track.details.rel + 1); }, style: {
                             position: 'absolute',
                             right: 8,
@@ -84,7 +84,7 @@ function InteractiveSliderComponent({ component }) {
                             display: 'flex',
                             alignItems: 'center',
                             justifyContent: 'center',
-                            transition: 'background 0.2s',
+                            transition: 'background 0.2s'
                         }, children: _jsx("svg", { width: "10", height: "16", viewBox: "0 0 10 16", fill: "none", children: _jsx("path", { d: "M1.5 1L8.5 8L1.5 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] })), showDots && (_jsx("div", { "aria-label": "Navegacao do slider", style: { display: 'flex', justifyContent: 'center', gap: 6, marginTop: 12 }, children: slides.map((element, index) => (_jsx("button", { type: "button", "aria-label": `Ir para o slide ${index + 1}`, "aria-current": currentSlide === index ? 'true' : undefined, onClick: () => { var _a; return (_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.moveToIdx(index); }, style: {
                         width: 28,
                         height: 28,
@@ -99,7 +99,7 @@ function InteractiveSliderComponent({ component }) {
                         display: 'flex',
                         alignItems: 'center',
                         justifyContent: 'center',
-                        transition: 'all 0.2s',
+                        transition: 'all 0.2s'
                     }, children: index + 1 }, element.id))) }))] }));
 }
 export function SliderComponent({ component, editionMode = false }) {

package/dist/elements/ButtonElement.js

@@ -56,6 +56,7 @@ export function ButtonElement({ element, formId }) {
     if (hidden)
         return null;
     const buttonType = properties.type === 'button' || properties.type === 'submit' || properties.type === 'reset'
-        ? properties.type : undefined;
+        ? properties.type
+        : undefined;
     return (_jsx(ElementColWrapper, { element: element, children: _jsx(Button, { as: properties.path ? 'a' : 'button', type: buttonType, variant: getString(properties, 'variant', buttonType ? 'primary' : getString(properties, 'type', 'primary')), href: getString(properties, 'path'), target: properties.path ? '_blank' : undefined, rel: properties.path ? 'noopener noreferrer' : undefined, disabled: loading, onClick: handleClick, style: element.styles, children: loading ? (_jsxs(_Fragment, { children: [_jsx("output", { "aria-busy": "true", children: _jsx(Spinner, { as: "span", animation: "border", size: "sm", "aria-hidden": "true" }) }), ' ' + getString(properties, 'message')] })) : (getString(properties, 'text') || getString(properties, 'title')) }) }));
 }

package/dist/elements/IconMap.js

@@ -1,4 +1,4 @@
-import { FaArrowRight, FaBars, FaCalendar, FaCheck, FaChevronLeft, FaChevronRight, FaClock, FaEnvelope, FaFacebookF, FaGlobe, FaHeart, FaHome, FaInfoCircle, FaInstagram, FaLink, FaMapMarkerAlt, FaPhone, FaQuestionCircle, FaQuoteLeft, FaSearch, FaShoppingCart, FaStar, FaTimes, FaTwitter, FaUser, FaWhatsapp, FaYoutube, } from 'react-icons/fa';
+import { FaArrowRight, FaBars, FaCalendar, FaCheck, FaChevronLeft, FaChevronRight, FaClock, FaEnvelope, FaFacebookF, FaGlobe, FaHeart, FaHome, FaInfoCircle, FaInstagram, FaLink, FaMapMarkerAlt, FaPhone, FaQuestionCircle, FaQuoteLeft, FaSearch, FaShoppingCart, FaStar, FaTimes, FaTwitter, FaUser, FaWhatsapp, FaYoutube } from 'react-icons/fa';
 export const iconMap = {
     FaArrowRight,
     FaBars,
@@ -26,5 +26,5 @@ export const iconMap = {
     FaTwitter,
     FaUser,
     FaWhatsapp,
-    FaYoutube,
+    FaYoutube
 };

package/dist/elements/InputElement.js

@@ -59,7 +59,8 @@ export function InputElement({ element, formId }) {
     const setCheckedValue = (checked, value) => {
         const store = UseFormStore.getState();
         if (checked && element.elementType === ElementTypeEnum.Radio && name && resolvedFormId !== undefined) {
-            store.getElementsByForm(resolvedFormId)
+            store
+                .getElementsByForm(resolvedFormId)
                 .filter((field) => field.id !== element.id && field.type === ElementTypeEnum.Radio && field.name === name)
                 .forEach((field) => store.setElementState(field.id, { value: '' }));
         }
@@ -75,12 +76,12 @@ export function InputElement({ element, formId }) {
                     const data = typeof option === 'object' && option !== null ? option : null;
                     const value = String((_a = data === null || data === void 0 ? void 0 : data.value) !== null && _a !== void 0 ? _a : option);
                     const text = String((_d = (_c = (_b = data === null || data === void 0 ? void 0 : data.label) !== null && _b !== void 0 ? _b : data === null || data === void 0 ? void 0 : data.text) !== null && _c !== void 0 ? _c : data === null || data === void 0 ? void 0 : data.title) !== null && _d !== void 0 ? _d : value);
-                    return _jsx("option", { value: value, children: text }, `${value}-${index}`);
+                    return (_jsx("option", { value: value, children: text }, `${value}-${index}`));
                 }) }));
         }
         if (element.elementType === ElementTypeEnum.Checkbox || element.elementType === ElementTypeEnum.Radio) {
             const value = getString(properties, 'value', 'on');
-            return (_jsxs("div", { className: "form-check", children: [_jsx("input", { id: controlId, type: element.elementType, defaultChecked: getBoolean(properties, 'checked'), value: value, onChange: (e) => setCheckedValue(e.target.checked, value), onBlur: handleBlur, required: getBoolean(properties, 'required'), name: name, className: `form-check-input${error ? ' is-invalid' : ''}`, style: element.styles }), label && _jsx("label", { className: "form-check-label", htmlFor: controlId, children: label })] }));
+            return (_jsxs("div", { className: "form-check", children: [_jsx("input", { id: controlId, type: element.elementType, defaultChecked: getBoolean(properties, 'checked'), value: value, onChange: (e) => setCheckedValue(e.target.checked, value), onBlur: handleBlur, required: getBoolean(properties, 'required'), name: name, className: `form-check-input${error ? ' is-invalid' : ''}`, style: element.styles }), label && (_jsx("label", { className: "form-check-label", htmlFor: controlId, children: label }))] }));
         }
         if (element.elementType === ElementTypeEnum.File) {
             return (_jsx("div", { className: "alert alert-secondary", role: "status", style: element.styles, children: "File upload not available in this form." }));

package/dist/layouts/Header.js

@@ -7,9 +7,7 @@ export function Header({ website, imageBaseUrl }) {
     const headerStyles = website.header.styles;
     const domain = (website.domain || '').replaceAll('.', '');
     const location = useLocation();
-    const menuPages = useMemo(() => (website.pages || [])
-        .filter((p) => p.menu === true)
-        .sort((a, b) => (a.menuOrder || 0) - (b.menuOrder || 0)), [website.pages]);
+    const menuPages = useMemo(() => (website.pages || []).filter((p) => p.menu === true).sort((a, b) => (a.menuOrder || 0) - (b.menuOrder || 0)), [website.pages]);
     const isActive = useCallback((path) => {
         const currentPath = location.pathname;
         if (path === '/')
@@ -30,7 +28,7 @@ export function Header({ website, imageBaseUrl }) {
                                             margin: '0 12px',
                                             paddingBottom: '4px',
                                             borderBottom: active ? '2px solid #c0ad5b' : '2px solid transparent',
-                                            transition: 'color 0.3s, border-color 0.3s',
+                                            transition: 'color 0.3s, border-color 0.3s'
                                         }, children: p.title }, p.id));
                                 }) }) })] }))] }) }));
 }

package/dist/renderers/SectionRenderer.js

@@ -24,7 +24,8 @@ const GridRenderer = memo(function GridRenderer({ section, editionMode }) {
     const grid = gridClass(section.id);
     const columns = useMemo(() => section.columns.filter((col) => col.components.some((c) => c.enabled) || col.childSections.length > 0), [section.columns]);
     const css = useMemo(() => {
-        const rules = columns.map((column) => {
+        const rules = columns
+            .map((column) => {
             const properties = column.properties || {};
             const row = Math.max(0, Number(properties.row) || 0);
             const rowSpan = Math.max(1, Number(properties.rowSpan) || 1);
@@ -37,7 +38,8 @@ const GridRenderer = memo(function GridRenderer({ section, editionMode }) {
                 `@media (min-width:576px){.${grid} .${columnClass}{grid-column:span ${sm}}}`,
                 `@media (min-width:768px){.${grid} .${columnClass}{grid-column:span ${md};grid-row:${row + 1}/span ${rowSpan}}}`
             ].join('');
-        }).join('');
+        })
+            .join('');
         return `.${grid}{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}${rules}`;
     }, [grid, columns]);
     return (_jsxs(_Fragment, { children: [_jsx("style", { children: css }), _jsx("div", { id: `section-${section.id}`, className: grid, style: section.sectionType === 'row' ? section.styles : undefined, children: columns.map((column) => (_jsx("div", { id: `column-${column.id}`, className: gridClass(column.id), style: column.styles, children: _jsx(ColumnContent, { column: column, editionMode: editionMode }) }, column.id))) })] }));
@@ -51,7 +53,7 @@ const SectionContent = memo(function SectionContent({ section, editionMode }) {
         return (_jsx(Row, { id: `section-${section.id}`, style: section.sectionType === 'row' ? section.styles : undefined, children: section.columns.map((column) => (_jsx(ColumnRenderer, { column: column, editionMode: editionMode }, column.id))) }));
     }, [usesGrid, section, editionMode]);
     if (section.sectionType === 'container-fluid') {
-        return _jsx(Container, { fluid: true, style: section.styles, children: content });
+        return (_jsx(Container, { fluid: true, style: section.styles, children: content }));
     }
     if (section.sectionType === 'container') {
         return _jsx(Container, { style: section.styles, children: content });

package/dist/services/EmailService.js

@@ -37,7 +37,9 @@ class EmailService {
                 `CPF: ${(_d = document === null || document === void 0 ? void 0 : document.value) !== null && _d !== void 0 ? _d : ''}`,
                 `E-mail: ${(_e = email === null || email === void 0 ? void 0 : email.value) !== null && _e !== void 0 ? _e : ''}`,
                 `Celular: ${(_f = phone === null || phone === void 0 ? void 0 : phone.value) !== null && _f !== void 0 ? _f : ''}`
-            ].filter(Boolean).join('\n')
+            ]
+                .filter(Boolean)
+                .join('\n')
         };
     }
 }

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "lib-pixelbuild",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "engines": {
-    "node": "^24.18.0",
+    "node": "^24.0.0",
     "npm": ">=10"
   },
   "type": "module",