dune-react 0.0.22 → 0.0.24
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.
- package/dist/components/puck-base/image.js +1 -1
- package/dist/components/puck-block/banner-sections/css-marquee-banner/css-marquee-banner.js +13 -13
- package/dist/components/puck-block/banner-sections/dual-row-marquee/dual-row-marquee.js +77 -53
- package/dist/components/puck-block/banner-sections/scroll-driven-marquee/scroll-driven-marquee.js +8 -6
- package/dist/components/puck-block/banner-sections/scroll-parallax-text/scroll-parallax-text.js +3 -1
- package/dist/components/puck-block/contact-sections/contact-cards-grid/contact-cards-grid.js +1 -1
- package/dist/components/puck-block/contact-sections/form-with-media/form-with-media.js +1 -1
- package/dist/components/puck-block/contact-sections/header-form-cards/header-form-cards.js +1 -1
- package/dist/components/puck-block/contact-sections/header-info-fullwidth/header-info-fullwidth.js +2 -2
- package/dist/components/puck-block/contact-sections/info-cards-media/info-cards-media.js +2 -2
- package/dist/components/puck-block/contact-sections/split-info-form/split-info-form.js +1 -1
- package/dist/components/puck-block/contact-sections/tab-locations/tab-locations.js +71 -55
- package/dist/components/puck-block/cta-sections/mouse-track-cta/mouse-track-cta.js +4 -4
- package/dist/components/puck-block/cta-sections/side-media-cta/side-media-cta.js +1 -1
- package/dist/components/puck-block/cta-sections/text-block-cta/text-block-cta.js +2 -2
- package/dist/components/puck-block/feature-sections/feature-cards-grid/component.js +1 -1
- package/dist/components/puck-block/feature-sections/feature-list-split/component.js +1 -1
- package/dist/components/puck-block/feature-sections/tab-feature/component.js +4 -4
- package/dist/components/puck-block/feature-sections/text-media-split/component.js +1 -1
- package/dist/components/puck-block/footer-sections/centered-minimal-footer/centered-minimal-footer.js +72 -18
- package/dist/components/puck-block/footer-sections/centered-minimal-footer/index.d.ts +79 -0
- package/dist/components/puck-block/footer-sections/centered-minimal-footer/index.js +43 -1
- package/dist/components/puck-block/footer-sections/compact-newsletter-footer/index.d.ts +41 -0
- package/dist/components/puck-block/footer-sections/contact-links-footer/contact-links-footer.js +4 -3
- package/dist/components/puck-block/footer-sections/contact-links-footer/index.d.ts +86 -0
- package/dist/components/puck-block/footer-sections/contact-links-footer/index.js +1 -1
- package/dist/components/puck-block/footer-sections/cta-links-footer/cta-links-footer.js +3 -2
- package/dist/components/puck-block/footer-sections/cta-links-footer/index.d.ts +37 -0
- package/dist/components/puck-block/footer-sections/cta-links-footer/index.js +1 -1
- package/dist/components/puck-block/footer-sections/links-newsletter-footer/index.d.ts +54 -0
- package/dist/components/puck-block/footer-sections/newsletter-links-footer/index.d.ts +41 -0
- package/dist/components/puck-block/footer-sections/newsletter-top-links-footer/index.d.ts +54 -0
- package/dist/components/puck-block/footer-sections/props.d.ts +3 -0
- package/dist/components/puck-block/gallery-sections/fullscreen-portfolio/fullscreen-portfolio.js +1 -1
- package/dist/components/puck-block/gallery-sections/image-carousel/index.d.ts +14 -1
- package/dist/components/puck-block/gallery-sections/interactive-portfolio/interactive-portfolio.js +166 -105
- package/dist/components/puck-block/gallery-sections/masonry-grid/index.d.ts +17 -1
- package/dist/components/puck-block/gallery-sections/masonry-grid/masonry-grid.js +56 -31
- package/dist/components/puck-block/gallery-sections/portfolio-cards/index.d.ts +17 -1
- package/dist/components/puck-block/gallery-sections/portfolio-cards/portfolio-cards.js +41 -13
- package/dist/components/puck-block/gallery-sections/portfolio-divider/portfolio-divider.js +1 -1
- package/dist/components/puck-block/gallery-sections/props.d.ts +42 -3
- package/dist/components/puck-block/gallery-sections/props.js +24 -6
- package/dist/components/puck-block/gallery-sections/scroll-parallax/scroll-parallax.js +71 -22
- package/dist/components/puck-block/gallery-sections/scroll-parallax-portfolio/scroll-parallax-portfolio.js +284 -159
- package/dist/components/puck-block/gallery-sections/split-carousel/index.d.ts +11 -1
- package/dist/components/puck-block/gallery-sections/static-grid/index.d.ts +17 -1
- package/dist/components/puck-block/header-sections/centered-navbar/centered-navbar.js +95 -14
- package/dist/components/puck-block/header-sections/drawer-navbar/drawer-navbar.js +4 -3
- package/dist/components/puck-block/header-sections/floating-bordered-navbar/floating-bordered-navbar.js +5 -4
- package/dist/components/puck-block/header-sections/fullscreen-overlay-navbar/fullscreen-overlay-navbar.js +4 -3
- package/dist/components/puck-block/header-sections/mega-menu-navbar/mega-menu-navbar.js +3 -2
- package/dist/components/puck-block/header-sections/props.d.ts +3 -0
- package/dist/components/puck-block/header-sections/standard-navbar/standard-navbar.js +3 -2
- package/dist/components/puck-block/hero-sections/carousel-hero/component.js +3 -3
- package/dist/components/puck-block/hero-sections/column-scroll-hero/component.js +8 -8
- package/dist/components/puck-block/hero-sections/dual-marquee-hero/component.js +6 -6
- package/dist/components/puck-block/hero-sections/fullscreen-video-hero/component.js +1 -1
- package/dist/components/puck-block/hero-sections/grid-expand-hero/component.js +26 -17
- package/dist/components/puck-block/hero-sections/grid-expand-hero/index.d.ts +17 -1
- package/dist/components/puck-block/hero-sections/horizontal-marquee-hero/component.js +3 -3
- package/dist/components/puck-block/hero-sections/inline-image-hero/inline-image-hero.js +59 -28
- package/dist/components/puck-block/hero-sections/mouse-track-hero/component.js +60 -19
- package/dist/components/puck-block/hero-sections/multi-image-grid-hero/index.d.ts +17 -1
- package/dist/components/puck-block/hero-sections/multi-image-grid-hero/multi-image-grid-hero.js +2 -2
- package/dist/components/puck-block/hero-sections/overlapping-image-hero/overlapping-image-hero.js +3 -3
- package/dist/components/puck-block/hero-sections/parallax-images-hero/component.js +18 -6
- package/dist/components/puck-block/hero-sections/props.d.ts +34 -2
- package/dist/components/puck-block/hero-sections/props.js +18 -4
- package/dist/components/puck-block/hero-sections/scatter-parallax-hero/component.js +9 -7
- package/dist/components/puck-block/hero-sections/scroll-expand-video-hero/component.js +7 -5
- package/dist/components/puck-block/hero-sections/scroll-zoom-hero/component.js +5 -3
- package/dist/components/puck-block/hero-sections/sticky-expand-hero/component.js +1 -1
- package/dist/components/puck-block/hero-sections/sticky-expand-hero/index.d.ts +13 -5
- package/dist/components/puck-block/hero-sections/sticky-expand-hero/index.js +2 -2
- package/dist/components/puck-block/hero-sections/sticky-video-hero/component.js +2 -2
- package/dist/components/puck-block/hero-sections/tab-hero/component.js +5 -5
- package/dist/components/puck-block/hero-sections/three-image-parallax-hero/component.js +3 -3
- package/dist/components/puck-block/hero-sections/vertical-gallery-hero/component.js +6 -6
- package/dist/components/puck-block/hero-sections/zoom-grid-hero/component.js +14 -12
- package/dist/components/puck-block/index.d.ts +1 -0
- package/dist/components/puck-block/location-sections/index.d.ts +3 -0
- package/dist/components/puck-block/location-sections/location-1/index.js +102 -0
- package/dist/components/puck-block/location-sections/location-1/location.d.ts +0 -3
- package/dist/components/puck-block/location-sections/location-1/location.js +139 -0
- package/dist/components/puck-block/location-sections/location-2/index.js +126 -0
- package/dist/components/puck-block/location-sections/location-2/location.d.ts +0 -3
- package/dist/components/puck-block/location-sections/location-2/location.js +133 -0
- package/dist/components/puck-block/location-sections/location-3/index.js +109 -0
- package/dist/components/puck-block/location-sections/location-3/location.d.ts +0 -3
- package/dist/components/puck-block/location-sections/location-3/location.js +140 -0
- package/dist/components/puck-block/location-sections/props.d.ts +0 -3
- package/dist/components/puck-block/metrics-sections/center-media-stats/center-media-stats.js +1 -1
- package/dist/components/puck-block/metrics-sections/header-stats-row/header-stats-row.js +1 -1
- package/dist/components/puck-block/metrics-sections/mixed-grid-stats/mixed-grid-stats.js +2 -2
- package/dist/components/puck-block/metrics-sections/split-stats/split-stats.js +1 -1
- package/dist/components/puck-block/metrics-sections/tab-stats/tab-stats.js +4 -4
- package/dist/components/puck-block/pricing-sections/pricing-comparison-table/component.js +134 -33
- package/dist/components/puck-block/pricing-sections/pricing-comparison-table/index.d.ts +47 -0
- package/dist/components/puck-block/pricing-sections/pricing-comparison-table/index.js +34 -0
- package/dist/components/puck-block/pricing-sections/split-pricing/component.js +3 -3
- package/dist/components/puck-block/pricing-sections/tab-pricing-grid/component.js +86 -40
- package/dist/components/puck-block/pricing-sections/tab-single-pricing/component.js +1 -1
- package/dist/components/puck-block/registry.generated.d.ts +501 -12
- package/dist/components/puck-block/registry.generated.js +157 -138
- package/dist/components/puck-block/showcase-sections/tab-timeline/component.js +2 -2
- package/dist/components/puck-block/testimonial-sections/bento-testimonial/component.js +157 -83
- package/dist/components/puck-block/testimonial-sections/centered-testimonial/component.js +71 -28
- package/dist/components/puck-block/testimonial-sections/image-testimonial/component.js +66 -29
- package/dist/components/puck-block/testimonial-sections/image-testimonial-carousel/component.js +1 -1
- package/dist/components/puck-block/testimonial-sections/tab-testimonial/component.js +6 -6
- package/dist/components/puck-block/testimonial-sections/testimonial-card-grid/component.js +2 -2
- package/dist/components/puck-block/testimonial-sections/testimonial-carousel/component.js +1 -1
- package/dist/components/puck-block/text-sections/prose-content/component.js +1 -1
- package/dist/components/puck-block/text-sections/side-media-content/component.js +1 -1
- package/dist/components/puck-block/text-sections/sticky-text-multi-image/component.js +3 -3
- package/dist/components/puck-core/core/props/form.js +25 -1
- package/dist/components/puck-core/core/props/media.js +6 -1
- package/dist/components/puck-core/fields/array-field.d.ts +7 -0
- package/dist/components/puck-core/fields/array-field.js +229 -0
- package/dist/components/puck-core/fields/auto-field.js +11 -0
- package/dist/components/puck-core/fields/image-upload-field.js +1 -1
- package/dist/components/puck-core/fields/index.d.ts +1 -0
- package/dist/components/puck-core/fields/location-field.js +4 -1
- package/dist/components/puck-core/fields/object-field.js +1 -1
- package/dist/index.js +6 -0
- package/dist/node_modules/.pnpm/@dnd-kit_accessibility@3.1.1_react@19.2.4/node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js +59 -0
- package/dist/node_modules/.pnpm/@dnd-kit_core@6.3.1_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@dnd-kit/core/dist/core.esm.js +3093 -0
- package/dist/node_modules/.pnpm/@dnd-kit_sortable@10.0.0_@dnd-kit_core@6.3.1_react-dom@19.2.4_react@19.2.4__react@19.2.4__react@19.2.4/node_modules/@dnd-kit/sortable/dist/sortable.esm.js +592 -0
- package/dist/node_modules/.pnpm/@dnd-kit_utilities@3.2.2_react@19.2.4/node_modules/@dnd-kit/utilities/dist/utilities.esm.js +301 -0
- package/package.json +7 -1
|
@@ -3,23 +3,64 @@ import { CompoundImage } from "../../../puck-base/image.js";
|
|
|
3
3
|
import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
|
|
4
4
|
import { cn } from "../../../../utils/css-utils.js";
|
|
5
5
|
const CenteredMinimalFooter = (props) => {
|
|
6
|
-
const {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
6
|
+
const {
|
|
7
|
+
logo,
|
|
8
|
+
columnLinks,
|
|
9
|
+
socialMediaLinks,
|
|
10
|
+
footerText,
|
|
11
|
+
footerLinks,
|
|
12
|
+
styles
|
|
13
|
+
} = { ...CenteredMinimalFooterDefaults, ...props };
|
|
14
|
+
const {
|
|
15
|
+
className: sectionClassName,
|
|
16
|
+
style: sectionStyle,
|
|
17
|
+
css
|
|
18
|
+
} = styles ?? {};
|
|
19
|
+
return /* @__PURE__ */ jsx(
|
|
20
|
+
SectionWrapper,
|
|
21
|
+
{
|
|
22
|
+
className: cn("px-[5%] py-6 md:py-9 lg:py-10", sectionClassName),
|
|
23
|
+
style: sectionStyle,
|
|
24
|
+
css,
|
|
25
|
+
children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
|
|
26
|
+
/* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center justify-center justify-items-center gap-x-[4vw] gap-y-12 pb-12 md:pb-18 lg:grid-cols-[0.25fr_1fr_0.25fr] lg:justify-between lg:gap-y-4 lg:pb-20", children: [
|
|
27
|
+
/* @__PURE__ */ jsx("a", { href: logo == null ? void 0 : logo.url, className: "lg:justify-self-start", children: /* @__PURE__ */ jsx(
|
|
28
|
+
CompoundImage,
|
|
29
|
+
{
|
|
30
|
+
src: logo == null ? void 0 : logo.src,
|
|
31
|
+
alt: logo == null ? void 0 : logo.alt,
|
|
32
|
+
className: "inline-block"
|
|
33
|
+
}
|
|
34
|
+
) }),
|
|
35
|
+
columnLinks == null ? void 0 : columnLinks.map((col, i) => {
|
|
36
|
+
var _a;
|
|
37
|
+
return /* @__PURE__ */ jsx(
|
|
38
|
+
"ul",
|
|
39
|
+
{
|
|
40
|
+
className: "grid grid-flow-row grid-cols-1 items-start justify-center justify-items-center gap-6 md:grid-flow-col md:grid-cols-[max-content] md:justify-center md:justify-items-start",
|
|
41
|
+
children: (_a = col.links) == null ? void 0 : _a.map((l, li) => /* @__PURE__ */ jsx("li", { className: "font-semibold", children: /* @__PURE__ */ jsx("a", { href: l.url, children: l.title }) }, li))
|
|
42
|
+
},
|
|
43
|
+
i
|
|
44
|
+
);
|
|
45
|
+
}),
|
|
46
|
+
/* @__PURE__ */ jsx("div", { className: "flex items-start justify-start justify-items-center gap-x-3 lg:justify-self-end", children: socialMediaLinks == null ? void 0 : socialMediaLinks.map((l, i) => /* @__PURE__ */ jsx("a", { href: l.url, children: l.icon }, i)) })
|
|
47
|
+
] }),
|
|
48
|
+
/* @__PURE__ */ jsx("div", { className: "h-px w-full bg-black" }),
|
|
49
|
+
/* @__PURE__ */ jsxs("div", { className: "flex flex-col-reverse items-center justify-center pb-4 pt-6 text-sm md:flex-row md:gap-x-6 md:pb-0 md:pt-8", children: [
|
|
50
|
+
/* @__PURE__ */ jsx("p", { className: "mt-8 md:mt-0", children: footerText }),
|
|
51
|
+
/* @__PURE__ */ jsx("ul", { className: "grid grid-flow-row grid-cols-[max-content] items-center justify-center gap-y-4 text-sm md:grid-flow-col md:gap-x-6 md:gap-y-0", children: footerLinks == null ? void 0 : footerLinks.map((l, i) => /* @__PURE__ */ jsx("li", { className: "underline", children: /* @__PURE__ */ jsx("a", { href: l.url, children: l.title }) }, i)) })
|
|
52
|
+
] })
|
|
53
|
+
] })
|
|
54
|
+
}
|
|
55
|
+
);
|
|
20
56
|
};
|
|
21
57
|
const CenteredMinimalFooterDefaults = {
|
|
22
|
-
|
|
58
|
+
__metadata: { type: "footer" },
|
|
59
|
+
logo: {
|
|
60
|
+
url: "#",
|
|
61
|
+
src: "https://file.springbrand.ai/web_assets/template-logo.svg",
|
|
62
|
+
alt: "Logo image"
|
|
63
|
+
},
|
|
23
64
|
heading: "",
|
|
24
65
|
description: "",
|
|
25
66
|
buttons: [],
|
|
@@ -28,9 +69,22 @@ const CenteredMinimalFooterDefaults = {
|
|
|
28
69
|
inputPlaceholder: "",
|
|
29
70
|
button: { label: "" },
|
|
30
71
|
termsAndConditions: "",
|
|
31
|
-
columnLinks: [
|
|
32
|
-
|
|
33
|
-
|
|
72
|
+
columnLinks: [
|
|
73
|
+
{
|
|
74
|
+
links: [
|
|
75
|
+
{ title: "Link One", url: "#" },
|
|
76
|
+
{ title: "Link Two", url: "#" },
|
|
77
|
+
{ title: "Link Three", url: "#" },
|
|
78
|
+
{ title: "Link Four", url: "#" },
|
|
79
|
+
{ title: "Link Five", url: "#" }
|
|
80
|
+
]
|
|
81
|
+
}
|
|
82
|
+
],
|
|
83
|
+
footerText: "© 2024 Company. All rights reserved.",
|
|
84
|
+
footerLinks: [
|
|
85
|
+
{ title: "Privacy Policy", url: "#" },
|
|
86
|
+
{ title: "Terms of Service", url: "#" }
|
|
87
|
+
],
|
|
34
88
|
socialMediaLinks: [],
|
|
35
89
|
address: { label: "", value: "" },
|
|
36
90
|
contact: { label: "", phone: "", email: "" },
|
|
@@ -13,9 +13,88 @@ declare const conf: {
|
|
|
13
13
|
};
|
|
14
14
|
};
|
|
15
15
|
};
|
|
16
|
+
columnLinks: {
|
|
17
|
+
type: string;
|
|
18
|
+
label: string;
|
|
19
|
+
getItemSummary: (_item: unknown, index?: number) => string;
|
|
20
|
+
defaultItemProps: {
|
|
21
|
+
links: {
|
|
22
|
+
title: string;
|
|
23
|
+
url: string;
|
|
24
|
+
}[];
|
|
25
|
+
};
|
|
26
|
+
arrayFields: {
|
|
27
|
+
links: {
|
|
28
|
+
type: string;
|
|
29
|
+
label: string;
|
|
30
|
+
getItemSummary: (item: {
|
|
31
|
+
title?: string;
|
|
32
|
+
}, index?: number) => string;
|
|
33
|
+
defaultItemProps: {
|
|
34
|
+
title: string;
|
|
35
|
+
url: string;
|
|
36
|
+
};
|
|
37
|
+
arrayFields: {
|
|
38
|
+
title: {
|
|
39
|
+
type: string;
|
|
40
|
+
label: string;
|
|
41
|
+
};
|
|
42
|
+
url: {
|
|
43
|
+
type: string;
|
|
44
|
+
label: string;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
};
|
|
16
50
|
footerText: {
|
|
17
51
|
type: string;
|
|
18
52
|
};
|
|
53
|
+
footerLinks: {
|
|
54
|
+
type: string;
|
|
55
|
+
label: string;
|
|
56
|
+
getItemSummary: (item: {
|
|
57
|
+
title?: string;
|
|
58
|
+
}, index?: number) => string;
|
|
59
|
+
arrayFields: {
|
|
60
|
+
title: {
|
|
61
|
+
type: string;
|
|
62
|
+
label: string;
|
|
63
|
+
};
|
|
64
|
+
url: {
|
|
65
|
+
type: string;
|
|
66
|
+
label: string;
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
styles: {
|
|
71
|
+
type: string;
|
|
72
|
+
label: string;
|
|
73
|
+
objectFields: {
|
|
74
|
+
className: {
|
|
75
|
+
readonly type: "text";
|
|
76
|
+
readonly label: "Class Name";
|
|
77
|
+
readonly ai: {
|
|
78
|
+
readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
|
|
79
|
+
};
|
|
80
|
+
};
|
|
81
|
+
style: {
|
|
82
|
+
readonly type: "object";
|
|
83
|
+
readonly label: "Style";
|
|
84
|
+
readonly objectFields: {};
|
|
85
|
+
readonly ai: {
|
|
86
|
+
readonly instructions: "Inline CSSProperties object for the section wrapper, e.g. { backgroundColor: 'red', minHeight: '100vh' }.";
|
|
87
|
+
};
|
|
88
|
+
};
|
|
89
|
+
css: {
|
|
90
|
+
readonly type: "textarea";
|
|
91
|
+
readonly label: "Custom CSS";
|
|
92
|
+
readonly ai: {
|
|
93
|
+
readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
|
|
94
|
+
};
|
|
95
|
+
};
|
|
96
|
+
};
|
|
97
|
+
};
|
|
19
98
|
};
|
|
20
99
|
defaultProps: import("../props").FooterSectionBaseProps;
|
|
21
100
|
render: (props: CenteredMinimalFooterProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,48 @@
|
|
|
1
1
|
import { CenteredMinimalFooter, CenteredMinimalFooterDefaults } from "./centered-minimal-footer.js";
|
|
2
2
|
import { imageField } from "../../../puck-core/core/props/media.js";
|
|
3
|
-
|
|
3
|
+
import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
|
|
4
|
+
const conf = {
|
|
5
|
+
fields: {
|
|
6
|
+
logo: imageField,
|
|
7
|
+
columnLinks: {
|
|
8
|
+
type: "array",
|
|
9
|
+
label: "Link Columns",
|
|
10
|
+
getItemSummary: (_item, index = 0) => `Column ${index + 1}`,
|
|
11
|
+
defaultItemProps: {
|
|
12
|
+
links: [{ title: "Link", url: "#" }]
|
|
13
|
+
},
|
|
14
|
+
arrayFields: {
|
|
15
|
+
links: {
|
|
16
|
+
type: "array",
|
|
17
|
+
label: "Links",
|
|
18
|
+
getItemSummary: (item, index = 0) => item.title || `Link ${index + 1}`,
|
|
19
|
+
defaultItemProps: { title: "Link", url: "#" },
|
|
20
|
+
arrayFields: {
|
|
21
|
+
title: { type: "text", label: "Title" },
|
|
22
|
+
url: { type: "text", label: "URL" }
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
footerText: { type: "text" },
|
|
28
|
+
footerLinks: {
|
|
29
|
+
type: "array",
|
|
30
|
+
label: "Footer Links",
|
|
31
|
+
getItemSummary: (item, index = 0) => item.title || `Link ${index + 1}`,
|
|
32
|
+
arrayFields: {
|
|
33
|
+
title: { type: "text", label: "Title" },
|
|
34
|
+
url: { type: "text", label: "URL" }
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
styles: {
|
|
38
|
+
type: "object",
|
|
39
|
+
label: "Styles",
|
|
40
|
+
objectFields: { ...sectionWrapperFields }
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
defaultProps: CenteredMinimalFooterDefaults,
|
|
44
|
+
render: CenteredMinimalFooter
|
|
45
|
+
};
|
|
4
46
|
export {
|
|
5
47
|
CenteredMinimalFooter,
|
|
6
48
|
CenteredMinimalFooterDefaults,
|
|
@@ -74,6 +74,47 @@ declare const conf: {
|
|
|
74
74
|
termsAndConditions: {
|
|
75
75
|
type: string;
|
|
76
76
|
};
|
|
77
|
+
columnLinks: {
|
|
78
|
+
type: string;
|
|
79
|
+
label: string;
|
|
80
|
+
getItemSummary: (_item: unknown, index?: number) => string;
|
|
81
|
+
arrayFields: {
|
|
82
|
+
links: {
|
|
83
|
+
type: string;
|
|
84
|
+
label: string;
|
|
85
|
+
getItemSummary: (item: {
|
|
86
|
+
title?: string;
|
|
87
|
+
}, index?: number) => string;
|
|
88
|
+
arrayFields: {
|
|
89
|
+
title: {
|
|
90
|
+
type: string;
|
|
91
|
+
label: string;
|
|
92
|
+
};
|
|
93
|
+
url: {
|
|
94
|
+
type: string;
|
|
95
|
+
label: string;
|
|
96
|
+
};
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
};
|
|
101
|
+
footerLinks: {
|
|
102
|
+
type: string;
|
|
103
|
+
label: string;
|
|
104
|
+
getItemSummary: (item: {
|
|
105
|
+
title?: string;
|
|
106
|
+
}, index?: number) => string;
|
|
107
|
+
arrayFields: {
|
|
108
|
+
title: {
|
|
109
|
+
type: string;
|
|
110
|
+
label: string;
|
|
111
|
+
};
|
|
112
|
+
url: {
|
|
113
|
+
type: string;
|
|
114
|
+
label: string;
|
|
115
|
+
};
|
|
116
|
+
};
|
|
117
|
+
};
|
|
77
118
|
footerText: {
|
|
78
119
|
type: string;
|
|
79
120
|
};
|
package/dist/components/puck-block/footer-sections/contact-links-footer/contact-links-footer.js
CHANGED
|
@@ -34,7 +34,8 @@ const ContactLinksFooter = (props) => {
|
|
|
34
34
|
] }) });
|
|
35
35
|
};
|
|
36
36
|
const ContactLinksFooterDefaults = {
|
|
37
|
-
|
|
37
|
+
__metadata: { type: "footer" },
|
|
38
|
+
logo: { url: "#", src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Logo image" },
|
|
38
39
|
heading: "",
|
|
39
40
|
description: "",
|
|
40
41
|
buttons: [],
|
|
@@ -44,12 +45,12 @@ const ContactLinksFooterDefaults = {
|
|
|
44
45
|
button: { label: "" },
|
|
45
46
|
termsAndConditions: "",
|
|
46
47
|
address: { label: "Address:", value: "Level 1, 12 Sample St, Sydney NSW 2000" },
|
|
47
|
-
contact: { label: "Contact:", phone: "1800 123 4567", email: "info@
|
|
48
|
+
contact: { label: "Contact:", phone: "1800 123 4567", email: "info@example.com" },
|
|
48
49
|
columnLinks: [
|
|
49
50
|
{ links: [{ title: "Link One", url: "#" }, { title: "Link Two", url: "#" }, { title: "Link Three", url: "#" }] },
|
|
50
51
|
{ links: [{ title: "Link Four", url: "#" }, { title: "Link Five", url: "#" }, { title: "Link Six", url: "#" }] }
|
|
51
52
|
],
|
|
52
|
-
footerText: "© 2024
|
|
53
|
+
footerText: "© 2024 Company. All rights reserved.",
|
|
53
54
|
footerLinks: [{ title: "Privacy Policy", url: "#" }, { title: "Terms of Service", url: "#" }],
|
|
54
55
|
socialMediaLinks: [],
|
|
55
56
|
companyImages: [],
|
|
@@ -13,6 +13,92 @@ declare const conf: {
|
|
|
13
13
|
};
|
|
14
14
|
};
|
|
15
15
|
};
|
|
16
|
+
address: {
|
|
17
|
+
type: string;
|
|
18
|
+
label: string;
|
|
19
|
+
objectFields: {
|
|
20
|
+
label: {
|
|
21
|
+
type: string;
|
|
22
|
+
label: string;
|
|
23
|
+
};
|
|
24
|
+
value: {
|
|
25
|
+
type: string;
|
|
26
|
+
label: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
columnLinks: {
|
|
31
|
+
type: string;
|
|
32
|
+
label: string;
|
|
33
|
+
getItemSummary: (_item: unknown, index?: number) => string;
|
|
34
|
+
arrayFields: {
|
|
35
|
+
links: {
|
|
36
|
+
type: string;
|
|
37
|
+
label: string;
|
|
38
|
+
getItemSummary: (item: {
|
|
39
|
+
title?: string;
|
|
40
|
+
}, index?: number) => string;
|
|
41
|
+
arrayFields: {
|
|
42
|
+
title: {
|
|
43
|
+
type: string;
|
|
44
|
+
label: string;
|
|
45
|
+
};
|
|
46
|
+
url: {
|
|
47
|
+
type: string;
|
|
48
|
+
label: string;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
contact: {
|
|
55
|
+
type: string;
|
|
56
|
+
label: string;
|
|
57
|
+
objectFields: {
|
|
58
|
+
label: {
|
|
59
|
+
type: string;
|
|
60
|
+
label: string;
|
|
61
|
+
};
|
|
62
|
+
phone: {
|
|
63
|
+
type: string;
|
|
64
|
+
label: string;
|
|
65
|
+
};
|
|
66
|
+
email: {
|
|
67
|
+
type: string;
|
|
68
|
+
label: string;
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
footerLinks: {
|
|
73
|
+
type: string;
|
|
74
|
+
label: string;
|
|
75
|
+
getItemSummary: (item: {
|
|
76
|
+
title?: string;
|
|
77
|
+
}, index?: number) => string;
|
|
78
|
+
arrayFields: {
|
|
79
|
+
title: {
|
|
80
|
+
type: string;
|
|
81
|
+
label: string;
|
|
82
|
+
};
|
|
83
|
+
url: {
|
|
84
|
+
type: string;
|
|
85
|
+
label: string;
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
};
|
|
89
|
+
socialMediaLinks: {
|
|
90
|
+
type: string;
|
|
91
|
+
label: string;
|
|
92
|
+
getItemSummary: (item: {
|
|
93
|
+
url?: string;
|
|
94
|
+
}, index?: number) => string;
|
|
95
|
+
arrayFields: {
|
|
96
|
+
url: {
|
|
97
|
+
type: string;
|
|
98
|
+
label: string;
|
|
99
|
+
};
|
|
100
|
+
};
|
|
101
|
+
};
|
|
16
102
|
footerText: {
|
|
17
103
|
type: string;
|
|
18
104
|
};
|
|
@@ -2,7 +2,7 @@ import { ContactLinksFooter, ContactLinksFooterDefaults } from "./contact-links-
|
|
|
2
2
|
import { imageField } from "../../../puck-core/core/props/media.js";
|
|
3
3
|
import { footerStyleFields } from "../props.js";
|
|
4
4
|
import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
|
|
5
|
-
const conf = { fields: { logo: imageField, footerText: { type: "text" }, styles: { type: "object", label: "Styles", objectFields: { bordered: footerStyleFields.bordered, hasCompanyImage: footerStyleFields.hasCompanyImage, ...sectionWrapperFields } } }, defaultProps: ContactLinksFooterDefaults, render: ContactLinksFooter };
|
|
5
|
+
const conf = { fields: { logo: imageField, address: { type: "object", label: "Address", objectFields: { label: { type: "text", label: "Label" }, value: { type: "text", label: "Value" } } }, columnLinks: { type: "array", label: "Link Columns", getItemSummary: (_item, index = 0) => `Column ${index + 1}`, arrayFields: { links: { type: "array", label: "Links", getItemSummary: (item, index = 0) => item.title || `Link ${index + 1}`, arrayFields: { title: { type: "text", label: "Title" }, url: { type: "text", label: "URL" } } } } }, contact: { type: "object", label: "Contact", objectFields: { label: { type: "text", label: "Label" }, phone: { type: "text", label: "Phone" }, email: { type: "text", label: "Email" } } }, footerLinks: { type: "array", label: "Footer Links", getItemSummary: (item, index = 0) => item.title || `Link ${index + 1}`, arrayFields: { title: { type: "text", label: "Title" }, url: { type: "text", label: "URL" } } }, socialMediaLinks: { type: "array", label: "Social Links", getItemSummary: (item, index = 0) => item.url || `Social ${index + 1}`, arrayFields: { url: { type: "text", label: "URL" } } }, footerText: { type: "text" }, styles: { type: "object", label: "Styles", objectFields: { bordered: footerStyleFields.bordered, hasCompanyImage: footerStyleFields.hasCompanyImage, ...sectionWrapperFields } } }, defaultProps: ContactLinksFooterDefaults, render: ContactLinksFooter };
|
|
6
6
|
export {
|
|
7
7
|
ContactLinksFooter,
|
|
8
8
|
ContactLinksFooterDefaults,
|
|
@@ -25,7 +25,8 @@ const CtaLinksFooter = (props) => {
|
|
|
25
25
|
] }) });
|
|
26
26
|
};
|
|
27
27
|
const CtaLinksFooterDefaults = {
|
|
28
|
-
|
|
28
|
+
__metadata: { type: "footer" },
|
|
29
|
+
logo: { url: "#", src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Logo image" },
|
|
29
30
|
heading: "Medium length footer heading goes here",
|
|
30
31
|
description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.",
|
|
31
32
|
buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }],
|
|
@@ -38,7 +39,7 @@ const CtaLinksFooterDefaults = {
|
|
|
38
39
|
{ links: [{ title: "Link One", url: "#" }, { title: "Link Two", url: "#" }, { title: "Link Three", url: "#" }] },
|
|
39
40
|
{ links: [{ title: "Link Four", url: "#" }, { title: "Link Five", url: "#" }, { title: "Link Six", url: "#" }] }
|
|
40
41
|
],
|
|
41
|
-
footerText: "© 2024
|
|
42
|
+
footerText: "© 2024 Company. All rights reserved.",
|
|
42
43
|
footerLinks: [],
|
|
43
44
|
socialMediaLinks: [],
|
|
44
45
|
address: { label: "", value: "" },
|
|
@@ -100,6 +100,43 @@ declare const conf: {
|
|
|
100
100
|
readonly instructions: "Buttons must use the same size";
|
|
101
101
|
};
|
|
102
102
|
};
|
|
103
|
+
columnLinks: {
|
|
104
|
+
type: string;
|
|
105
|
+
label: string;
|
|
106
|
+
getItemSummary: (_item: unknown, index?: number) => string;
|
|
107
|
+
arrayFields: {
|
|
108
|
+
links: {
|
|
109
|
+
type: string;
|
|
110
|
+
label: string;
|
|
111
|
+
getItemSummary: (item: {
|
|
112
|
+
title?: string;
|
|
113
|
+
}, index?: number) => string;
|
|
114
|
+
arrayFields: {
|
|
115
|
+
title: {
|
|
116
|
+
type: string;
|
|
117
|
+
label: string;
|
|
118
|
+
};
|
|
119
|
+
url: {
|
|
120
|
+
type: string;
|
|
121
|
+
label: string;
|
|
122
|
+
};
|
|
123
|
+
};
|
|
124
|
+
};
|
|
125
|
+
};
|
|
126
|
+
};
|
|
127
|
+
socialMediaLinks: {
|
|
128
|
+
type: string;
|
|
129
|
+
label: string;
|
|
130
|
+
getItemSummary: (item: {
|
|
131
|
+
url?: string;
|
|
132
|
+
}, index?: number) => string;
|
|
133
|
+
arrayFields: {
|
|
134
|
+
url: {
|
|
135
|
+
type: string;
|
|
136
|
+
label: string;
|
|
137
|
+
};
|
|
138
|
+
};
|
|
139
|
+
};
|
|
103
140
|
footerText: {
|
|
104
141
|
type: string;
|
|
105
142
|
};
|
|
@@ -4,7 +4,7 @@ import { buttonsField } from "../../../puck-core/core/props/interactive.js";
|
|
|
4
4
|
import { imageField } from "../../../puck-core/core/props/media.js";
|
|
5
5
|
import { footerStyleFields } from "../props.js";
|
|
6
6
|
import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
|
|
7
|
-
const conf = { fields: { logo: imageField, heading: headingField, description: descriptionField, buttons: buttonsField, footerText: { type: "text" }, styles: { type: "object", label: "Styles", objectFields: { bordered: footerStyleFields.bordered, ...sectionWrapperFields } } }, defaultProps: CtaLinksFooterDefaults, render: CtaLinksFooter };
|
|
7
|
+
const conf = { fields: { logo: imageField, heading: headingField, description: descriptionField, buttons: buttonsField, columnLinks: { type: "array", label: "Link Columns", getItemSummary: (_item, index = 0) => `Column ${index + 1}`, arrayFields: { links: { type: "array", label: "Links", getItemSummary: (item, index = 0) => item.title || `Link ${index + 1}`, arrayFields: { title: { type: "text", label: "Title" }, url: { type: "text", label: "URL" } } } } }, socialMediaLinks: { type: "array", label: "Social Links", getItemSummary: (item, index = 0) => item.url || `Social ${index + 1}`, arrayFields: { url: { type: "text", label: "URL" } } }, footerText: { type: "text" }, styles: { type: "object", label: "Styles", objectFields: { bordered: footerStyleFields.bordered, ...sectionWrapperFields } } }, defaultProps: CtaLinksFooterDefaults, render: CtaLinksFooter };
|
|
8
8
|
export {
|
|
9
9
|
CtaLinksFooter,
|
|
10
10
|
CtaLinksFooterDefaults,
|
|
@@ -81,6 +81,60 @@ declare const conf: {
|
|
|
81
81
|
termsAndConditions: {
|
|
82
82
|
type: string;
|
|
83
83
|
};
|
|
84
|
+
columnLinks: {
|
|
85
|
+
type: string;
|
|
86
|
+
label: string;
|
|
87
|
+
getItemSummary: (_item: unknown, index?: number) => string;
|
|
88
|
+
arrayFields: {
|
|
89
|
+
links: {
|
|
90
|
+
type: string;
|
|
91
|
+
label: string;
|
|
92
|
+
getItemSummary: (item: {
|
|
93
|
+
title?: string;
|
|
94
|
+
}, index?: number) => string;
|
|
95
|
+
arrayFields: {
|
|
96
|
+
title: {
|
|
97
|
+
type: string;
|
|
98
|
+
label: string;
|
|
99
|
+
};
|
|
100
|
+
url: {
|
|
101
|
+
type: string;
|
|
102
|
+
label: string;
|
|
103
|
+
};
|
|
104
|
+
};
|
|
105
|
+
};
|
|
106
|
+
};
|
|
107
|
+
};
|
|
108
|
+
footerLinks: {
|
|
109
|
+
type: string;
|
|
110
|
+
label: string;
|
|
111
|
+
getItemSummary: (item: {
|
|
112
|
+
title?: string;
|
|
113
|
+
}, index?: number) => string;
|
|
114
|
+
arrayFields: {
|
|
115
|
+
title: {
|
|
116
|
+
type: string;
|
|
117
|
+
label: string;
|
|
118
|
+
};
|
|
119
|
+
url: {
|
|
120
|
+
type: string;
|
|
121
|
+
label: string;
|
|
122
|
+
};
|
|
123
|
+
};
|
|
124
|
+
};
|
|
125
|
+
socialMediaLinks: {
|
|
126
|
+
type: string;
|
|
127
|
+
label: string;
|
|
128
|
+
getItemSummary: (item: {
|
|
129
|
+
url?: string;
|
|
130
|
+
}, index?: number) => string;
|
|
131
|
+
arrayFields: {
|
|
132
|
+
url: {
|
|
133
|
+
type: string;
|
|
134
|
+
label: string;
|
|
135
|
+
};
|
|
136
|
+
};
|
|
137
|
+
};
|
|
84
138
|
footerText: {
|
|
85
139
|
type: string;
|
|
86
140
|
};
|
|
@@ -78,6 +78,47 @@ declare const conf: {
|
|
|
78
78
|
termsAndConditions: {
|
|
79
79
|
type: string;
|
|
80
80
|
};
|
|
81
|
+
columnLinks: {
|
|
82
|
+
type: string;
|
|
83
|
+
label: string;
|
|
84
|
+
getItemSummary: (_item: unknown, index?: number) => string;
|
|
85
|
+
arrayFields: {
|
|
86
|
+
links: {
|
|
87
|
+
type: string;
|
|
88
|
+
label: string;
|
|
89
|
+
getItemSummary: (item: {
|
|
90
|
+
title?: string;
|
|
91
|
+
}, index?: number) => string;
|
|
92
|
+
arrayFields: {
|
|
93
|
+
title: {
|
|
94
|
+
type: string;
|
|
95
|
+
label: string;
|
|
96
|
+
};
|
|
97
|
+
url: {
|
|
98
|
+
type: string;
|
|
99
|
+
label: string;
|
|
100
|
+
};
|
|
101
|
+
};
|
|
102
|
+
};
|
|
103
|
+
};
|
|
104
|
+
};
|
|
105
|
+
footerLinks: {
|
|
106
|
+
type: string;
|
|
107
|
+
label: string;
|
|
108
|
+
getItemSummary: (item: {
|
|
109
|
+
title?: string;
|
|
110
|
+
}, index?: number) => string;
|
|
111
|
+
arrayFields: {
|
|
112
|
+
title: {
|
|
113
|
+
type: string;
|
|
114
|
+
label: string;
|
|
115
|
+
};
|
|
116
|
+
url: {
|
|
117
|
+
type: string;
|
|
118
|
+
label: string;
|
|
119
|
+
};
|
|
120
|
+
};
|
|
121
|
+
};
|
|
81
122
|
footerText: {
|
|
82
123
|
type: string;
|
|
83
124
|
};
|
|
@@ -81,6 +81,60 @@ declare const conf: {
|
|
|
81
81
|
termsAndConditions: {
|
|
82
82
|
type: string;
|
|
83
83
|
};
|
|
84
|
+
columnLinks: {
|
|
85
|
+
type: string;
|
|
86
|
+
label: string;
|
|
87
|
+
getItemSummary: (_item: unknown, index?: number) => string;
|
|
88
|
+
arrayFields: {
|
|
89
|
+
links: {
|
|
90
|
+
type: string;
|
|
91
|
+
label: string;
|
|
92
|
+
getItemSummary: (item: {
|
|
93
|
+
title?: string;
|
|
94
|
+
}, index?: number) => string;
|
|
95
|
+
arrayFields: {
|
|
96
|
+
title: {
|
|
97
|
+
type: string;
|
|
98
|
+
label: string;
|
|
99
|
+
};
|
|
100
|
+
url: {
|
|
101
|
+
type: string;
|
|
102
|
+
label: string;
|
|
103
|
+
};
|
|
104
|
+
};
|
|
105
|
+
};
|
|
106
|
+
};
|
|
107
|
+
};
|
|
108
|
+
footerLinks: {
|
|
109
|
+
type: string;
|
|
110
|
+
label: string;
|
|
111
|
+
getItemSummary: (item: {
|
|
112
|
+
title?: string;
|
|
113
|
+
}, index?: number) => string;
|
|
114
|
+
arrayFields: {
|
|
115
|
+
title: {
|
|
116
|
+
type: string;
|
|
117
|
+
label: string;
|
|
118
|
+
};
|
|
119
|
+
url: {
|
|
120
|
+
type: string;
|
|
121
|
+
label: string;
|
|
122
|
+
};
|
|
123
|
+
};
|
|
124
|
+
};
|
|
125
|
+
socialMediaLinks: {
|
|
126
|
+
type: string;
|
|
127
|
+
label: string;
|
|
128
|
+
getItemSummary: (item: {
|
|
129
|
+
url?: string;
|
|
130
|
+
}, index?: number) => string;
|
|
131
|
+
arrayFields: {
|
|
132
|
+
url: {
|
|
133
|
+
type: string;
|
|
134
|
+
label: string;
|
|
135
|
+
};
|
|
136
|
+
};
|
|
137
|
+
};
|
|
84
138
|
footerText: {
|
|
85
139
|
type: string;
|
|
86
140
|
};
|