support for static options as a function with passProps optional argument

lib/src/commands/LayoutTreeCrawler.test.ts

@@ -67,6 +67,32 @@ describe('LayoutTreeCrawler', () => {
     expect(node.data.options).toEqual(theStyle);
   });
 
+  it('Components: passes passProps to the static options function to be used by the user', () => {
+    const MyComponent = class {
+      static options(passProps) {
+        return { foo: passProps.bar.baz.value };
+      }
+    };
+
+    const node: any = { type: LayoutType.Component, data: { name: 'theComponentName', passProps: { bar: { baz: { value: 'hello' } } } } };
+    store.setOriginalComponentClassForName('theComponentName', MyComponent);
+    uut.crawl(node);
+    expect(node.data.options).toEqual({ foo: 'hello' });
+  });
+
+  it('Components: passProps in the static options is optional', () => {
+    const MyComponent = class {
+      static options(passProps) {
+        return { foo: passProps };
+      }
+    };
+
+    const node: any = { type: LayoutType.Component, data: { name: 'theComponentName' } };
+    store.setOriginalComponentClassForName('theComponentName', MyComponent);
+    uut.crawl(node);
+    expect(node.data.options).toEqual({ foo: {} });
+  });
+
   it('Components: merges options from component class static property with passed options, favoring passed options', () => {
     const theStyle = {
       bazz: 123,

lib/src/commands/LayoutTreeCrawler.ts

@@ -52,7 +52,7 @@ export class LayoutTreeCrawler {
 
   _applyStaticOptions(node) {
     const clazz = this.store.getOriginalComponentClassForName(node.data.name) || {};
-    const staticOptions = _.cloneDeep(clazz.options) || {};
+    const staticOptions = _.isFunction(clazz.options) ? clazz.options(node.data.passProps || {}) : (_.cloneDeep(clazz.options) || {});
     const passedOptions = node.data.options || {};
     node.data.options = _.merge({}, staticOptions, passedOptions);
   }