@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,43 @@
|
|
|
1
|
+
import { type PuckComponent } from '@measured/puck';
|
|
2
|
+
import type { RawJsProps } from '../schema/component-types.js';
|
|
3
|
+
export declare const RawJs: {
|
|
4
|
+
render: PuckComponent<RawJsProps>;
|
|
5
|
+
label?: string;
|
|
6
|
+
defaultProps?: RawJsProps;
|
|
7
|
+
fields?: import("@measured/puck").Fields<RawJsProps, {}>;
|
|
8
|
+
permissions?: Partial<import("@measured/puck").Permissions>;
|
|
9
|
+
inline?: boolean;
|
|
10
|
+
resolveFields?: (data: Omit<import("@measured/puck").ComponentData<RawJsProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
|
|
11
|
+
changed: Partial<Record<keyof RawJsProps, boolean> & {
|
|
12
|
+
id: string;
|
|
13
|
+
}>;
|
|
14
|
+
fields: import("@measured/puck").Fields<RawJsProps, {}>;
|
|
15
|
+
lastFields: import("@measured/puck").Fields<RawJsProps, {}>;
|
|
16
|
+
lastData: Omit<import("@measured/puck").ComponentData<RawJsProps, 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<RawJsProps, {}> | Promise<import("@measured/puck").Fields<RawJsProps, {}>>;
|
|
20
|
+
resolveData?: (data: Omit<import("@measured/puck").ComponentData<RawJsProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
|
|
21
|
+
changed: Partial<Record<keyof RawJsProps, boolean> & {
|
|
22
|
+
id: string;
|
|
23
|
+
}>;
|
|
24
|
+
lastData: Omit<import("@measured/puck").ComponentData<RawJsProps, 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<RawJsProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
|
|
28
|
+
props?: Partial<RawJsProps>;
|
|
29
|
+
}) | Promise<Omit<Omit<import("@measured/puck").ComponentData<RawJsProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
|
|
30
|
+
props?: Partial<RawJsProps>;
|
|
31
|
+
}>;
|
|
32
|
+
resolvePermissions?: (data: Omit<import("@measured/puck").ComponentData<RawJsProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
|
|
33
|
+
changed: Partial<Record<keyof RawJsProps, 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<RawJsProps, 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=RawJs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RawJs.d.ts","sourceRoot":"","sources":["../../src/components/RawJs.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAiE/D,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA0B,CAAC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useRef } from 'react';
|
|
4
|
+
import {} from '@measured/puck';
|
|
5
|
+
import { withHideOn } from '@endora-commerce/page-builder-core';
|
|
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 RawJsRender = (props) => {
|
|
9
|
+
const { script, runOnce = true, puck, ...box } = props;
|
|
10
|
+
const containerRef = useRef(null);
|
|
11
|
+
const editing = puck?.isEditing === true;
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
if (editing || !script?.trim() || !containerRef.current)
|
|
14
|
+
return;
|
|
15
|
+
const el = containerRef.current;
|
|
16
|
+
if (runOnce && el.dataset.pbJsRun === '1')
|
|
17
|
+
return;
|
|
18
|
+
const node = document.createElement('script');
|
|
19
|
+
node.textContent = script;
|
|
20
|
+
el.appendChild(node);
|
|
21
|
+
if (runOnce)
|
|
22
|
+
el.dataset.pbJsRun = '1';
|
|
23
|
+
return () => {
|
|
24
|
+
node.remove();
|
|
25
|
+
};
|
|
26
|
+
}, [script, runOnce, editing]);
|
|
27
|
+
return (_jsxs(BoxStyled, { ...box, className: "cmsc-pb-raw-js", children: [editing ? (_jsx("p", { className: "cmsc:text-sm cmsc:text-[#64748b] cmsc:italic", children: "Raw JS \u2014 executes on storefront for all visitors (admin-trusted only)" })) : null, _jsx("div", { ref: containerRef, "data-pb-raw-js": "" })] }));
|
|
28
|
+
};
|
|
29
|
+
const rawJsConfig = {
|
|
30
|
+
label: 'Raw JS',
|
|
31
|
+
fields: {
|
|
32
|
+
script: { type: 'textarea', label: 'JavaScript (trusted admin)' },
|
|
33
|
+
runOnce: {
|
|
34
|
+
type: 'radio',
|
|
35
|
+
label: 'Run once',
|
|
36
|
+
options: [
|
|
37
|
+
{ label: 'Yes', value: true },
|
|
38
|
+
{ label: 'No', value: false },
|
|
39
|
+
],
|
|
40
|
+
},
|
|
41
|
+
margin: BOX_MARGIN_FIELD,
|
|
42
|
+
padding: BOX_PADDING_FIELD,
|
|
43
|
+
border: BOX_BORDER_FIELD,
|
|
44
|
+
},
|
|
45
|
+
defaultProps: {
|
|
46
|
+
script: '',
|
|
47
|
+
runOnce: true,
|
|
48
|
+
...DEFAULT_BOX_PROPS,
|
|
49
|
+
},
|
|
50
|
+
render: RawJsRender,
|
|
51
|
+
};
|
|
52
|
+
export const RawJs = withHideOn(rawJsConfig);
|
|
53
|
+
//# sourceMappingURL=RawJs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RawJs.js","sourceRoot":"","sources":["../../src/components/RawJs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAA4C,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,WAAW,GAA8B,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,EAAE,IAAI,EAAE,GAAG,GAAG,EAAE,GAAG,KAAK,CAAC;IACvD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAO;QAChE,MAAM,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC;QAChC,IAAI,OAAO,IAAI,EAAE,CAAC,OAAO,CAAC,OAAO,KAAK,GAAG;YAAE,OAAO;QAElD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC9C,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;QAC1B,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,OAAO;YAAE,EAAE,CAAC,OAAO,CAAC,OAAO,GAAG,GAAG,CAAC;QAEtC,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/B,OAAO,CACL,MAAC,SAAS,OAAK,GAAG,EAAE,SAAS,EAAC,gBAAgB,aAC3C,OAAO,CAAC,CAAC,CAAC,CACT,YAAG,SAAS,EAAC,8CAA8C,2FAEvD,CACL,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,GAAG,EAAE,YAAY,oBAAiB,EAAE,GAAG,IAClC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAgC;IAC/C,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE;QACN,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,4BAA4B,EAAE;QACjE,OAAO,EAAE;YACP,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE;gBAC7B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;aAC9B;SACF;QACD,MAAM,EAAE,gBAAgB;QACxB,OAAO,EAAE,iBAAiB;QAC1B,MAAM,EAAE,gBAAgB;KACzB;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,IAAI;QACb,GAAG,iBAAiB;KACrB;IACD,MAAM,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RichContent.d.ts","sourceRoot":"","sources":["../../src/components/RichContent.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AA8BrE,eAAO,MAAM,WAAW,EAAE,eAAe,CAAC,gBAAgB,CA2CzD,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { lazy, Suspense } from 'react';
|
|
4
|
+
import {} from '@measured/puck';
|
|
5
|
+
import { BOX_BORDER_FIELD, BOX_MARGIN_FIELD, BOX_PADDING_FIELD, DEFAULT_BOX_PROPS } from '../fields/shared-fields.js';
|
|
6
|
+
import { RichContentEditingPreviewRender, RichContentPublishedRender } from './RichContentPublished.js';
|
|
7
|
+
import { coerceRichContentProps, defaultRichContent, htmlFromTiptap } from './rich-content-shared.js';
|
|
8
|
+
const LazyRichContentEditorField = lazy(async () => {
|
|
9
|
+
const mod = await import('./RichContentEditorField.js');
|
|
10
|
+
return { default: mod.RichContentEditorField };
|
|
11
|
+
});
|
|
12
|
+
function RichContentFieldRender({ value, onChange, readOnly, }) {
|
|
13
|
+
return (_jsx(Suspense, { fallback: _jsx("p", { className: "text-sm opacity-70", children: "Loading editor\u2026" }), children: _jsx(LazyRichContentEditorField, { value: value ?? null, onChange: onChange, ...(readOnly === true ? { readOnly: true } : {}) }) }));
|
|
14
|
+
}
|
|
15
|
+
export const RichContent = {
|
|
16
|
+
label: 'Rich Content',
|
|
17
|
+
fields: {
|
|
18
|
+
content: {
|
|
19
|
+
type: 'custom',
|
|
20
|
+
label: 'Content',
|
|
21
|
+
render: ({ value, onChange, readOnly }) => (_jsx(RichContentFieldRender, { value: value, onChange: onChange, ...(readOnly === true ? { readOnly: true } : {}) })),
|
|
22
|
+
},
|
|
23
|
+
// `html` is kept on props (synced from TipTap in resolveData) for published
|
|
24
|
+
// render + legacy trees, but is not an author-facing field.
|
|
25
|
+
margin: BOX_MARGIN_FIELD,
|
|
26
|
+
padding: BOX_PADDING_FIELD,
|
|
27
|
+
border: BOX_BORDER_FIELD,
|
|
28
|
+
},
|
|
29
|
+
defaultProps: {
|
|
30
|
+
content: defaultRichContent,
|
|
31
|
+
html: '',
|
|
32
|
+
...DEFAULT_BOX_PROPS,
|
|
33
|
+
},
|
|
34
|
+
resolveData: async ({ props }, { changed }) => {
|
|
35
|
+
const normalized = coerceRichContentProps(props);
|
|
36
|
+
if (changed.content) {
|
|
37
|
+
return {
|
|
38
|
+
props: {
|
|
39
|
+
...normalized,
|
|
40
|
+
html: htmlFromTiptap(normalized.content) || normalized.html,
|
|
41
|
+
},
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
return { props: normalized };
|
|
45
|
+
},
|
|
46
|
+
render: (props) => props.puck?.isEditing ? (_jsx(RichContentEditingPreviewRender, { ...props })) : (_jsx(RichContentPublishedRender, { ...props })),
|
|
47
|
+
};
|
|
48
|
+
//# sourceMappingURL=RichContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RichContent.js","sourceRoot":"","sources":["../../src/components/RichContent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAqB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAwB,MAAM,gBAAgB,CAAC;AAGtD,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACtH,OAAO,EAAE,+BAA+B,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AACxG,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAEtG,MAAM,0BAA0B,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE;IACjD,MAAM,GAAG,GAAG,MAAM,MAAM,CAAC,6BAA6B,CAAC,CAAC;IACxD,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,sBAAsB,EAAE,CAAC;AACjD,CAAC,CAAC,CAAC;AAEH,SAAS,sBAAsB,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,QAAQ,GAKT;IACC,OAAO,CACL,KAAC,QAAQ,IAAC,QAAQ,EAAE,YAAG,SAAS,EAAC,oBAAoB,qCAAoB,YACvE,KAAC,0BAA0B,IACzB,KAAK,EAAE,KAAK,IAAI,IAAI,EACpB,QAAQ,EAAE,QAAQ,KACd,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACjD,GACO,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAsC;IAC5D,KAAK,EAAE,cAAc;IACrB,MAAM,EAAE;QACN,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACzC,KAAC,sBAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,KACd,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACjD,CACH;SACF;QACD,4EAA4E;QAC5E,4DAA4D;QAC5D,MAAM,EAAE,gBAAgB;QACxB,OAAO,EAAE,iBAAiB;QAC1B,MAAM,EAAE,gBAAgB;KACmC;IAC7D,YAAY,EAAE;QACZ,OAAO,EAAE,kBAAkB;QAC3B,IAAI,EAAE,EAAE;QACR,GAAG,iBAAiB;KACrB;IACD,WAAW,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QAC5C,MAAM,UAAU,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;QACjD,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO;gBACL,KAAK,EAAE;oBACL,GAAG,UAAU;oBACb,IAAI,EAAE,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,UAAU,CAAC,IAAI;iBAC5D;aACF,CAAC;QACJ,CAAC;QACD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;IAC/B,CAAC;IACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAChB,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CACtB,KAAC,+BAA+B,OAAK,KAAK,GAAI,CAC/C,CAAC,CAAC,CAAC,CACF,KAAC,0BAA0B,OAAK,KAAK,GAAI,CAC1C;CACJ,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type Editor, type JSONContent } from '@tiptap/core';
|
|
2
|
+
import { type ReactNode } from 'react';
|
|
3
|
+
export declare function RichContentEditorField({ value, onChange, readOnly, toolbarExtra, }: {
|
|
4
|
+
value: JSONContent | null;
|
|
5
|
+
onChange: (value: JSONContent | null) => void;
|
|
6
|
+
readOnly?: boolean | undefined;
|
|
7
|
+
/** Optional controls appended to the CMS TipTap toolbar (e.g. email Variable). */
|
|
8
|
+
toolbarExtra?: ReactNode | ((editor: Editor) => ReactNode);
|
|
9
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
//# sourceMappingURL=RichContentEditorField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RichContentEditorField.d.ts","sourceRoot":"","sources":["../../src/components/RichContentEditorField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAsY5D,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,YAAY,GACb,EAAE;IACD,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,kFAAkF;IAClF,YAAY,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC;CAC5D,2CA6EA"}
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import {} from '@tiptap/core';
|
|
4
|
+
import { EditorContent, useEditor } from '@tiptap/react';
|
|
5
|
+
import { useEffect, useState } from 'react';
|
|
6
|
+
import { createPortal } from 'react-dom';
|
|
7
|
+
import { RICH_CONTENT_PROSE_CLASS, defaultRichContent, htmlFromTiptap, richContentExtensions, sanitizeRichHtml, } from './rich-content-shared.js';
|
|
8
|
+
function ToolbarButton({ children, title, active, disabled, onClick, }) {
|
|
9
|
+
return (_jsx("button", { type: "button", title: title, "aria-label": title, "aria-pressed": active ?? false, onMouseDown: (event) => event.preventDefault(), onClick: onClick, disabled: disabled, className: `cmsc:font-sans cmsc:inline-flex cmsc:items-center cmsc:justify-center cmsc:min-w-[30px] cmsc:h-[30px] cmsc:px-[7px] cmsc:text-[13px] cmsc:leading-none cmsc:rounded-[6px] cmsc:border cmsc:border-solid cmsc:transition-colors ${active
|
|
10
|
+
? 'cmsc:bg-[#15202b] cmsc:text-white cmsc:border-[#15202b]'
|
|
11
|
+
: 'cmsc:bg-white cmsc:text-[#334155] cmsc:border-transparent cmsc:hover:bg-[#e8edf2]'} ${disabled ? 'cmsc:opacity-35 cmsc:cursor-not-allowed' : 'cmsc:cursor-pointer'}`, children: children }));
|
|
12
|
+
}
|
|
13
|
+
function Divider() {
|
|
14
|
+
return _jsx("span", { className: "cmsc:self-stretch cmsc:w-px cmsc:my-[3px] cmsc:bg-[#d9e0e7]" });
|
|
15
|
+
}
|
|
16
|
+
const BLOCK_OPTIONS = [
|
|
17
|
+
{ value: 'p', label: 'Paragraph' },
|
|
18
|
+
{ value: 'h1', label: 'Heading 1' },
|
|
19
|
+
{ value: 'h2', label: 'Heading 2' },
|
|
20
|
+
{ value: 'h3', label: 'Heading 3' },
|
|
21
|
+
{ value: 'h4', label: 'Heading 4' },
|
|
22
|
+
];
|
|
23
|
+
function currentBlock(editor) {
|
|
24
|
+
for (const level of [1, 2, 3, 4]) {
|
|
25
|
+
if (editor.isActive('heading', { level }))
|
|
26
|
+
return `h${level}`;
|
|
27
|
+
}
|
|
28
|
+
return 'p';
|
|
29
|
+
}
|
|
30
|
+
function LinkDialog({ initialUrl, initialBlank, onApply, onCancel, }) {
|
|
31
|
+
const [url, setUrl] = useState(initialUrl);
|
|
32
|
+
const [openInNewTab, setOpenInNewTab] = useState(initialBlank);
|
|
33
|
+
return (_jsx("div", { className: "cmsc:fixed cmsc:inset-0 cmsc:z-[2147483001] cmsc:flex cmsc:items-center cmsc:justify-center cmsc:bg-[rgba(15,23,42,0.45)] cmsc:p-[16px]", role: "dialog", "aria-modal": "true", "aria-label": "Edit link", onClick: (event) => {
|
|
34
|
+
if (event.target === event.currentTarget)
|
|
35
|
+
onCancel();
|
|
36
|
+
}, children: _jsxs("div", { className: "cmsc:font-sans cmsc:w-full cmsc:max-w-[420px] cmsc:rounded-[10px] cmsc:border cmsc:border-solid cmsc:border-[#d9e0e7] cmsc:bg-white cmsc:p-[16px] cmsc:shadow-lg", children: [_jsx("h3", { className: "cmsc:m-0 cmsc:mb-[12px] cmsc:text-[15px] cmsc:font-semibold cmsc:text-[#15202b]", children: "Link" }), _jsxs("label", { className: "cmsc:block cmsc:mb-[10px]", children: [_jsx("span", { className: "cmsc:mb-[4px] cmsc:block cmsc:text-[12px] cmsc:text-[#64748b]", children: "URL" }), _jsx("input", { className: "cmsc:box-border cmsc:w-full cmsc:rounded-[6px] cmsc:border cmsc:border-solid cmsc:border-[#d9e0e7] cmsc:px-[10px] cmsc:py-[8px] cmsc:text-[14px]", value: url, placeholder: "https://\u2026", autoFocus: true, onChange: (event) => setUrl(event.target.value), onKeyDown: (event) => {
|
|
37
|
+
if (event.key === 'Enter')
|
|
38
|
+
onApply(url, openInNewTab);
|
|
39
|
+
if (event.key === 'Escape')
|
|
40
|
+
onCancel();
|
|
41
|
+
} })] }), _jsxs("label", { className: "cmsc:mb-[14px] cmsc:flex cmsc:items-center cmsc:gap-[8px] cmsc:text-[13px] cmsc:text-[#334155]", children: [_jsx("input", { type: "checkbox", checked: openInNewTab, onChange: (event) => setOpenInNewTab(event.target.checked) }), "Open in new tab"] }), _jsxs("div", { className: "cmsc:flex cmsc:justify-end cmsc:gap-[8px]", children: [_jsx("button", { type: "button", className: "cmsc:cursor-pointer cmsc:rounded-[6px] cmsc:border cmsc:border-solid cmsc:border-[#d9e0e7] cmsc:bg-white cmsc:px-[12px] cmsc:py-[7px] cmsc:text-[13px]", onClick: onCancel, children: "Cancel" }), _jsx("button", { type: "button", className: "cmsc:cursor-pointer cmsc:rounded-[6px] cmsc:border cmsc:border-solid cmsc:border-[#15202b] cmsc:bg-[#15202b] cmsc:px-[12px] cmsc:py-[7px] cmsc:text-[13px] cmsc:text-white", onClick: () => onApply(url, openInNewTab), children: url.trim() ? 'Apply' : 'Remove link' })] })] }) }));
|
|
42
|
+
}
|
|
43
|
+
function ImageDialog({ onApply, onCancel, }) {
|
|
44
|
+
const [url, setUrl] = useState('');
|
|
45
|
+
const [alt, setAlt] = useState('');
|
|
46
|
+
return (_jsx("div", { className: "cmsc:fixed cmsc:inset-0 cmsc:z-[2147483001] cmsc:flex cmsc:items-center cmsc:justify-center cmsc:bg-[rgba(15,23,42,0.45)] cmsc:p-[16px]", role: "dialog", "aria-modal": "true", "aria-label": "Insert image", onClick: (event) => {
|
|
47
|
+
if (event.target === event.currentTarget)
|
|
48
|
+
onCancel();
|
|
49
|
+
}, children: _jsxs("div", { className: "cmsc:font-sans cmsc:w-full cmsc:max-w-[420px] cmsc:rounded-[10px] cmsc:border cmsc:border-solid cmsc:border-[#d9e0e7] cmsc:bg-white cmsc:p-[16px] cmsc:shadow-lg", children: [_jsx("h3", { className: "cmsc:m-0 cmsc:mb-[12px] cmsc:text-[15px] cmsc:font-semibold cmsc:text-[#15202b]", children: "Insert image" }), _jsxs("label", { className: "cmsc:block cmsc:mb-[10px]", children: [_jsx("span", { className: "cmsc:mb-[4px] cmsc:block cmsc:text-[12px] cmsc:text-[#64748b]", children: "Image URL" }), _jsx("input", { className: "cmsc:box-border cmsc:w-full cmsc:rounded-[6px] cmsc:border cmsc:border-solid cmsc:border-[#d9e0e7] cmsc:px-[10px] cmsc:py-[8px] cmsc:text-[14px]", value: url, placeholder: "https://\u2026", autoFocus: true, onChange: (event) => setUrl(event.target.value) })] }), _jsxs("label", { className: "cmsc:block cmsc:mb-[14px]", children: [_jsx("span", { className: "cmsc:mb-[4px] cmsc:block cmsc:text-[12px] cmsc:text-[#64748b]", children: "Alt text" }), _jsx("input", { className: "cmsc:box-border cmsc:w-full cmsc:rounded-[6px] cmsc:border cmsc:border-solid cmsc:border-[#d9e0e7] cmsc:px-[10px] cmsc:py-[8px] cmsc:text-[14px]", value: alt, onChange: (event) => setAlt(event.target.value) })] }), _jsxs("div", { className: "cmsc:flex cmsc:justify-end cmsc:gap-[8px]", children: [_jsx("button", { type: "button", className: "cmsc:cursor-pointer cmsc:rounded-[6px] cmsc:border cmsc:border-solid cmsc:border-[#d9e0e7] cmsc:bg-white cmsc:px-[12px] cmsc:py-[7px] cmsc:text-[13px]", onClick: onCancel, children: "Cancel" }), _jsx("button", { type: "button", className: "cmsc:cursor-pointer cmsc:rounded-[6px] cmsc:border cmsc:border-solid cmsc:border-[#15202b] cmsc:bg-[#15202b] cmsc:px-[12px] cmsc:py-[7px] cmsc:text-[13px] cmsc:text-white disabled:cmsc:opacity-40", disabled: !url.trim(), onClick: () => onApply(url.trim(), alt.trim()), children: "Insert" })] })] }) }));
|
|
50
|
+
}
|
|
51
|
+
function Toolbar({ editor, expanded, onToggleExpand, toolbarExtra, }) {
|
|
52
|
+
const [linkOpen, setLinkOpen] = useState(false);
|
|
53
|
+
const [imageOpen, setImageOpen] = useState(false);
|
|
54
|
+
if (!editor)
|
|
55
|
+
return null;
|
|
56
|
+
const extra = typeof toolbarExtra === 'function' ? toolbarExtra(editor) : toolbarExtra;
|
|
57
|
+
const applyBlock = (value) => {
|
|
58
|
+
const chain = editor.chain().focus();
|
|
59
|
+
if (value === 'p')
|
|
60
|
+
chain.setParagraph().run();
|
|
61
|
+
else
|
|
62
|
+
chain.setNode('heading', { level: Number(value.slice(1)) }).run();
|
|
63
|
+
};
|
|
64
|
+
const textColor = editor.getAttributes('textStyle').color ?? '#243447';
|
|
65
|
+
const highlightColor = editor.getAttributes('highlight').color ?? '#fef08c';
|
|
66
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "cmsc:flex cmsc:flex-wrap cmsc:items-center cmsc:gap-[3px] cmsc:border cmsc:border-solid cmsc:border-[#d9e0e7] cmsc:rounded-t-[8px] cmsc:bg-[#f5f7fa] cmsc:px-[6px] cmsc:py-[5px]", children: [_jsx("select", { value: currentBlock(editor), onChange: (event) => applyBlock(event.target.value), title: "Block type", "aria-label": "Block type", className: "cmsc:font-sans cmsc:h-[30px] cmsc:text-[13px] cmsc:text-[#334155] cmsc:bg-white cmsc:border cmsc:border-solid cmsc:border-[#d9e0e7] cmsc:rounded-[6px] cmsc:px-[6px] cmsc:cursor-pointer", children: BLOCK_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value))) }), _jsx(Divider, {}), _jsx(ToolbarButton, { title: "Bold", active: editor.isActive('bold'), onClick: () => editor.chain().focus().toggleBold().run(), children: _jsx("strong", { children: "B" }) }), _jsx(ToolbarButton, { title: "Italic", active: editor.isActive('italic'), onClick: () => editor.chain().focus().toggleItalic().run(), children: _jsx("em", { children: "I" }) }), _jsx(ToolbarButton, { title: "Underline", active: editor.isActive('underline'), onClick: () => editor.chain().focus().toggleUnderline().run(), children: _jsx("span", { className: "cmsc:underline", children: "U" }) }), _jsx(ToolbarButton, { title: "Strikethrough", active: editor.isActive('strike'), onClick: () => editor.chain().focus().toggleStrike().run(), children: _jsx("span", { className: "cmsc:line-through", children: "S" }) }), _jsx(ToolbarButton, { title: "Inline code", active: editor.isActive('code'), onClick: () => editor.chain().focus().toggleCode().run(), children: '</>' }), _jsx(ToolbarButton, { title: "Link", active: editor.isActive('link'), onClick: () => setLinkOpen(true), children: "\uD83D\uDD17" }), _jsx(ToolbarButton, { title: "Insert image", onClick: () => setImageOpen(true), children: "\uD83D\uDDBC" }), _jsx(Divider, {}), _jsxs("label", { title: "Text color", className: "cmsc:inline-flex cmsc:h-[30px] cmsc:items-center cmsc:gap-[4px] cmsc:rounded-[6px] cmsc:px-[4px] cmsc:text-[12px] cmsc:text-[#64748b]", children: ["A", _jsx("input", { type: "color", value: /^#[0-9a-fA-F]{6}$/.test(textColor) ? textColor : '#243447', className: "cmsc:h-[22px] cmsc:w-[28px] cmsc:cursor-pointer cmsc:border-0 cmsc:bg-transparent cmsc:p-0", onChange: (event) => editor.chain().focus().setColor(event.target.value).run() })] }), _jsxs("label", { title: "Highlight color", className: "cmsc:inline-flex cmsc:h-[30px] cmsc:items-center cmsc:gap-[4px] cmsc:rounded-[6px] cmsc:px-[4px] cmsc:text-[12px] cmsc:text-[#64748b]", children: ["\u25AE", _jsx("input", { type: "color", value: /^#[0-9a-fA-F]{6}$/.test(highlightColor) ? highlightColor : '#fef08c', className: "cmsc:h-[22px] cmsc:w-[28px] cmsc:cursor-pointer cmsc:border-0 cmsc:bg-transparent cmsc:p-0", onChange: (event) => editor.chain().focus().toggleHighlight({ color: event.target.value }).run() })] }), _jsx(Divider, {}), _jsx(ToolbarButton, { title: "Bullet list", active: editor.isActive('bulletList'), onClick: () => editor.chain().focus().toggleBulletList().run(), children: "\u2022\u2014" }), _jsx(ToolbarButton, { title: "Numbered list", active: editor.isActive('orderedList'), onClick: () => editor.chain().focus().toggleOrderedList().run(), children: "1." }), _jsx(ToolbarButton, { title: "Quote", active: editor.isActive('blockquote'), onClick: () => editor.chain().focus().toggleBlockquote().run(), children: "\u275D" }), _jsx(ToolbarButton, { title: "Code block", active: editor.isActive('codeBlock'), onClick: () => editor.chain().focus().toggleCodeBlock().run(), children: '{ }' }), _jsx(ToolbarButton, { title: "Horizontal rule", onClick: () => editor.chain().focus().setHorizontalRule().run(), children: "\u2015" }), _jsx(Divider, {}), _jsx(ToolbarButton, { title: "Align left", active: editor.isActive({ textAlign: 'left' }), onClick: () => editor.chain().focus().setTextAlign('left').run(), children: "\u2AF7" }), _jsx(ToolbarButton, { title: "Align center", active: editor.isActive({ textAlign: 'center' }), onClick: () => editor.chain().focus().setTextAlign('center').run(), children: "\u2630" }), _jsx(ToolbarButton, { title: "Align right", active: editor.isActive({ textAlign: 'right' }), onClick: () => editor.chain().focus().setTextAlign('right').run(), children: "\u2AF8" }), _jsx(ToolbarButton, { title: "Justify", active: editor.isActive({ textAlign: 'justify' }), onClick: () => editor.chain().focus().setTextAlign('justify').run(), children: "\u25A4" }), _jsx(Divider, {}), _jsx(ToolbarButton, { title: "Clear formatting", onClick: () => editor.chain().focus().unsetAllMarks().clearNodes().run(), children: "\u232B" }), _jsx(ToolbarButton, { title: "Undo", disabled: !editor.can().undo(), onClick: () => editor.chain().focus().undo().run(), children: "\u21B6" }), _jsx(ToolbarButton, { title: "Redo", disabled: !editor.can().redo(), onClick: () => editor.chain().focus().redo().run(), children: "\u21B7" }), extra ? (_jsxs(_Fragment, { children: [_jsx(Divider, {}), _jsx("span", { className: "cmsc:inline-flex cmsc:items-center cmsc:gap-[4px]", children: extra })] })) : null, _jsx("span", { className: "cmsc:ml-auto" }), _jsx(ToolbarButton, { title: expanded ? 'Collapse editor' : 'Expand editor to full screen', active: expanded, onClick: onToggleExpand, children: expanded ? '🗗' : '⤢' })] }), linkOpen && typeof document !== 'undefined'
|
|
67
|
+
? createPortal(_jsx(LinkDialog, { initialUrl: editor.getAttributes('link').href ?? '', initialBlank: editor.getAttributes('link').target === '_blank', onCancel: () => setLinkOpen(false), onApply: (url, openInNewTab) => {
|
|
68
|
+
const range = editor.chain().focus().extendMarkRange('link');
|
|
69
|
+
if (url.trim() === '')
|
|
70
|
+
range.unsetLink().run();
|
|
71
|
+
else
|
|
72
|
+
range
|
|
73
|
+
.setLink({
|
|
74
|
+
href: url.trim(),
|
|
75
|
+
target: openInNewTab ? '_blank' : null,
|
|
76
|
+
rel: openInNewTab ? 'noopener noreferrer' : null,
|
|
77
|
+
})
|
|
78
|
+
.run();
|
|
79
|
+
setLinkOpen(false);
|
|
80
|
+
} }), document.body)
|
|
81
|
+
: null, imageOpen && typeof document !== 'undefined'
|
|
82
|
+
? createPortal(_jsx(ImageDialog, { onCancel: () => setImageOpen(false), onApply: (url, alt) => {
|
|
83
|
+
editor.chain().focus().setImage({ src: url, alt }).run();
|
|
84
|
+
setImageOpen(false);
|
|
85
|
+
} }), document.body)
|
|
86
|
+
: null] }));
|
|
87
|
+
}
|
|
88
|
+
export function RichContentEditorField({ value, onChange, readOnly, toolbarExtra, }) {
|
|
89
|
+
const [expanded, setExpanded] = useState(false);
|
|
90
|
+
const [, setTick] = useState(0);
|
|
91
|
+
const editor = useEditor({
|
|
92
|
+
extensions: richContentExtensions,
|
|
93
|
+
content: value ?? defaultRichContent,
|
|
94
|
+
editable: !readOnly,
|
|
95
|
+
immediatelyRender: false,
|
|
96
|
+
editorProps: {
|
|
97
|
+
attributes: {
|
|
98
|
+
class: `${RICH_CONTENT_PROSE_CLASS} cmsc:outline-none cmsc:min-h-[140px] cmsc:[&_p]:my-[8px] cmsc:[&_h1]:my-[8px] cmsc:[&_h2]:my-[8px] cmsc:[&_h3]:my-[8px] cmsc:[&_h4]:my-[8px] cmsc:[&_ul]:my-[8px] cmsc:[&_ol]:my-[8px] cmsc:[&_blockquote]:my-[8px]`,
|
|
99
|
+
},
|
|
100
|
+
},
|
|
101
|
+
onTransaction: () => setTick((tick) => tick + 1),
|
|
102
|
+
onUpdate: ({ editor: activeEditor }) => {
|
|
103
|
+
onChange(activeEditor.getJSON());
|
|
104
|
+
},
|
|
105
|
+
}, []);
|
|
106
|
+
useEffect(() => {
|
|
107
|
+
if (!expanded)
|
|
108
|
+
return undefined;
|
|
109
|
+
const onKeyDown = (event) => {
|
|
110
|
+
if (event.key === 'Escape')
|
|
111
|
+
setExpanded(false);
|
|
112
|
+
};
|
|
113
|
+
document.addEventListener('keydown', onKeyDown);
|
|
114
|
+
return () => document.removeEventListener('keydown', onKeyDown);
|
|
115
|
+
}, [expanded]);
|
|
116
|
+
if (readOnly) {
|
|
117
|
+
return (_jsx("div", { className: "cmsc:font-sans cmsc:border cmsc:border-solid cmsc:border-[#d9e0e7] cmsc:rounded-[8px] cmsc:bg-white cmsc:p-[12px]", children: _jsx("span", { className: "cmsc:font-sans cmsc:text-[#334155] cmsc:text-[14px]", dangerouslySetInnerHTML: {
|
|
118
|
+
__html: htmlFromTiptap(value) || sanitizeRichHtml('') || '<p>No content</p>',
|
|
119
|
+
} }) }));
|
|
120
|
+
}
|
|
121
|
+
const shell = (_jsxs("div", { className: expanded ? 'cmsc:flex cmsc:flex-col cmsc:w-full cmsc:max-w-[860px] cmsc:mx-auto cmsc:h-full' : 'cmsc:flex cmsc:flex-col', children: [_jsx(Toolbar, { editor: editor, expanded: expanded, onToggleExpand: () => setExpanded((on) => !on), ...(toolbarExtra !== undefined ? { toolbarExtra } : {}) }), _jsx("div", { className: `cmsc:border cmsc:border-solid cmsc:border-[#d9e0e7] cmsc:border-t-0 cmsc:rounded-b-[8px] cmsc:bg-white cmsc:p-[14px] cmsc:overflow-auto ${expanded ? 'cmsc:flex-1' : 'cmsc:min-h-[160px]'}`, children: _jsx(EditorContent, { editor: editor }) })] }));
|
|
122
|
+
if (expanded && typeof document !== 'undefined') {
|
|
123
|
+
return createPortal(_jsx("div", { className: "cmsc:fixed cmsc:inset-0 cmsc:z-[2147483000] cmsc:bg-[rgba(15,23,42,0.55)] cmsc:p-[24px] cmsc:flex cmsc:flex-col", onClick: (event) => {
|
|
124
|
+
if (event.target === event.currentTarget)
|
|
125
|
+
setExpanded(false);
|
|
126
|
+
}, children: shell }), document.body);
|
|
127
|
+
}
|
|
128
|
+
return shell;
|
|
129
|
+
}
|
|
130
|
+
//# sourceMappingURL=RichContentEditorField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RichContentEditorField.js","sourceRoot":"","sources":["../../src/components/RichContentEditorField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAiC,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,cAAc,EACd,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAElC,SAAS,aAAa,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,QAAQ,EACR,OAAO,GAOR;IACC,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,gBACA,KAAK,kBACH,MAAM,IAAI,KAAK,EAC7B,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EAC9C,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,kOACT,MAAM;YACJ,CAAC,CAAC,yDAAyD;YAC3D,CAAC,CAAC,mFACN,IAAI,QAAQ,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,qBAAqB,EAAE,YAEjF,QAAQ,GACF,CACV,CAAC;AACJ,CAAC;AAED,SAAS,OAAO;IACd,OAAO,eAAM,SAAS,EAAC,6DAA6D,GAAG,CAAC;AAC1F,CAAC;AAED,MAAM,aAAa,GAAG;IACpB,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE;IAClC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE;IACnC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE;IACnC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE;IACnC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE;CAC3B,CAAC;AAEX,SAAS,YAAY,CAAC,MAAc;IAClC,KAAK,MAAM,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,EAAE,CAAC;QAC1C,IAAI,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC;YAAE,OAAO,IAAI,KAAK,EAAE,CAAC;IAChE,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,UAAU,EACV,YAAY,EACZ,OAAO,EACP,QAAQ,GAMT;IACC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;IAC3C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAE/D,OAAO,CACL,cACE,SAAS,EAAC,yIAAyI,EACnJ,IAAI,EAAC,QAAQ,gBACF,MAAM,gBACN,WAAW,EACtB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa;gBAAE,QAAQ,EAAE,CAAC;QACvD,CAAC,YAED,eAAK,SAAS,EAAC,kKAAkK,aAC/K,aAAI,SAAS,EAAC,iFAAiF,qBAAU,EACzG,iBAAO,SAAS,EAAC,2BAA2B,aAC1C,eAAM,SAAS,EAAC,+DAA+D,oBAAW,EAC1F,gBACE,SAAS,EAAC,kJAAkJ,EAC5J,KAAK,EAAE,GAAG,EACV,WAAW,EAAC,gBAAW,EACvB,SAAS,QACT,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;gCACnB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;oCAAE,OAAO,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;gCACtD,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ;oCAAE,QAAQ,EAAE,CAAC;4BACzC,CAAC,GACD,IACI,EACR,iBAAO,SAAS,EAAC,gGAAgG,aAC/G,gBACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAC1D,uBAEI,EACR,eAAK,SAAS,EAAC,2CAA2C,aACxD,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,wJAAwJ,EAClK,OAAO,EAAE,QAAQ,uBAGV,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4KAA4K,EACtL,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,YAAY,CAAC,YAExC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,GAC9B,IACL,IACF,GACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,OAAO,EACP,QAAQ,GAIT;IACC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEnC,OAAO,CACL,cACE,SAAS,EAAC,yIAAyI,EACnJ,IAAI,EAAC,QAAQ,gBACF,MAAM,gBACN,cAAc,EACzB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa;gBAAE,QAAQ,EAAE,CAAC;QACvD,CAAC,YAED,eAAK,SAAS,EAAC,kKAAkK,aAC/K,aAAI,SAAS,EAAC,iFAAiF,6BAAkB,EACjH,iBAAO,SAAS,EAAC,2BAA2B,aAC1C,eAAM,SAAS,EAAC,+DAA+D,0BAAiB,EAChG,gBACE,SAAS,EAAC,kJAAkJ,EAC5J,KAAK,EAAE,GAAG,EACV,WAAW,EAAC,gBAAW,EACvB,SAAS,QACT,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAC/C,IACI,EACR,iBAAO,SAAS,EAAC,2BAA2B,aAC1C,eAAM,SAAS,EAAC,+DAA+D,yBAAgB,EAC/F,gBACE,SAAS,EAAC,kJAAkJ,EAC5J,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAC/C,IACI,EACR,eAAK,SAAS,EAAC,2CAA2C,aACxD,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,wJAAwJ,EAClK,OAAO,EAAE,QAAQ,uBAGV,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,qMAAqM,EAC/M,QAAQ,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,uBAGvC,IACL,IACF,GACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,OAAO,CAAC,EACf,MAAM,EACN,QAAQ,EACR,cAAc,EACd,YAAY,GAMb;IACC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,MAAM,KAAK,GACT,OAAO,YAAY,KAAK,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;IAE3E,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE;QACnC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC;QACrC,IAAI,KAAK,KAAK,GAAG;YAAE,KAAK,CAAC,YAAY,EAAE,CAAC,GAAG,EAAE,CAAC;;YACzC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;IACzE,CAAC,CAAC;IAEF,MAAM,SAAS,GAAI,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,KAA4B,IAAI,SAAS,CAAC;IAC/F,MAAM,cAAc,GACjB,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,KAA4B,IAAI,SAAS,CAAC;IAE/E,OAAO,CACL,8BACE,eAAK,SAAS,EAAC,kLAAkL,aAC/L,iBACE,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,EAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACnD,KAAK,EAAC,YAAY,gBACP,YAAY,EACvB,SAAS,EAAC,0LAA0L,YAEnM,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7B,iBAA2B,KAAK,EAAE,MAAM,CAAC,KAAK,YAC3C,MAAM,CAAC,KAAK,IADF,MAAM,CAAC,KAAK,CAEhB,CACV,CAAC,GACK,EAET,KAAC,OAAO,KAAG,EAEX,KAAC,aAAa,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,CAAC,GAAG,EAAE,YACnH,iCAAkB,GACJ,EAChB,KAAC,aAAa,IAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,YAAY,EAAE,CAAC,GAAG,EAAE,YACzH,6BAAU,GACI,EAChB,KAAC,aAAa,IAAC,KAAK,EAAC,WAAW,EAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,eAAe,EAAE,CAAC,GAAG,EAAE,YAClI,eAAM,SAAS,EAAC,gBAAgB,kBAAS,GAC3B,EAChB,KAAC,aAAa,IAAC,KAAK,EAAC,eAAe,EAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,YAAY,EAAE,CAAC,GAAG,EAAE,YAChI,eAAM,SAAS,EAAC,mBAAmB,kBAAS,GAC9B,EAChB,KAAC,aAAa,IAAC,KAAK,EAAC,aAAa,EAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,CAAC,GAAG,EAAE,YACzH,KAAK,GACQ,EAChB,KAAC,aAAa,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,6BAE7E,EAChB,KAAC,aAAa,IAAC,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,6BAErD,EAEhB,KAAC,OAAO,KAAG,EAEX,iBACE,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,uIAAuI,kBAGjJ,gBACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,mBAAmB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAClE,SAAS,EAAC,4FAA4F,EACtG,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,GAC9E,IACI,EACR,iBACE,KAAK,EAAC,iBAAiB,EACvB,SAAS,EAAC,uIAAuI,uBAGjJ,gBACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,mBAAmB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC5E,SAAS,EAAC,4FAA4F,EACtG,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAClB,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,GAE7E,IACI,EAER,KAAC,OAAO,KAAG,EAEX,KAAC,aAAa,IAAC,KAAK,EAAC,aAAa,EAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,gBAAgB,EAAE,CAAC,GAAG,EAAE,6BAExH,EAChB,KAAC,aAAa,IAAC,KAAK,EAAC,eAAe,EAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,iBAAiB,EAAE,CAAC,GAAG,EAAE,mBAE5H,EAChB,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,gBAAgB,EAAE,CAAC,GAAG,EAAE,uBAElH,EAChB,KAAC,aAAa,IAAC,KAAK,EAAC,YAAY,EAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,eAAe,EAAE,CAAC,GAAG,EAAE,YAClI,KAAK,GACQ,EAChB,KAAC,aAAa,IAAC,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,iBAAiB,EAAE,CAAC,GAAG,EAAE,uBAEtF,EAEhB,KAAC,OAAO,KAAG,EAEX,KAAC,aAAa,IAAC,KAAK,EAAC,YAAY,EAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,uBAElI,EAChB,KAAC,aAAa,IAAC,KAAK,EAAC,cAAc,EAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,GAAG,EAAE,uBAExI,EAChB,KAAC,aAAa,IAAC,KAAK,EAAC,aAAa,EAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,uBAErI,EAChB,KAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,uBAErI,EAEhB,KAAC,OAAO,KAAG,EAEX,KAAC,aAAa,IAAC,KAAK,EAAC,kBAAkB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,aAAa,EAAE,CAAC,UAAU,EAAE,CAAC,GAAG,EAAE,uBAEhG,EAChB,KAAC,aAAa,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,uBAE9F,EAChB,KAAC,aAAa,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,uBAE9F,EAEf,KAAK,CAAC,CAAC,CAAC,CACP,8BACE,KAAC,OAAO,KAAG,EACX,eAAM,SAAS,EAAC,mDAAmD,YAAE,KAAK,GAAQ,IACjF,CACJ,CAAC,CAAC,CAAC,IAAI,EAER,eAAM,SAAS,EAAC,cAAc,GAAG,EACjC,KAAC,aAAa,IAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,8BAA8B,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,YAC3H,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GACR,IACZ,EAEL,QAAQ,IAAI,OAAO,QAAQ,KAAK,WAAW;gBAC1C,CAAC,CAAC,YAAY,CACV,KAAC,UAAU,IACT,UAAU,EAAG,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,IAA2B,IAAI,EAAE,EAC3E,YAAY,EAAG,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,MAA6B,KAAK,QAAQ,EACtF,QAAQ,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAClC,OAAO,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,EAAE;wBAC7B,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;wBAC7D,IAAI,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE;4BAAE,KAAK,CAAC,SAAS,EAAE,CAAC,GAAG,EAAE,CAAC;;4BAE7C,KAAK;iCACF,OAAO,CAAC;gCACP,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE;gCAChB,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;gCACtC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI;6BACjD,CAAC;iCACD,GAAG,EAAE,CAAC;wBACX,WAAW,CAAC,KAAK,CAAC,CAAC;oBACrB,CAAC,GACD,EACF,QAAQ,CAAC,IAAI,CACd;gBACH,CAAC,CAAC,IAAI,EAEP,SAAS,IAAI,OAAO,QAAQ,KAAK,WAAW;gBAC3C,CAAC,CAAC,YAAY,CACV,KAAC,WAAW,IACV,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EACnC,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;wBACpB,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;wBACzD,YAAY,CAAC,KAAK,CAAC,CAAC;oBACtB,CAAC,GACD,EACF,QAAQ,CAAC,IAAI,CACd;gBACH,CAAC,CAAC,IAAI,IACP,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,YAAY,GAOb;IACC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAChC,MAAM,MAAM,GAAG,SAAS,CACtB;QACE,UAAU,EAAE,qBAAqB;QACjC,OAAO,EAAE,KAAK,IAAI,kBAAkB;QACpC,QAAQ,EAAE,CAAC,QAAQ;QACnB,iBAAiB,EAAE,KAAK;QACxB,WAAW,EAAE;YACX,UAAU,EAAE;gBACV,KAAK,EAAE,GAAG,wBAAwB,sNAAsN;aACzP;SACF;QACD,aAAa,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC;QAChD,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE;YACrC,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,CAAC;QACnC,CAAC;KACF,EACD,EAAE,CACH,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ;YAAE,OAAO,SAAS,CAAC;QAChC,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;YACzC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ;gBAAE,WAAW,CAAC,KAAK,CAAC,CAAC;QACjD,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,cAAK,SAAS,EAAC,mHAAmH,YAChI,eACE,SAAS,EAAC,qDAAqD,EAC/D,uBAAuB,EAAE;oBACvB,MAAM,EAAE,cAAc,CAAC,KAAK,CAAC,IAAI,gBAAgB,CAAC,EAAE,CAAC,IAAI,mBAAmB;iBAC7E,GACD,GACE,CACP,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG,CACZ,eAAK,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,iFAAiF,CAAC,CAAC,CAAC,yBAAyB,aACtI,KAAC,OAAO,IACN,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAC1C,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACxD,EACF,cACE,SAAS,EAAE,2IACT,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,oBAC7B,EAAE,YAEF,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,GAAI,GAC7B,IACF,CACP,CAAC;IAEF,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QAChD,OAAO,YAAY,CACjB,cACE,SAAS,EAAC,iHAAiH,EAC3H,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa;oBAAE,WAAW,CAAC,KAAK,CAAC,CAAC;YAC/D,CAAC,YAEA,KAAK,GACF,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;IACJ,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { PuckComponent } from '@measured/puck';
|
|
2
|
+
import type { RichContentProps } from '../schema/component-types.js';
|
|
3
|
+
export declare const RichContentPublishedRender: PuckComponent<RichContentProps>;
|
|
4
|
+
export declare const RichContentEditingPreviewRender: PuckComponent<RichContentProps>;
|
|
5
|
+
//# sourceMappingURL=RichContentPublished.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RichContentPublished.d.ts","sourceRoot":"","sources":["../../src/components/RichContentPublished.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAIrE,eAAO,MAAM,0BAA0B,EAAE,aAAa,CAAC,gBAAgB,CAetE,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,aAAa,CAAC,gBAAgB,CAU3E,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useMemo } from 'react';
|
|
4
|
+
import { usePreviewBreakpointTier } from '@endora-commerce/page-builder-core/client';
|
|
5
|
+
import { BoxStyled } from './box-styles.js';
|
|
6
|
+
import { RICH_CONTENT_PROSE_CLASS, resolveRichContentHtml } from './rich-content-shared.js';
|
|
7
|
+
export const RichContentPublishedRender = (props) => {
|
|
8
|
+
const safeHtml = useMemo(() => resolveRichContentHtml(props), [props]);
|
|
9
|
+
if (!safeHtml) {
|
|
10
|
+
const { content: _content, html: _html, puck: _puck, ...box } = props;
|
|
11
|
+
return _jsx(BoxStyled, { ...box, children: null });
|
|
12
|
+
}
|
|
13
|
+
const { content: _content, html: _html, puck: _puck, ...box } = props;
|
|
14
|
+
return (_jsx(BoxStyled, { ...box, children: _jsx("div", { className: RICH_CONTENT_PROSE_CLASS, dangerouslySetInnerHTML: { __html: safeHtml } }) }));
|
|
15
|
+
};
|
|
16
|
+
export const RichContentEditingPreviewRender = (props) => {
|
|
17
|
+
const tier = usePreviewBreakpointTier();
|
|
18
|
+
const safeHtml = useMemo(() => resolveRichContentHtml(props), [props]);
|
|
19
|
+
const { content: _content, html: _html, puck: _puck, ...box } = props;
|
|
20
|
+
return (_jsx(BoxStyled, { previewTier: tier, ...box, children: _jsx("div", { className: RICH_CONTENT_PROSE_CLASS, dangerouslySetInnerHTML: { __html: safeHtml || '<p></p>' } }) }));
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=RichContentPublished.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RichContentPublished.js","sourceRoot":"","sources":["../../src/components/RichContentPublished.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAErF,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAE5F,MAAM,CAAC,MAAM,0BAA0B,GAAoC,CAAC,KAAK,EAAE,EAAE;IACnF,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEvE,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,GAAG,EAAE,GAAG,KAAK,CAAC;QACtE,OAAO,KAAC,SAAS,OAAK,GAAG,YAAG,IAAI,GAAa,CAAC;IAChD,CAAC;IAED,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,GAAG,EAAE,GAAG,KAAK,CAAC;IAEtE,OAAO,CACL,KAAC,SAAS,OAAK,GAAG,YAChB,cAAK,SAAS,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAI,GACjF,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,+BAA+B,GAAoC,CAAC,KAAK,EAAE,EAAE;IACxF,MAAM,IAAI,GAAG,wBAAwB,EAAE,CAAC;IACxC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACvE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,GAAG,EAAE,GAAG,KAAK,CAAC;IAEtE,OAAO,CACL,KAAC,SAAS,IAAC,WAAW,EAAE,IAAI,KAAM,GAAG,YACnC,cAAK,SAAS,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,QAAQ,IAAI,SAAS,EAAE,GAAI,GAC9F,CACb,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { type PuckComponent } from '@measured/puck';
|
|
2
|
+
import type { RowProps } from '../schema/component-types.js';
|
|
3
|
+
export declare const Row: {
|
|
4
|
+
render: PuckComponent<RowProps>;
|
|
5
|
+
label?: string;
|
|
6
|
+
defaultProps?: RowProps;
|
|
7
|
+
fields?: import("@measured/puck").Fields<RowProps, {}>;
|
|
8
|
+
permissions?: Partial<import("@measured/puck").Permissions>;
|
|
9
|
+
inline?: boolean;
|
|
10
|
+
resolveFields?: (data: Omit<import("@measured/puck").ComponentData<RowProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
|
|
11
|
+
changed: Partial<Record<keyof RowProps, boolean> & {
|
|
12
|
+
id: string;
|
|
13
|
+
}>;
|
|
14
|
+
fields: import("@measured/puck").Fields<RowProps, {}>;
|
|
15
|
+
lastFields: import("@measured/puck").Fields<RowProps, {}>;
|
|
16
|
+
lastData: Omit<import("@measured/puck").ComponentData<RowProps, 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<RowProps, {}> | Promise<import("@measured/puck").Fields<RowProps, {}>>;
|
|
20
|
+
resolveData?: (data: Omit<import("@measured/puck").ComponentData<RowProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
|
|
21
|
+
changed: Partial<Record<keyof RowProps, boolean> & {
|
|
22
|
+
id: string;
|
|
23
|
+
}>;
|
|
24
|
+
lastData: Omit<import("@measured/puck").ComponentData<RowProps, 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<RowProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
|
|
28
|
+
props?: Partial<RowProps>;
|
|
29
|
+
}) | Promise<Omit<Omit<import("@measured/puck").ComponentData<RowProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
|
|
30
|
+
props?: Partial<RowProps>;
|
|
31
|
+
}>;
|
|
32
|
+
resolvePermissions?: (data: Omit<import("@measured/puck").ComponentData<RowProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
|
|
33
|
+
changed: Partial<Record<keyof RowProps, 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<RowProps, 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=Row.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../src/components/Row.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,KAAK,aAAa,EAAsB,MAAM,gBAAgB,CAAC;AAgB9F,OAAO,KAAK,EAAsB,QAAQ,EAAoB,MAAM,8BAA8B,CAAC;AAidnG,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwB,CAAC"}
|