@levo-so/blocks 0.1.54 → 0.1.58

package/src/blocks/filter-listing/filter-listing-1.tsx

@@ -0,0 +1,128 @@
+import {
+  type ILevoBlockBaseProps,
+  AccordionRoot,
+  AccordionItem,
+  AccordionTrigger,
+  AccordionContent,
+  Box,
+  Button,
+  Container,
+  Heading,
+  Icon,
+  IntegrationFilters,
+  Media,
+  Section,
+  Typography,
+  useContentEngine,
+} from "@levo-so/studio";
+
+import type { IFilterListing1Content } from "./filter-listing-1.schema";
+
+const FilterListing1: React.FC<ILevoBlockBaseProps<IFilterListing1Content>> = ({
+  config,
+}) => {
+  const { data, query, setQuery, meta } = useContentEngine("listing");
+
+  const handleNext = () => setQuery({ page: (query?.page || 0) + 1 });
+  const handlePrevious = () => setQuery({ page: (query?.page || 0) - 1 });
+  return (
+    <Section elementKey="layout">
+      <Container elementKey="container">
+        <Box elementKey="header_wrapper">
+          <Heading elementKey="header" />
+        </Box>
+        <Box elementKey="listing_wrapper">
+          {config?.listing_levoGroup?.filters?.schema && (
+            <AccordionRoot
+              type="single"
+              elementKey="filters_accordion"
+              defaultValue="filters"
+            >
+              <AccordionItem
+                value="filters"
+                elementKey="filters_accordion_item"
+              >
+                <AccordionTrigger elementKey="filters_accordion_trigger">
+                  <Typography elementKey="filters_accordion_title">
+                    Filters
+                  </Typography>
+                </AccordionTrigger>
+                <AccordionContent elementKey="filters_accordion_content">
+                  <Box elementKey="filters_box">
+                    <IntegrationFilters
+                      query={query}
+                      setQuery={setQuery}
+                      schema={config?.listing_levoGroup?.filters?.schema}
+                      selectedFields={
+                        config?.listing_levoGroup?.filters?.selected_fields ??
+                        []
+                      }
+                    />
+                  </Box>
+                </AccordionContent>
+              </AccordionItem>
+            </AccordionRoot>
+          )}
+          <Box elementKey="listing_levoGroup" data-levo_group>
+            {(data || [])?.map((item: any, index: number) => (
+              <Box
+                key={`listing.${index}`}
+                data-levo_group_item
+                elementKey={`listing.${index}.card`}
+              >
+                <Media
+                  elementKey={`listing.${index}.media`}
+                  alt="Filter Media"
+                />
+                <Box elementKey={`listing.${index}.filter_info_wrapper`}>
+                  <Box elementKey={`listing.${index}.filter_content`}>
+                    <Heading elementKey={`listing.${index}.title`} />
+                    <Box
+                      elementKey={`listing.${index}.points_levoGroup`}
+                      data-levo_group
+                    >
+                      {(item.points || [])?.map((_: any, pIndex: number) => (
+                        <Box
+                          key={pIndex}
+                          elementKey={`listing.${index}.points.${pIndex}.container`}
+                          data-levo_group_item
+                        >
+                          <Icon
+                            elementKey={`listing.${index}.points.${pIndex}.icon`}
+                          />
+                          <Typography
+                            elementKey={`listing.${index}.points.${pIndex}.text`}
+                          />
+                        </Box>
+                      ))}
+                    </Box>
+                  </Box>
+                  <Button elementKey={`listing.${index}.cta`} />
+                </Box>
+              </Box>
+            ))}
+          </Box>
+        </Box>
+        {(meta?.pages ?? 0) > 1 ? (
+          <Box elementKey="pagination_wrapper">
+            <Button
+              elementKey="pagination_left"
+              disabled={query?.page === 1}
+              onClick={handlePrevious}
+            />
+            <Typography elementKey="pagination_text">
+              {`${query?.page || 0}/${meta?.pages || 0}`}
+            </Typography>
+            <Button
+              elementKey="pagination_right"
+              onClick={handleNext}
+              disabled={query?.page === meta?.pages}
+            />
+          </Box>
+        ) : null}
+      </Container>
+    </Section>
+  );
+};
+
+export default FilterListing1;

package/src/blocks/footer/footer-6.schema.ts

@@ -49,7 +49,7 @@ const DEFAULT_CONTENT = {
             '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M17 21.25H7C3.35 21.25 1.25 19.15 1.25 15.5V8.5C1.25 4.85 3.35 2.75 7 2.75H14C14.41 2.75 14.75 3.09 14.75 3.5C14.75 3.91 14.41 4.25 14 4.25H7C4.14 4.25 2.75 5.64 2.75 8.5V15.5C2.75 18.36 4.14 19.75 7 19.75H17C19.86 19.75 21.25 18.36 21.25 15.5V10.5C21.25 10.09 21.59 9.75 22 9.75C22.41 9.75 22.75 10.09 22.75 10.5V15.5C22.75 19.15 20.65 21.25 17 21.25Z" fill="var(--color-icon-primary)"/>\n<path d="M11.9998 12.87C11.1598 12.87 10.3098 12.61 9.65978 12.08L6.52978 9.58002C6.20978 9.32002 6.14978 8.85002 6.40978 8.53002C6.66978 8.21002 7.13977 8.15003 7.45977 8.41003L10.5898 10.91C11.3498 11.52 12.6398 11.52 13.3998 10.91L14.5798 9.97002C14.8998 9.71002 15.3798 9.76002 15.6298 10.09C15.8898 10.41 15.8398 10.89 15.5098 11.14L14.3298 12.08C13.6898 12.61 12.8398 12.87 11.9998 12.87Z" fill="var(--color-icon-primary)"/>\n<path d="M19.5 8.75C17.71 8.75 16.25 7.29 16.25 5.5C16.25 3.71 17.71 2.25 19.5 2.25C21.29 2.25 22.75 3.71 22.75 5.5C22.75 7.29 21.29 8.75 19.5 8.75ZM19.5 3.75C18.54 3.75 17.75 4.54 17.75 5.5C17.75 6.46 18.54 7.25 19.5 7.25C20.46 7.25 21.25 6.46 21.25 5.5C21.25 4.54 20.46 3.75 19.5 3.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
         },
       },
-      description: "<p><strong>-venture@isb.edu</strong></p>",
+      description: "<p><strong>-venture@xyz.edu</strong></p>",
       label: "<p>Email</p>",
     },
     {
@@ -63,7 +63,7 @@ const DEFAULT_CONTENT = {
             '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M17.45 22.75C16.32 22.75 15.13 22.48 13.9 21.96C12.7 21.45 11.49 20.75 10.31 19.9C9.14 19.04 8.01 18.08 6.94 17.03C5.88 15.96 4.92 14.83 4.07 13.67C3.21 12.47 2.52 11.27 2.03 10.11C1.51 8.87 1.25 7.67 1.25 6.54C1.25 5.76 1.39 5.02 1.66 4.33C1.94 3.62 2.39 2.96 3 2.39C3.77 1.63 4.65 1.25 5.59 1.25C5.98 1.25 6.38 1.34 6.72 1.5C7.11 1.68 7.44 1.95 7.68 2.31L10 5.58C10.21 5.87 10.37 6.15 10.48 6.43C10.61 6.73 10.68 7.03 10.68 7.32C10.68 7.7 10.57 8.07 10.36 8.42C10.21 8.69 9.98 8.98 9.69 9.27L9.01 9.98C9.02 10.01 9.03 10.03 9.04 10.05C9.16 10.26 9.4 10.62 9.86 11.16C10.35 11.72 10.81 12.23 11.27 12.7C11.86 13.28 12.35 13.74 12.81 14.12C13.38 14.6 13.75 14.84 13.97 14.95L13.95 15L14.68 14.28C14.99 13.97 15.29 13.74 15.58 13.59C16.13 13.25 16.83 13.19 17.53 13.48C17.79 13.59 18.07 13.74 18.37 13.95L21.69 16.31C22.06 16.56 22.33 16.88 22.49 17.26C22.64 17.64 22.71 17.99 22.71 18.34C22.71 18.82 22.6 19.3 22.39 19.75C22.18 20.2 21.92 20.59 21.59 20.95C21.02 21.58 20.4 22.03 19.68 22.32C18.99 22.6 18.24 22.75 17.45 22.75ZM5.59 2.75C5.04 2.75 4.53 2.99 4.04 3.47C3.58 3.9 3.26 4.37 3.06 4.88C2.85 5.4 2.75 5.95 2.75 6.54C2.75 7.47 2.97 8.48 3.41 9.52C3.86 10.58 4.49 11.68 5.29 12.78C6.09 13.88 7 14.95 8 15.96C9 16.95 10.08 17.87 11.19 18.68C12.27 19.47 13.38 20.11 14.48 20.57C16.19 21.3 17.79 21.47 19.11 20.92C19.62 20.71 20.07 20.39 20.48 19.93C20.71 19.68 20.89 19.41 21.04 19.09C21.16 18.84 21.22 18.58 21.22 18.32C21.22 18.16 21.19 18 21.11 17.82C21.08 17.76 21.02 17.65 20.83 17.52L17.51 15.16C17.31 15.02 17.13 14.92 16.96 14.85C16.74 14.76 16.65 14.67 16.31 14.88C16.11 14.98 15.93 15.13 15.73 15.33L14.97 16.08C14.58 16.46 13.98 16.55 13.52 16.38L13.25 16.26C12.84 16.04 12.36 15.7 11.83 15.25C11.35 14.84 10.83 14.36 10.2 13.74C9.71 13.24 9.22 12.71 8.71 12.12C8.24 11.57 7.9 11.1 7.69 10.71L7.57 10.41C7.51 10.18 7.49 10.05 7.49 9.91C7.49 9.55 7.62 9.23 7.87 8.98L8.62 8.2C8.82 8 8.97 7.81 9.07 7.64C9.15 7.51 9.18 7.4 9.18 7.3C9.18 7.22 9.15 7.1 9.1 6.98C9.03 6.82 8.92 6.64 8.78 6.45L6.46 3.17C6.36 3.03 6.24 2.93 6.09 2.86C5.93 2.79 5.76 2.75 5.59 2.75ZM13.95 15.01L13.79 15.69L14.06 14.99C14.01 14.98 13.97 14.99 13.95 15.01Z" fill="var(--color-icon-primary)"/>\n</svg>',
         },
       },
-      description: "<p><strong>-venture@isb.edu</strong></p>",
+      description: "<p><strong>-venture@xyz.edu</strong></p>",
       label: "<p>Email</p>",
     },
   ],