@divkitframework/jsonbuilder 32.61.0 → 33.0.0

package/README.md

@@ -82,21 +82,6 @@ In the result `JSON.stringify(divCard(...))` will return JSON below:
 }
 ```
 
-## Typesafe templates with compile-time validation
-
-You can use `templateHelper` helper function to achieve compile time template parameters validation. Type safety works only when you enable [strictNullChecks](https://www.typescriptlang.org/docs/handbook/compiler-options.html) in tsconfig.json
-
-```typescript
-const block = template('header', {
-    title: 'Some Title'
-});
-
-// using templateHelper for checking template parameters at compile-time
-const safeBlock = tHelper.header({
-    title: 'Some Title'
-});
-```
-
 ## Validity guarantees
 
 While developing cards you need to make sure that:

package/dist/es/jsonbuilder.js

@@ -730,7 +730,6 @@ class DivGallery {
         this.functions = props === null || props === void 0 ? void 0 : props.functions;
         this.height = props === null || props === void 0 ? void 0 : props.height;
         this.id = props === null || props === void 0 ? void 0 : props.id;
-        this.infinite_scroll = props === null || props === void 0 ? void 0 : props.infinite_scroll;
         this.item_builder = props === null || props === void 0 ? void 0 : props.item_builder;
         this.item_spacing = props === null || props === void 0 ? void 0 : props.item_spacing;
         this.items = props === null || props === void 0 ? void 0 : props.items;
@@ -768,58 +767,58 @@ class DivGallery {
 class DivGifImage {
     constructor(props) {
         this.type = 'gif';
-        this.accessibility = props.accessibility;
-        this.action = props.action;
-        this.action_animation = props.action_animation;
-        this.actions = props.actions;
-        this.alignment_horizontal = props.alignment_horizontal;
-        this.alignment_vertical = props.alignment_vertical;
-        this.alpha = props.alpha;
-        this.animators = props.animators;
-        this.aspect = props.aspect;
-        this.background = props.background;
-        this.border = props.border;
-        this.capture_focus_on_action = props.capture_focus_on_action;
-        this.column_span = props.column_span;
-        this.content_alignment_horizontal = props.content_alignment_horizontal;
-        this.content_alignment_vertical = props.content_alignment_vertical;
-        this.disappear_actions = props.disappear_actions;
-        this.doubletap_actions = props.doubletap_actions;
-        this.extensions = props.extensions;
-        this.focus = props.focus;
-        this.functions = props.functions;
-        this.gif_url = props.gif_url;
-        this.height = props.height;
-        this.hover_end_actions = props.hover_end_actions;
-        this.hover_start_actions = props.hover_start_actions;
-        this.id = props.id;
-        this.layout_provider = props.layout_provider;
-        this.longtap_actions = props.longtap_actions;
-        this.margins = props.margins;
-        this.paddings = props.paddings;
-        this.placeholder_color = props.placeholder_color;
-        this.preload_required = props.preload_required;
-        this.press_end_actions = props.press_end_actions;
-        this.press_start_actions = props.press_start_actions;
-        this.preview = props.preview;
-        this.preview_url = props.preview_url;
-        this.reuse_id = props.reuse_id;
-        this.row_span = props.row_span;
-        this.scale = props.scale;
-        this.selected_actions = props.selected_actions;
-        this.tooltips = props.tooltips;
-        this.transform = props.transform;
-        this.transformations = props.transformations;
-        this.transition_change = props.transition_change;
-        this.transition_in = props.transition_in;
-        this.transition_out = props.transition_out;
-        this.transition_triggers = props.transition_triggers;
-        this.variable_triggers = props.variable_triggers;
-        this.variables = props.variables;
-        this.visibility = props.visibility;
-        this.visibility_action = props.visibility_action;
-        this.visibility_actions = props.visibility_actions;
-        this.width = props.width;
+        this.accessibility = props === null || props === void 0 ? void 0 : props.accessibility;
+        this.action = props === null || props === void 0 ? void 0 : props.action;
+        this.action_animation = props === null || props === void 0 ? void 0 : props.action_animation;
+        this.actions = props === null || props === void 0 ? void 0 : props.actions;
+        this.alignment_horizontal = props === null || props === void 0 ? void 0 : props.alignment_horizontal;
+        this.alignment_vertical = props === null || props === void 0 ? void 0 : props.alignment_vertical;
+        this.alpha = props === null || props === void 0 ? void 0 : props.alpha;
+        this.animators = props === null || props === void 0 ? void 0 : props.animators;
+        this.aspect = props === null || props === void 0 ? void 0 : props.aspect;
+        this.background = props === null || props === void 0 ? void 0 : props.background;
+        this.border = props === null || props === void 0 ? void 0 : props.border;
+        this.capture_focus_on_action = props === null || props === void 0 ? void 0 : props.capture_focus_on_action;
+        this.column_span = props === null || props === void 0 ? void 0 : props.column_span;
+        this.content_alignment_horizontal = props === null || props === void 0 ? void 0 : props.content_alignment_horizontal;
+        this.content_alignment_vertical = props === null || props === void 0 ? void 0 : props.content_alignment_vertical;
+        this.disappear_actions = props === null || props === void 0 ? void 0 : props.disappear_actions;
+        this.doubletap_actions = props === null || props === void 0 ? void 0 : props.doubletap_actions;
+        this.extensions = props === null || props === void 0 ? void 0 : props.extensions;
+        this.focus = props === null || props === void 0 ? void 0 : props.focus;
+        this.functions = props === null || props === void 0 ? void 0 : props.functions;
+        this.gif_url = props === null || props === void 0 ? void 0 : props.gif_url;
+        this.height = props === null || props === void 0 ? void 0 : props.height;
+        this.hover_end_actions = props === null || props === void 0 ? void 0 : props.hover_end_actions;
+        this.hover_start_actions = props === null || props === void 0 ? void 0 : props.hover_start_actions;
+        this.id = props === null || props === void 0 ? void 0 : props.id;
+        this.layout_provider = props === null || props === void 0 ? void 0 : props.layout_provider;
+        this.longtap_actions = props === null || props === void 0 ? void 0 : props.longtap_actions;
+        this.margins = props === null || props === void 0 ? void 0 : props.margins;
+        this.paddings = props === null || props === void 0 ? void 0 : props.paddings;
+        this.placeholder_color = props === null || props === void 0 ? void 0 : props.placeholder_color;
+        this.preload_required = props === null || props === void 0 ? void 0 : props.preload_required;
+        this.press_end_actions = props === null || props === void 0 ? void 0 : props.press_end_actions;
+        this.press_start_actions = props === null || props === void 0 ? void 0 : props.press_start_actions;
+        this.preview = props === null || props === void 0 ? void 0 : props.preview;
+        this.preview_url = props === null || props === void 0 ? void 0 : props.preview_url;
+        this.reuse_id = props === null || props === void 0 ? void 0 : props.reuse_id;
+        this.row_span = props === null || props === void 0 ? void 0 : props.row_span;
+        this.scale = props === null || props === void 0 ? void 0 : props.scale;
+        this.selected_actions = props === null || props === void 0 ? void 0 : props.selected_actions;
+        this.tooltips = props === null || props === void 0 ? void 0 : props.tooltips;
+        this.transform = props === null || props === void 0 ? void 0 : props.transform;
+        this.transformations = props === null || props === void 0 ? void 0 : props.transformations;
+        this.transition_change = props === null || props === void 0 ? void 0 : props.transition_change;
+        this.transition_in = props === null || props === void 0 ? void 0 : props.transition_in;
+        this.transition_out = props === null || props === void 0 ? void 0 : props.transition_out;
+        this.transition_triggers = props === null || props === void 0 ? void 0 : props.transition_triggers;
+        this.variable_triggers = props === null || props === void 0 ? void 0 : props.variable_triggers;
+        this.variables = props === null || props === void 0 ? void 0 : props.variables;
+        this.visibility = props === null || props === void 0 ? void 0 : props.visibility;
+        this.visibility_action = props === null || props === void 0 ? void 0 : props.visibility_action;
+        this.visibility_actions = props === null || props === void 0 ? void 0 : props.visibility_actions;
+        this.width = props === null || props === void 0 ? void 0 : props.width;
     }
 }
 
@@ -887,62 +886,62 @@ class DivGrid {
 class DivImage {
     constructor(props) {
         this.type = 'image';
-        this.accessibility = props.accessibility;
-        this.action = props.action;
-        this.action_animation = props.action_animation;
-        this.actions = props.actions;
-        this.alignment_horizontal = props.alignment_horizontal;
-        this.alignment_vertical = props.alignment_vertical;
-        this.alpha = props.alpha;
-        this.animators = props.animators;
-        this.appearance_animation = props.appearance_animation;
-        this.aspect = props.aspect;
-        this.background = props.background;
-        this.border = props.border;
-        this.capture_focus_on_action = props.capture_focus_on_action;
-        this.column_span = props.column_span;
-        this.content_alignment_horizontal = props.content_alignment_horizontal;
-        this.content_alignment_vertical = props.content_alignment_vertical;
-        this.disappear_actions = props.disappear_actions;
-        this.doubletap_actions = props.doubletap_actions;
-        this.extensions = props.extensions;
-        this.filters = props.filters;
-        this.focus = props.focus;
-        this.functions = props.functions;
-        this.height = props.height;
-        this.high_priority_preview_show = props.high_priority_preview_show;
-        this.hover_end_actions = props.hover_end_actions;
-        this.hover_start_actions = props.hover_start_actions;
-        this.id = props.id;
-        this.image_url = props.image_url;
-        this.layout_provider = props.layout_provider;
-        this.longtap_actions = props.longtap_actions;
-        this.margins = props.margins;
-        this.paddings = props.paddings;
-        this.placeholder_color = props.placeholder_color;
-        this.preload_required = props.preload_required;
-        this.press_end_actions = props.press_end_actions;
-        this.press_start_actions = props.press_start_actions;
-        this.preview = props.preview;
-        this.reuse_id = props.reuse_id;
-        this.row_span = props.row_span;
-        this.scale = props.scale;
-        this.selected_actions = props.selected_actions;
-        this.tint_color = props.tint_color;
-        this.tint_mode = props.tint_mode;
-        this.tooltips = props.tooltips;
-        this.transform = props.transform;
-        this.transformations = props.transformations;
-        this.transition_change = props.transition_change;
-        this.transition_in = props.transition_in;
-        this.transition_out = props.transition_out;
-        this.transition_triggers = props.transition_triggers;
-        this.variable_triggers = props.variable_triggers;
-        this.variables = props.variables;
-        this.visibility = props.visibility;
-        this.visibility_action = props.visibility_action;
-        this.visibility_actions = props.visibility_actions;
-        this.width = props.width;
+        this.accessibility = props === null || props === void 0 ? void 0 : props.accessibility;
+        this.action = props === null || props === void 0 ? void 0 : props.action;
+        this.action_animation = props === null || props === void 0 ? void 0 : props.action_animation;
+        this.actions = props === null || props === void 0 ? void 0 : props.actions;
+        this.alignment_horizontal = props === null || props === void 0 ? void 0 : props.alignment_horizontal;
+        this.alignment_vertical = props === null || props === void 0 ? void 0 : props.alignment_vertical;
+        this.alpha = props === null || props === void 0 ? void 0 : props.alpha;
+        this.animators = props === null || props === void 0 ? void 0 : props.animators;
+        this.appearance_animation = props === null || props === void 0 ? void 0 : props.appearance_animation;
+        this.aspect = props === null || props === void 0 ? void 0 : props.aspect;
+        this.background = props === null || props === void 0 ? void 0 : props.background;
+        this.border = props === null || props === void 0 ? void 0 : props.border;
+        this.capture_focus_on_action = props === null || props === void 0 ? void 0 : props.capture_focus_on_action;
+        this.column_span = props === null || props === void 0 ? void 0 : props.column_span;
+        this.content_alignment_horizontal = props === null || props === void 0 ? void 0 : props.content_alignment_horizontal;
+        this.content_alignment_vertical = props === null || props === void 0 ? void 0 : props.content_alignment_vertical;
+        this.disappear_actions = props === null || props === void 0 ? void 0 : props.disappear_actions;
+        this.doubletap_actions = props === null || props === void 0 ? void 0 : props.doubletap_actions;
+        this.extensions = props === null || props === void 0 ? void 0 : props.extensions;
+        this.filters = props === null || props === void 0 ? void 0 : props.filters;
+        this.focus = props === null || props === void 0 ? void 0 : props.focus;
+        this.functions = props === null || props === void 0 ? void 0 : props.functions;
+        this.height = props === null || props === void 0 ? void 0 : props.height;
+        this.high_priority_preview_show = props === null || props === void 0 ? void 0 : props.high_priority_preview_show;
+        this.hover_end_actions = props === null || props === void 0 ? void 0 : props.hover_end_actions;
+        this.hover_start_actions = props === null || props === void 0 ? void 0 : props.hover_start_actions;
+        this.id = props === null || props === void 0 ? void 0 : props.id;
+        this.image_url = props === null || props === void 0 ? void 0 : props.image_url;
+        this.layout_provider = props === null || props === void 0 ? void 0 : props.layout_provider;
+        this.longtap_actions = props === null || props === void 0 ? void 0 : props.longtap_actions;
+        this.margins = props === null || props === void 0 ? void 0 : props.margins;
+        this.paddings = props === null || props === void 0 ? void 0 : props.paddings;
+        this.placeholder_color = props === null || props === void 0 ? void 0 : props.placeholder_color;
+        this.preload_required = props === null || props === void 0 ? void 0 : props.preload_required;
+        this.press_end_actions = props === null || props === void 0 ? void 0 : props.press_end_actions;
+        this.press_start_actions = props === null || props === void 0 ? void 0 : props.press_start_actions;
+        this.preview = props === null || props === void 0 ? void 0 : props.preview;
+        this.reuse_id = props === null || props === void 0 ? void 0 : props.reuse_id;
+        this.row_span = props === null || props === void 0 ? void 0 : props.row_span;
+        this.scale = props === null || props === void 0 ? void 0 : props.scale;
+        this.selected_actions = props === null || props === void 0 ? void 0 : props.selected_actions;
+        this.tint_color = props === null || props === void 0 ? void 0 : props.tint_color;
+        this.tint_mode = props === null || props === void 0 ? void 0 : props.tint_mode;
+        this.tooltips = props === null || props === void 0 ? void 0 : props.tooltips;
+        this.transform = props === null || props === void 0 ? void 0 : props.transform;
+        this.transformations = props === null || props === void 0 ? void 0 : props.transformations;
+        this.transition_change = props === null || props === void 0 ? void 0 : props.transition_change;
+        this.transition_in = props === null || props === void 0 ? void 0 : props.transition_in;
+        this.transition_out = props === null || props === void 0 ? void 0 : props.transition_out;
+        this.transition_triggers = props === null || props === void 0 ? void 0 : props.transition_triggers;
+        this.variable_triggers = props === null || props === void 0 ? void 0 : props.variable_triggers;
+        this.variables = props === null || props === void 0 ? void 0 : props.variables;
+        this.visibility = props === null || props === void 0 ? void 0 : props.visibility;
+        this.visibility_action = props === null || props === void 0 ? void 0 : props.visibility_action;
+        this.visibility_actions = props === null || props === void 0 ? void 0 : props.visibility_actions;
+        this.width = props === null || props === void 0 ? void 0 : props.width;
     }
 }
 
@@ -1038,6 +1037,7 @@ class DivInput {
         this.accessibility = props.accessibility;
         this.alignment_horizontal = props.alignment_horizontal;
         this.alignment_vertical = props.alignment_vertical;
+        this.allow_suggestions_bar = props.allow_suggestions_bar;
         this.alpha = props.alpha;
         this.animators = props.animators;
         this.autocapitalization = props.autocapitalization;
@@ -1058,7 +1058,6 @@ class DivInput {
         this.font_weight_value = props.font_weight_value;
         this.functions = props.functions;
         this.height = props.height;
-        this.hide_suggestions_bar = props.hide_suggestions_bar;
         this.highlight_color = props.highlight_color;
         this.hint_color = props.hint_color;
         this.hint_text = props.hint_text;
@@ -1303,6 +1302,7 @@ class DivPager {
         this.layout_mode = props.layout_mode;
         this.layout_provider = props.layout_provider;
         this.margins = props.margins;
+        this.multi_page_scroll = props.multi_page_scroll;
         this.orientation = props.orientation;
         this.paddings = props.paddings;
         this.page_transformation = props.page_transformation;
@@ -2357,7 +2357,6 @@ function copyTemplates(templates) {
     return copy;
 }
 
-/* eslint-disable @typescript-eslint/ban-types */
 class TemplatePropertyReference {
     constructor(name) {
         this.templatePropertyName = name;
@@ -2419,7 +2418,6 @@ function divCard(templates, card) {
     return new Card(templates, card);
 }
 
-/* eslint-disable @typescript-eslint/ban-types */
 /**
  * Creates typed functions for templates instance construction
  * @param templates templates map of the form { template_name: template }
@@ -2528,6 +2526,7 @@ function thelperWithMemo(options) {
         get(_, templateName) {
             const templateRenamed = (options === null || options === void 0 ? void 0 : options.customName) ? options.customName(templateName) : templateName;
             used.add(templateName);
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             return (props) => (Object.assign(Object.assign({}, props), { type: templateRenamed }));
         },
     };
@@ -2554,6 +2553,7 @@ function rewriteNames(templates, rename, resolvedNames = {}) {
     resolvedNames = runResolveDeps(templates, ({ name, template, depsResolved }) => {
         treeWalkDFS(template, (node) => {
             if (node instanceof TemplateBlock) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 node.type = depsResolved[node.type];
             }
         });
@@ -2567,13 +2567,14 @@ function rewriteRefsTemplate(template) {
     while (stack.length > 0) {
         const obj = stack.pop();
         if (obj && typeof obj === 'object') {
-            for (const key in obj) {
-                const objChild = obj[key];
+            const castedObj = obj;
+            for (const key in castedObj) {
+                const objChild = castedObj[key];
                 if (objChild && typeof objChild === 'object') {
                     if (objChild instanceof TemplatePropertyReference) {
-                        obj[key] = undefined;
+                        castedObj[key] = undefined;
                         if (objChild.templatePropertyName !== key) {
-                            obj['$' + key] = objChild.templatePropertyName;
+                            castedObj['$' + key] = objChild.templatePropertyName;
                         }
                     }
                     else {