@endora-commerce/cms-components 0.100.0
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/LICENSE +21 -0
- package/README.md +59 -0
- package/dist/cms-components.css +2 -0
- package/dist/components/Accordion.d.ts +43 -0
- package/dist/components/Accordion.d.ts.map +1 -0
- package/dist/components/Accordion.js +81 -0
- package/dist/components/Accordion.js.map +1 -0
- package/dist/components/AnnouncementBar.d.ts +43 -0
- package/dist/components/AnnouncementBar.d.ts.map +1 -0
- package/dist/components/AnnouncementBar.js +27 -0
- package/dist/components/AnnouncementBar.js.map +1 -0
- package/dist/components/Button.d.ts +43 -0
- package/dist/components/Button.d.ts.map +1 -0
- package/dist/components/Button.js +122 -0
- package/dist/components/Button.js.map +1 -0
- package/dist/components/CategoryGrid.d.ts +43 -0
- package/dist/components/CategoryGrid.d.ts.map +1 -0
- package/dist/components/CategoryGrid.js +117 -0
- package/dist/components/CategoryGrid.js.map +1 -0
- package/dist/components/CategoryList.d.ts +43 -0
- package/dist/components/CategoryList.d.ts.map +1 -0
- package/dist/components/CategoryList.js +96 -0
- package/dist/components/CategoryList.js.map +1 -0
- package/dist/components/CmsPageContainer.d.ts +12 -0
- package/dist/components/CmsPageContainer.d.ts.map +1 -0
- package/dist/components/CmsPageContainer.js +19 -0
- package/dist/components/CmsPageContainer.js.map +1 -0
- package/dist/components/CmsProductCard.d.ts +35 -0
- package/dist/components/CmsProductCard.d.ts.map +1 -0
- package/dist/components/CmsProductCard.js +101 -0
- package/dist/components/CmsProductCard.js.map +1 -0
- package/dist/components/Column.d.ts +50 -0
- package/dist/components/Column.d.ts.map +1 -0
- package/dist/components/Column.js +127 -0
- package/dist/components/Column.js.map +1 -0
- package/dist/components/ContactFormEmbed.d.ts +43 -0
- package/dist/components/ContactFormEmbed.d.ts.map +1 -0
- package/dist/components/ContactFormEmbed.js +37 -0
- package/dist/components/ContactFormEmbed.js.map +1 -0
- package/dist/components/ContentSlider.d.ts +43 -0
- package/dist/components/ContentSlider.d.ts.map +1 -0
- package/dist/components/ContentSlider.js +96 -0
- package/dist/components/ContentSlider.js.map +1 -0
- package/dist/components/FeatureList.d.ts +43 -0
- package/dist/components/FeatureList.d.ts.map +1 -0
- package/dist/components/FeatureList.js +89 -0
- package/dist/components/FeatureList.js.map +1 -0
- package/dist/components/Heading.d.ts +43 -0
- package/dist/components/Heading.d.ts.map +1 -0
- package/dist/components/Heading.js +116 -0
- package/dist/components/Heading.js.map +1 -0
- package/dist/components/Hero.d.ts +43 -0
- package/dist/components/Hero.d.ts.map +1 -0
- package/dist/components/Hero.js +186 -0
- package/dist/components/Hero.js.map +1 -0
- package/dist/components/IconPickerField.d.ts +3 -0
- package/dist/components/IconPickerField.d.ts.map +1 -0
- package/dist/components/IconPickerField.js +30 -0
- package/dist/components/IconPickerField.js.map +1 -0
- package/dist/components/Icons.d.ts +43 -0
- package/dist/components/Icons.d.ts.map +1 -0
- package/dist/components/Icons.js +62 -0
- package/dist/components/Icons.js.map +1 -0
- package/dist/components/Image.d.ts +43 -0
- package/dist/components/Image.d.ts.map +1 -0
- package/dist/components/Image.js +179 -0
- package/dist/components/Image.js.map +1 -0
- package/dist/components/ImageSlider.d.ts +44 -0
- package/dist/components/ImageSlider.d.ts.map +1 -0
- package/dist/components/ImageSlider.js +186 -0
- package/dist/components/ImageSlider.js.map +1 -0
- package/dist/components/InsertBlock.d.ts +4 -0
- package/dist/components/InsertBlock.d.ts.map +1 -0
- package/dist/components/InsertBlock.js +30 -0
- package/dist/components/InsertBlock.js.map +1 -0
- package/dist/components/InsertTemplate.d.ts +4 -0
- package/dist/components/InsertTemplate.d.ts.map +1 -0
- package/dist/components/InsertTemplate.js +30 -0
- package/dist/components/InsertTemplate.js.map +1 -0
- package/dist/components/LogoStrip.d.ts +43 -0
- package/dist/components/LogoStrip.d.ts.map +1 -0
- package/dist/components/LogoStrip.js +155 -0
- package/dist/components/LogoStrip.js.map +1 -0
- package/dist/components/Map.d.ts +43 -0
- package/dist/components/Map.d.ts.map +1 -0
- package/dist/components/Map.js +165 -0
- package/dist/components/Map.js.map +1 -0
- package/dist/components/MissingComponentPlaceholder.d.ts +27 -0
- package/dist/components/MissingComponentPlaceholder.d.ts.map +1 -0
- package/dist/components/MissingComponentPlaceholder.js +24 -0
- package/dist/components/MissingComponentPlaceholder.js.map +1 -0
- package/dist/components/NewsletterSignup.d.ts +43 -0
- package/dist/components/NewsletterSignup.d.ts.map +1 -0
- package/dist/components/NewsletterSignup.js +43 -0
- package/dist/components/NewsletterSignup.js.map +1 -0
- package/dist/components/ProductCard.d.ts +43 -0
- package/dist/components/ProductCard.d.ts.map +1 -0
- package/dist/components/ProductCard.js +96 -0
- package/dist/components/ProductCard.js.map +1 -0
- package/dist/components/ProductGrid.d.ts +43 -0
- package/dist/components/ProductGrid.d.ts.map +1 -0
- package/dist/components/ProductGrid.js +138 -0
- package/dist/components/ProductGrid.js.map +1 -0
- package/dist/components/ProductSlider.d.ts +43 -0
- package/dist/components/ProductSlider.d.ts.map +1 -0
- package/dist/components/ProductSlider.js +134 -0
- package/dist/components/ProductSlider.js.map +1 -0
- package/dist/components/RawHtml.d.ts +43 -0
- package/dist/components/RawHtml.d.ts.map +1 -0
- package/dist/components/RawHtml.js +38 -0
- package/dist/components/RawHtml.js.map +1 -0
- package/dist/components/RawJs.d.ts +43 -0
- package/dist/components/RawJs.d.ts.map +1 -0
- package/dist/components/RawJs.js +53 -0
- package/dist/components/RawJs.js.map +1 -0
- package/dist/components/RichContent.d.ts +4 -0
- package/dist/components/RichContent.d.ts.map +1 -0
- package/dist/components/RichContent.js +48 -0
- package/dist/components/RichContent.js.map +1 -0
- package/dist/components/RichContentEditorField.d.ts +10 -0
- package/dist/components/RichContentEditorField.d.ts.map +1 -0
- package/dist/components/RichContentEditorField.js +130 -0
- package/dist/components/RichContentEditorField.js.map +1 -0
- package/dist/components/RichContentPublished.d.ts +5 -0
- package/dist/components/RichContentPublished.d.ts.map +1 -0
- package/dist/components/RichContentPublished.js +22 -0
- package/dist/components/RichContentPublished.js.map +1 -0
- package/dist/components/Row.d.ts +43 -0
- package/dist/components/Row.d.ts.map +1 -0
- package/dist/components/Row.js +305 -0
- package/dist/components/Row.js.map +1 -0
- package/dist/components/SimpleTable.d.ts +43 -0
- package/dist/components/SimpleTable.d.ts.map +1 -0
- package/dist/components/SimpleTable.js +155 -0
- package/dist/components/SimpleTable.js.map +1 -0
- package/dist/components/Slide.d.ts +44 -0
- package/dist/components/Slide.d.ts.map +1 -0
- package/dist/components/Slide.js +36 -0
- package/dist/components/Slide.js.map +1 -0
- package/dist/components/Social.d.ts +43 -0
- package/dist/components/Social.d.ts.map +1 -0
- package/dist/components/Social.js +110 -0
- package/dist/components/Social.js.map +1 -0
- package/dist/components/Spacer.d.ts +43 -0
- package/dist/components/Spacer.d.ts.map +1 -0
- package/dist/components/Spacer.js +48 -0
- package/dist/components/Spacer.js.map +1 -0
- package/dist/components/Stats.d.ts +43 -0
- package/dist/components/Stats.d.ts.map +1 -0
- package/dist/components/Stats.js +71 -0
- package/dist/components/Stats.js.map +1 -0
- package/dist/components/Tabs.d.ts +43 -0
- package/dist/components/Tabs.d.ts.map +1 -0
- package/dist/components/Tabs.js +70 -0
- package/dist/components/Tabs.js.map +1 -0
- package/dist/components/Testimonial.d.ts +43 -0
- package/dist/components/Testimonial.d.ts.map +1 -0
- package/dist/components/Testimonial.js +74 -0
- package/dist/components/Testimonial.js.map +1 -0
- package/dist/components/Text.d.ts +43 -0
- package/dist/components/Text.d.ts.map +1 -0
- package/dist/components/Text.js +87 -0
- package/dist/components/Text.js.map +1 -0
- package/dist/components/Video.d.ts +43 -0
- package/dist/components/Video.d.ts.map +1 -0
- package/dist/components/Video.js +98 -0
- package/dist/components/Video.js.map +1 -0
- package/dist/components/box-styles.d.ts +19 -0
- package/dist/components/box-styles.d.ts.map +1 -0
- package/dist/components/box-styles.js +66 -0
- package/dist/components/box-styles.js.map +1 -0
- package/dist/components/button-link.d.ts +7 -0
- package/dist/components/button-link.d.ts.map +1 -0
- package/dist/components/button-link.js +15 -0
- package/dist/components/button-link.js.map +1 -0
- package/dist/components/carousel/CarouselShell.d.ts +27 -0
- package/dist/components/carousel/CarouselShell.d.ts.map +1 -0
- package/dist/components/carousel/CarouselShell.js +210 -0
- package/dist/components/carousel/CarouselShell.js.map +1 -0
- package/dist/components/catalog/CatalogSkeletons.d.ts +27 -0
- package/dist/components/catalog/CatalogSkeletons.d.ts.map +1 -0
- package/dist/components/catalog/CatalogSkeletons.js +38 -0
- package/dist/components/catalog/CatalogSkeletons.js.map +1 -0
- package/dist/components/catalog-preview-context.d.ts +9 -0
- package/dist/components/catalog-preview-context.d.ts.map +1 -0
- package/dist/components/catalog-preview-context.js +18 -0
- package/dist/components/catalog-preview-context.js.map +1 -0
- package/dist/components/icon-catalog.d.ts +139 -0
- package/dist/components/icon-catalog.d.ts.map +1 -0
- package/dist/components/icon-catalog.js +148 -0
- package/dist/components/icon-catalog.js.map +1 -0
- package/dist/components/image-fields.d.ts +6 -0
- package/dist/components/image-fields.d.ts.map +1 -0
- package/dist/components/image-fields.js +11 -0
- package/dist/components/image-fields.js.map +1 -0
- package/dist/components/image-slider-item.d.ts +7 -0
- package/dist/components/image-slider-item.d.ts.map +1 -0
- package/dist/components/image-slider-item.js +45 -0
- package/dist/components/image-slider-item.js.map +1 -0
- package/dist/components/render-context.d.ts +29 -0
- package/dist/components/render-context.d.ts.map +1 -0
- package/dist/components/render-context.js +21 -0
- package/dist/components/render-context.js.map +1 -0
- package/dist/components/rich-content-shared.d.ts +11 -0
- package/dist/components/rich-content-shared.d.ts.map +1 -0
- package/dist/components/rich-content-shared.js +132 -0
- package/dist/components/rich-content-shared.js.map +1 -0
- package/dist/components/social-networks.d.ts +10 -0
- package/dist/components/social-networks.d.ts.map +1 -0
- package/dist/components/social-networks.js +43 -0
- package/dist/components/social-networks.js.map +1 -0
- package/dist/components/styles.d.ts +2 -0
- package/dist/components/styles.d.ts.map +1 -0
- package/dist/components/styles.js +9 -0
- package/dist/components/styles.js.map +1 -0
- package/dist/components/text-content.d.ts +13 -0
- package/dist/components/text-content.d.ts.map +1 -0
- package/dist/components/text-content.js +64 -0
- package/dist/components/text-content.js.map +1 -0
- package/dist/components/typography.d.ts +26 -0
- package/dist/components/typography.d.ts.map +1 -0
- package/dist/components/typography.js +52 -0
- package/dist/components/typography.js.map +1 -0
- package/dist/editor/row-layout-presets.d.ts +34 -0
- package/dist/editor/row-layout-presets.d.ts.map +1 -0
- package/dist/editor/row-layout-presets.js +175 -0
- package/dist/editor/row-layout-presets.js.map +1 -0
- package/dist/editor/slot-edit-props.d.ts +16 -0
- package/dist/editor/slot-edit-props.d.ts.map +1 -0
- package/dist/editor/slot-edit-props.js +25 -0
- package/dist/editor/slot-edit-props.js.map +1 -0
- package/dist/fields/catalog-data-fields.d.ts +7 -0
- package/dist/fields/catalog-data-fields.d.ts.map +1 -0
- package/dist/fields/catalog-data-fields.js +4 -0
- package/dist/fields/catalog-data-fields.js.map +1 -0
- package/dist/fields/catalog-fallback-fields.d.ts +4 -0
- package/dist/fields/catalog-fallback-fields.d.ts.map +1 -0
- package/dist/fields/catalog-fallback-fields.js +34 -0
- package/dist/fields/catalog-fallback-fields.js.map +1 -0
- package/dist/fields/catalog-resolve-fields.d.ts +5 -0
- package/dist/fields/catalog-resolve-fields.d.ts.map +1 -0
- package/dist/fields/catalog-resolve-fields.js +40 -0
- package/dist/fields/catalog-resolve-fields.js.map +1 -0
- package/dist/fields/shared-fields.d.ts +176 -0
- package/dist/fields/shared-fields.d.ts.map +1 -0
- package/dist/fields/shared-fields.js +142 -0
- package/dist/fields/shared-fields.js.map +1 -0
- package/dist/hooks/use-viewport-breakpoint-tier.d.ts +4 -0
- package/dist/hooks/use-viewport-breakpoint-tier.d.ts.map +1 -0
- package/dist/hooks/use-viewport-breakpoint-tier.js +21 -0
- package/dist/hooks/use-viewport-breakpoint-tier.js.map +1 -0
- package/dist/index.d.ts +127 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +377 -0
- package/dist/index.js.map +1 -0
- package/dist/schema/catalog-types.d.ts +22 -0
- package/dist/schema/catalog-types.d.ts.map +1 -0
- package/dist/schema/catalog-types.js +2 -0
- package/dist/schema/catalog-types.js.map +1 -0
- package/dist/schema/component-types.d.ts +419 -0
- package/dist/schema/component-types.d.ts.map +1 -0
- package/dist/schema/component-types.js +2 -0
- package/dist/schema/component-types.js.map +1 -0
- package/dist/schema/envelope.d.ts +21 -0
- package/dist/schema/envelope.d.ts.map +1 -0
- package/dist/schema/envelope.js +19 -0
- package/dist/schema/envelope.js.map +1 -0
- package/dist/utils/catalog-fetch.d.ts +29 -0
- package/dist/utils/catalog-fetch.d.ts.map +1 -0
- package/dist/utils/catalog-fetch.js +88 -0
- package/dist/utils/catalog-fetch.js.map +1 -0
- package/dist/utils/catalog-load.d.ts +4 -0
- package/dist/utils/catalog-load.d.ts.map +1 -0
- package/dist/utils/catalog-load.js +11 -0
- package/dist/utils/catalog-load.js.map +1 -0
- package/dist/utils/catalog-preview-bridge.d.ts +13 -0
- package/dist/utils/catalog-preview-bridge.d.ts.map +1 -0
- package/dist/utils/catalog-preview-bridge.js +8 -0
- package/dist/utils/catalog-preview-bridge.js.map +1 -0
- package/dist/utils/catalog-skeleton-estimate.d.ts +7 -0
- package/dist/utils/catalog-skeleton-estimate.d.ts.map +1 -0
- package/dist/utils/catalog-skeleton-estimate.js +42 -0
- package/dist/utils/catalog-skeleton-estimate.js.map +1 -0
- package/dist/utils/resolve-image-url.d.ts +20 -0
- package/dist/utils/resolve-image-url.d.ts.map +1 -0
- package/dist/utils/resolve-image-url.js +24 -0
- package/dist/utils/resolve-image-url.js.map +1 -0
- package/dist/utils/sanitize-html.d.ts +6 -0
- package/dist/utils/sanitize-html.d.ts.map +1 -0
- package/dist/utils/sanitize-html.js +81 -0
- package/dist/utils/sanitize-html.js.map +1 -0
- package/dist/utils/video-embed.d.ts +11 -0
- package/dist/utils/video-embed.d.ts.map +1 -0
- package/dist/utils/video-embed.js +61 -0
- package/dist/utils/video-embed.js.map +1 -0
- package/dist/utils/walk-asset-ids.d.ts +3 -0
- package/dist/utils/walk-asset-ids.d.ts.map +1 -0
- package/dist/utils/walk-asset-ids.js +23 -0
- package/dist/utils/walk-asset-ids.js.map +1 -0
- package/package.json +117 -0
|
@@ -0,0 +1,305 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import {} from '@measured/puck';
|
|
4
|
+
import { buildResponsiveNumberVars, contentPositionToJustify, normalizeResponsive, PB_RESPONSIVE_METADATA, resolveContentPosition, resolveResponsive, resolveResponsiveNumber, resolveVerticalAlign, ROW_CONTENT_MAX_WIDTH, verticalAlignToCss, withHideOn, } from '@endora-commerce/page-builder-core';
|
|
5
|
+
import { usePreviewBreakpointTier } from '@endora-commerce/page-builder-core/client';
|
|
6
|
+
import { BoxStyled } from './box-styles.js';
|
|
7
|
+
import { createDefaultColumnItem } from './Column.js';
|
|
8
|
+
import { ROW_SLOT_EDIT_PROPS } from '../editor/slot-edit-props.js';
|
|
9
|
+
import { BACKGROUND_FIELD, BOX_BORDER_FIELD, BOX_MARGIN_FIELD, BOX_PADDING_FIELD, CORNER_RADIUS_FIELD, DEFAULT_LAYOUT_BOX_PROPS, RESPONSIVE_GAP_FIELD, RESPONSIVE_MIN_HEIGHT_FIELD, SHADOW_FIELD, } from '../fields/shared-fields.js';
|
|
10
|
+
const RESPONSIVE_ROW_GAP_FIELD = {
|
|
11
|
+
type: 'number',
|
|
12
|
+
label: 'Space between rows',
|
|
13
|
+
min: 0,
|
|
14
|
+
max: 96,
|
|
15
|
+
step: 4,
|
|
16
|
+
metadata: PB_RESPONSIVE_METADATA,
|
|
17
|
+
};
|
|
18
|
+
function resolveSectionLayout(props, tier) {
|
|
19
|
+
if (props.sectionLayout !== undefined) {
|
|
20
|
+
return resolveResponsive(props.sectionLayout, tier, 'in_flow');
|
|
21
|
+
}
|
|
22
|
+
return props.fullBleed ? 'full_bleed' : 'in_flow';
|
|
23
|
+
}
|
|
24
|
+
function resolveContentMaxWidth(props, tier) {
|
|
25
|
+
if (props.contentMaxWidth !== undefined) {
|
|
26
|
+
return resolveResponsive(props.contentMaxWidth, tier, 'none');
|
|
27
|
+
}
|
|
28
|
+
const legacy = resolveResponsive(props.contentWidth, tier, 'full');
|
|
29
|
+
if (legacy === 'narrow')
|
|
30
|
+
return 'narrow';
|
|
31
|
+
if (legacy === 'wide')
|
|
32
|
+
return 'wide';
|
|
33
|
+
return 'none';
|
|
34
|
+
}
|
|
35
|
+
function sectionLayoutClass(layout) {
|
|
36
|
+
if (layout === 'full_bleed')
|
|
37
|
+
return 'cmsc-pb-full-bleed';
|
|
38
|
+
if (layout === 'full_viewport')
|
|
39
|
+
return 'cmsc-pb-row-full-viewport';
|
|
40
|
+
if (layout === 'full_width')
|
|
41
|
+
return 'cmsc-pb-row-full-width';
|
|
42
|
+
return '';
|
|
43
|
+
}
|
|
44
|
+
function publishedSectionLayoutClass(sectionLayout) {
|
|
45
|
+
const tiers = [sectionLayout.base, sectionLayout.tablet, sectionLayout.desktop];
|
|
46
|
+
if (tiers.some((t) => t === 'full_bleed'))
|
|
47
|
+
return 'cmsc-pb-full-bleed';
|
|
48
|
+
if (tiers.some((t) => t === 'full_viewport'))
|
|
49
|
+
return 'cmsc-pb-row-full-viewport';
|
|
50
|
+
if (tiers.some((t) => t === 'full_width'))
|
|
51
|
+
return 'cmsc-pb-row-full-width';
|
|
52
|
+
return '';
|
|
53
|
+
}
|
|
54
|
+
function innerMaxWidthStyle(maxWidth, customMaxWidthPx, tier) {
|
|
55
|
+
if (maxWidth === 'narrow')
|
|
56
|
+
return { maxWidth: ROW_CONTENT_MAX_WIDTH.narrow };
|
|
57
|
+
if (maxWidth === 'wide')
|
|
58
|
+
return { maxWidth: ROW_CONTENT_MAX_WIDTH.wide };
|
|
59
|
+
if (maxWidth === 'custom') {
|
|
60
|
+
const px = resolveResponsiveNumber(customMaxWidthPx, tier, 1200);
|
|
61
|
+
return { maxWidth: `${px}px` };
|
|
62
|
+
}
|
|
63
|
+
return {};
|
|
64
|
+
}
|
|
65
|
+
function isPuckItem(value) {
|
|
66
|
+
return Boolean(value && typeof value === 'object' && typeof value.type === 'string');
|
|
67
|
+
}
|
|
68
|
+
function slotContentItems(value) {
|
|
69
|
+
if (!Array.isArray(value))
|
|
70
|
+
return [];
|
|
71
|
+
return value.filter(isPuckItem);
|
|
72
|
+
}
|
|
73
|
+
function rowHasNestedContent(content) {
|
|
74
|
+
const columns = slotContentItems(content).filter((item) => item.type === 'cms.Column');
|
|
75
|
+
if (columns.length === 0)
|
|
76
|
+
return false;
|
|
77
|
+
return columns.some((column) => slotContentItems(column.props.content).length > 0);
|
|
78
|
+
}
|
|
79
|
+
function editingRowMinHeight(minHeight, tier, content) {
|
|
80
|
+
const configured = resolveResponsiveNumber(minHeight, tier, 0);
|
|
81
|
+
const floor = rowHasNestedContent(content) ? 0 : 120;
|
|
82
|
+
const px = Math.max(configured, floor);
|
|
83
|
+
return px > 0 ? `${px}px` : undefined;
|
|
84
|
+
}
|
|
85
|
+
function RowColumnsSlot({ content: slotContent, gap, rowGap, verticalAlign, columnDivider, reverseOnMobile, tier, editing, }) {
|
|
86
|
+
const Content = slotContent;
|
|
87
|
+
// Prefer CSS vars + @media (same as publish). Inline `gap` on a 12-column grid
|
|
88
|
+
// applies between every track (11 gutters); editing used to add +12/+8 which
|
|
89
|
+
// overflowed the mobile canvas (11×36px ≈ 396px).
|
|
90
|
+
const align = verticalAlignToCss(resolveVerticalAlign(verticalAlign, tier));
|
|
91
|
+
const verticalAlignResponsive = normalizeResponsive(verticalAlign, 'stretch');
|
|
92
|
+
return (_jsx("div", { className: `cmsc-pb-row-cols cmsc:grid cmsc:w-full cmsc-pb-gap cmsc-pb-row-gap cmsc-pb-cols-align ${editing ? 'cmsc-pb-row-cols--editing' : ''} ${columnDivider ? 'cmsc-pb-col-divider' : ''} ${reverseOnMobile ? 'cmsc-pb-cols-reverse-mobile' : ''}`, style: {
|
|
93
|
+
...buildResponsiveNumberVars('gap', gap, 24),
|
|
94
|
+
...buildResponsiveNumberVars('row-gap', rowGap, 24),
|
|
95
|
+
...(editing ? { alignItems: align } : {}),
|
|
96
|
+
}, "data-align": verticalAlignResponsive.base, "data-align-md": verticalAlignResponsive.tablet ?? verticalAlignResponsive.base, "data-align-lg": verticalAlignResponsive.desktop ??
|
|
97
|
+
verticalAlignResponsive.tablet ??
|
|
98
|
+
verticalAlignResponsive.base, children: editing ? _jsx(Content, { ...ROW_SLOT_EDIT_PROPS }) : _jsx(Content, {}) }));
|
|
99
|
+
}
|
|
100
|
+
const RowEditingRender = (props) => {
|
|
101
|
+
const tier = usePreviewBreakpointTier();
|
|
102
|
+
const { content: Content, gap, rowGap, contentPosition, minHeight, overflow, customMaxWidthPx, verticalAlign, columnDivider, reverseOnMobile, ...box } = props;
|
|
103
|
+
const position = resolveContentPosition(contentPosition, tier);
|
|
104
|
+
const sectionLayout = resolveSectionLayout(props, tier);
|
|
105
|
+
const maxWidth = resolveContentMaxWidth(props, tier);
|
|
106
|
+
const rowMinHeight = editingRowMinHeight(minHeight, tier, props.content);
|
|
107
|
+
return (_jsx(BoxStyled, { previewTier: tier, className: sectionLayoutClass(sectionLayout), rowSection: sectionLayout, ...box, children: _jsx("section", { className: `cmsc:flex cmsc:flex-col cmsc:w-full cmsc-pb-row-editing ${overflow ? 'cmsc:overflow-hidden' : ''} ${rowHasNestedContent(props.content) ? 'cmsc-pb-row-editing--filled' : 'cmsc-pb-row-editing--empty'}`, style: {
|
|
108
|
+
justifyContent: contentPositionToJustify(position),
|
|
109
|
+
...(rowMinHeight ? { minHeight: rowMinHeight } : {}),
|
|
110
|
+
}, children: _jsx("div", { className: "cmsc:flex cmsc:flex-col cmsc:w-full cmsc:mx-auto cmsc-pb-row-inner", style: {
|
|
111
|
+
width: '100%',
|
|
112
|
+
marginLeft: 'auto',
|
|
113
|
+
marginRight: 'auto',
|
|
114
|
+
...innerMaxWidthStyle(maxWidth, customMaxWidthPx, tier),
|
|
115
|
+
}, children: _jsx(RowColumnsSlot, { content: Content, gap: gap, rowGap: rowGap, verticalAlign: verticalAlign, columnDivider: columnDivider, reverseOnMobile: reverseOnMobile, tier: tier, editing: true }) }) }) }));
|
|
116
|
+
};
|
|
117
|
+
const RowPublishedRender = (props) => {
|
|
118
|
+
const { content: Content, gap, rowGap, contentPosition, minHeight, overflow, customMaxWidthPx, verticalAlign, columnDivider, reverseOnMobile, ...box } = props;
|
|
119
|
+
const position = normalizeResponsive(contentPosition, 'top');
|
|
120
|
+
const sectionLayout = normalizeResponsive(props.sectionLayout ?? (props.fullBleed ? 'full_bleed' : 'in_flow'), 'in_flow');
|
|
121
|
+
const maxWidth = normalizeResponsive(props.contentMaxWidth ??
|
|
122
|
+
(props.contentWidth === 'narrow'
|
|
123
|
+
? 'narrow'
|
|
124
|
+
: props.contentWidth === 'wide'
|
|
125
|
+
? 'wide'
|
|
126
|
+
: 'none'), 'none');
|
|
127
|
+
const minHeightMobile = resolveResponsiveNumber(minHeight, 'mobile', 0);
|
|
128
|
+
const minHeightTablet = resolveResponsiveNumber(minHeight, 'tablet', 0);
|
|
129
|
+
const minHeightDesktop = resolveResponsiveNumber(minHeight, 'desktop', 0);
|
|
130
|
+
const needsFlexGrow = minHeightMobile > 0 || minHeightTablet > 0 || minHeightDesktop > 0;
|
|
131
|
+
return (_jsx(BoxStyled, { className: publishedSectionLayoutClass(sectionLayout), rowSection: sectionLayout.base, ...box, children: _jsx("section", { className: `cmsc:flex cmsc:flex-col cmsc:w-full cmsc-pb-min-height cmsc-pb-row-position ${overflow ? 'cmsc:overflow-hidden' : ''}`, style: buildResponsiveNumberVars('min-height', minHeight, 0), "data-position": position.base, "data-position-md": position.tablet ?? position.base, "data-position-lg": position.desktop ?? position.tablet ?? position.base, children: _jsx("div", { className: `cmsc:flex cmsc:flex-col cmsc:w-full cmsc-pb-row-inner ${needsFlexGrow ? 'cmsc:flex-1' : ''}`, "data-max-width": maxWidth.base, "data-max-width-md": maxWidth.tablet ?? maxWidth.base, "data-max-width-lg": maxWidth.desktop ?? maxWidth.tablet ?? maxWidth.base, style: maxWidth.base === 'custom' ||
|
|
132
|
+
maxWidth.tablet === 'custom' ||
|
|
133
|
+
maxWidth.desktop === 'custom'
|
|
134
|
+
? buildResponsiveNumberVars('row-max-width', customMaxWidthPx, 1200)
|
|
135
|
+
: undefined, children: _jsx(RowColumnsSlot, { content: Content, gap: gap, rowGap: rowGap, verticalAlign: verticalAlign, columnDivider: columnDivider, reverseOnMobile: reverseOnMobile, tier: "mobile", editing: false }) }) }) }));
|
|
136
|
+
};
|
|
137
|
+
const ROW_FIELDS = {
|
|
138
|
+
content: {
|
|
139
|
+
type: 'slot',
|
|
140
|
+
allow: ['cms.Column'],
|
|
141
|
+
},
|
|
142
|
+
sectionLayout: {
|
|
143
|
+
type: 'select',
|
|
144
|
+
label: 'Row width',
|
|
145
|
+
options: [
|
|
146
|
+
{ label: 'In page container', value: 'in_flow' },
|
|
147
|
+
{ label: 'Full page shell', value: 'full_width' },
|
|
148
|
+
{ label: 'Full viewport background', value: 'full_viewport' },
|
|
149
|
+
{ label: 'Full bleed (edge to edge)', value: 'full_bleed' },
|
|
150
|
+
],
|
|
151
|
+
},
|
|
152
|
+
contentMaxWidth: {
|
|
153
|
+
type: 'select',
|
|
154
|
+
label: 'Content max width',
|
|
155
|
+
metadata: PB_RESPONSIVE_METADATA,
|
|
156
|
+
options: [
|
|
157
|
+
{ label: 'None (100%)', value: 'none' },
|
|
158
|
+
{ label: 'Narrow (720px)', value: 'narrow' },
|
|
159
|
+
{ label: 'Wide (960px)', value: 'wide' },
|
|
160
|
+
{ label: 'Custom', value: 'custom' },
|
|
161
|
+
],
|
|
162
|
+
},
|
|
163
|
+
customMaxWidthPx: {
|
|
164
|
+
type: 'number',
|
|
165
|
+
label: 'Custom max width (px)',
|
|
166
|
+
min: 320,
|
|
167
|
+
max: 1920,
|
|
168
|
+
step: 8,
|
|
169
|
+
metadata: PB_RESPONSIVE_METADATA,
|
|
170
|
+
},
|
|
171
|
+
contentPosition: {
|
|
172
|
+
type: 'select',
|
|
173
|
+
label: 'Vertical position',
|
|
174
|
+
metadata: PB_RESPONSIVE_METADATA,
|
|
175
|
+
options: [
|
|
176
|
+
{ label: 'Top', value: 'top' },
|
|
177
|
+
{ label: 'Middle', value: 'middle' },
|
|
178
|
+
{ label: 'Bottom', value: 'bottom' },
|
|
179
|
+
],
|
|
180
|
+
},
|
|
181
|
+
minHeight: RESPONSIVE_MIN_HEIGHT_FIELD,
|
|
182
|
+
gap: { ...RESPONSIVE_GAP_FIELD, label: 'Space between columns' },
|
|
183
|
+
rowGap: RESPONSIVE_ROW_GAP_FIELD,
|
|
184
|
+
verticalAlign: {
|
|
185
|
+
type: 'select',
|
|
186
|
+
label: 'Align columns',
|
|
187
|
+
metadata: PB_RESPONSIVE_METADATA,
|
|
188
|
+
options: [
|
|
189
|
+
{ label: 'Top', value: 'top' },
|
|
190
|
+
{ label: 'Middle', value: 'middle' },
|
|
191
|
+
{ label: 'Bottom', value: 'bottom' },
|
|
192
|
+
{ label: 'Stretch', value: 'stretch' },
|
|
193
|
+
],
|
|
194
|
+
},
|
|
195
|
+
margin: BOX_MARGIN_FIELD,
|
|
196
|
+
padding: BOX_PADDING_FIELD,
|
|
197
|
+
border: BOX_BORDER_FIELD,
|
|
198
|
+
background: BACKGROUND_FIELD,
|
|
199
|
+
cornerRadius: CORNER_RADIUS_FIELD,
|
|
200
|
+
shadow: SHADOW_FIELD,
|
|
201
|
+
columnDivider: {
|
|
202
|
+
type: 'radio',
|
|
203
|
+
label: 'Divider between columns',
|
|
204
|
+
options: [
|
|
205
|
+
{ label: 'No', value: false },
|
|
206
|
+
{ label: 'Yes', value: true },
|
|
207
|
+
],
|
|
208
|
+
},
|
|
209
|
+
reverseOnMobile: {
|
|
210
|
+
type: 'radio',
|
|
211
|
+
label: 'Reverse column order on mobile',
|
|
212
|
+
options: [
|
|
213
|
+
{ label: 'No', value: false },
|
|
214
|
+
{ label: 'Yes', value: true },
|
|
215
|
+
],
|
|
216
|
+
},
|
|
217
|
+
overflow: {
|
|
218
|
+
type: 'select',
|
|
219
|
+
label: 'Clip content',
|
|
220
|
+
options: [
|
|
221
|
+
{ label: 'No', value: false },
|
|
222
|
+
{ label: 'Yes', value: true },
|
|
223
|
+
],
|
|
224
|
+
},
|
|
225
|
+
};
|
|
226
|
+
function migrateRowContent(props) {
|
|
227
|
+
const existing = slotContentItems(props.content);
|
|
228
|
+
if (existing.length > 0) {
|
|
229
|
+
if (existing.every((item) => item.type === 'cms.Column')) {
|
|
230
|
+
return props.content;
|
|
231
|
+
}
|
|
232
|
+
return [
|
|
233
|
+
{
|
|
234
|
+
type: 'cms.Column',
|
|
235
|
+
props: {
|
|
236
|
+
id: `col-legacy-${crypto.randomUUID()}`,
|
|
237
|
+
span: 12,
|
|
238
|
+
content: existing,
|
|
239
|
+
...DEFAULT_LAYOUT_BOX_PROPS,
|
|
240
|
+
},
|
|
241
|
+
},
|
|
242
|
+
];
|
|
243
|
+
}
|
|
244
|
+
const legacyItems = props.columnItems ?? [];
|
|
245
|
+
if (legacyItems.length > 0) {
|
|
246
|
+
return legacyItems.map((item, index) => ({
|
|
247
|
+
type: 'cms.Column',
|
|
248
|
+
props: {
|
|
249
|
+
id: `col-migrated-${index}`,
|
|
250
|
+
span: item.span ?? 12,
|
|
251
|
+
content: item.content ?? [],
|
|
252
|
+
...DEFAULT_LAYOUT_BOX_PROPS,
|
|
253
|
+
},
|
|
254
|
+
}));
|
|
255
|
+
}
|
|
256
|
+
return [createDefaultColumnItem(`col-${crypto.randomUUID()}`)];
|
|
257
|
+
}
|
|
258
|
+
const rowConfig = {
|
|
259
|
+
label: 'Row',
|
|
260
|
+
fields: ROW_FIELDS,
|
|
261
|
+
defaultProps: {
|
|
262
|
+
content: [],
|
|
263
|
+
sectionLayout: 'in_flow',
|
|
264
|
+
contentMaxWidth: 'none',
|
|
265
|
+
customMaxWidthPx: 1200,
|
|
266
|
+
contentPosition: 'top',
|
|
267
|
+
minHeight: 0,
|
|
268
|
+
gap: 24,
|
|
269
|
+
rowGap: 24,
|
|
270
|
+
verticalAlign: 'stretch',
|
|
271
|
+
columnDivider: false,
|
|
272
|
+
reverseOnMobile: false,
|
|
273
|
+
overflow: false,
|
|
274
|
+
...DEFAULT_LAYOUT_BOX_PROPS,
|
|
275
|
+
},
|
|
276
|
+
resolveFields: (data) => {
|
|
277
|
+
const maxWidth = data.props.contentMaxWidth;
|
|
278
|
+
const isCustom = maxWidth === 'custom' ||
|
|
279
|
+
(typeof maxWidth === 'object' &&
|
|
280
|
+
(maxWidth.base === 'custom' || maxWidth.tablet === 'custom' || maxWidth.desktop === 'custom'));
|
|
281
|
+
if (isCustom)
|
|
282
|
+
return ROW_FIELDS;
|
|
283
|
+
const { customMaxWidthPx: _removed, ...rest } = ROW_FIELDS;
|
|
284
|
+
return rest;
|
|
285
|
+
},
|
|
286
|
+
resolveData: async ({ props }) => {
|
|
287
|
+
let next = { ...props };
|
|
288
|
+
const migratedContent = migrateRowContent(next);
|
|
289
|
+
next = { ...next, content: migratedContent };
|
|
290
|
+
if (next.sectionLayout === undefined) {
|
|
291
|
+
next = { ...next, sectionLayout: next.fullBleed ? 'full_bleed' : 'in_flow' };
|
|
292
|
+
}
|
|
293
|
+
if (next.contentMaxWidth === undefined && next.contentWidth !== undefined) {
|
|
294
|
+
const width = normalizeResponsive(next.contentWidth, 'full').base;
|
|
295
|
+
next = {
|
|
296
|
+
...next,
|
|
297
|
+
contentMaxWidth: width === 'narrow' ? 'narrow' : width === 'wide' ? 'wide' : 'none',
|
|
298
|
+
};
|
|
299
|
+
}
|
|
300
|
+
return { props: next };
|
|
301
|
+
},
|
|
302
|
+
render: (props) => props.puck?.isEditing ? _jsx(RowEditingRender, { ...props }) : _jsx(RowPublishedRender, { ...props }),
|
|
303
|
+
};
|
|
304
|
+
export const Row = withHideOn(rowConfig);
|
|
305
|
+
//# sourceMappingURL=Row.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/components/Row.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { type PuckComponent } from '@measured/puck';
|
|
2
|
+
import type { SimpleTableProps } from '../schema/component-types.js';
|
|
3
|
+
export declare const SimpleTable: {
|
|
4
|
+
render: PuckComponent<SimpleTableProps>;
|
|
5
|
+
label?: string;
|
|
6
|
+
defaultProps?: SimpleTableProps;
|
|
7
|
+
fields?: import("@measured/puck").Fields<SimpleTableProps, {}>;
|
|
8
|
+
permissions?: Partial<import("@measured/puck").Permissions>;
|
|
9
|
+
inline?: boolean;
|
|
10
|
+
resolveFields?: (data: Omit<import("@measured/puck").ComponentData<SimpleTableProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
|
|
11
|
+
changed: Partial<Record<keyof SimpleTableProps, boolean> & {
|
|
12
|
+
id: string;
|
|
13
|
+
}>;
|
|
14
|
+
fields: import("@measured/puck").Fields<SimpleTableProps, {}>;
|
|
15
|
+
lastFields: import("@measured/puck").Fields<SimpleTableProps, {}>;
|
|
16
|
+
lastData: Omit<import("@measured/puck").ComponentData<SimpleTableProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
|
|
17
|
+
appState: import("@measured/puck").AppState;
|
|
18
|
+
parent: import("@measured/puck").ComponentData | null;
|
|
19
|
+
}) => import("@measured/puck").Fields<SimpleTableProps, {}> | Promise<import("@measured/puck").Fields<SimpleTableProps, {}>>;
|
|
20
|
+
resolveData?: (data: Omit<import("@measured/puck").ComponentData<SimpleTableProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
|
|
21
|
+
changed: Partial<Record<keyof SimpleTableProps, boolean> & {
|
|
22
|
+
id: string;
|
|
23
|
+
}>;
|
|
24
|
+
lastData: Omit<import("@measured/puck").ComponentData<SimpleTableProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
|
|
25
|
+
metadata: import("@measured/puck").Metadata;
|
|
26
|
+
trigger: import("@measured/puck").ResolveDataTrigger;
|
|
27
|
+
}) => (Omit<Omit<import("@measured/puck").ComponentData<SimpleTableProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
|
|
28
|
+
props?: Partial<SimpleTableProps>;
|
|
29
|
+
}) | Promise<Omit<Omit<import("@measured/puck").ComponentData<SimpleTableProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
|
|
30
|
+
props?: Partial<SimpleTableProps>;
|
|
31
|
+
}>;
|
|
32
|
+
resolvePermissions?: (data: Omit<import("@measured/puck").ComponentData<SimpleTableProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
|
|
33
|
+
changed: Partial<Record<keyof SimpleTableProps, boolean> & {
|
|
34
|
+
id: string;
|
|
35
|
+
}>;
|
|
36
|
+
lastPermissions: Partial<import("@measured/puck").Permissions>;
|
|
37
|
+
permissions: Partial<import("@measured/puck").Permissions>;
|
|
38
|
+
appState: import("@measured/puck").AppState;
|
|
39
|
+
lastData: Omit<import("@measured/puck").ComponentData<SimpleTableProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
|
|
40
|
+
}) => Promise<Partial<import("@measured/puck").Permissions>> | Partial<import("@measured/puck").Permissions>;
|
|
41
|
+
metadata?: import("@measured/puck").Metadata;
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=SimpleTable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SimpleTable.d.ts","sourceRoot":"","sources":["../../src/components/SimpleTable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoC,KAAK,aAAa,EAAc,MAAM,gBAAgB,CAAC;AAGlG,OAAO,KAAK,EAGV,gBAAgB,EAEjB,MAAM,8BAA8B,CAAC;AA0OtC,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAgC,CAAC"}
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { FieldLabel } from '@measured/puck';
|
|
4
|
+
import { withHideOn } from '@endora-commerce/page-builder-core';
|
|
5
|
+
import { usePreviewBreakpointTier } from '@endora-commerce/page-builder-core/client';
|
|
6
|
+
import { BoxStyled } from './box-styles.js';
|
|
7
|
+
import { BOX_BORDER_FIELD, BOX_MARGIN_FIELD, BOX_PADDING_FIELD, DEFAULT_BOX_PROPS, } from '../fields/shared-fields.js';
|
|
8
|
+
const inputClassName = '_Input-input_bsxfo_26';
|
|
9
|
+
function parsePipeHeaders(raw) {
|
|
10
|
+
return raw
|
|
11
|
+
.split('|')
|
|
12
|
+
.map((c) => c.trim())
|
|
13
|
+
.filter(Boolean)
|
|
14
|
+
.map((label) => ({ label }));
|
|
15
|
+
}
|
|
16
|
+
function parsePipeRows(raw) {
|
|
17
|
+
return raw
|
|
18
|
+
.split('\n')
|
|
19
|
+
.map((line) => line.trim())
|
|
20
|
+
.filter(Boolean)
|
|
21
|
+
.map((line) => ({
|
|
22
|
+
cells: line.split('|').map((cell) => ({ value: cell.trim() })),
|
|
23
|
+
}));
|
|
24
|
+
}
|
|
25
|
+
function resolveColumns(props) {
|
|
26
|
+
if (Array.isArray(props.columns) && props.columns.length > 0)
|
|
27
|
+
return props.columns;
|
|
28
|
+
if (Array.isArray(props.headers))
|
|
29
|
+
return props.headers;
|
|
30
|
+
if (typeof props.headers === 'string' && props.headers.trim())
|
|
31
|
+
return parsePipeHeaders(props.headers);
|
|
32
|
+
return [];
|
|
33
|
+
}
|
|
34
|
+
function resolveRows(props) {
|
|
35
|
+
if (Array.isArray(props.tableRows) && props.tableRows.length > 0)
|
|
36
|
+
return props.tableRows;
|
|
37
|
+
if (Array.isArray(props.rows))
|
|
38
|
+
return props.rows;
|
|
39
|
+
if (typeof props.rows === 'string' && props.rows.trim())
|
|
40
|
+
return parsePipeRows(props.rows);
|
|
41
|
+
return [];
|
|
42
|
+
}
|
|
43
|
+
function padRowCells(row, colCount) {
|
|
44
|
+
const cells = [...(row.cells ?? [])];
|
|
45
|
+
while (cells.length < colCount)
|
|
46
|
+
cells.push({ value: '' });
|
|
47
|
+
return { cells: cells.slice(0, Math.max(colCount, 1)) };
|
|
48
|
+
}
|
|
49
|
+
function emptyCells(colCount) {
|
|
50
|
+
return Array.from({ length: Math.max(colCount, 1) }, () => ({ value: '' }));
|
|
51
|
+
}
|
|
52
|
+
/** Fixed cell editors — one input per column, no nested array +/- (avoids Puck stale-length races). */
|
|
53
|
+
function createTableCellsField(columns) {
|
|
54
|
+
const colCount = Math.max(1, columns.length);
|
|
55
|
+
const headers = columns.length > 0 ? columns : Array.from({ length: colCount }, (_, i) => ({ label: `Column ${i + 1}` }));
|
|
56
|
+
return {
|
|
57
|
+
type: 'custom',
|
|
58
|
+
label: 'Cells',
|
|
59
|
+
render: ({ value, onChange, readOnly }) => {
|
|
60
|
+
const cells = padRowCells({ cells: Array.isArray(value) ? value : [] }, colCount).cells ?? emptyCells(colCount);
|
|
61
|
+
return (_jsx(FieldLabel, { label: "Cells", ...(readOnly === true ? { readOnly: true } : {}), children: _jsx("div", { className: "cmsc-pb-table-cells-field", children: headers.map((col, index) => (_jsxs("label", { className: "cmsc-pb-table-cells-field__row", children: [_jsx("span", { className: "cmsc-pb-table-cells-field__label", children: col.label?.trim() || `Column ${index + 1}` }), _jsx("input", { type: "text", className: inputClassName, value: cells[index]?.value ?? '', readOnly: readOnly === true, onChange: (e) => {
|
|
62
|
+
const next = emptyCells(colCount).map((fallback, i) => i === index ? { value: e.target.value } : { value: cells[i]?.value ?? fallback.value });
|
|
63
|
+
onChange(next);
|
|
64
|
+
} })] }, index))) }) }));
|
|
65
|
+
},
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
function SimpleTableBody({ props, editing, tier, }) {
|
|
69
|
+
const { striped = true, ...box } = props;
|
|
70
|
+
const columns = resolveColumns(props);
|
|
71
|
+
const rows = resolveRows(props).map((row) => padRowCells(row, columns.length || 1));
|
|
72
|
+
return (_jsxs(BoxStyled, { ...box, ...(editing && tier ? { previewTier: tier } : {}), children: [_jsx("div", { className: "cmsc-pb-table-wrap", children: _jsxs("table", { className: `cmsc-pb-table${striped ? ' cmsc-pb-table--striped' : ''}`, children: [columns.length > 0 ? (_jsx("thead", { children: _jsx("tr", { children: columns.map((col, i) => (_jsx("th", { children: col.label }, `${col.label}-${i}`))) }) })) : null, _jsx("tbody", { children: rows.map((row, ri) => (_jsx("tr", { children: (row.cells ?? []).map((cell, ci) => (_jsx("td", { children: cell.value }, `${ri}-${ci}`))) }, ri))) })] }) }), editing && columns.length === 0 ? (_jsx("p", { className: "cmsc:text-sm cmsc:text-[#64748b] cmsc:mt-2", children: "Add columns in the Columns tab." })) : null] }));
|
|
73
|
+
}
|
|
74
|
+
const SimpleTableEditingRender = (props) => (_jsx(SimpleTableBody, { props: props, editing: true, tier: usePreviewBreakpointTier() }));
|
|
75
|
+
const SimpleTablePublishedRender = (props) => (_jsx(SimpleTableBody, { props: props, editing: false, tier: null }));
|
|
76
|
+
function migrateTableProps(props) {
|
|
77
|
+
const columns = resolveColumns(props);
|
|
78
|
+
const colCount = Math.max(1, columns.length);
|
|
79
|
+
const tableRows = resolveRows(props).map((row) => padRowCells(row, colCount));
|
|
80
|
+
return {
|
|
81
|
+
...props,
|
|
82
|
+
columns: columns.length > 0 ? columns : [{ label: 'Column 1' }],
|
|
83
|
+
tableRows,
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
const BASE_TABLE_FIELDS = {
|
|
87
|
+
columns: {
|
|
88
|
+
type: 'array',
|
|
89
|
+
label: 'Columns',
|
|
90
|
+
getItemSummary: (item, index) => item.label?.trim() || `Column ${(index ?? 0) + 1}`,
|
|
91
|
+
arrayFields: {
|
|
92
|
+
label: { type: 'text', label: 'Header' },
|
|
93
|
+
},
|
|
94
|
+
defaultItemProps: { label: 'Column' },
|
|
95
|
+
},
|
|
96
|
+
striped: {
|
|
97
|
+
type: 'radio',
|
|
98
|
+
label: 'Striped rows',
|
|
99
|
+
options: [
|
|
100
|
+
{ label: 'Yes', value: true },
|
|
101
|
+
{ label: 'No', value: false },
|
|
102
|
+
],
|
|
103
|
+
},
|
|
104
|
+
margin: BOX_MARGIN_FIELD,
|
|
105
|
+
padding: BOX_PADDING_FIELD,
|
|
106
|
+
border: BOX_BORDER_FIELD,
|
|
107
|
+
};
|
|
108
|
+
function tableRowsField(columns) {
|
|
109
|
+
const colCount = Math.max(1, columns.length);
|
|
110
|
+
return {
|
|
111
|
+
type: 'array',
|
|
112
|
+
label: 'Rows',
|
|
113
|
+
getItemSummary: (item, index) => {
|
|
114
|
+
const preview = (item.cells ?? [])
|
|
115
|
+
.map((c) => c.value?.trim())
|
|
116
|
+
.filter(Boolean)
|
|
117
|
+
.slice(0, 3)
|
|
118
|
+
.join(' · ');
|
|
119
|
+
return preview || `Row ${(index ?? 0) + 1}`;
|
|
120
|
+
},
|
|
121
|
+
arrayFields: {
|
|
122
|
+
cells: createTableCellsField(columns),
|
|
123
|
+
},
|
|
124
|
+
defaultItemProps: { cells: emptyCells(colCount) },
|
|
125
|
+
};
|
|
126
|
+
}
|
|
127
|
+
const simpleTableConfig = {
|
|
128
|
+
label: 'Table',
|
|
129
|
+
fields: {
|
|
130
|
+
...BASE_TABLE_FIELDS,
|
|
131
|
+
tableRows: tableRowsField([{ label: 'Plan' }, { label: 'Users' }, { label: 'Price' }]),
|
|
132
|
+
},
|
|
133
|
+
defaultProps: {
|
|
134
|
+
columns: [{ label: 'Plan' }, { label: 'Users' }, { label: 'Price' }],
|
|
135
|
+
tableRows: [
|
|
136
|
+
{ cells: [{ value: 'Starter' }, { value: '5' }, { value: '€49' }] },
|
|
137
|
+
{ cells: [{ value: 'Growth' }, { value: '25' }, { value: '€149' }] },
|
|
138
|
+
{ cells: [{ value: 'Enterprise' }, { value: 'Unlimited' }, { value: 'Custom' }] },
|
|
139
|
+
],
|
|
140
|
+
striped: true,
|
|
141
|
+
...DEFAULT_BOX_PROPS,
|
|
142
|
+
},
|
|
143
|
+
resolveFields: (data) => {
|
|
144
|
+
const columns = resolveColumns(data.props);
|
|
145
|
+
const resolvedColumns = columns.length > 0 ? columns : [{ label: 'Column 1' }];
|
|
146
|
+
return {
|
|
147
|
+
...BASE_TABLE_FIELDS,
|
|
148
|
+
tableRows: tableRowsField(resolvedColumns),
|
|
149
|
+
};
|
|
150
|
+
},
|
|
151
|
+
resolveData: async ({ props }) => ({ props: migrateTableProps(props) }),
|
|
152
|
+
render: (props) => props.puck?.isEditing ? (_jsx(SimpleTableEditingRender, { ...props })) : (_jsx(SimpleTablePublishedRender, { ...props })),
|
|
153
|
+
};
|
|
154
|
+
export const SimpleTable = withHideOn(simpleTableConfig);
|
|
155
|
+
//# sourceMappingURL=SimpleTable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SimpleTable.js","sourceRoot":"","sources":["../../src/components/SimpleTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { type PuckComponent } from '@measured/puck';
|
|
2
|
+
import type { SlideProps } from '../schema/component-types.js';
|
|
3
|
+
/** Virtual slide wrapper for Content slider — not listed in the component drawer. */
|
|
4
|
+
export declare const Slide: {
|
|
5
|
+
render: PuckComponent<SlideProps>;
|
|
6
|
+
label?: string;
|
|
7
|
+
defaultProps?: SlideProps;
|
|
8
|
+
fields?: import("@measured/puck").Fields<SlideProps, {}>;
|
|
9
|
+
permissions?: Partial<import("@measured/puck").Permissions>;
|
|
10
|
+
inline?: boolean;
|
|
11
|
+
resolveFields?: (data: Omit<import("@measured/puck").ComponentData<SlideProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
|
|
12
|
+
changed: Partial<Record<keyof SlideProps, boolean> & {
|
|
13
|
+
id: string;
|
|
14
|
+
}>;
|
|
15
|
+
fields: import("@measured/puck").Fields<SlideProps, {}>;
|
|
16
|
+
lastFields: import("@measured/puck").Fields<SlideProps, {}>;
|
|
17
|
+
lastData: Omit<import("@measured/puck").ComponentData<SlideProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
|
|
18
|
+
appState: import("@measured/puck").AppState;
|
|
19
|
+
parent: import("@measured/puck").ComponentData | null;
|
|
20
|
+
}) => import("@measured/puck").Fields<SlideProps, {}> | Promise<import("@measured/puck").Fields<SlideProps, {}>>;
|
|
21
|
+
resolveData?: (data: Omit<import("@measured/puck").ComponentData<SlideProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
|
|
22
|
+
changed: Partial<Record<keyof SlideProps, boolean> & {
|
|
23
|
+
id: string;
|
|
24
|
+
}>;
|
|
25
|
+
lastData: Omit<import("@measured/puck").ComponentData<SlideProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
|
|
26
|
+
metadata: import("@measured/puck").Metadata;
|
|
27
|
+
trigger: import("@measured/puck").ResolveDataTrigger;
|
|
28
|
+
}) => (Omit<Omit<import("@measured/puck").ComponentData<SlideProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
|
|
29
|
+
props?: Partial<SlideProps>;
|
|
30
|
+
}) | Promise<Omit<Omit<import("@measured/puck").ComponentData<SlideProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
|
|
31
|
+
props?: Partial<SlideProps>;
|
|
32
|
+
}>;
|
|
33
|
+
resolvePermissions?: (data: Omit<import("@measured/puck").ComponentData<SlideProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
|
|
34
|
+
changed: Partial<Record<keyof SlideProps, boolean> & {
|
|
35
|
+
id: string;
|
|
36
|
+
}>;
|
|
37
|
+
lastPermissions: Partial<import("@measured/puck").Permissions>;
|
|
38
|
+
permissions: Partial<import("@measured/puck").Permissions>;
|
|
39
|
+
appState: import("@measured/puck").AppState;
|
|
40
|
+
lastData: Omit<import("@measured/puck").ComponentData<SlideProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
|
|
41
|
+
}) => Promise<Partial<import("@measured/puck").Permissions>> | Partial<import("@measured/puck").Permissions>;
|
|
42
|
+
metadata?: import("@measured/puck").Metadata;
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=Slide.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../../src/components/Slide.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAmD/D,qFAAqF;AACrF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA0B,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import {} from '@measured/puck';
|
|
4
|
+
import { DEFAULT_SPACING, withHideOn } from '@endora-commerce/page-builder-core';
|
|
5
|
+
import { BoxStyled } from './box-styles.js';
|
|
6
|
+
import { BOX_BORDER_FIELD, BOX_MARGIN_FIELD, BOX_PADDING_FIELD, DEFAULT_BOX_PROPS, } from '../fields/shared-fields.js';
|
|
7
|
+
import { SLIDE_CONTENT_SLOT_EDIT_PROPS } from '../editor/slot-edit-props.js';
|
|
8
|
+
const SlideRender = (props) => {
|
|
9
|
+
const { content: Content, puck, ...box } = props;
|
|
10
|
+
const editing = puck?.isEditing === true;
|
|
11
|
+
const Slot = Content;
|
|
12
|
+
return (_jsx(BoxStyled, { ...box, className: `cmsc-pb-slide cmsc:h-full cmsc:w-full${editing ? ' cmsc-pb-slide--editing' : ''}`, ...(editing ? { previewTier: 'desktop' } : {}), children: editing ? (_jsx(Slot, { ...SLIDE_CONTENT_SLOT_EDIT_PROPS })) : (_jsx(Content, {})) }));
|
|
13
|
+
};
|
|
14
|
+
const slideConfig = {
|
|
15
|
+
label: 'Slide',
|
|
16
|
+
fields: {
|
|
17
|
+
content: {
|
|
18
|
+
type: 'slot',
|
|
19
|
+
label: 'Content',
|
|
20
|
+
// Row is the layout primitive inside a slide; Column only via Row.
|
|
21
|
+
disallow: ['cms.Column', 'cms.ContentSlider', 'cms.Slide'],
|
|
22
|
+
},
|
|
23
|
+
margin: BOX_MARGIN_FIELD,
|
|
24
|
+
padding: BOX_PADDING_FIELD,
|
|
25
|
+
border: BOX_BORDER_FIELD,
|
|
26
|
+
},
|
|
27
|
+
defaultProps: {
|
|
28
|
+
content: [],
|
|
29
|
+
...DEFAULT_BOX_PROPS,
|
|
30
|
+
margin: DEFAULT_SPACING,
|
|
31
|
+
},
|
|
32
|
+
render: SlideRender,
|
|
33
|
+
};
|
|
34
|
+
/** Virtual slide wrapper for Content slider — not listed in the component drawer. */
|
|
35
|
+
export const Slide = withHideOn(slideConfig);
|
|
36
|
+
//# sourceMappingURL=Slide.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Slide.js","sourceRoot":"","sources":["../../src/components/Slide.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAA4C,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEjF,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAE7E,MAAM,WAAW,GAA8B,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,GAAG,EAAE,GAAG,KAAK,CAAC;IACjD,MAAM,OAAO,GAAG,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,MAAM,IAAI,GAAG,OAA8D,CAAC;IAE5E,OAAO,CACL,KAAC,SAAS,OACJ,GAAG,EACP,SAAS,EAAE,wCAAwC,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,EAAE,KACzF,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,SAAkB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAEvD,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,OAAK,6BAA6B,GAAI,CAC5C,CAAC,CAAC,CAAC,CACF,KAAC,OAAO,KAAG,CACZ,GACS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAgC;IAC/C,KAAK,EAAE,OAAO;IACd,MAAM,EAAE;QACN,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,SAAS;YAChB,mEAAmE;YACnE,QAAQ,EAAE,CAAC,YAAY,EAAE,mBAAmB,EAAE,WAAW,CAAC;SAC3D;QACD,MAAM,EAAE,gBAAgB;QACxB,OAAO,EAAE,iBAAiB;QAC1B,MAAM,EAAE,gBAAgB;KACzB;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,EAAE;QACX,GAAG,iBAAiB;QACpB,MAAM,EAAE,eAAe;KACxB;IACD,MAAM,EAAE,WAAW;CACpB,CAAC;AAEF,qFAAqF;AACrF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC"}
|