Feature Controls - Infrastructure and Logging

src/legacy/ui/public/capabilities/react/index.ts

@@ -0,0 +1,22 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+export { UICapabilitiesProvider } from './ui_capabilities_provider';
+export { injectUICapabilities } from './inject_ui_capabilities';
+export { UICapabilities } from '../ui_capabilities';

src/legacy/ui/public/capabilities/react/inject_ui_capabilities.test.tsx

@@ -0,0 +1,117 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+jest.mock('ui/chrome', () => ({
+  getInjected(key: string) {
+    if (key === 'uiCapabilities') {
+      return {
+        uiCapability1: true,
+        uiCapability2: {
+          nestedProp: 'nestedValue',
+        },
+      };
+    }
+  },
+}));
+
+import { mount } from 'enzyme';
+import React from 'react';
+import { UICapabilities } from '..';
+import { injectUICapabilities } from './inject_ui_capabilities';
+import { UICapabilitiesProvider } from './ui_capabilities_provider';
+
+describe('injectUICapabilities', () => {
+  it('provides UICapabilities to SFCs', () => {
+    interface SFCProps {
+      uiCapabilities: UICapabilities;
+    }
+
+    const MySFC = injectUICapabilities(({ uiCapabilities }: SFCProps) => {
+      return <span>{uiCapabilities.uiCapability2.nestedProp}</span>;
+    });
+
+    const wrapper = mount(
+      <UICapabilitiesProvider>
+        <MySFC />
+      </UICapabilitiesProvider>
+    );
+
+    expect(wrapper).toMatchInlineSnapshot(`
+<UICapabilitiesProvider>
+  <InjectUICapabilities(Component)>
+    <Component
+      uiCapabilities={
+        Object {
+          "uiCapability1": true,
+          "uiCapability2": Object {
+            "nestedProp": "nestedValue",
+          },
+        }
+      }
+    >
+      <span>
+        nestedValue
+      </span>
+    </Component>
+  </InjectUICapabilities(Component)>
+</UICapabilitiesProvider>
+`);
+  });
+
+  it('provides UICapabilities to class components', () => {
+    interface ClassProps {
+      uiCapabilities: UICapabilities;
+    }
+
+    class MyClassComponent extends React.Component<ClassProps, {}> {
+      public render() {
+        return <span>{this.props.uiCapabilities.uiCapability2.nestedProp}</span>;
+      }
+    }
+
+    const WrappedComponent = injectUICapabilities(MyClassComponent);
+
+    const wrapper = mount(
+      <UICapabilitiesProvider>
+        <WrappedComponent />
+      </UICapabilitiesProvider>
+    );
+
+    expect(wrapper).toMatchInlineSnapshot(`
+<UICapabilitiesProvider>
+  <InjectUICapabilities(MyClassComponent)>
+    <MyClassComponent
+      uiCapabilities={
+        Object {
+          "uiCapability1": true,
+          "uiCapability2": Object {
+            "nestedProp": "nestedValue",
+          },
+        }
+      }
+    >
+      <span>
+        nestedValue
+      </span>
+    </MyClassComponent>
+  </InjectUICapabilities(MyClassComponent)>
+</UICapabilitiesProvider>
+`);
+  });
+});

src/legacy/ui/public/capabilities/react/inject_ui_capabilities.tsx

@@ -0,0 +1,53 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import React, { Component, ComponentClass, ComponentType } from 'react';
+import { UICapabilities } from '../ui_capabilities';
+import { UICapabilitiesContext } from './ui_capabilities_context';
+
+function getDisplayName(component: ComponentType<any>) {
+  return component.displayName || component.name || 'Component';
+}
+
+interface InjectedProps {
+  uiCapabilities: UICapabilities;
+}
+
+export function injectUICapabilities<P>(
+  WrappedComponent: ComponentType<P & InjectedProps>
+): ComponentClass<Pick<P, Exclude<keyof P, keyof InjectedProps>>> & {
+  WrappedComponent: ComponentType<P & InjectedProps>;
+} {
+  class InjectUICapabilities extends Component<P, any> {
+    public static displayName = `InjectUICapabilities(${getDisplayName(WrappedComponent)})`;
+
+    public static WrappedComponent: ComponentType<P & InjectedProps> = WrappedComponent;
+
+    public static contextType = UICapabilitiesContext;
+
+    constructor(props: any, context: any) {
+      super(props, context);
+    }
+
+    public render() {
+      return <WrappedComponent {...this.props} {...{ uiCapabilities: this.context }} />;
+    }
+  }
+  return InjectUICapabilities;
+}

src/legacy/ui/public/capabilities/react/legacy/index.ts

@@ -0,0 +1,22 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+export { UICapabilitiesProvider } from './ui_capabilities_provider';
+export { injectUICapabilities } from './inject_ui_capabilities';
+export { UICapabilities } from '../../ui_capabilities';

src/legacy/ui/public/capabilities/react/legacy/inject_ui_capabilities.test.tsx

@@ -0,0 +1,117 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+jest.mock('ui/chrome', () => ({
+  getInjected(key: string) {
+    if (key === 'uiCapabilities') {
+      return {
+        uiCapability1: true,
+        uiCapability2: {
+          nestedProp: 'nestedValue',
+        },
+      };
+    }
+  },
+}));
+
+import { mount } from 'enzyme';
+import React from 'react';
+import { UICapabilities } from '..';
+import { injectUICapabilities } from './inject_ui_capabilities';
+import { UICapabilitiesProvider } from './ui_capabilities_provider';
+
+describe('injectUICapabilities', () => {
+  it('provides UICapabilities to SFCs', () => {
+    interface SFCProps {
+      uiCapabilities: UICapabilities;
+    }
+
+    const MySFC = injectUICapabilities(({ uiCapabilities }: SFCProps) => {
+      return <span>{uiCapabilities.uiCapability2.nestedProp}</span>;
+    });
+
+    const wrapper = mount(
+      <UICapabilitiesProvider>
+        <MySFC />
+      </UICapabilitiesProvider>
+    );
+
+    expect(wrapper).toMatchInlineSnapshot(`
+<UICapabilitiesProvider>
+  <InjectUICapabilities(Component)>
+    <Component
+      uiCapabilities={
+        Object {
+          "uiCapability1": true,
+          "uiCapability2": Object {
+            "nestedProp": "nestedValue",
+          },
+        }
+      }
+    >
+      <span>
+        nestedValue
+      </span>
+    </Component>
+  </InjectUICapabilities(Component)>
+</UICapabilitiesProvider>
+`);
+  });
+
+  it('provides UICapabilities to class components', () => {
+    interface ClassProps {
+      uiCapabilities: UICapabilities;
+    }
+
+    class MyClassComponent extends React.Component<ClassProps, {}> {
+      public render() {
+        return <span>{this.props.uiCapabilities.uiCapability2.nestedProp}</span>;
+      }
+    }
+
+    const WrappedComponent = injectUICapabilities(MyClassComponent);
+
+    const wrapper = mount(
+      <UICapabilitiesProvider>
+        <WrappedComponent />
+      </UICapabilitiesProvider>
+    );
+
+    expect(wrapper).toMatchInlineSnapshot(`
+<UICapabilitiesProvider>
+  <InjectUICapabilities(MyClassComponent)>
+    <MyClassComponent
+      uiCapabilities={
+        Object {
+          "uiCapability1": true,
+          "uiCapability2": Object {
+            "nestedProp": "nestedValue",
+          },
+        }
+      }
+    >
+      <span>
+        nestedValue
+      </span>
+    </MyClassComponent>
+  </InjectUICapabilities(MyClassComponent)>
+</UICapabilitiesProvider>
+`);
+  });
+});

src/legacy/ui/public/capabilities/react/legacy/inject_ui_capabilities.tsx

@@ -0,0 +1,57 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import PropTypes from 'prop-types';
+import React, { Component, ComponentClass, ComponentType } from 'react';
+import { UICapabilities } from '../../ui_capabilities';
+
+function getDisplayName(component: ComponentType<any>) {
+  return component.displayName || component.name || 'Component';
+}
+
+interface InjectedProps {
+  uiCapabilities: UICapabilities;
+}
+
+export function injectUICapabilities<P>(
+  WrappedComponent: ComponentType<P & InjectedProps>
+): ComponentClass<Pick<P, Exclude<keyof P, keyof InjectedProps>>> & {
+  WrappedComponent: ComponentType<P & InjectedProps>;
+} {
+  class InjectUICapabilities extends Component<P, any> {
+    public static displayName = `InjectUICapabilities(${getDisplayName(WrappedComponent)})`;
+
+    public static WrappedComponent: ComponentType<P & InjectedProps> = WrappedComponent;
+
+    public static contextTypes = {
+      uiCapabilities: PropTypes.object.isRequired,
+    };
+
+    constructor(props: any, context: any) {
+      super(props, context);
+    }
+
+    public render() {
+      return (
+        <WrappedComponent {...this.props} {...{ uiCapabilities: this.context.uiCapabilities }} />
+      );
+    }
+  }
+  return InjectUICapabilities;
+}