@devvit/ui-renderer 0.9.2 → 0.9.4

package/blocks/attributes.d.ts

@@ -2,7 +2,7 @@ import { ClassInfo } from 'lit/directives/class-map.js';
 import { StyleInfo } from 'lit/directives/style-map.js';
 import { ButtonAppearance, ButtonSize } from '@reddit/faceplate-ui/templates/button.js';
 import { Block, BlockAlignment, BlockAvatarFacing, BlockAvatarSize, BlockBorder, BlockButtonAppearance, BlockButtonSize, BlockFullSnooSize, BlockGap, BlockIconSize, BlockImageResizeMode, BlockPadding, BlockRadius, BlockSize, BlockSpacerSize, BlockStackDirection, BlockTextOutline, BlockTextSize, BlockTextWeight, BlockType } from '@devvit/protos';
-import { RenderContext } from './templates/index.js';
+import { RenderContext } from './templates/renderContext.js';
 export declare function defaultClasses(type: BlockType): ClassInfo;
 export declare function stackDirectionClass(direction: BlockStackDirection, reverse: boolean | undefined): ClassInfo;
 export declare function stackChildClass(parentDirection: BlockStackDirection): ClassInfo;

package/blocks/attributes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"attributes.d.ts","sourceRoot":"","sources":["../../src/blocks/attributes.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"attributes.d.ts","sourceRoot":"","sources":["../../src/blocks/attributes.ts"],"names":[],"mappings":"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"}

package/blocks/attributes.js

@@ -125,7 +125,7 @@ export function textSizeClass(size) {
     return {
         'text-10': size === BlockTextSize.TEXT_SIZE_XSMALL,
         'text-12': size === BlockTextSize.TEXT_SIZE_SMALL,
-        'text-14': size === undefined || size === BlockTextSize.TEXT_SIZE_MEDIUM,
+        'text-14': size === BlockTextSize.TEXT_SIZE_MEDIUM,
         'text-16': size === BlockTextSize.TEXT_SIZE_LARGE,
         'text-18': size === BlockTextSize.TEXT_SIZE_XLARGE,
         'text-24': size === BlockTextSize.TEXT_SIZE_XXLARGE,
@@ -142,7 +142,7 @@ export function textAlignClass(alignment) {
 }
 export function textWeightClass(weight) {
     return {
-        'font-normal': weight === undefined || weight === BlockTextWeight.TEXT_WEIGHT_REGULAR,
+        'font-normal': weight === BlockTextWeight.TEXT_WEIGHT_REGULAR,
         'font-semibold': weight === BlockTextWeight.TEXT_WEIGHT_BOLD,
     };
 }
@@ -162,7 +162,7 @@ export function colorStyle(color) {
 }
 export function spacerSizeClass(size, stackDirection) {
     const xsmall = size === BlockSpacerSize.SPACER_XSMALL;
-    const small = size === BlockSpacerSize.SPACER_SMALL;
+    const small = size === undefined || size === BlockSpacerSize.SPACER_SMALL;
     const medium = size === BlockSpacerSize.SPACER_MEDIUM;
     const large = size === BlockSpacerSize.SPACER_LARGE;
     const vstack = stackDirection === BlockStackDirection.STACK_VERTICAL;

package/blocks/templates/index.d.ts

@@ -1,12 +1,2 @@
-import { ClassInfo, classMap as clientClassMap } from 'lit/directives/class-map.js';
-import { TemplateLike, UnsafeString } from '@reddit/baseplate/html.js';
-import { Block, BlockAction, BlockRenderRequest, BlockStackDirection } from '@devvit/protos';
-export interface RenderContext {
-    request?: BlockRenderRequest | undefined;
-    state?: unknown | undefined;
-    stackDirection: BlockStackDirection;
-    onAction?: ((action: BlockAction) => void) | undefined;
-}
-export declare function renderBlocks(block: Block, context?: Partial<RenderContext>): TemplateLike;
-export declare function classMap(classInfo: ClassInfo, forceString?: boolean): UnsafeString | ReturnType<typeof clientClassMap>;
+export { renderBlocks } from './renderBlock.js';
 //# sourceMappingURL=index.d.ts.map

package/blocks/templates/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAEpF,OAAO,EAAW,YAAY,EAAU,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAExF,OAAO,EACL,KAAK,EACL,WAAW,EACX,kBAAkB,EAClB,mBAAmB,EAEpB,MAAM,gBAAgB,CAAC;AAKxB,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACzC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,cAAc,EAAE,mBAAmB,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACxD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,GAAE,OAAO,CAAC,aAAa,CAAM,GAAG,YAAY,CAsB7F;AAED,wBAAgB,QAAQ,CACtB,SAAS,EAAE,SAAS,EACpB,WAAW,CAAC,EAAE,OAAO,GACpB,YAAY,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAgBlD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}

package/blocks/templates/index.js

@@ -1,38 +1 @@
-import { classMap as clientClassMap } from 'lit/directives/class-map.js';
-import { nothing, unsafe } from '@reddit/baseplate/html.js';
-import { BlockStackDirection, BlockType, } from '@devvit/protos';
-import { renderBlock } from './renderBlock.js';
-import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
-export function renderBlocks(block, context = {}) {
-    if (block.type !== BlockType.BLOCK_ROOT) {
-        console.error('Invalid root block');
-        return nothing;
-    }
-    return renderBlock({
-        type: BlockType.BLOCK_STACK,
-        config: {
-            stackConfig: {
-                direction: BlockStackDirection.STACK_VERTICAL,
-                children: block.config?.rootConfig?.children ?? [],
-            },
-        },
-        actions: [],
-    }, {
-        ...context,
-        stackDirection: BlockStackDirection.UNRECOGNIZED,
-    });
-}
-export function classMap(classInfo, forceString) {
-    const { getType } = getTemplateRenderingStrategy();
-    if (getType() === 'client' && forceString !== true) {
-        return clientClassMap(classInfo);
-    }
-    let result = '';
-    for (const name in classInfo) {
-        if (classInfo[name]) {
-            result += `${name} `;
-        }
-    }
-    // eslint-disable-next-line @reddit/no-unsafe/no-unsafe-function-usage
-    return unsafe(result);
-}
+export { renderBlocks } from './renderBlock.js';

package/blocks/templates/renderAnimationBlock.d.ts

@@ -1,5 +1,5 @@
 import { Block } from '@devvit/protos';
 import { TemplateLike } from '@reddit/baseplate/html.js';
-import { RenderContext } from './index.js';
+import { RenderContext } from './renderContext.js';
 export declare function renderAnimationBlock(block: Block, ctx: RenderContext): TemplateLike;
 //# sourceMappingURL=renderAnimationBlock.d.ts.map

package/blocks/templates/renderAnimationBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderAnimationBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderAnimationBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAUlE,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA6BnF"}
+{"version":3,"file":"renderAnimationBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderAnimationBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAUlE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA6BnF"}

package/blocks/templates/renderAnimationBlock.js

@@ -1,7 +1,7 @@
 import { nothing } from '@reddit/baseplate/html.js';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
 import { defaultClasses, onClickAction, sizingClass, sizingStyle, stackChildClass, } from '../attributes.js';
-import { classMap } from './index.js';
+import { classMap } from './util.js';
 export function renderAnimationBlock(block, ctx) {
     const { html, styleMap, ifDefined } = getTemplateRenderingStrategy();
     if (!block.config?.animationConfig) {

package/blocks/templates/renderAvatarBlock.d.ts

@@ -1,5 +1,5 @@
 import { Block } from '@devvit/protos';
 import { TemplateLike } from '@reddit/baseplate/html.js';
-import { RenderContext } from './index.js';
+import { RenderContext } from './renderContext.js';
 export declare function renderAvatarBlock(block: Block, ctx: RenderContext): TemplateLike;
 //# sourceMappingURL=renderAvatarBlock.d.ts.map

package/blocks/templates/renderAvatarBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderAvatarBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderAvatarBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAYlE,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA6BhF"}
+{"version":3,"file":"renderAvatarBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderAvatarBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAYlE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA6BhF"}

package/blocks/templates/renderAvatarBlock.js

@@ -1,7 +1,7 @@
 import { nothing } from '@reddit/baseplate/html.js';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
 import { avatarSizeClass, defaultClasses, facingClass, onClickAction, sizingClass, sizingStyle, stackChildClass, } from '../attributes.js';
-import { classMap } from './index.js';
+import { classMap } from './util.js';
 export function renderAvatarBlock(block, ctx) {
     const { html, styleMap, ifDefined } = getTemplateRenderingStrategy();
     if (!block.config?.avatarConfig) {

package/blocks/templates/renderBlock.d.ts

@@ -1,5 +1,6 @@
 import { TemplateLike } from '@reddit/baseplate/html.js';
 import { Block } from '@devvit/protos';
-import { RenderContext } from './index.js';
+import { RenderContext } from './renderContext.js';
+export declare function renderBlocks(block: Block, context?: Partial<RenderContext>): TemplateLike;
 export declare function renderBlock(block: Block, ctx: RenderContext): TemplateLike;
 //# sourceMappingURL=renderBlock.d.ts.map

package/blocks/templates/renderBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,KAAK,EAAa,MAAM,gBAAgB,CAAC;AAYlD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG3C,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA+C1E"}
+{"version":3,"file":"renderBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAkC,MAAM,gBAAgB,CAAC;AAYvE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,GAAE,OAAO,CAAC,aAAa,CAAM,GAAG,YAAY,CAsB7F;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA+C1E"}

package/blocks/templates/renderBlock.js

@@ -1,5 +1,6 @@
 import { nothing } from '@reddit/baseplate/html.js';
-import { BlockType } from '@devvit/protos';
+import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
+import { BlockStackDirection, BlockType } from '@devvit/protos';
 import { renderStackBlock } from './renderStackBlock.js';
 import { renderSpacerBlock } from './renderSpacerBlock.js';
 import { renderTextBlock } from './renderTextBlock.js';
@@ -10,13 +11,31 @@ import { renderWebViewBlock } from './renderWebViewBlock.js';
 import { renderAnimationBlock } from './renderAnimationBlock.js';
 import { renderAvatarBlock } from './renderAvatarBlock.js';
 import { renderFullSnooBlock } from './renderFullSnooBlock.js';
-import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
+export function renderBlocks(block, context = {}) {
+    if (block.type !== BlockType.BLOCK_ROOT) {
+        console.error('Invalid root block');
+        return nothing;
+    }
+    return renderBlock({
+        type: BlockType.BLOCK_STACK,
+        config: {
+            stackConfig: {
+                direction: BlockStackDirection.STACK_VERTICAL,
+                children: block.config?.rootConfig?.children ?? [],
+            },
+        },
+        actions: [],
+    }, {
+        ...context,
+        stackDirection: BlockStackDirection.UNRECOGNIZED,
+    });
+}
 export function renderBlock(block, ctx) {
     const { html } = getTemplateRenderingStrategy();
     let render;
     switch (block.type) {
         case BlockType.BLOCK_STACK:
-            render = renderStackBlock(block, ctx);
+            render = renderStackBlock(block, ctx, renderBlock);
             break;
         case BlockType.BLOCK_SPACER:
             render = renderSpacerBlock(block, ctx);

package/blocks/templates/renderButtonBlock.d.ts

@@ -1,5 +1,5 @@
 import { TemplateLike } from '@reddit/baseplate/html.js';
 import { Block } from '@devvit/protos';
-import { RenderContext } from './index.js';
+import { RenderContext } from './renderContext.js';
 export declare function renderButtonBlock(block: Block, ctx: RenderContext): TemplateLike;
 //# sourceMappingURL=renderButtonBlock.d.ts.map

package/blocks/templates/renderButtonBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderButtonBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderButtonBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAgB,MAAM,2BAA2B,CAAC;AAKvE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAYvC,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAkChF"}
+{"version":3,"file":"renderButtonBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderButtonBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAgB,MAAM,2BAA2B,CAAC;AAKvE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAYvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAkChF"}

package/blocks/templates/renderButtonBlock.js

@@ -2,7 +2,7 @@ import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUICo
 import { button } from '@reddit/faceplate-ui/templates/button.js';
 import { styleMap } from '@reddit/faceplate-ui/templateUtils/styleMap.js';
 import { buttonAppearance, buttonSize, colorStyle, defaultClasses, onClickAction, sizingClass, stackChildClass, } from '../attributes.js';
-import { classMap } from './index.js';
+import { classMap } from './util.js';
 export function renderButtonBlock(block, ctx) {
     const { html, ifDefined } = getTemplateRenderingStrategy();
     // let buttonIcon = block.config?.buttonConfig?.icon;

package/blocks/templates/renderContext.d.ts

@@ -0,0 +1,8 @@
+import { BlockAction, BlockRenderRequest, BlockStackDirection } from '@devvit/protos';
+export interface RenderContext {
+    request?: BlockRenderRequest | undefined;
+    state?: unknown | undefined;
+    stackDirection: BlockStackDirection;
+    onAction?: ((action: BlockAction) => void) | undefined;
+}
+//# sourceMappingURL=renderContext.d.ts.map

package/blocks/templates/renderContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderContext.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAEtF,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACzC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,cAAc,EAAE,mBAAmB,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACxD"}

package/blocks/templates/renderContext.js

@@ -0,0 +1 @@
+export {};

package/blocks/templates/renderFullSnooBlock.d.ts

@@ -1,5 +1,5 @@
 import { TemplateLike } from '@reddit/baseplate/html.js';
 import { Block } from '@devvit/protos';
-import { RenderContext } from './index.js';
+import { RenderContext } from './renderContext.js';
 export declare function renderFullSnooBlock(block: Block, ctx: RenderContext): TemplateLike;
 //# sourceMappingURL=renderFullSnooBlock.d.ts.map

package/blocks/templates/renderFullSnooBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderFullSnooBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderFullSnooBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAWvC,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA6BlF"}
+{"version":3,"file":"renderFullSnooBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderFullSnooBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAWvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA6BlF"}

package/blocks/templates/renderFullSnooBlock.js

@@ -1,7 +1,7 @@
 import { nothing } from '@reddit/baseplate/html.js';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
 import { defaultClasses, facingClass, fullSnooSizeClass, onClickAction, sizingClass, sizingStyle, stackChildClass, } from '../attributes.js';
-import { classMap } from './index.js';
+import { classMap } from './util.js';
 export function renderFullSnooBlock(block, ctx) {
     const { html, styleMap, ifDefined } = getTemplateRenderingStrategy();
     if (!block.config?.fullsnooConfig) {

package/blocks/templates/renderIconBlock.d.ts

@@ -1,5 +1,5 @@
 import { TemplateLike } from '@reddit/baseplate/html.js';
 import { Block } from '@devvit/protos';
-import { RenderContext } from './index.js';
+import { RenderContext } from './renderContext.js';
 export declare function renderIconBlock(block: Block, ctx: RenderContext): TemplateLike;
 //# sourceMappingURL=renderIconBlock.d.ts.map

package/blocks/templates/renderIconBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderIconBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderIconBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AASvC,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAsB9E"}
+{"version":3,"file":"renderIconBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderIconBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AASvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAsB9E"}

package/blocks/templates/renderIconBlock.js

@@ -1,7 +1,7 @@
 import { nothing } from '@reddit/baseplate/html.js';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
 import { defaultClasses, iconSizeClass, onClickAction, sizingClass, stackChildClass, } from '../attributes.js';
-import { classMap } from './index.js';
+import { classMap } from './util.js';
 export function renderIconBlock(block, ctx) {
     const { html } = getTemplateRenderingStrategy();
     if (!block.config?.iconConfig) {

package/blocks/templates/renderImageBlock.d.ts

@@ -1,5 +1,5 @@
 import { TemplateLike } from '@reddit/baseplate/html.js';
 import { Block } from '@devvit/protos';
-import { RenderContext } from './index.js';
+import { RenderContext } from './renderContext.js';
 export declare function renderImageBlock(block: Block, ctx: RenderContext): TemplateLike;
 //# sourceMappingURL=renderImageBlock.d.ts.map

package/blocks/templates/renderImageBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderImageBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderImageBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAUvC,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAkC/E"}
+{"version":3,"file":"renderImageBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderImageBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAUvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAkC/E"}

package/blocks/templates/renderImageBlock.js

@@ -1,7 +1,7 @@
 import { nothing } from '@reddit/baseplate/html.js';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
 import { defaultClasses, onClickAction, resizeModeClass, sizingClass, sizingStyle, stackChildClass, } from '../attributes.js';
-import { classMap } from './index.js';
+import { classMap } from './util.js';
 export function renderImageBlock(block, ctx) {
     const { html, styleMap, ifDefined } = getTemplateRenderingStrategy();
     if (!block.config?.imageConfig) {

package/blocks/templates/renderSpacerBlock.d.ts

@@ -1,5 +1,5 @@
 import { TemplateLike } from '@reddit/baseplate/html.js';
 import { Block } from '@devvit/protos';
-import { RenderContext } from './index.js';
+import { RenderContext } from './renderContext.js';
 export declare function renderSpacerBlock(block: Block, ctx: RenderContext): TemplateLike;
 //# sourceMappingURL=renderSpacerBlock.d.ts.map

package/blocks/templates/renderSpacerBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderSpacerBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderSpacerBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AASvC,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAmBhF"}
+{"version":3,"file":"renderSpacerBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderSpacerBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AASvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAmBhF"}

package/blocks/templates/renderSpacerBlock.js

@@ -1,6 +1,6 @@
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
 import { defaultClasses, sizingClass, sizingStyle, spacerSizeClass, stackChildClass, } from '../attributes.js';
-import { classMap } from './index.js';
+import { classMap } from './util.js';
 export function renderSpacerBlock(block, ctx) {
     const { html, styleMap } = getTemplateRenderingStrategy();
     const classes = {

package/blocks/templates/renderStackBlock.d.ts

@@ -1,5 +1,5 @@
 import { TemplateLike } from '@reddit/baseplate/html.js';
 import { Block } from '@devvit/protos';
-import { RenderContext } from './index.js';
-export declare function renderStackBlock(block: Block, ctx?: RenderContext): TemplateLike;
+import { RenderContext } from './renderContext.js';
+export declare function renderStackBlock(block: Block, ctx: RenderContext | undefined, renderBlock: (block: Block, ctx: RenderContext) => TemplateLike): TemplateLike;
 //# sourceMappingURL=renderStackBlock.d.ts.map

package/blocks/templates/renderStackBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderStackBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderStackBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAuB,MAAM,gBAAgB,CAAC;AAkB5D,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,KAAK,EACZ,GAAG,GAAE,aAAoE,GACxE,YAAY,CAoEd"}
+{"version":3,"file":"renderStackBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderStackBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAuB,MAAM,gBAAgB,CAAC;AAiB5D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,KAAK,EACZ,GAAG,2BAAsE,EACzE,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,KAAK,YAAY,GAC9D,YAAY,CAoEd"}

package/blocks/templates/renderStackBlock.js

@@ -2,9 +2,8 @@ import { nothing } from '@reddit/baseplate/html.js';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
 import { BlockStackDirection } from '@devvit/protos';
 import { alignmentClass, backgroundStyle, borderClass, borderStyle, defaultClasses, gapClass, onClickAction, paddingClass, radiusClass, sizingClass, sizingStyle, stackChildClass, stackDirectionClass, } from '../attributes.js';
-import { renderBlock } from './renderBlock.js';
-import { classMap } from './index.js';
-export function renderStackBlock(block, ctx = { stackDirection: BlockStackDirection.UNRECOGNIZED }) {
+import { classMap } from './util.js';
+export function renderStackBlock(block, ctx = { stackDirection: BlockStackDirection.UNRECOGNIZED }, renderBlock) {
     const { html, repeat, styleMap, ifDefined } = getTemplateRenderingStrategy();
     if (block.config?.stackConfig === undefined) {
         console.error('Invalid block: Stack missing StackConfig');

package/blocks/templates/renderTextBlock.d.ts

@@ -1,5 +1,5 @@
 import { TemplateLike } from '@reddit/baseplate/html.js';
 import { Block } from '@devvit/protos';
-import { RenderContext } from './index.js';
+import { RenderContext } from './renderContext.js';
 export declare function renderTextBlock(block: Block, ctx: RenderContext): TemplateLike;
 //# sourceMappingURL=renderTextBlock.d.ts.map

package/blocks/templates/renderTextBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderTextBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderTextBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAkD,MAAM,gBAAgB,CAAC;AAavF,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA+D9E"}
+{"version":3,"file":"renderTextBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderTextBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAkD,MAAM,gBAAgB,CAAC;AAavF,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA8D9E"}

package/blocks/templates/renderTextBlock.js

@@ -2,7 +2,7 @@ import { nothing } from '@reddit/baseplate/html.js';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
 import { BlockTextSize, BlockTextStyle, BlockTextWeight } from '@devvit/protos';
 import { colorStyle, defaultClasses, onClickAction, sizingClass, stackChildClass, textAlignClass, textOutlineClass, textSizeClass, textWeightClass, } from '../attributes.js';
-import { classMap } from './index.js';
+import { classMap } from './util.js';
 export function renderTextBlock(block, ctx) {
     const { html, styleMap, ifDefined } = getTemplateRenderingStrategy();
     if (!block.config?.textConfig) {
@@ -10,43 +10,41 @@ export function renderTextBlock(block, ctx) {
         return nothing;
     }
     const { text, color, size, alignment, weight, style, outline } = block.config.textConfig;
-    let textColor = 'neutral-content';
-    let baseStyle = {};
+    let textColor;
+    let textSize;
+    let textWeight;
     switch (style) {
         case BlockTextStyle.TEXT_STYLE_METADATA:
             textColor = 'neutral-content-weak';
-            baseStyle = {
-                ...textSizeClass(BlockTextSize.TEXT_SIZE_SMALL),
-                ...textWeightClass(BlockTextWeight.TEXT_WEIGHT_REGULAR),
-            };
-            break;
-        case BlockTextStyle.TEXT_STYLE_BODY:
-            textColor = 'neutral-content';
-            baseStyle = {
-                ...textSizeClass(BlockTextSize.TEXT_SIZE_MEDIUM),
-                ...textWeightClass(BlockTextWeight.TEXT_WEIGHT_REGULAR),
-            };
+            textSize = BlockTextSize.TEXT_SIZE_SMALL;
+            textWeight = BlockTextWeight.TEXT_WEIGHT_REGULAR;
             break;
         case BlockTextStyle.TEXT_STYLE_HEADING:
             textColor = 'neutral-content-strong';
-            baseStyle = {
-                ...textSizeClass(BlockTextSize.TEXT_SIZE_LARGE),
-                ...textWeightClass(BlockTextWeight.TEXT_WEIGHT_BOLD),
-            };
+            textSize = BlockTextSize.TEXT_SIZE_LARGE;
+            textWeight = BlockTextWeight.TEXT_WEIGHT_BOLD;
+            break;
+        case BlockTextStyle.TEXT_STYLE_BODY:
+        case undefined:
+        default:
+            textColor = 'neutral-content';
+            textSize = BlockTextSize.TEXT_SIZE_MEDIUM;
+            textWeight = BlockTextWeight.TEXT_WEIGHT_REGULAR;
             break;
     }
     textColor = color ?? textColor;
+    textSize = size ?? textSize;
+    textWeight = weight ?? textWeight;
     const styles = {
         ...colorStyle(textColor),
     };
     const classes = {
         ...defaultClasses(block.type),
-        ...baseStyle,
         ...stackChildClass(ctx.stackDirection),
         ...sizingClass(block.size),
-        ...textSizeClass(size),
+        ...textSizeClass(textSize),
         ...textAlignClass(alignment),
-        ...textWeightClass(weight),
+        ...textWeightClass(textWeight),
     };
     if (outline !== undefined) {
         Object.assign(classes, textOutlineClass(outline, textColor));

package/blocks/templates/renderWebViewBlock.d.ts

@@ -1,6 +1,6 @@
 import { TemplateLike } from '@reddit/baseplate/html.js';
 import { Block } from '@devvit/protos';
-import { RenderContext } from './index.js';
+import { RenderContext } from './renderContext.js';
 import '../components/devvit-blocks-webview.js';
 export declare function renderWebViewBlock(block: Block, ctx: RenderContext): TemplateLike;
 //# sourceMappingURL=renderWebViewBlock.d.ts.map

package/blocks/templates/renderWebViewBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderWebViewBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderWebViewBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,OAAO,wCAAwC,CAAC;AAEhD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA2BjF"}
+{"version":3,"file":"renderWebViewBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderWebViewBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,wCAAwC,CAAC;AAEhD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA2BjF"}

package/blocks/templates/renderWebViewBlock.js

@@ -1,7 +1,7 @@
 import { nothing } from '@reddit/baseplate/html.js';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
 import { defaultClasses, sizingClass, sizingStyle, stackChildClass } from '../attributes.js';
-import { classMap } from './index.js';
+import { classMap } from './util.js';
 import '../components/devvit-blocks-webview.js';
 export function renderWebViewBlock(block, ctx) {
     const { html, styleMap } = getTemplateRenderingStrategy();

package/blocks/templates/util.d.ts

@@ -0,0 +1,4 @@
+import { ClassInfo, classMap as clientClassMap } from 'lit/directives/class-map.js';
+import { UnsafeString } from '@reddit/baseplate/html.js';
+export declare function classMap(classInfo: ClassInfo, forceString?: boolean): UnsafeString | ReturnType<typeof clientClassMap>;
+//# sourceMappingURL=util.d.ts.map

package/blocks/templates/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACpF,OAAO,EAAU,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGjE,wBAAgB,QAAQ,CACtB,SAAS,EAAE,SAAS,EACpB,WAAW,CAAC,EAAE,OAAO,GACpB,YAAY,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAgBlD"}

package/blocks/templates/util.js

@@ -0,0 +1,17 @@
+import { classMap as clientClassMap } from 'lit/directives/class-map.js';
+import { unsafe } from '@reddit/baseplate/html.js';
+import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
+export function classMap(classInfo, forceString) {
+    const { getType } = getTemplateRenderingStrategy();
+    if (getType() === 'client' && forceString !== true) {
+        return clientClassMap(classInfo);
+    }
+    let result = '';
+    for (const name in classInfo) {
+        if (classInfo[name]) {
+            result += `${name} `;
+        }
+    }
+    // eslint-disable-next-line @reddit/no-unsafe/no-unsafe-function-usage
+    return unsafe(result);
+}

package/client/devvit-custom-post.js

@@ -60,14 +60,14 @@ let DevvitCustomPost = class DevvitCustomPost extends LitElement {
         this.removeEventListener('devvit-user-action', __classPrivateFieldGet(this, _DevvitCustomPost_handleUserAction, "f"));
     }
     willUpdate(changedProperties) {
+        if (changedProperties.has('postId')) {
+            __classPrivateFieldSet(this, _DevvitCustomPost_postData, this.postId !== undefined ? { __postData: { thingId: this.postId } } : undefined, "f");
+        }
         if (changedProperties.has('actorRef')) {
             __classPrivateFieldSet(this, _DevvitCustomPost_customPostActor, this.actorRef?.As(CustomPostDefinition), "f");
             __classPrivateFieldSet(this, _DevvitCustomPost_uiEventHandlerActor, this.actorRef?.As(UIEventHandlerDefinition), "f");
             __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_initialRender).call(this);
         }
-        if (changedProperties.has('postId')) {
-            __classPrivateFieldSet(this, _DevvitCustomPost_postData, this.postId !== undefined ? { __postData: { thingId: this.postId } } : undefined, "f");
-        }
     }
     render() {
         if (!this.renderResponse) {

package/client/formbuilder/components/devvit-form-selection-dropdown.d.ts

@@ -1,9 +1,9 @@
 import { PropertyValues, TemplateResult } from 'lit';
+import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
 import { FormField } from '@devvit/protos';
 import '@reddit/faceplate-ui/components/faceplate-dropdown-menu.js';
 import '@reddit/faceplate-ui/components/faceplate-menu.js';
 import '@reddit/faceplate-ui/components/faceplate-switch-input.js';
-import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
 export declare class DevvitFormSelectionDropdown extends InputElement {
     #private;
     field: FormField | undefined;

package/client/formbuilder/components/devvit-form-selection-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devvit-form-selection-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/components/devvit-form-selection-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AASjE,OAAO,EAGL,SAAS,EAEV,MAAM,gBAAgB,CAAC;AAIxB,OAAO,4DAA4D,CAAC;AACpE,OAAO,mDAAmD,CAAC;AAC3D,OAAO,2DAA2D,CAAC;AAEnE,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAE/E,qBAAa,2BAA4B,SAAQ,YAAY;;IAE3D,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAG7B,YAAY,UAAS;IAGrB,YAAY,SAAM;IAKlB,WAAoB,MAAM,mCAEzB;IAED,IAAI,KAAK,WAER;IAED,UAAU,CAAC,iBAAiB,EAAE,cAAc;IAwDnC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAgDrC"}
+{"version":3,"file":"devvit-form-selection-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/components/devvit-form-selection-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AASrD,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAE/E,OAAO,EAGL,SAAS,EAEV,MAAM,gBAAgB,CAAC;AAIxB,OAAO,4DAA4D,CAAC;AACpE,OAAO,mDAAmD,CAAC;AAC3D,OAAO,2DAA2D,CAAC;AAEnE,qBAAa,2BAA4B,SAAQ,YAAY;;IAE3D,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAG7B,YAAY,UAAS;IAGrB,YAAY,SAAM;IAKlB,WAAoB,MAAM,mCAEzB;IAED,IAAI,KAAK,WAER;IAED,UAAU,CAAC,iBAAiB,EAAE,cAAc;IAwDnC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAgDrC"}

package/client/formbuilder/components/devvit-form-selection-dropdown.js

@@ -1,17 +1,17 @@
 var _DevvitFormSelectionDropdown_selection, _DevvitFormSelectionDropdown_config, _DevvitFormSelectionDropdown_updateSelection, _DevvitFormSelectionDropdown_singleSelectListItem, _DevvitFormSelectionDropdown_multiSelectListItem;
 import { __classPrivateFieldGet, __classPrivateFieldSet, __decorate, __metadata } from "tslib";
 import { property, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
 import { html, ifDefined } from '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
 import { listItem } from '@reddit/faceplate-ui/templates/list-item.js';
 import { button } from '@reddit/faceplate-ui/templates/button.js';
 import { msg } from '@reddit/faceplate/lib/i18n/localize.js';
+import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
 import { FieldConfig_Selection, FormFieldValue_SelectionValue, } from '@devvit/protos';
 import { styles } from '../../../styles.js';
 import '@reddit/faceplate-ui/components/faceplate-dropdown-menu.js';
 import '@reddit/faceplate-ui/components/faceplate-menu.js';
 import '@reddit/faceplate-ui/components/faceplate-switch-input.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
 export class DevvitFormSelectionDropdown extends InputElement {
     constructor() {
         super(...arguments);

package/client/formbuilder/components/devvit-form-selection-list.d.ts

@@ -1,8 +1,8 @@
 import { PropertyValues, TemplateResult } from 'lit';
+import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
 import { FormField } from '@devvit/protos';
 import '@reddit/faceplate-ui/components/faceplate-radio-input.js';
 import '@reddit/faceplate-ui/components/faceplate-checkbox-input.js';
-import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
 export declare class DevvitFormSelectionList extends InputElement {
     #private;
     field: FormField | undefined;

package/client/formbuilder/components/devvit-form-selection-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devvit-form-selection-list.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/components/devvit-form-selection-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMjE,OAAO,EAGL,SAAS,EAEV,MAAM,gBAAgB,CAAC;AAKxB,OAAO,0DAA0D,CAAC;AAClE,OAAO,6DAA6D,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAE/E,qBAAa,uBAAwB,SAAQ,YAAY;;IAEvD,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAK7B,WAAoB,MAAM,mCAEzB;IAED,IAAI,KAAK,WAER;IAED,UAAU,CAAC,iBAAiB,EAAE,cAAc;IAsBnC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CA6CrC"}
+{"version":3,"file":"devvit-form-selection-list.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/components/devvit-form-selection-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKrD,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAE/E,OAAO,EAGL,SAAS,EAEV,MAAM,gBAAgB,CAAC;AAMxB,OAAO,0DAA0D,CAAC;AAClE,OAAO,6DAA6D,CAAC;AAErE,qBAAa,uBAAwB,SAAQ,YAAY;;IAEvD,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAK7B,WAAoB,MAAM,mCAEzB;IAED,IAAI,KAAK,WAER;IAED,UAAU,CAAC,iBAAiB,EAAE,cAAc;IAsBnC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CA6CrC"}

package/client/formbuilder/components/devvit-form-selection-list.js

@@ -2,12 +2,12 @@ var _DevvitFormSelectionList_config, _DevvitFormSelectionList_selection, _Devvit
 import { __classPrivateFieldGet, __classPrivateFieldSet, __decorate, __metadata } from "tslib";
 import { property } from 'lit/decorators.js';
 import { html, repeat } from '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
+import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
 import { FieldConfig_Selection, FormFieldValue_SelectionValue, } from '@devvit/protos';
-import { renderFieldLabel } from '../fields/index.js';
+import { renderFieldLabel } from '../fields/renderFieldLabel.js';
 import { styles } from '../../../styles.js';
 import '@reddit/faceplate-ui/components/faceplate-radio-input.js';
 import '@reddit/faceplate-ui/components/faceplate-checkbox-input.js';
-import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
 export class DevvitFormSelectionList extends InputElement {
     constructor() {
         super(...arguments);

package/client/formbuilder/devvit-form-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devvit-form-dialog.d.ts","sourceRoot":"","sources":["../../../src/client/formbuilder/devvit-form-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,OAAO,kEAAkE,CAAC;AAE1E,OAAO,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAItF,OAAO,EAAE,aAAa,EAAoB,MAAM,gDAAgD,CAAC;AAEjG,OAAO,EAAE,IAAI,EAA4C,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAKzF,OAAO,kDAAkD,CAAC;AAC1D,OAAO,gDAAgD,CAAC;AAKxD,qBACa,gBAAiB,SAAQ,UAAU;;IAE9C,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IAGvB,OAAO,CAAC,EAAE,eAAe,CAAC;IAG1B,KAAK,CAAC,EAAE,aAAa,CAAC;IAKtB,WAAoB,MAAM,8BAEzB;IAED,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;IA6E7C,MAAM;CA+ChB"}
+{"version":3,"file":"devvit-form-dialog.d.ts","sourceRoot":"","sources":["../../../src/client/formbuilder/devvit-form-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,OAAO,kEAAkE,CAAC;AAE1E,OAAO,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAGtF,OAAO,EAAE,aAAa,EAAoB,MAAM,gDAAgD,CAAC;AAEjG,OAAO,EAAE,IAAI,EAA4C,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAKzF,OAAO,kDAAkD,CAAC;AAC1D,OAAO,gDAAgD,CAAC;AAKxD,qBACa,gBAAiB,SAAQ,UAAU;;IAE9C,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IAGvB,OAAO,CAAC,EAAE,eAAe,CAAC;IAG1B,KAAK,CAAC,EAAE,aAAa,CAAC;IAKtB,WAAoB,MAAM,8BAEzB;IAED,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;IAgF7C,MAAM;CA+ChB"}

package/client/formbuilder/devvit-form-dialog.js

@@ -20,7 +20,10 @@ let DevvitFormDialog = class DevvitFormDialog extends LitElement {
         _DevvitFormDialog_idMap.set(this, {});
         _DevvitFormDialog_makeIdMap.set(this, (fields) => fields.reduce((map, field) => {
             if (field.fieldType === FormFieldType.GROUP) {
-                return __classPrivateFieldGet(this, _DevvitFormDialog_makeIdMap, "f").call(this, field.fieldConfig?.groupConfig?.fields ?? []);
+                return {
+                    ...map,
+                    ...__classPrivateFieldGet(this, _DevvitFormDialog_makeIdMap, "f").call(this, field.fieldConfig?.groupConfig?.fields ?? []),
+                };
             }
             map[field.fieldId] = field;
             return map;

package/client/formbuilder/fields/index.d.ts

@@ -1,12 +1,2 @@
-export * from './renderBooleanField.js';
-export * from './renderFieldLabel.js';
 export * from './renderFormFields.js';
-export * from './renderGroupField.js';
-export * from './renderHelpText.js';
-export * from './renderListField.js';
-export * from './renderNumberField.js';
-export * from './renderParagraphField.js';
-export * from './renderSelectionField.js';
-export * from './renderStringField.js';
-export type OnInputDelegate = (event: InputEvent | CustomEvent) => void;
 //# sourceMappingURL=index.d.ts.map

package/client/formbuilder/fields/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AAEvC,MAAM,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,UAAU,GAAG,WAAW,KAAK,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/client/formbuilder/fields/index.js

@@ -1,10 +1 @@
-export * from './renderBooleanField.js';
-export * from './renderFieldLabel.js';
 export * from './renderFormFields.js';
-export * from './renderGroupField.js';
-export * from './renderHelpText.js';
-export * from './renderListField.js';
-export * from './renderNumberField.js';
-export * from './renderParagraphField.js';
-export * from './renderSelectionField.js';
-export * from './renderStringField.js';

package/client/formbuilder/fields/renderFormFields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderFormFields.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderFormFields.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKrC,OAAO,EAAE,SAAS,EAAiB,MAAM,gBAAgB,CAAC;AAuB1D,eAAO,MAAM,gBAAgB,WAAY,SAAS,EAAE,KAAG,cAEtD,CAAC"}
+{"version":3,"file":"renderFormFields.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderFormFields.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKrC,OAAO,EAAE,SAAS,EAAiB,MAAM,gBAAgB,CAAC;AAqB1D,eAAO,MAAM,gBAAgB,WAAY,SAAS,EAAE,KAAG,cAEtD,CAAC"}

package/client/formbuilder/fields/renderFormFields.js

@@ -1,7 +1,12 @@
 import { choose } from 'lit/directives/choose.js';
 import { html, repeat } from '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
 import { FormFieldType } from '@devvit/protos';
-import { renderBooleanField, renderGroupField, renderNumberField, renderParagraphField, renderSelectionField, renderStringField, } from './index.js';
+import { renderStringField } from './renderStringField.js';
+import { renderBooleanField } from './renderBooleanField.js';
+import { renderGroupField } from './renderGroupField.js';
+import { renderSelectionField } from './renderSelectionField.js';
+import { renderNumberField } from './renderNumberField.js';
+import { renderParagraphField } from './renderParagraphField.js';
 const renderFormField = (field) => html `
   ${choose(field.fieldType, [
     [FormFieldType.STRING, () => renderStringField(field)],
@@ -10,7 +15,7 @@ const renderFormField = (field) => html `
     [FormFieldType.BOOLEAN, () => renderBooleanField(field)],
     // [FormFieldType.LIST, () => renderListField(field)],
     [FormFieldType.SELECTION, () => renderSelectionField(field)],
-    [FormFieldType.GROUP, () => renderGroupField(field)],
+    [FormFieldType.GROUP, () => renderGroupField(field, renderFormFields)],
 ])}
 `;
 export const renderFormFields = (fields) => {

package/client/formbuilder/fields/renderGroupField.d.ts

@@ -1,3 +1,4 @@
 import { FormField } from '@devvit/protos';
-export declare const renderGroupField: (field: FormField) => import("lit-html").TemplateResult<1>;
+import { TemplateResult } from 'lit';
+export declare const renderGroupField: (field: FormField, renderFormFields: (fields: FormField[]) => TemplateResult) => TemplateResult<1>;
 //# sourceMappingURL=renderGroupField.d.ts.map

package/client/formbuilder/fields/renderGroupField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderGroupField.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderGroupField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAK3C,eAAO,MAAM,gBAAgB,UAAW,SAAS,yCAShD,CAAC"}
+{"version":3,"file":"renderGroupField.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderGroupField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAErC,eAAO,MAAM,gBAAgB,UACpB,SAAS,6BACW,SAAS,EAAE,KAAK,cAAc,sBAU1D,CAAC"}

package/client/formbuilder/fields/renderGroupField.js

@@ -1,7 +1,6 @@
 import { html } from '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
-import { renderFormFields } from './renderFormFields.js';
 import { renderFieldLabel } from './renderFieldLabel.js';
-export const renderGroupField = (field) => {
+export const renderGroupField = (field, renderFormFields) => {
     return html `
     <div class="flex flex-col py-xs border-0 gap-y-xs">
       ${renderFieldLabel(field)}

package/client/formbuilder/fields/renderNumberField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderNumberField.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderNumberField.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI/D,OAAO,yDAAyD,CAAC;AAEjE,eAAO,MAAM,iBAAiB,UAAW,SAAS,yCAmBjD,CAAC"}
+{"version":3,"file":"renderNumberField.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderNumberField.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,yDAAyD,CAAC;AAEjE,eAAO,MAAM,iBAAiB,UAAW,SAAS,yCAmBjD,CAAC"}

package/client/formbuilder/fields/renderParagraphField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderParagraphField.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderParagraphField.ts"],"names":[],"mappings":"AAIA,OAAO,EAAyB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAIlE,OAAO,6DAA6D,CAAC;AACrE,OAAO,+DAA+D,CAAC;AAGvE,eAAO,MAAM,oBAAoB,UAAW,SAAS,yCAoBpD,CAAC"}
+{"version":3,"file":"renderParagraphField.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderParagraphField.ts"],"names":[],"mappings":"AAIA,OAAO,EAAyB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAElE,OAAO,6DAA6D,CAAC;AACrE,OAAO,+DAA+D,CAAC;AAGvE,eAAO,MAAM,oBAAoB,UAAW,SAAS,yCAoBpD,CAAC"}

package/client/formbuilder/fields/renderSelectionField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderSelectionField.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderSelectionField.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,OAAO,iDAAiD,CAAC;AACzD,OAAO,6CAA6C,CAAC;AAErD,eAAO,MAAM,oBAAoB,UAAW,SAAS,yCAapD,CAAC"}
+{"version":3,"file":"renderSelectionField.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderSelectionField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAK3C,OAAO,iDAAiD,CAAC;AACzD,OAAO,6CAA6C,CAAC;AAErD,eAAO,MAAM,oBAAoB,UAAW,SAAS,yCAapD,CAAC"}

package/client/formbuilder/fields/renderSelectionField.js

@@ -1,5 +1,5 @@
-import { renderFieldLabel } from './index.js';
 import { html } from '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
+import { renderFieldLabel } from './renderFieldLabel.js';
 import '../components/devvit-form-selection-dropdown.js';
 import '../components/devvit-form-selection-list.js';
 export const renderSelectionField = (field) => {

package/client/formbuilder/fields/renderStringField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderStringField.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderStringField.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI/D,OAAO,yDAAyD,CAAC;AAEjE,eAAO,MAAM,iBAAiB,UAAW,SAAS,yCAqBjD,CAAC"}
+{"version":3,"file":"renderStringField.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderStringField.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,yDAAyD,CAAC;AAEjE,eAAO,MAAM,iBAAiB,UAAW,SAAS,yCAqBjD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devvit/ui-renderer",
-  "version": "0.9.2",
+  "version": "0.9.4",
   "license": "BSD-3-Clause",
   "repository": {
     "type": "git",
@@ -16,7 +16,8 @@
     "clean": "rm -rf .turbo coverage dist",
     "clobber": "yarn clean && rm -rf node_modules",
     "dev": "concurrently -n 'styles,styles-dist,typescript' 'yarn watch:styles' 'yarn watch:styles-dist' 'yarn watch:typescript'",
-    "lint": "redlint .",
+    "lint": "redlint . && yarn lint:circular-deps",
+    "lint:circular-deps": "yarn madge --circular dist/**/*.js",
     "lint:fix": "yarn lint --fix",
     "prepublishOnly": "publish-package-json",
     "test": "yarn test:unit && yarn test:types && yarn lint",
@@ -29,8 +30,8 @@
   },
   "types": "./index.d.ts",
   "dependencies": {
-    "@devvit/protos": "0.9.2",
-    "@devvit/runtimes": "0.9.2",
+    "@devvit/protos": "0.9.4",
+    "@devvit/runtimes": "0.9.4",
     "@lottiefiles/lottie-player": "1.7.1",
     "p-queue": "7.3.4",
     "rxjs": "7.5.7"
@@ -55,10 +56,10 @@
     "lit": "^2.0.0"
   },
   "devDependencies": {
-    "@devvit/eslint-config": "0.9.2",
-    "@devvit/public-api": "0.9.2",
-    "@devvit/repo-tools": "0.9.2",
-    "@devvit/tsconfig": "0.9.2",
+    "@devvit/eslint-config": "0.9.4",
+    "@devvit/public-api": "0.9.4",
+    "@devvit/repo-tools": "0.9.4",
+    "@devvit/tsconfig": "0.9.4",
     "@lit/localize": "0.11.4",
     "@reddit/baseplate": "0.14.0",
     "@reddit/eslint-plugin-i18n-shreddit": "0.1.0",
@@ -68,6 +69,7 @@
     "debounce": "1.2.1",
     "eslint": "8.9.0",
     "lit": "^2.0.0",
+    "madge": "6.0.0",
     "postcss": "8.4.22",
     "postcss-cli": "10.1.0",
     "postcss-import": "15.1.0",
@@ -79,5 +81,5 @@
     "directory": "dist"
   },
   "source": "./src/index.ts",
-  "gitHead": "409f899e60151c9a3b01d0804419efc1e63fb507"
+  "gitHead": "27a5a627334932929b427700f6d6686683689a4f"
 }