@maplibre/maplibre-react-native 10.0.0-alpha.24 → 10.0.0-alpha.26

package/scripts/templates/RCTMLNStyleFactory.java.ejs

@@ -1,5 +1,6 @@
 <%
   const layers = locals.layers;
+  const helpers = locals.helpers;
 -%>
 // DO NOT MODIFY
 // THIS FILE IS AUTOGENERATED
@@ -29,7 +30,7 @@ public class RCTMLNStyleFactory {
     public static final String SHOULD_ADD_IMAGE_KEY = "shouldAddImage";
 
   <%_ for (const layer of layers) { _%>
-    public static void <%- setLayerMethodName(layer) -%>(final <%- getLayerType(layer, 'android') -%> layer, RCTMLNStyle style) {
+    public static void <%- helpers.setLayerMethodName(layer) -%>(final <%- helpers.getLayerType(layer, 'android') -%> layer, RCTMLNStyle style) {
       List<String> styleKeys = style.getAllStyleKeys();
 
       if (styleKeys.size() == 0) {
@@ -46,16 +47,16 @@ public class RCTMLNStyleFactory {
               style.addImage(styleValue, new DownloadMapImageTask.OnAllImagesLoaded() {
                   @Override
                   public void onAllImagesLoaded() {
-                      RCTMLNStyleFactory.set<%- pascalCase(prop.name) -%>(layer, styleValue);
+                      RCTMLNStyleFactory.set<%- helpers.pascalCase(prop.name) -%>(layer, styleValue);
                   }
               });
               <%_ } else { _%>
-              RCTMLNStyleFactory.set<%- pascalCase(prop.name) -%>(layer, styleValue);
+              RCTMLNStyleFactory.set<%- helpers.pascalCase(prop.name) -%>(layer, styleValue);
               <%_ } _%>
               break;
             <%_ if (prop.transition) { _%>
             case "<%= prop.name %>Transition":
-              RCTMLNStyleFactory.set<%- pascalCase(prop.name) -%>Transition(layer, styleValue);
+              RCTMLNStyleFactory.set<%- helpers.pascalCase(prop.name) -%>Transition(layer, styleValue);
               break;
             <%_ } _%>
           <%_ } _%>
@@ -66,12 +67,12 @@ public class RCTMLNStyleFactory {
 
   <%_ for (const layer of layers) { _%>
   <%_ for (const prop of layer.properties) { _%>
-    public static void set<%- pascalCase(prop.name) -%>(<%- getLayerType(layer, 'android') -%> layer, RCTMLNStyleValue styleValue) {
+    public static void set<%- helpers.pascalCase(prop.name) -%>(<%- helpers.getLayerType(layer, 'android') -%> layer, RCTMLNStyleValue styleValue) {
       <%_ if (layer.name === 'light' && prop.name === 'position') { _%>
       Float[] values = styleValue.getFloatArray(VALUE_KEY);
-      layer.set<%- pascalCase(prop.name) -%>(Position.fromPosition(values[0], values[1], values[2]));
+      layer.set<%- helpers.pascalCase(prop.name) -%>(Position.fromPosition(values[0], values[1], values[2]));
       <%_ } else if (layer.name === 'light') { _%>
-      layer.set<%- pascalCase(prop.name) -%>(<%- androidGetConfigType(androidInputType(prop.type, prop.value), prop) -%>);
+      layer.set<%- helpers.pascalCase(prop.name) -%>(<%- helpers.androidGetConfigType(helpers.androidInputType(prop.type, prop.value), prop) -%>);
       <%_ } else if (prop.name === 'visibility') { _%>
       layer.setProperties(PropertyFactory.visibility(styleValue.getString(VALUE_KEY)));
       <%_ } else if (prop.type === 'resolvedImage') { _%>
@@ -82,22 +83,22 @@ public class RCTMLNStyleFactory {
           layer.setProperties(PropertyFactory.<%= prop.name %>(styleValue.getExpression()));
         }
       } else {
-        layer.setProperties(PropertyFactory.<%= prop.name %>(<%- androidGetConfigType(androidInputType(prop.type, prop.value), prop) -%>));
+        layer.setProperties(PropertyFactory.<%= prop.name %>(<%- helpers.androidGetConfigType(helpers.androidInputType(prop.type, prop.value), prop) -%>));
       }
       <%_ } else { _%>
       if (styleValue.isExpression()) {
         layer.setProperties(PropertyFactory.<%= prop.name %>(styleValue.getExpression()));
       } else {
-        layer.setProperties(PropertyFactory.<%= prop.name %>(<%- androidGetConfigType(androidInputType(prop.type, prop.value), prop) -%>));
+        layer.setProperties(PropertyFactory.<%= prop.name %>(<%- helpers.androidGetConfigType(helpers.androidInputType(prop.type, prop.value), prop) -%>));
       }
       <%_ } _%>
     }
 
     <%_ if (prop.transition) { %>
-    public static void set<%- pascalCase(prop.name) -%>Transition(<%- getLayerType(layer, 'android') -%> layer, RCTMLNStyleValue styleValue) {
+    public static void set<%- helpers.pascalCase(prop.name) -%>Transition(<%- helpers.getLayerType(layer, 'android') -%> layer, RCTMLNStyleValue styleValue) {
       TransitionOptions transition = styleValue.getTransition();
       if (transition != null) {
-        layer.set<%- pascalCase(prop.name) -%>Transition(transition);
+        layer.set<%- helpers.pascalCase(prop.name) -%>Transition(transition);
       }
     }
 

package/scripts/templates/component.md.ejs

@@ -1,122 +1,125 @@
 <%
   const component = locals.component;
+  const helpers = locals.helpers;
 -%>
-<!-- This file was autogenerated from <%- component.name %>.js do not modify -->
-## <MapLibreGL.<%- component.name %> />
-### <%- replaceNewLine(component.description) %>
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from <%- component.filePath %> -->
+# `<MapLibreGL.<%- component.name %> />`
+<%- helpers.replaceNewLine(component.description) %>
 
 <%_ if (component.props && component.props.length) { _%>
-### props
+## Props
 | Prop | Type | Default | Required | Description |
 | ---- | :--: | :-----: | :------: | :----------: |
-<%- propMarkdownTableRows(component) %>
+<%- helpers.propMarkdownTableRows(component) %>
 <%_ } _%>
 
 <%_ if (component.methods && component.methods.length) { _%>
-### methods
+## Methods
 <%_ for (let method of component.methods) { _%>
-#### <%- getMarkdownMethodSignature(method) %>
+### <%- helpers.getMarkdownMethodSignature(method) %>
 
-<%- replaceNewLine(method.description) %>
+<%- helpers.replaceNewLine(method.description) %>
 
-##### arguments
+<%_ if (method.params && method.params.length) { _%>
+#### Arguments
 | Name | Type | Required | Description  |
 | ---- | :--: | :------: | :----------: |
-<%- methodMarkdownTableRow(method) %>
+<%- helpers.methodMarkdownTableRow(method) %>
+<%_ } _%>
 
-<%- getMarkdownMethodExamples(method) %>
+<%- helpers.getMarkdownMethodExamples(method) %>
 <%_ } _%>
 <%_ } _%>
 
 <%_ if (component.styles && component.styles.length) { _%>
-### styles
+## Styles
 
 <%_ for (let i = 0; i < component.styles.length; i++) { _%>
 <%
 const style = component.styles[i];
 -%>
-* <a href="#name<%- i > 0 ? '-' + i : '' -%>"><%- style.name %></a><br/>
+* <a href="#name<%- i > 0 ? '-' + i : '' -%>">`<%- style.name %>`</a><br/>
 <%_ } _%>
 
 <%_ for (let style of component.styles) { _%>
-___
 
-#### Name
-`<%- style.name %>`
+### `<%- style.name %>`
 
-#### Description
 <%- style.description %>
 
-#### Type
-`<%- style.type %>`
-<%_ if (exists(style.default)) { _%>
-#### Default Value
-`<%= getStyleDefaultValue(style) %>`
-<%_ } _%>
-
-<%_ if (style.type === 'enum') { _%>
-#### Supported Values
-<%_ for (var i = 0; i < style.values.length; i++) { _%>
-**<%- style.values[i].value %>** - <%- style.values[i].doc %><br />
-<%_ } _%>
-
-<%_ } _%>
-<%_ if (exists(style.units)) { _%>
-#### Units
-`<%- style.units %>`
-
-<%_ } _%>
-<%_ if (exists(style.minimum)) { _%>
-#### Minimum
-`<%- style.minimum %>`
-
-<%_ } _%>
-
-<%_ if (exists(style.maximum)) { _%>
-#### Maximum
-`<%- style.maximum %>`
-
-<%_ } _%>
-<%_ if (style.requires.length) { _%>
-#### Requires
-`<%- style.requires.join(', ') %>`
-
-<%_ } _%>
-<%_ if (style.disabledBy.length) { _%>
-#### Disabled By
-`<%- style.disabledBy.join(', ') %>`
-
-<%_ } _%>
-<%_ if (style.allowedFunctionTypes.length) { _%>
-#### Supported Style Functions
-`<%- style.allowedFunctionTypes.join(', ') %>`
-<%_ } _%>
-<%_ if (style.expression) { _%>
-#### Expression
+<dl>
+    <dt>Type</dt>
+    <dd>
+        <code><%- style.type %></code>
+    </dd>
+    <%_ if (helpers.exists(style.default)) { _%>
+        <dt>Default Value</dt>
+        <dd><code><%= helpers.getStyleDefaultValue(style) %></code></dd>
+    <%_ } _%>
+    <%_ if (style.type === 'enum') { _%>
+    <dt>Supported Values</dt>
+    <dd>
+        <ul>
+            <%_ for (var i = 0; i < style.values.length; i++) { _%>
+                <li>
+                    <code><%- style.values[i].value %></code>: <%- style.values[i].doc %>
+                </li>
+            <%_ } _%>
+            <%_ } _%>
+        </ul>
+    </dd>
+    <%_ if (helpers.exists(style.units)) { _%>
+        <dt>Units</dt>
+        <dd><code><%- style.units %></code></dd>
+    <%_ } _%>
+    <%_ if (helpers.exists(style.minimum)) { _%>
+        <dt>Minimum</dt>
+        <dd><code><%- style.minimum %></code></dd>
+    <%_ } _%>
+    <%_ if (helpers.exists(style.maximum)) { _%>
+        <dt>Maximum</dt>
+        <dd><code><%- style.maximum %></code></dd>
+    <%_ } _%>
+    <%_ if (style.requires.length) { _%>
+        <dt>Requires</dt>
+        <dd><code><%- style.requires.join(', ') %></code></dd>
+    <%_ } _%>
+    <%_ if (style.disabledBy.length) { _%>
+        <dt>Disabled By</dt>
+        <dd><code><%- style.disabledBy.join(', ') %></code></dd>
+    <%_ } _%>
+    <%_ if (style.allowedFunctionTypes.length) { _%>
+        <dt>Supported Style Functions</dt>
+        <dd><code><%- style.allowedFunctionTypes.join(', ') %></code></dd>
+    <%_ } _%>
+    <%_ if (style.expression) { _%>
+        <dt>Expression Parameters</dt>
+        <dd><code><%- (style.expression.parameters || []).join(', ') %></code></dd>
+    <%_ } _%>
+</dl>
 
-Parameters: `<%- (style.expression.parameters || []).join(', ') %>`
-<%_ } _%>
 <%_ if (style.transition) { _%>
-___
-
-#### Name
-
-`<%- style.name %>Transition`
-
-#### Description
-
-The transition affecting any changes to this layer’s <%- style.name %> propery.
-
-#### Type
-
-`{ duration, delay }`
-
-#### Units
-`milliseconds`
-
-#### Default Value
-`{duration: 300, delay: 0}`
-
+### `<%- style.name %>Transition`
+
+The transition affecting any changes to this layer’s <%- style.name %> property.
+
+<dl>
+  <dt>Type</dt>
+  <dd>
+    <code>{ duration, delay }</code>
+  </dd>
+
+  <dt>Units</dt>
+  <dd>
+    <code>milliseconds</code>
+  </dd>
+
+  <dt>Default Value</dt>
+  <dd>
+    <code>{duration: 300, delay: 0}</code>
+  </dd>
+</dl>
 <%_ } %>
 <%_ } _%>
 <%_ } _%>

package/scripts/templates/index.d.ts.ejs

@@ -1,5 +1,6 @@
 <%
   const layers = locals.layers;
+  const helpers = locals.helpers;
 -%>
 // DO NOT MODIFY
 // THIS FILE IS AUTOGENERATED
@@ -20,7 +21,7 @@ const styleMap = {
   <%_ for (let layer of layers) { _%>
   <%_ for (let prop of layer.properties) { _%>
   <%_ if (!['color', 'colorTransition', 'visibility'].includes(prop.name)) { _%>
-  <%= prop.name %>: <%- jsStyleType(prop) %>,
+  <%= prop.name %>: <%- helpers.jsStyleType(prop) %>,
   <%_ if (prop.transition) { _%>
   <%= prop.name %>Transition: StyleTypes.Transition,
   <%_ } _%>

package/scripts/templates/styleMap.ts.ejs

@@ -1,5 +1,6 @@
 <%
   const layers = locals.layers;
+  const helpers = locals.helpers;
 -%>
 /* eslint-disable */
 // DO NOT MODIFY
@@ -33,7 +34,7 @@ const styleMap = {
   <%_ for (let layer of layers) { _%>
   <%_ for (let prop of layer.properties) { _%>
   <%_ if (prop.name !== 'visibility') { _%>
-  <%= prop.name %>: <%- jsStyleType(prop) %>,
+  <%= prop.name %>: <%- helpers.jsStyleType(prop) %>,
   <%_ if (prop.transition) { _%>
   <%= prop.name %>Transition: StyleTypes.Transition,
   <%_ } _%>