@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.
Files changed (300) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +59 -0
  3. package/dist/cms-components.css +2 -0
  4. package/dist/components/Accordion.d.ts +43 -0
  5. package/dist/components/Accordion.d.ts.map +1 -0
  6. package/dist/components/Accordion.js +81 -0
  7. package/dist/components/Accordion.js.map +1 -0
  8. package/dist/components/AnnouncementBar.d.ts +43 -0
  9. package/dist/components/AnnouncementBar.d.ts.map +1 -0
  10. package/dist/components/AnnouncementBar.js +27 -0
  11. package/dist/components/AnnouncementBar.js.map +1 -0
  12. package/dist/components/Button.d.ts +43 -0
  13. package/dist/components/Button.d.ts.map +1 -0
  14. package/dist/components/Button.js +122 -0
  15. package/dist/components/Button.js.map +1 -0
  16. package/dist/components/CategoryGrid.d.ts +43 -0
  17. package/dist/components/CategoryGrid.d.ts.map +1 -0
  18. package/dist/components/CategoryGrid.js +117 -0
  19. package/dist/components/CategoryGrid.js.map +1 -0
  20. package/dist/components/CategoryList.d.ts +43 -0
  21. package/dist/components/CategoryList.d.ts.map +1 -0
  22. package/dist/components/CategoryList.js +96 -0
  23. package/dist/components/CategoryList.js.map +1 -0
  24. package/dist/components/CmsPageContainer.d.ts +12 -0
  25. package/dist/components/CmsPageContainer.d.ts.map +1 -0
  26. package/dist/components/CmsPageContainer.js +19 -0
  27. package/dist/components/CmsPageContainer.js.map +1 -0
  28. package/dist/components/CmsProductCard.d.ts +35 -0
  29. package/dist/components/CmsProductCard.d.ts.map +1 -0
  30. package/dist/components/CmsProductCard.js +101 -0
  31. package/dist/components/CmsProductCard.js.map +1 -0
  32. package/dist/components/Column.d.ts +50 -0
  33. package/dist/components/Column.d.ts.map +1 -0
  34. package/dist/components/Column.js +127 -0
  35. package/dist/components/Column.js.map +1 -0
  36. package/dist/components/ContactFormEmbed.d.ts +43 -0
  37. package/dist/components/ContactFormEmbed.d.ts.map +1 -0
  38. package/dist/components/ContactFormEmbed.js +37 -0
  39. package/dist/components/ContactFormEmbed.js.map +1 -0
  40. package/dist/components/ContentSlider.d.ts +43 -0
  41. package/dist/components/ContentSlider.d.ts.map +1 -0
  42. package/dist/components/ContentSlider.js +96 -0
  43. package/dist/components/ContentSlider.js.map +1 -0
  44. package/dist/components/FeatureList.d.ts +43 -0
  45. package/dist/components/FeatureList.d.ts.map +1 -0
  46. package/dist/components/FeatureList.js +89 -0
  47. package/dist/components/FeatureList.js.map +1 -0
  48. package/dist/components/Heading.d.ts +43 -0
  49. package/dist/components/Heading.d.ts.map +1 -0
  50. package/dist/components/Heading.js +116 -0
  51. package/dist/components/Heading.js.map +1 -0
  52. package/dist/components/Hero.d.ts +43 -0
  53. package/dist/components/Hero.d.ts.map +1 -0
  54. package/dist/components/Hero.js +186 -0
  55. package/dist/components/Hero.js.map +1 -0
  56. package/dist/components/IconPickerField.d.ts +3 -0
  57. package/dist/components/IconPickerField.d.ts.map +1 -0
  58. package/dist/components/IconPickerField.js +30 -0
  59. package/dist/components/IconPickerField.js.map +1 -0
  60. package/dist/components/Icons.d.ts +43 -0
  61. package/dist/components/Icons.d.ts.map +1 -0
  62. package/dist/components/Icons.js +62 -0
  63. package/dist/components/Icons.js.map +1 -0
  64. package/dist/components/Image.d.ts +43 -0
  65. package/dist/components/Image.d.ts.map +1 -0
  66. package/dist/components/Image.js +179 -0
  67. package/dist/components/Image.js.map +1 -0
  68. package/dist/components/ImageSlider.d.ts +44 -0
  69. package/dist/components/ImageSlider.d.ts.map +1 -0
  70. package/dist/components/ImageSlider.js +186 -0
  71. package/dist/components/ImageSlider.js.map +1 -0
  72. package/dist/components/InsertBlock.d.ts +4 -0
  73. package/dist/components/InsertBlock.d.ts.map +1 -0
  74. package/dist/components/InsertBlock.js +30 -0
  75. package/dist/components/InsertBlock.js.map +1 -0
  76. package/dist/components/InsertTemplate.d.ts +4 -0
  77. package/dist/components/InsertTemplate.d.ts.map +1 -0
  78. package/dist/components/InsertTemplate.js +30 -0
  79. package/dist/components/InsertTemplate.js.map +1 -0
  80. package/dist/components/LogoStrip.d.ts +43 -0
  81. package/dist/components/LogoStrip.d.ts.map +1 -0
  82. package/dist/components/LogoStrip.js +155 -0
  83. package/dist/components/LogoStrip.js.map +1 -0
  84. package/dist/components/Map.d.ts +43 -0
  85. package/dist/components/Map.d.ts.map +1 -0
  86. package/dist/components/Map.js +165 -0
  87. package/dist/components/Map.js.map +1 -0
  88. package/dist/components/MissingComponentPlaceholder.d.ts +27 -0
  89. package/dist/components/MissingComponentPlaceholder.d.ts.map +1 -0
  90. package/dist/components/MissingComponentPlaceholder.js +24 -0
  91. package/dist/components/MissingComponentPlaceholder.js.map +1 -0
  92. package/dist/components/NewsletterSignup.d.ts +43 -0
  93. package/dist/components/NewsletterSignup.d.ts.map +1 -0
  94. package/dist/components/NewsletterSignup.js +43 -0
  95. package/dist/components/NewsletterSignup.js.map +1 -0
  96. package/dist/components/ProductCard.d.ts +43 -0
  97. package/dist/components/ProductCard.d.ts.map +1 -0
  98. package/dist/components/ProductCard.js +96 -0
  99. package/dist/components/ProductCard.js.map +1 -0
  100. package/dist/components/ProductGrid.d.ts +43 -0
  101. package/dist/components/ProductGrid.d.ts.map +1 -0
  102. package/dist/components/ProductGrid.js +138 -0
  103. package/dist/components/ProductGrid.js.map +1 -0
  104. package/dist/components/ProductSlider.d.ts +43 -0
  105. package/dist/components/ProductSlider.d.ts.map +1 -0
  106. package/dist/components/ProductSlider.js +134 -0
  107. package/dist/components/ProductSlider.js.map +1 -0
  108. package/dist/components/RawHtml.d.ts +43 -0
  109. package/dist/components/RawHtml.d.ts.map +1 -0
  110. package/dist/components/RawHtml.js +38 -0
  111. package/dist/components/RawHtml.js.map +1 -0
  112. package/dist/components/RawJs.d.ts +43 -0
  113. package/dist/components/RawJs.d.ts.map +1 -0
  114. package/dist/components/RawJs.js +53 -0
  115. package/dist/components/RawJs.js.map +1 -0
  116. package/dist/components/RichContent.d.ts +4 -0
  117. package/dist/components/RichContent.d.ts.map +1 -0
  118. package/dist/components/RichContent.js +48 -0
  119. package/dist/components/RichContent.js.map +1 -0
  120. package/dist/components/RichContentEditorField.d.ts +10 -0
  121. package/dist/components/RichContentEditorField.d.ts.map +1 -0
  122. package/dist/components/RichContentEditorField.js +130 -0
  123. package/dist/components/RichContentEditorField.js.map +1 -0
  124. package/dist/components/RichContentPublished.d.ts +5 -0
  125. package/dist/components/RichContentPublished.d.ts.map +1 -0
  126. package/dist/components/RichContentPublished.js +22 -0
  127. package/dist/components/RichContentPublished.js.map +1 -0
  128. package/dist/components/Row.d.ts +43 -0
  129. package/dist/components/Row.d.ts.map +1 -0
  130. package/dist/components/Row.js +305 -0
  131. package/dist/components/Row.js.map +1 -0
  132. package/dist/components/SimpleTable.d.ts +43 -0
  133. package/dist/components/SimpleTable.d.ts.map +1 -0
  134. package/dist/components/SimpleTable.js +155 -0
  135. package/dist/components/SimpleTable.js.map +1 -0
  136. package/dist/components/Slide.d.ts +44 -0
  137. package/dist/components/Slide.d.ts.map +1 -0
  138. package/dist/components/Slide.js +36 -0
  139. package/dist/components/Slide.js.map +1 -0
  140. package/dist/components/Social.d.ts +43 -0
  141. package/dist/components/Social.d.ts.map +1 -0
  142. package/dist/components/Social.js +110 -0
  143. package/dist/components/Social.js.map +1 -0
  144. package/dist/components/Spacer.d.ts +43 -0
  145. package/dist/components/Spacer.d.ts.map +1 -0
  146. package/dist/components/Spacer.js +48 -0
  147. package/dist/components/Spacer.js.map +1 -0
  148. package/dist/components/Stats.d.ts +43 -0
  149. package/dist/components/Stats.d.ts.map +1 -0
  150. package/dist/components/Stats.js +71 -0
  151. package/dist/components/Stats.js.map +1 -0
  152. package/dist/components/Tabs.d.ts +43 -0
  153. package/dist/components/Tabs.d.ts.map +1 -0
  154. package/dist/components/Tabs.js +70 -0
  155. package/dist/components/Tabs.js.map +1 -0
  156. package/dist/components/Testimonial.d.ts +43 -0
  157. package/dist/components/Testimonial.d.ts.map +1 -0
  158. package/dist/components/Testimonial.js +74 -0
  159. package/dist/components/Testimonial.js.map +1 -0
  160. package/dist/components/Text.d.ts +43 -0
  161. package/dist/components/Text.d.ts.map +1 -0
  162. package/dist/components/Text.js +87 -0
  163. package/dist/components/Text.js.map +1 -0
  164. package/dist/components/Video.d.ts +43 -0
  165. package/dist/components/Video.d.ts.map +1 -0
  166. package/dist/components/Video.js +98 -0
  167. package/dist/components/Video.js.map +1 -0
  168. package/dist/components/box-styles.d.ts +19 -0
  169. package/dist/components/box-styles.d.ts.map +1 -0
  170. package/dist/components/box-styles.js +66 -0
  171. package/dist/components/box-styles.js.map +1 -0
  172. package/dist/components/button-link.d.ts +7 -0
  173. package/dist/components/button-link.d.ts.map +1 -0
  174. package/dist/components/button-link.js +15 -0
  175. package/dist/components/button-link.js.map +1 -0
  176. package/dist/components/carousel/CarouselShell.d.ts +27 -0
  177. package/dist/components/carousel/CarouselShell.d.ts.map +1 -0
  178. package/dist/components/carousel/CarouselShell.js +210 -0
  179. package/dist/components/carousel/CarouselShell.js.map +1 -0
  180. package/dist/components/catalog/CatalogSkeletons.d.ts +27 -0
  181. package/dist/components/catalog/CatalogSkeletons.d.ts.map +1 -0
  182. package/dist/components/catalog/CatalogSkeletons.js +38 -0
  183. package/dist/components/catalog/CatalogSkeletons.js.map +1 -0
  184. package/dist/components/catalog-preview-context.d.ts +9 -0
  185. package/dist/components/catalog-preview-context.d.ts.map +1 -0
  186. package/dist/components/catalog-preview-context.js +18 -0
  187. package/dist/components/catalog-preview-context.js.map +1 -0
  188. package/dist/components/icon-catalog.d.ts +139 -0
  189. package/dist/components/icon-catalog.d.ts.map +1 -0
  190. package/dist/components/icon-catalog.js +148 -0
  191. package/dist/components/icon-catalog.js.map +1 -0
  192. package/dist/components/image-fields.d.ts +6 -0
  193. package/dist/components/image-fields.d.ts.map +1 -0
  194. package/dist/components/image-fields.js +11 -0
  195. package/dist/components/image-fields.js.map +1 -0
  196. package/dist/components/image-slider-item.d.ts +7 -0
  197. package/dist/components/image-slider-item.d.ts.map +1 -0
  198. package/dist/components/image-slider-item.js +45 -0
  199. package/dist/components/image-slider-item.js.map +1 -0
  200. package/dist/components/render-context.d.ts +29 -0
  201. package/dist/components/render-context.d.ts.map +1 -0
  202. package/dist/components/render-context.js +21 -0
  203. package/dist/components/render-context.js.map +1 -0
  204. package/dist/components/rich-content-shared.d.ts +11 -0
  205. package/dist/components/rich-content-shared.d.ts.map +1 -0
  206. package/dist/components/rich-content-shared.js +132 -0
  207. package/dist/components/rich-content-shared.js.map +1 -0
  208. package/dist/components/social-networks.d.ts +10 -0
  209. package/dist/components/social-networks.d.ts.map +1 -0
  210. package/dist/components/social-networks.js +43 -0
  211. package/dist/components/social-networks.js.map +1 -0
  212. package/dist/components/styles.d.ts +2 -0
  213. package/dist/components/styles.d.ts.map +1 -0
  214. package/dist/components/styles.js +9 -0
  215. package/dist/components/styles.js.map +1 -0
  216. package/dist/components/text-content.d.ts +13 -0
  217. package/dist/components/text-content.d.ts.map +1 -0
  218. package/dist/components/text-content.js +64 -0
  219. package/dist/components/text-content.js.map +1 -0
  220. package/dist/components/typography.d.ts +26 -0
  221. package/dist/components/typography.d.ts.map +1 -0
  222. package/dist/components/typography.js +52 -0
  223. package/dist/components/typography.js.map +1 -0
  224. package/dist/editor/row-layout-presets.d.ts +34 -0
  225. package/dist/editor/row-layout-presets.d.ts.map +1 -0
  226. package/dist/editor/row-layout-presets.js +175 -0
  227. package/dist/editor/row-layout-presets.js.map +1 -0
  228. package/dist/editor/slot-edit-props.d.ts +16 -0
  229. package/dist/editor/slot-edit-props.d.ts.map +1 -0
  230. package/dist/editor/slot-edit-props.js +25 -0
  231. package/dist/editor/slot-edit-props.js.map +1 -0
  232. package/dist/fields/catalog-data-fields.d.ts +7 -0
  233. package/dist/fields/catalog-data-fields.d.ts.map +1 -0
  234. package/dist/fields/catalog-data-fields.js +4 -0
  235. package/dist/fields/catalog-data-fields.js.map +1 -0
  236. package/dist/fields/catalog-fallback-fields.d.ts +4 -0
  237. package/dist/fields/catalog-fallback-fields.d.ts.map +1 -0
  238. package/dist/fields/catalog-fallback-fields.js +34 -0
  239. package/dist/fields/catalog-fallback-fields.js.map +1 -0
  240. package/dist/fields/catalog-resolve-fields.d.ts +5 -0
  241. package/dist/fields/catalog-resolve-fields.d.ts.map +1 -0
  242. package/dist/fields/catalog-resolve-fields.js +40 -0
  243. package/dist/fields/catalog-resolve-fields.js.map +1 -0
  244. package/dist/fields/shared-fields.d.ts +176 -0
  245. package/dist/fields/shared-fields.d.ts.map +1 -0
  246. package/dist/fields/shared-fields.js +142 -0
  247. package/dist/fields/shared-fields.js.map +1 -0
  248. package/dist/hooks/use-viewport-breakpoint-tier.d.ts +4 -0
  249. package/dist/hooks/use-viewport-breakpoint-tier.d.ts.map +1 -0
  250. package/dist/hooks/use-viewport-breakpoint-tier.js +21 -0
  251. package/dist/hooks/use-viewport-breakpoint-tier.js.map +1 -0
  252. package/dist/index.d.ts +127 -0
  253. package/dist/index.d.ts.map +1 -0
  254. package/dist/index.js +377 -0
  255. package/dist/index.js.map +1 -0
  256. package/dist/schema/catalog-types.d.ts +22 -0
  257. package/dist/schema/catalog-types.d.ts.map +1 -0
  258. package/dist/schema/catalog-types.js +2 -0
  259. package/dist/schema/catalog-types.js.map +1 -0
  260. package/dist/schema/component-types.d.ts +419 -0
  261. package/dist/schema/component-types.d.ts.map +1 -0
  262. package/dist/schema/component-types.js +2 -0
  263. package/dist/schema/component-types.js.map +1 -0
  264. package/dist/schema/envelope.d.ts +21 -0
  265. package/dist/schema/envelope.d.ts.map +1 -0
  266. package/dist/schema/envelope.js +19 -0
  267. package/dist/schema/envelope.js.map +1 -0
  268. package/dist/utils/catalog-fetch.d.ts +29 -0
  269. package/dist/utils/catalog-fetch.d.ts.map +1 -0
  270. package/dist/utils/catalog-fetch.js +88 -0
  271. package/dist/utils/catalog-fetch.js.map +1 -0
  272. package/dist/utils/catalog-load.d.ts +4 -0
  273. package/dist/utils/catalog-load.d.ts.map +1 -0
  274. package/dist/utils/catalog-load.js +11 -0
  275. package/dist/utils/catalog-load.js.map +1 -0
  276. package/dist/utils/catalog-preview-bridge.d.ts +13 -0
  277. package/dist/utils/catalog-preview-bridge.d.ts.map +1 -0
  278. package/dist/utils/catalog-preview-bridge.js +8 -0
  279. package/dist/utils/catalog-preview-bridge.js.map +1 -0
  280. package/dist/utils/catalog-skeleton-estimate.d.ts +7 -0
  281. package/dist/utils/catalog-skeleton-estimate.d.ts.map +1 -0
  282. package/dist/utils/catalog-skeleton-estimate.js +42 -0
  283. package/dist/utils/catalog-skeleton-estimate.js.map +1 -0
  284. package/dist/utils/resolve-image-url.d.ts +20 -0
  285. package/dist/utils/resolve-image-url.d.ts.map +1 -0
  286. package/dist/utils/resolve-image-url.js +24 -0
  287. package/dist/utils/resolve-image-url.js.map +1 -0
  288. package/dist/utils/sanitize-html.d.ts +6 -0
  289. package/dist/utils/sanitize-html.d.ts.map +1 -0
  290. package/dist/utils/sanitize-html.js +81 -0
  291. package/dist/utils/sanitize-html.js.map +1 -0
  292. package/dist/utils/video-embed.d.ts +11 -0
  293. package/dist/utils/video-embed.d.ts.map +1 -0
  294. package/dist/utils/video-embed.js +61 -0
  295. package/dist/utils/video-embed.js.map +1 -0
  296. package/dist/utils/walk-asset-ids.d.ts +3 -0
  297. package/dist/utils/walk-asset-ids.d.ts.map +1 -0
  298. package/dist/utils/walk-asset-ids.js +23 -0
  299. package/dist/utils/walk-asset-ids.js.map +1 -0
  300. package/package.json +117 -0
@@ -0,0 +1,43 @@
1
+ import { type PuckComponent } from '@measured/puck';
2
+ import type { CategoryGridProps } from '../schema/component-types.js';
3
+ export declare const CategoryGrid: {
4
+ render: PuckComponent<CategoryGridProps>;
5
+ label?: string;
6
+ defaultProps?: CategoryGridProps;
7
+ fields?: import("@measured/puck").Fields<CategoryGridProps, {}>;
8
+ permissions?: Partial<import("@measured/puck").Permissions>;
9
+ inline?: boolean;
10
+ resolveFields?: (data: Omit<import("@measured/puck").ComponentData<CategoryGridProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
11
+ changed: Partial<Record<keyof CategoryGridProps, boolean> & {
12
+ id: string;
13
+ }>;
14
+ fields: import("@measured/puck").Fields<CategoryGridProps, {}>;
15
+ lastFields: import("@measured/puck").Fields<CategoryGridProps, {}>;
16
+ lastData: Omit<import("@measured/puck").ComponentData<CategoryGridProps, 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<CategoryGridProps, {}> | Promise<import("@measured/puck").Fields<CategoryGridProps, {}>>;
20
+ resolveData?: (data: Omit<import("@measured/puck").ComponentData<CategoryGridProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
21
+ changed: Partial<Record<keyof CategoryGridProps, boolean> & {
22
+ id: string;
23
+ }>;
24
+ lastData: Omit<import("@measured/puck").ComponentData<CategoryGridProps, 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<CategoryGridProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
28
+ props?: Partial<CategoryGridProps>;
29
+ }) | Promise<Omit<Omit<import("@measured/puck").ComponentData<CategoryGridProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
30
+ props?: Partial<CategoryGridProps>;
31
+ }>;
32
+ resolvePermissions?: (data: Omit<import("@measured/puck").ComponentData<CategoryGridProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
33
+ changed: Partial<Record<keyof CategoryGridProps, 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<CategoryGridProps, 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=CategoryGrid.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CategoryGrid.d.ts","sourceRoot":"","sources":["../../src/components/CategoryGrid.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAQ1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAgLtE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiC,CAAC"}
@@ -0,0 +1,117 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { useEffect, useState } from 'react';
4
+ import {} from '@measured/puck';
5
+ import { PB_RESPONSIVE_METADATA, resolveResponsiveNumber, withHideOn, } from '@endora-commerce/page-builder-core';
6
+ import { usePreviewBreakpointTier } from '@endora-commerce/page-builder-core/client';
7
+ import { useViewportBreakpointTier } from '../hooks/use-viewport-breakpoint-tier.js';
8
+ import { BoxStyled } from './box-styles.js';
9
+ import { BOX_BORDER_FIELD, BOX_MARGIN_FIELD, BOX_PADDING_FIELD, DEFAULT_BOX_PROPS, } from '../fields/shared-fields.js';
10
+ import { fetchCategoryTree, filterCategories } from '../utils/catalog-fetch.js';
11
+ import { waitForCatalogSkeletonMin } from '../utils/catalog-load.js';
12
+ import { estimateCategoryGridSkeletonCount } from '../utils/catalog-skeleton-estimate.js';
13
+ import { CategoryGridSkeleton } from './catalog/CatalogSkeletons.js';
14
+ import { resolveCategorySelectionFields } from '../fields/catalog-resolve-fields.js';
15
+ import { CATALOG_DATA_FIELD_META } from '../fields/catalog-data-fields.js';
16
+ import { createCatalogSlugFallbackField, createCatalogSlugsFallbackField, } from '../fields/catalog-fallback-fields.js';
17
+ function CategoryGridBody({ props, tier, editing, }) {
18
+ const { selectionMode = 'all', categorySlugs = [], parentSlug = '', columns = 4, gap = 16, showImage = true, cardStyle = 'stacked', showCounts = true, maxDepth, equalItemHeight = true, puck: _puck, ...box } = props;
19
+ const [items, setItems] = useState([]);
20
+ const [isLoading, setIsLoading] = useState(true);
21
+ const colCount = resolveResponsiveNumber(columns, tier, 4);
22
+ const gapPx = resolveResponsiveNumber(gap, tier, 16);
23
+ useEffect(() => {
24
+ let cancelled = false;
25
+ setIsLoading(true);
26
+ const startedAt = Date.now();
27
+ void (async () => {
28
+ try {
29
+ const tree = await fetchCategoryTree();
30
+ const filtered = filterCategories(tree, {
31
+ selectionMode,
32
+ categorySlugs,
33
+ parentSlug,
34
+ ...(maxDepth !== undefined ? { maxDepth } : {}),
35
+ });
36
+ await waitForCatalogSkeletonMin(startedAt);
37
+ if (!cancelled)
38
+ setItems(filtered);
39
+ }
40
+ catch {
41
+ await waitForCatalogSkeletonMin(startedAt);
42
+ if (!cancelled)
43
+ setItems([]);
44
+ }
45
+ finally {
46
+ if (!cancelled)
47
+ setIsLoading(false);
48
+ }
49
+ })();
50
+ return () => {
51
+ cancelled = true;
52
+ };
53
+ }, [selectionMode, categorySlugs, parentSlug, maxDepth]);
54
+ return (_jsx(BoxStyled, { ...box, ...(editing ? { previewTier: tier } : {}), children: isLoading ? (_jsx(CategoryGridSkeleton, { count: estimateCategoryGridSkeletonCount(selectionMode, categorySlugs, colCount), columns: colCount, gap: gapPx })) : items.length === 0 ? (_jsx("p", { className: "cmsc-pb-product-grid__empty", children: editing ? 'No categories to preview — configure the selection in the sidebar.' : 'No categories found' })) : (_jsx("ul", { className: [
55
+ `cmsc-pb-category-grid cmsc-pb-category-grid--${cardStyle}`,
56
+ equalItemHeight ? 'cmsc-pb-category-grid--equal-height' : '',
57
+ ]
58
+ .filter(Boolean)
59
+ .join(' '), style: { gap: `${gapPx}px`, gridTemplateColumns: `repeat(${colCount}, minmax(0, 1fr))` }, children: items.map((cat) => (_jsx("li", { children: _jsxs("a", { href: `/c/${cat.slug}`, className: "cmsc-pb-category-grid__card", children: [showImage ? _jsx("span", { className: "cmsc-pb-category-grid__image", "aria-hidden": true }) : null, _jsx("span", { className: "cmsc-pb-category-grid__name", children: cat.name }), showCounts ? _jsx("span", { className: "cmsc-pb-category-grid__count", children: cat.productCount }) : null] }) }, cat.slug))) })) }));
60
+ }
61
+ const CategoryGridEditingRender = (props) => (_jsx(CategoryGridBody, { props: props, tier: usePreviewBreakpointTier(), editing: true }));
62
+ const CategoryGridPublishedRender = (props) => (_jsx(CategoryGridBody, { props: props, tier: useViewportBreakpointTier(), editing: false }));
63
+ const categoryGridConfig = {
64
+ label: 'Category grid',
65
+ fields: {
66
+ selectionMode: {
67
+ type: 'select',
68
+ label: 'Selection',
69
+ metadata: CATALOG_DATA_FIELD_META,
70
+ options: [
71
+ { label: 'All categories', value: 'all' },
72
+ { label: 'Manual', value: 'manual' },
73
+ { label: 'Children of parent', value: 'childrenOf' },
74
+ ],
75
+ },
76
+ categorySlugs: createCatalogSlugsFallbackField('Categories'),
77
+ parentSlug: createCatalogSlugFallbackField('Parent category'),
78
+ columns: { type: 'number', label: 'Columns', min: 2, max: 6, metadata: PB_RESPONSIVE_METADATA },
79
+ equalItemHeight: {
80
+ type: 'radio',
81
+ label: 'Equal items height',
82
+ options: [{ label: 'Yes', value: true }, { label: 'No', value: false }],
83
+ },
84
+ gap: { type: 'number', label: 'Gap (px)', min: 0, max: 48, metadata: PB_RESPONSIVE_METADATA },
85
+ showImage: { type: 'radio', label: 'Show image placeholder', options: [{ label: 'Yes', value: true }, { label: 'No', value: false }] },
86
+ cardStyle: {
87
+ type: 'select',
88
+ label: 'Card style',
89
+ options: [
90
+ { label: 'Stacked', value: 'stacked' },
91
+ { label: 'Overlay', value: 'overlay' },
92
+ { label: 'Minimal', value: 'minimal' },
93
+ ],
94
+ },
95
+ showCounts: { type: 'radio', label: 'Show counts', options: [{ label: 'Yes', value: true }, { label: 'No', value: false }] },
96
+ maxDepth: { type: 'number', label: 'Max depth (optional)', min: 0, max: 5, metadata: CATALOG_DATA_FIELD_META },
97
+ margin: BOX_MARGIN_FIELD,
98
+ padding: BOX_PADDING_FIELD,
99
+ border: BOX_BORDER_FIELD,
100
+ },
101
+ defaultProps: {
102
+ selectionMode: 'all',
103
+ categorySlugs: [],
104
+ parentSlug: '',
105
+ columns: 4,
106
+ gap: 16,
107
+ showImage: true,
108
+ cardStyle: 'stacked',
109
+ showCounts: true,
110
+ equalItemHeight: true,
111
+ ...DEFAULT_BOX_PROPS,
112
+ },
113
+ render: (props) => props.puck?.isEditing ? _jsx(CategoryGridEditingRender, { ...props }) : _jsx(CategoryGridPublishedRender, { ...props }),
114
+ resolveFields: (data, { fields }) => resolveCategorySelectionFields(fields, data.props.selectionMode ?? 'all'),
115
+ };
116
+ export const CategoryGrid = withHideOn(categoryGridConfig);
117
+ //# sourceMappingURL=CategoryGrid.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CategoryGrid.js","sourceRoot":"","sources":["../../src/components/CategoryGrid.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAA4C,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EACL,sBAAsB,EACtB,uBAAuB,EACvB,UAAU,GACX,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAErF,OAAO,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,iCAAiC,EAAE,MAAM,uCAAuC,CAAC;AAC1F,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EACL,8BAA8B,EAC9B,+BAA+B,GAChC,MAAM,sCAAsC,CAAC;AAE9C,SAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,OAAO,GAKR;IACC,MAAM,EACJ,aAAa,GAAG,KAAK,EACrB,aAAa,GAAG,EAAE,EAClB,UAAU,GAAG,EAAE,EACf,OAAO,GAAG,CAAC,EACX,GAAG,GAAG,EAAE,EACR,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,SAAS,EACrB,UAAU,GAAG,IAAI,EACjB,QAAQ,EACR,eAAe,GAAG,IAAI,EACtB,IAAI,EAAE,KAAK,EACX,GAAG,GAAG,EACP,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAwE,EAAE,CAAC,CAAC;IAC9G,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,uBAAuB,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,uBAAuB,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;IAErD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAC7B,KAAK,CAAC,KAAK,IAAI,EAAE;YACf,IAAI,CAAC;gBACH,MAAM,IAAI,GAAG,MAAM,iBAAiB,EAAE,CAAC;gBACvC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,IAAI,EAAE;oBACtC,aAAa;oBACb,aAAa;oBACb,UAAU;oBACV,GAAG,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;iBAChD,CAAC,CAAC;gBACH,MAAM,yBAAyB,CAAC,SAAS,CAAC,CAAC;gBAC3C,IAAI,CAAC,SAAS;oBAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACrC,CAAC;YAAC,MAAM,CAAC;gBACP,MAAM,yBAAyB,CAAC,SAAS,CAAC,CAAC;gBAC3C,IAAI,CAAC,SAAS;oBAAE,QAAQ,CAAC,EAAE,CAAC,CAAC;YAC/B,CAAC;oBAAS,CAAC;gBACT,IAAI,CAAC,SAAS;oBAAE,YAAY,CAAC,KAAK,CAAC,CAAC;YACtC,CAAC;QACH,CAAC,CAAC,EAAE,CAAC;QACL,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzD,OAAO,CACL,KAAC,SAAS,OAAK,GAAG,KAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAC3D,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,oBAAoB,IACnB,KAAK,EAAE,iCAAiC,CAAC,aAAa,EAAE,aAAa,EAAE,QAAQ,CAAC,EAChF,OAAO,EAAE,QAAQ,EACjB,GAAG,EAAE,KAAK,GACV,CACH,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACvB,YAAG,SAAS,EAAC,6BAA6B,YACvC,OAAO,CAAC,CAAC,CAAC,oEAAoE,CAAC,CAAC,CAAC,qBAAqB,GACrG,CACL,CAAC,CAAC,CAAC,CACF,aACE,SAAS,EAAE;gBACT,gDAAgD,SAAS,EAAE;gBAC3D,eAAe,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,EAAE;aAC7D;iBACE,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,GAAG,CAAC,EACZ,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,EAAE,mBAAmB,EAAE,UAAU,QAAQ,mBAAmB,EAAE,YAEvF,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAClB,uBACE,aAAG,IAAI,EAAE,MAAM,GAAG,CAAC,IAAI,EAAE,EAAE,SAAS,EAAC,6BAA6B,aAC/D,SAAS,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,8BAA8B,wBAAe,CAAC,CAAC,CAAC,IAAI,EACjF,eAAM,SAAS,EAAC,6BAA6B,YAAE,GAAG,CAAC,IAAI,GAAQ,EAC9D,UAAU,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,8BAA8B,YAAE,GAAG,CAAC,YAAY,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC3F,IALG,GAAG,CAAC,IAAI,CAMZ,CACN,CAAC,GACC,CACN,GACS,CACb,CAAC;AACJ,CAAC;AAED,MAAM,yBAAyB,GAAqC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7E,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,wBAAwB,EAAE,EAAE,OAAO,SAAG,CAC7E,CAAC;AAEF,MAAM,2BAA2B,GAAqC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/E,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,yBAAyB,EAAE,EAAE,OAAO,EAAE,KAAK,GAAI,CACtF,CAAC;AAEF,MAAM,kBAAkB,GAAuC;IAC7D,KAAK,EAAE,eAAe;IACtB,MAAM,EAAE;QACN,aAAa,EAAE;YACb,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,WAAW;YAClB,QAAQ,EAAE,uBAAuB;YACjC,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,EAAE;gBACzC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;gBACpC,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,YAAY,EAAE;aACrD;SACF;QACD,aAAa,EAAE,+BAA+B,CAAC,YAAY,CAAC;QAC5D,UAAU,EAAE,8BAA8B,CAAC,iBAAiB,CAAC;QAC7D,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,sBAAsB,EAAE;QAC/F,eAAe,EAAE;YACf,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,oBAAoB;YAC3B,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;SACxE;QACD,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,sBAAsB,EAAE;QAC7F,SAAS,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,wBAAwB,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;QACtI,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;gBACtC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;gBACtC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;aACvC;SACF;QACD,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;QAC5H,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,sBAAsB,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,uBAAuB,EAAE;QAC9G,MAAM,EAAE,gBAAgB;QACxB,OAAO,EAAE,iBAAiB;QAC1B,MAAM,EAAE,gBAAgB;KACzB;IACD,YAAY,EAAE;QACZ,aAAa,EAAE,KAAK;QACpB,aAAa,EAAE,EAAE;QACjB,UAAU,EAAE,EAAE;QACd,OAAO,EAAE,CAAC;QACV,GAAG,EAAE,EAAE;QACP,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,IAAI;QACrB,GAAG,iBAAiB;KACrB;IACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAChB,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAC,yBAAyB,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,KAAC,2BAA2B,OAAK,KAAK,GAAI;IAC/G,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAClC,8BAA8B,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC;CAC5E,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC"}
@@ -0,0 +1,43 @@
1
+ import { type PuckComponent } from '@measured/puck';
2
+ import type { CategoryListProps } from '../schema/component-types.js';
3
+ export declare const CategoryList: {
4
+ render: PuckComponent<CategoryListProps>;
5
+ label?: string;
6
+ defaultProps?: CategoryListProps;
7
+ fields?: import("@measured/puck").Fields<CategoryListProps, {}>;
8
+ permissions?: Partial<import("@measured/puck").Permissions>;
9
+ inline?: boolean;
10
+ resolveFields?: (data: Omit<import("@measured/puck").ComponentData<CategoryListProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
11
+ changed: Partial<Record<keyof CategoryListProps, boolean> & {
12
+ id: string;
13
+ }>;
14
+ fields: import("@measured/puck").Fields<CategoryListProps, {}>;
15
+ lastFields: import("@measured/puck").Fields<CategoryListProps, {}>;
16
+ lastData: Omit<import("@measured/puck").ComponentData<CategoryListProps, 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<CategoryListProps, {}> | Promise<import("@measured/puck").Fields<CategoryListProps, {}>>;
20
+ resolveData?: (data: Omit<import("@measured/puck").ComponentData<CategoryListProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
21
+ changed: Partial<Record<keyof CategoryListProps, boolean> & {
22
+ id: string;
23
+ }>;
24
+ lastData: Omit<import("@measured/puck").ComponentData<CategoryListProps, 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<CategoryListProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
28
+ props?: Partial<CategoryListProps>;
29
+ }) | Promise<Omit<Omit<import("@measured/puck").ComponentData<CategoryListProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
30
+ props?: Partial<CategoryListProps>;
31
+ }>;
32
+ resolvePermissions?: (data: Omit<import("@measured/puck").ComponentData<CategoryListProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
33
+ changed: Partial<Record<keyof CategoryListProps, 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<CategoryListProps, 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=CategoryList.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CategoryList.d.ts","sourceRoot":"","sources":["../../src/components/CategoryList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAkItE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiC,CAAC"}
@@ -0,0 +1,96 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { useEffect, useState } 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
+ import { fetchCategoryTree, filterCategories } from '../utils/catalog-fetch.js';
9
+ import { waitForCatalogSkeletonMin } from '../utils/catalog-load.js';
10
+ import { estimateCategoryListSkeletonCount } from '../utils/catalog-skeleton-estimate.js';
11
+ import { CategoryListSkeleton } from './catalog/CatalogSkeletons.js';
12
+ import { resolveCategorySelectionFields } from '../fields/catalog-resolve-fields.js';
13
+ import { CATALOG_DATA_FIELD_META } from '../fields/catalog-data-fields.js';
14
+ import { createCatalogSlugFallbackField, createCatalogSlugsFallbackField, } from '../fields/catalog-fallback-fields.js';
15
+ const CategoryListRender = (props) => {
16
+ const { selectionMode = 'all', categorySlugs = [], parentSlug = '', layout = 'list', showCounts = true, maxDepth, puck, ...box } = props;
17
+ const editing = puck?.isEditing === true;
18
+ const [items, setItems] = useState([]);
19
+ const [isLoading, setIsLoading] = useState(true);
20
+ useEffect(() => {
21
+ let cancelled = false;
22
+ setIsLoading(true);
23
+ const startedAt = Date.now();
24
+ void (async () => {
25
+ try {
26
+ const tree = await fetchCategoryTree();
27
+ const filtered = filterCategories(tree, {
28
+ selectionMode,
29
+ categorySlugs,
30
+ parentSlug,
31
+ ...(maxDepth !== undefined ? { maxDepth } : {}),
32
+ });
33
+ await waitForCatalogSkeletonMin(startedAt);
34
+ if (!cancelled)
35
+ setItems(filtered);
36
+ }
37
+ catch {
38
+ await waitForCatalogSkeletonMin(startedAt);
39
+ if (!cancelled)
40
+ setItems([]);
41
+ }
42
+ finally {
43
+ if (!cancelled)
44
+ setIsLoading(false);
45
+ }
46
+ })();
47
+ return () => {
48
+ cancelled = true;
49
+ };
50
+ }, [selectionMode, categorySlugs, parentSlug, maxDepth]);
51
+ const listClass = `cmsc-pb-category-list cmsc-pb-category-list--${layout}`;
52
+ return (_jsx(BoxStyled, { ...box, ...(editing ? { previewTier: 'desktop' } : {}), children: isLoading ? (_jsx(CategoryListSkeleton, { count: estimateCategoryListSkeletonCount(selectionMode, categorySlugs) })) : items.length === 0 ? (_jsx("p", { className: "cmsc-pb-product-grid__empty", children: editing ? 'No categories to preview — configure the selection in the sidebar.' : 'No categories found' })) : (_jsx("ul", { className: listClass, children: items.map((cat) => (_jsx("li", { style: { paddingLeft: layout === 'list' ? `${cat.depth * 12}px` : undefined }, children: _jsxs("a", { href: `/c/${cat.slug}`, className: "cmsc-pb-category-list__link", children: [cat.name, showCounts ? _jsxs("span", { className: "cmsc-pb-category-list__count", children: ["(", cat.productCount, ")"] }) : null] }) }, cat.slug))) })) }));
53
+ };
54
+ const categoryListConfig = {
55
+ label: 'Category list',
56
+ fields: {
57
+ selectionMode: {
58
+ type: 'select',
59
+ label: 'Selection',
60
+ metadata: CATALOG_DATA_FIELD_META,
61
+ options: [
62
+ { label: 'All categories', value: 'all' },
63
+ { label: 'Manual', value: 'manual' },
64
+ { label: 'Children of parent', value: 'childrenOf' },
65
+ ],
66
+ },
67
+ categorySlugs: createCatalogSlugsFallbackField('Categories'),
68
+ parentSlug: createCatalogSlugFallbackField('Parent category'),
69
+ layout: {
70
+ type: 'select',
71
+ label: 'Layout',
72
+ options: [
73
+ { label: 'List', value: 'list' },
74
+ { label: 'Inline', value: 'inline' },
75
+ { label: 'Chips', value: 'chips' },
76
+ ],
77
+ },
78
+ showCounts: { type: 'radio', label: 'Show counts', options: [{ label: 'Yes', value: true }, { label: 'No', value: false }] },
79
+ maxDepth: { type: 'number', label: 'Max depth (optional)', min: 0, max: 5, metadata: CATALOG_DATA_FIELD_META },
80
+ margin: BOX_MARGIN_FIELD,
81
+ padding: BOX_PADDING_FIELD,
82
+ border: BOX_BORDER_FIELD,
83
+ },
84
+ defaultProps: {
85
+ selectionMode: 'all',
86
+ categorySlugs: [],
87
+ parentSlug: '',
88
+ layout: 'list',
89
+ showCounts: true,
90
+ ...DEFAULT_BOX_PROPS,
91
+ },
92
+ render: CategoryListRender,
93
+ resolveFields: (data, { fields }) => resolveCategorySelectionFields(fields, data.props.selectionMode ?? 'all'),
94
+ };
95
+ export const CategoryList = withHideOn(categoryListConfig);
96
+ //# sourceMappingURL=CategoryList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CategoryList.js","sourceRoot":"","sources":["../../src/components/CategoryList.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,12 @@
1
+ import type { ReactElement, ReactNode } from 'react';
2
+ import type { Config } from '@measured/puck';
3
+ /** Matches the storefront shell (`max-w-[1360px] px-[24px]`). */
4
+ export declare const CMS_PAGE_MAX_WIDTH_PX = 1360;
5
+ export declare const CMS_PAGE_HORIZONTAL_PADDING_PX = 24;
6
+ export declare function CmsPageContainer({ children }: {
7
+ children: ReactNode;
8
+ }): ReactElement;
9
+ /** Puck root wrapper — use for CMS pages only, not blocks/templates. */
10
+ export declare const cmsPageRootConfig: NonNullable<Config['root']>;
11
+ export declare function withCmsPageRoot(config: Config): Config;
12
+ //# sourceMappingURL=CmsPageContainer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CmsPageContainer.d.ts","sourceRoot":"","sources":["../../src/components/CmsPageContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAE7C,iEAAiE;AACjE,eAAO,MAAM,qBAAqB,OAAO,CAAC;AAC1C,eAAO,MAAM,8BAA8B,KAAK,CAAC;AAEjD,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,YAAY,CAEpF;AAED,wEAAwE;AACxE,eAAO,MAAM,iBAAiB,EAAE,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAIzD,CAAC;AAEF,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAKtD"}
@@ -0,0 +1,19 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ /** Matches the storefront shell (`max-w-[1360px] px-[24px]`). */
4
+ export const CMS_PAGE_MAX_WIDTH_PX = 1360;
5
+ export const CMS_PAGE_HORIZONTAL_PADDING_PX = 24;
6
+ export function CmsPageContainer({ children }) {
7
+ return _jsx("div", { className: "cmsc-pb-page", children: children });
8
+ }
9
+ /** Puck root wrapper — use for CMS pages only, not blocks/templates. */
10
+ export const cmsPageRootConfig = {
11
+ render: ({ children }) => (_jsx(CmsPageContainer, { children: children })),
12
+ };
13
+ export function withCmsPageRoot(config) {
14
+ return {
15
+ ...config,
16
+ root: cmsPageRootConfig,
17
+ };
18
+ }
19
+ //# sourceMappingURL=CmsPageContainer.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CmsPageContainer.js","sourceRoot":"","sources":["../../src/components/CmsPageContainer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAKb,iEAAiE;AACjE,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,CAAC;AAC1C,MAAM,CAAC,MAAM,8BAA8B,GAAG,EAAE,CAAC;AAEjD,MAAM,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAA2B;IACpE,OAAO,cAAK,SAAS,EAAC,cAAc,YAAE,QAAQ,GAAO,CAAC;AACxD,CAAC;AAED,wEAAwE;AACxE,MAAM,CAAC,MAAM,iBAAiB,GAAgC;IAC5D,MAAM,EAAE,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE,CAAC,CACjD,KAAC,gBAAgB,cAAE,QAAQ,GAAoB,CAChD;CACF,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,MAAc;IAC5C,OAAO;QACL,GAAG,MAAM;QACT,IAAI,EAAE,iBAAiB;KACxB,CAAC;AACJ,CAAC"}
@@ -0,0 +1,35 @@
1
+ import { type CSSProperties } from 'react';
2
+ import { type BreakpointTier } from '@endora-commerce/page-builder-core';
3
+ import type { CmsProductSummary } from '../schema/catalog-types.js';
4
+ import type { CmsProductCardProps } from '../schema/component-types.js';
5
+ export declare function productCardLayoutStyle(props: {
6
+ maxWidthPx?: CmsProductCardProps['maxWidthPx'];
7
+ imageHeightPx?: CmsProductCardProps['imageHeightPx'];
8
+ imageObjectFit?: CmsProductCardProps['imageObjectFit'];
9
+ cornerRadius?: CmsProductCardProps['cornerRadius'];
10
+ }, tier?: BreakpointTier): {
11
+ card: CSSProperties;
12
+ media: CSSProperties;
13
+ img: CSSProperties;
14
+ };
15
+ export declare function CmsProductCardView({ product, locale, showPrice, showSku, showStock, imageRatio, imageObjectFit, maxWidthPx, imageHeightPx, cornerRadius, variant, ctaLabel, previewTier, }: {
16
+ product: CmsProductSummary;
17
+ locale?: string;
18
+ showPrice?: boolean;
19
+ showSku?: boolean;
20
+ showStock?: boolean;
21
+ imageRatio?: CmsProductCardProps['imageRatio'];
22
+ imageObjectFit?: CmsProductCardProps['imageObjectFit'];
23
+ maxWidthPx?: CmsProductCardProps['maxWidthPx'];
24
+ imageHeightPx?: CmsProductCardProps['imageHeightPx'];
25
+ cornerRadius?: CmsProductCardProps['cornerRadius'];
26
+ variant?: CmsProductCardProps['variant'];
27
+ ctaLabel?: string;
28
+ previewTier?: BreakpointTier;
29
+ }): React.ReactElement;
30
+ export declare function CmsProductCardLoader(props: CmsProductCardProps & {
31
+ locale?: string;
32
+ editing?: boolean;
33
+ previewTier?: BreakpointTier;
34
+ }): React.ReactElement;
35
+ //# sourceMappingURL=CmsProductCard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CmsProductCard.d.ts","sourceRoot":"","sources":["../../src/components/CmsProductCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAiBxE,wBAAgB,sBAAsB,CACpC,KAAK,EAAE;IACL,UAAU,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACrD,cAAc,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAC;CACpD,EACD,IAAI,GAAE,cAA0B,GAC/B;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,KAAK,EAAE,aAAa,CAAC;IAAC,GAAG,EAAE,aAAa,CAAA;CAAE,CAoBnE;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,MAAgB,EAChB,SAAgB,EAChB,OAAc,EACd,SAAgB,EAChB,UAAqB,EACrB,cAA0B,EAC1B,UAAU,EACV,aAAa,EACb,YAAY,EACZ,OAAmB,EACnB,QAAQ,EACR,WAAuB,GACxB,EAAE;IACD,OAAO,EAAE,iBAAiB,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC/C,cAAc,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACvD,UAAU,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,cAAc,CAAC;CAC9B,GAAG,KAAK,CAAC,YAAY,CAmDrB;AAED,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,mBAAmB,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,cAAc,CAAA;CAAE,GAChG,KAAK,CAAC,YAAY,CAoEpB"}
@@ -0,0 +1,101 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { useEffect, useState } from 'react';
4
+ import { CORNER_RADIUS_PX, resolveResponsiveNumber, } from '@endora-commerce/page-builder-core';
5
+ function formatPrice(product, locale) {
6
+ if (!product.price)
7
+ return null;
8
+ return new Intl.NumberFormat(locale, {
9
+ style: 'currency',
10
+ currency: product.price.currency,
11
+ }).format(product.price.amount);
12
+ }
13
+ function mediaRatioClass(imageRatio) {
14
+ if (imageRatio === '4:3')
15
+ return 'cmsc-pb-product-card__media--43';
16
+ if (imageRatio === '16:9')
17
+ return 'cmsc-pb-product-card__media--169';
18
+ if (imageRatio === 'auto')
19
+ return 'cmsc-pb-product-card__media--auto';
20
+ return 'cmsc-pb-product-card__media--square';
21
+ }
22
+ export function productCardLayoutStyle(props, tier = 'desktop') {
23
+ const maxWidth = resolveResponsiveNumber(props.maxWidthPx, tier, 0);
24
+ const imageHeight = resolveResponsiveNumber(props.imageHeightPx, tier, 0);
25
+ return {
26
+ card: {
27
+ ...(maxWidth > 0 ? { maxWidth: `${maxWidth}px`, width: '100%' } : {}),
28
+ ...(props.cornerRadius
29
+ ? { borderRadius: `${CORNER_RADIUS_PX[props.cornerRadius]}px` }
30
+ : {}),
31
+ },
32
+ media: {
33
+ ...(imageHeight > 0 ? { height: `${imageHeight}px`, aspectRatio: 'unset' } : {}),
34
+ },
35
+ img: {
36
+ objectFit: props.imageObjectFit ?? 'contain',
37
+ ...(props.imageObjectFit && props.imageObjectFit !== 'contain'
38
+ ? { maxWidth: '100%', maxHeight: '100%' }
39
+ : {}),
40
+ },
41
+ };
42
+ }
43
+ export function CmsProductCardView({ product, locale = 'pl-PL', showPrice = true, showSku = true, showStock = true, imageRatio = 'square', imageObjectFit = 'contain', maxWidthPx, imageHeightPx, cornerRadius, variant = 'default', ctaLabel, previewTier = 'desktop', }) {
44
+ const ratioClass = mediaRatioClass(imageRatio);
45
+ const price = showPrice ? formatPrice(product, locale) : null;
46
+ const layout = productCardLayoutStyle({
47
+ ...(maxWidthPx !== undefined ? { maxWidthPx } : {}),
48
+ ...(imageHeightPx !== undefined ? { imageHeightPx } : {}),
49
+ ...(imageObjectFit !== undefined ? { imageObjectFit } : {}),
50
+ ...(cornerRadius !== undefined ? { cornerRadius } : {}),
51
+ }, previewTier);
52
+ return (_jsxs("article", { className: `cmsc-pb-product-card cmsc-pb-product-card--${variant}`, style: layout.card, children: [_jsx("a", { href: `/p/${product.slug}`, className: `cmsc-pb-product-card__media ${ratioClass}`, style: layout.media, children: product.primaryAssetUrl ? (_jsx("img", { src: product.primaryAssetUrl, alt: product.name, loading: "lazy", style: layout.img })) : (_jsx("span", { className: "cmsc-pb-product-card__placeholder", "aria-hidden": true })) }), _jsxs("div", { className: "cmsc-pb-product-card__body", children: [showSku && product.sku ? _jsx("span", { className: "cmsc-pb-product-card__sku", children: product.sku }) : null, _jsx("a", { href: `/p/${product.slug}`, className: "cmsc-pb-product-card__name", children: product.name }), showStock && product.stockLevel != null ? (_jsx("span", { className: "cmsc-pb-product-card__stock", children: String(product.stockLevel) })) : null, price ? _jsx("span", { className: "cmsc-pb-product-card__price", children: price }) : null, ctaLabel ? (_jsx("a", { href: `/p/${product.slug}`, className: "cmsc-pb-product-card__cta", children: ctaLabel })) : null] })] }));
53
+ }
54
+ export function CmsProductCardLoader(props) {
55
+ const { productSlug, editing = false, locale = 'pl-PL', previewTier, ...viewProps } = props;
56
+ const [product, setProduct] = useState(null);
57
+ const [error, setError] = useState(false);
58
+ const [loading, setLoading] = useState(Boolean(productSlug));
59
+ useEffect(() => {
60
+ if (!productSlug) {
61
+ setProduct(null);
62
+ setError(false);
63
+ setLoading(false);
64
+ return;
65
+ }
66
+ let cancelled = false;
67
+ setLoading(true);
68
+ void (async () => {
69
+ try {
70
+ const { fetchProductsBySlugs } = await import('../utils/catalog-fetch.js');
71
+ const list = await fetchProductsBySlugs([productSlug]);
72
+ if (!cancelled) {
73
+ setProduct(list[0] ?? null);
74
+ setError(!list[0]);
75
+ setLoading(false);
76
+ }
77
+ }
78
+ catch {
79
+ if (!cancelled) {
80
+ setProduct(null);
81
+ setError(true);
82
+ setLoading(false);
83
+ }
84
+ }
85
+ })();
86
+ return () => {
87
+ cancelled = true;
88
+ };
89
+ }, [productSlug]);
90
+ if (!productSlug) {
91
+ return (_jsx("div", { className: "cmsc-pb-product-card cmsc-pb-product-card--placeholder", children: _jsx("p", { className: "cmsc:text-sm cmsc:text-[#64748b]", children: "Select a product" }) }));
92
+ }
93
+ if (loading) {
94
+ return (_jsx("div", { className: "cmsc-pb-product-card cmsc-pb-product-card--placeholder", children: _jsx("p", { className: "cmsc:text-sm cmsc:text-[#64748b]", children: "Loading product\u2026" }) }));
95
+ }
96
+ if (error || !product) {
97
+ return (_jsx("div", { className: "cmsc-pb-product-card cmsc-pb-product-card--placeholder", children: _jsx("p", { className: "cmsc:text-sm cmsc:text-[#64748b]", children: editing ? 'Product not found' : 'Product unavailable' }) }));
98
+ }
99
+ return (_jsx(CmsProductCardView, { product: product, locale: locale, ...(previewTier !== undefined ? { previewTier } : {}), ...viewProps }));
100
+ }
101
+ //# sourceMappingURL=CmsProductCard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CmsProductCard.js","sourceRoot":"","sources":["../../src/components/CmsProductCard.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,50 @@
1
+ import { type PuckComponent } from '@measured/puck';
2
+ import type { ColumnProps } from '../schema/component-types.js';
3
+ /** Column must not use withHideOn — the outer grid cell is .cmsc-pb-row-col itself. */
4
+ export declare const Column: {
5
+ render: PuckComponent<ColumnProps>;
6
+ label?: string;
7
+ defaultProps?: ColumnProps;
8
+ fields?: import("@measured/puck").Fields<ColumnProps, {}>;
9
+ permissions?: Partial<import("@measured/puck").Permissions>;
10
+ inline?: boolean;
11
+ resolveFields?: (data: Omit<import("@measured/puck").ComponentData<ColumnProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
12
+ changed: Partial<Record<keyof ColumnProps, boolean> & {
13
+ id: string;
14
+ }>;
15
+ fields: import("@measured/puck").Fields<ColumnProps, {}>;
16
+ lastFields: import("@measured/puck").Fields<ColumnProps, {}>;
17
+ lastData: Omit<import("@measured/puck").ComponentData<ColumnProps, 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<ColumnProps, {}> | Promise<import("@measured/puck").Fields<ColumnProps, {}>>;
21
+ resolveData?: (data: Omit<import("@measured/puck").ComponentData<ColumnProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
22
+ changed: Partial<Record<keyof ColumnProps, boolean> & {
23
+ id: string;
24
+ }>;
25
+ lastData: Omit<import("@measured/puck").ComponentData<ColumnProps, 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<ColumnProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
29
+ props?: Partial<ColumnProps>;
30
+ }) | Promise<Omit<Omit<import("@measured/puck").ComponentData<ColumnProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
31
+ props?: Partial<ColumnProps>;
32
+ }>;
33
+ resolvePermissions?: (data: Omit<import("@measured/puck").ComponentData<ColumnProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
34
+ changed: Partial<Record<keyof ColumnProps, 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<ColumnProps, 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
+ export declare function createDefaultColumnItem(id: string): {
45
+ type: 'cms.Column';
46
+ props: ColumnProps & {
47
+ id: string;
48
+ };
49
+ };
50
+ //# sourceMappingURL=Column.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../src/components/Column.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAY1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAqKhE,uFAAuF;AACvF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAe,CAAC;AAEnC,wBAAgB,uBAAuB,CAAC,EAAE,EAAE,MAAM,GAAG;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,WAAW,GAAG;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAU/G"}