@truedat/dq 4.44.2 → 4.44.5

package/src/components/DynamicRuleForm.js

@@ -1,78 +0,0 @@
-import _ from "lodash/fp";
-import React from "react";
-import PropTypes from "prop-types";
-import { connect } from "react-redux";
-import { selectTemplate } from "@truedat/df/routines";
-
-const DynamicForm = React.lazy(() =>
-  import("@truedat/df/components/DynamicForm")
-);
-const TemplateLoader = React.lazy(() =>
-  import("@truedat/df/templates/components/TemplateLoader")
-);
-const TemplateSelector = React.lazy(() =>
-  import("@truedat/df/templates/components/TemplateSelector")
-);
-
-const initialState = {
-  df_content: {},
-  df_name: null,
-};
-
-export class DynamicRuleForm extends React.Component {
-  state = initialState;
-
-  componentDidMount() {
-    const { templateId, selectTemplate } = this.props;
-    if (!_.isNil(templateId)) selectTemplate({ id: templateId });
-  }
-
-  handleTemplateSelected = (e, data) => {
-    const { value } = data;
-    const { selectTemplate } = this.props;
-    selectTemplate({ id: value });
-  };
-
-  render() {
-    const { template, dfContent, handleContentChange } = this.props;
-
-    return (
-      <>
-        <TemplateLoader />
-        <TemplateSelector
-          selectedValue={template.id}
-          onChange={this.handleTemplateSelected}
-        />
-        {!_.isEmpty(template) && (
-          <DynamicForm onChange={handleContentChange} content={dfContent} />
-        )}
-      </>
-    );
-  }
-}
-
-DynamicRuleForm.propTypes = {
-  templateId: PropTypes.number,
-  template: PropTypes.object,
-  dfContent: PropTypes.object,
-  handleContentChange: PropTypes.func,
-  selectTemplate: PropTypes.func,
-};
-
-const findTemplate = ({ templates, rule: { df_name } = {} }) =>
-  _.flow(
-    _.find(_.propEq("name", df_name)),
-    _.defaultTo(_.head(templates)),
-    _.prop("id")
-  )(templates);
-
-const mapStateToProps = (state) => {
-  return {
-    rule: state.rule,
-    templates: state.templates,
-    template: state.template,
-    templateId: findTemplate(state),
-  };
-};
-
-export default connect(mapStateToProps, { selectTemplate })(DynamicRuleForm);

package/src/components/__tests__/DynamicRuleForm.spec.js

@@ -1,51 +0,0 @@
-import React, { Suspense } from "react";
-import { waitFor } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import { render } from "@truedat/test/render";
-import { DynamicRuleForm } from "../DynamicRuleForm";
-
-describe("<DynamicRuleForm />", () => {
-  const templateId = 1;
-  const templates = [
-    {
-      id: 1,
-      label: "foo",
-    },
-    {
-      id: 2,
-      label: "bar",
-    },
-    {
-      id: 3,
-      label: "baz",
-    },
-  ];
-  const dfContent = { foo: "bar" };
-  const selectTemplate = jest.fn();
-  const template = { id: 1 };
-  const state = {
-    templates,
-  };
-  const renderOpts = {
-    messages: {
-      en: {
-        "template.selector.label": "label",
-        "template.form.validation.empty_required": "required",
-        "template.selector.placeholder": "placeholder",
-      },
-    },
-    state,
-  };
-
-  const props = { template, templateId, dfContent, selectTemplate };
-
-  it("matches the latest snapshot", () => {
-    const { container } = render(
-      <Suspense fallback={null}>
-        <DynamicRuleForm {...props} />
-      </Suspense>,
-      renderOpts
-    );
-    expect(container).toMatchSnapshot();
-  });
-});

package/src/components/__tests__/__snapshots__/DynamicRuleForm.spec.js.snap

@@ -1,3 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<DynamicRuleForm /> matches the latest snapshot 1`] = `<div />`;