@truedat/dd 4.54.7 → 4.54.9

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [4.54.8] 2022-10-28
+
+### Changed
+
+- [TD-3646] StructuresBulkUpdate uses GraphQL to render preprocessed
+  template with domain if only one is selected
+
 ## [4.54.0] 2022-10-21
 
 ### Added

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/dd",
-  "version": "4.54.7",
+  "version": "4.54.9",
   "description": "Truedat Web Data Dictionary",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -34,7 +34,7 @@
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
-    "@truedat/test": "4.54.7",
+    "@truedat/test": "4.54.9",
     "babel-jest": "^28.1.0",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -88,9 +88,9 @@
   },
   "dependencies": {
     "@apollo/client": "^3.7.0",
-    "@truedat/auth": "4.54.7",
-    "@truedat/core": "4.54.7",
-    "@truedat/df": "4.54.7",
+    "@truedat/auth": "4.54.9",
+    "@truedat/core": "4.54.9",
+    "@truedat/df": "4.54.9",
     "lodash": "^4.17.21",
     "path-to-regexp": "^1.7.0",
     "prop-types": "^15.8.1",
@@ -112,5 +112,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 0.88.2 < 2.1"
   },
-  "gitHead": "5fc1e696a1449d9e0b68531f109cc7a8a2dd9543"
+  "gitHead": "27f711249723050708a6f6f4de3ab5029069c4d7"
 }

package/src/components/StructuresBulkUpdate.js

@@ -1,5 +1,5 @@
 import _ from "lodash/fp";
-import React from "react";
+import React, { useState } from "react";
 import PropTypes from "prop-types";
 import {
   Button,
@@ -12,247 +12,191 @@ import {
 } from "semantic-ui-react";
 import { connect } from "react-redux";
 import { FormattedMessage } from "react-intl";
-import { ConfirmModal, HistoryBackButton } from "@truedat/core/components";
-import { selectTemplate } from "@truedat/df/routines";
+import {
+  ConfirmModal,
+  HistoryBackButton,
+  Loading,
+} from "@truedat/core/components";
+import { useTemplate } from "@truedat/core/hooks";
 import { applyTemplateWithoutDefaults } from "@truedat/df/utils";
-import { compose } from "redux";
-import { withRouter } from "react-router-dom";
 import { bulkUpdateStructures } from "../routines";
 
 const DynamicForm = React.lazy(() =>
   import("@truedat/df/components/DynamicForm")
 );
 
-const TemplateLoader = React.lazy(() =>
-  import("@truedat/df/templates/components/TemplateLoader")
-);
-
-const initialState = {
-  content: {},
-};
-
-const isValid = _.conforms({
-  domain_id: _.isFinite,
-});
-
-const actions = (handleSubmit, autoPublish) => {
-  const standardActions = [
-    {
-      key: "no",
-      secondary: true,
-      content: <FormattedMessage id="confirmation.no" />,
-    },
-    {
-      key: "yes",
-      primary: true,
-      content: (
-        <FormattedMessage id="structures.edit.bulk.confirmation.update" />
-      ),
-      onClick: handleSubmit(false),
-    },
-  ];
-
-  return autoPublish
-    ? [
-        ...standardActions,
-        {
-          key: "yesWithAutoPublish",
-          primary: true,
-          content: (
-            <FormattedMessage id="structures.edit.bulk.confirmation.update.publish" />
-          ),
-          onClick: handleSubmit(true),
-        },
-      ]
-    : standardActions;
-};
-
-const isEmptyNumberOrObject = (value) =>
-  (_.isNumber(value) && _.isNil(value)) ||
-  (!_.isNumber(value) && _.isEmpty(value));
+const isEmptyValue = (value) => !_.isNumber(value) && _.isEmpty(value);
 
-export class StructuresBulkUpdate extends React.Component {
-  static propTypes = {
-    applyTemplate: PropTypes.func,
-    autoPublish: PropTypes.object,
-    bulkUpdateStructures: PropTypes.func,
-    loading: PropTypes.bool,
-    selectTemplate: PropTypes.func,
-    structureCount: PropTypes.number,
-    template: PropTypes.object,
-    templateId: PropTypes.number,
-    templatesLoaded: PropTypes.bool,
-    enabled: PropTypes.bool,
-  };
-
-  state = initialState;
-
-  componentDidMount() {
-    const { templateId, selectTemplate } = this.props;
-    if (templateId) {
-      selectTemplate({ id: templateId });
-    }
-  }
-
-  componentDidUpdate(prevProps) {
-    const { templateId, selectTemplate } = this.props;
-    if (prevProps.templateId != templateId) {
-      selectTemplate({ id: templateId });
-    }
-  }
-
-  handleContentChange = (content) => this.setState({ content });
-
-  isInvalid = () => _.negate(isValid)(this.state);
+export const StructuresBulkUpdate = ({
+  structureFilters,
+  structureTypes,
+  structureCount,
+  bulkUpdateStructures,
+  bulkUpdateStructuresLoading,
+  publishAllowed,
+}) => {
+  const [content, setContent] = useState({});
+
+  const findTemplateName = (name) =>
+    _.flow(_.find({ name }), _.prop("template.name"))(structureTypes);
+
+  const templateName = _.flow(
+    _.getOr([], "type.raw"),
+    _.cond([
+      [(types) => _.size(types) == 1, _.flow(_.head, findTemplateName)],
+      [_.stubTrue, _.constant("")],
+    ])
+  )(structureFilters);
+
+  const domainIds = _.flow(
+    _.path("taxonomy"),
+    _.map("id"),
+    _.cond([
+      [(domains) => _.size(domains) == 1, _.identity],
+      [_.stubTrue, _.constant(null)],
+    ])
+  )(structureFilters);
+
+  const { data, loading } = useTemplate({ name: templateName, domainIds });
+  const template = _.prop("template")(data);
+
+  if (!template)
+    return (
+      <Message>
+        <Message.Header>
+          <FormattedMessage id="structures.bulkUpdateStructures.no.structures.header" />
+        </Message.Header>
+        <p>
+          <FormattedMessage id="structures.bulkUpdateStructures.no.structures.body" />
+        </p>
+      </Message>
+    );
 
-  handleSubmit = (autoPublish) => (e) => {
+  const handleSubmit = (autoPublish) => (e) => {
     e.preventDefault();
-    const { applyTemplate, bulkUpdateStructures, structureCount } = this.props;
 
-    const content = _.flow(
-      _.prop("content"),
-      applyTemplate,
-      _.omitBy(isEmptyNumberOrObject)
-    )(this.state);
+    const parsedContent = _.flow(
+      applyTemplateWithoutDefaults(template),
+      _.omitBy(isEmptyValue)
+    )(content);
 
     bulkUpdateStructures({
-      update_attributes: { df_content: content },
+      update_attributes: { df_content: parsedContent },
       structureCount,
       autoPublish,
     });
   };
 
-  render() {
-    const {
-      autoPublish,
-      enabled,
-      loading,
-      structureCount,
-      template,
-      templateId,
-      templatesLoaded,
-    } = this.props;
-    const { content } = this.state;
-    const disableAction = !template || _.isEmpty(template);
-
-    return templatesLoaded ? (
-      <Container as={Segment} text>
-        <TemplateLoader />
-        {enabled ? (
-          <>
-            <Header as="h2">
-              <Icon name="book" />
-              <Header.Content>
-                <FormattedMessage id="structures.header.edit.bulk" />
-              </Header.Content>
-            </Header>
-            <Header as="h3">
-              <Header.Content>
-                <FormattedMessage
-                  id="structures.header.edit.bulk.structures_count"
-                  values={{ structures_count: structureCount }}
-                />
-              </Header.Content>
-            </Header>
-            <Header as="h4">
-              <Header.Content>
-                <FormattedMessage id="structures.header.edit.bulk.info_message" />
-              </Header.Content>
-            </Header>
-            <Form loading={loading}>
-              {template && templateId && (
-                <DynamicForm
-                  onChange={this.handleContentChange}
-                  applyTemplate={applyTemplateWithoutDefaults}
-                  content={content}
-                />
-              )}
-              <ConfirmModal
-                actions={actions(this.handleSubmit, autoPublish)}
-                trigger={
-                  <Button
-                    primary
-                    disabled={disableAction}
-                    content={<FormattedMessage id="actions.save" />}
-                  />
-                }
-                header={
-                  <FormattedMessage id="structures.edit.bulk.confirmation.header" />
-                }
-                content={
-                  <FormattedMessage
-                    id="structures.edit.bulk.confirmation.content"
-                    values={{ structures_count: structureCount }}
-                  />
-                }
-                onConfirm={this.handleSubmit}
+  return loading || !template ? (
+    <Loading />
+  ) : (
+    <Container as={Segment} text>
+      <>
+        <Header as="h2">
+          <Icon name="book" />
+          <Header.Content>
+            <FormattedMessage id="structures.header.edit.bulk" />
+          </Header.Content>
+        </Header>
+        <Header as="h3">
+          <Header.Content>
+            <FormattedMessage
+              id="structures.header.edit.bulk.structures_count"
+              values={{ structureCount }}
+            />
+          </Header.Content>
+        </Header>
+        <Header as="h4">
+          <Header.Content>
+            <FormattedMessage id="structures.header.edit.bulk.info_message" />
+          </Header.Content>
+        </Header>
+        <Form loading={bulkUpdateStructuresLoading}>
+          {template && (
+            <DynamicForm
+              onChange={setContent}
+              template={template}
+              applyTemplate={applyTemplateWithoutDefaults}
+              content={content}
+            />
+          )}
+          <ConfirmModal
+            actions={[
+              {
+                key: "no",
+                secondary: true,
+                content: <FormattedMessage id="confirmation.no" />,
+              },
+              {
+                key: "yes",
+                primary: true,
+                content: (
+                  <FormattedMessage id="structures.edit.bulk.confirmation.update" />
+                ),
+                onClick: handleSubmit(false),
+              },
+              ...(publishAllowed
+                ? [
+                    {
+                      key: "yesWithAutoPublish",
+                      primary: true,
+                      content: (
+                        <FormattedMessage id="structures.edit.bulk.confirmation.update.publish" />
+                      ),
+                      onClick: handleSubmit(true),
+                    },
+                  ]
+                : []),
+            ]}
+            trigger={
+              <Button
+                primary
+                content={<FormattedMessage id="actions.save" />}
               />
-              <HistoryBackButton
-                content={<FormattedMessage id="actions.cancel" />}
+            }
+            header={
+              <FormattedMessage id="structures.edit.bulk.confirmation.header" />
+            }
+            content={
+              <FormattedMessage
+                id="structures.edit.bulk.confirmation.content"
+                values={{ structureCount }}
               />
-            </Form>
-          </>
-        ) : (
-          <Message>
-            <Message.Header>
-              <FormattedMessage id="structures.bulkUpdateStructures.no.structures.header" />
-            </Message.Header>
-            <p>
-              <FormattedMessage id="structures.bulkUpdateStructures.no.structures.body" />
-            </p>
-          </Message>
-        )}
-      </Container>
-    ) : null;
-  }
-}
+            }
+            onConfirm={handleSubmit}
+          />
+          <HistoryBackButton
+            content={<FormattedMessage id="actions.cancel" />}
+          />
+        </Form>
+      </>
+    </Container>
+  );
+};
 
-const findTemplate = (structureTypes, templates, structure) => {
-  if (
-    !_.isEmpty(structureTypes) &&
-    !_.isEmpty(templates) &&
-    _.prop("type")(structure)
-  ) {
-    const structureType = _.find(_.propEq("name", structure.type))(
-      structureTypes
-    );
-    const template = _.find(
-      _.propEq("id", _.path("template.id")(structureType))
-    )(templates);
-    return _.prop("id")(template);
-  } else {
-    return null;
-  }
+StructuresBulkUpdate.propTypes = {
+  structureFilters: PropTypes.object,
+  structureTypes: PropTypes.array,
+  structureCount: PropTypes.number,
+  bulkUpdateStructures: PropTypes.func,
+  bulkUpdateStructuresLoading: PropTypes.bool,
+  publishAllowed: PropTypes.bool,
 };
 
 const mapStateToProps = ({
-  bulkUpdateStructuresLoading,
-  templateLoading,
-  templatesLoading,
-  structureCount,
-  templates,
-  template,
-  structures,
+  structureFilters,
   structureTypes,
-  structureTypesLoading,
+  structureCount,
+  bulkUpdateStructuresLoading,
   structuresActions,
-}) => {
-  const structure = _.head(structures);
-  const templateId = findTemplate(structureTypes, templates, structure);
-  return {
-    loading: templateLoading || bulkUpdateStructuresLoading,
-    template,
-    templateId,
-    applyTemplate: applyTemplateWithoutDefaults(template),
-    structureCount,
-    structureTypesLoaded: !structureTypesLoading,
-    templatesLoaded: !templatesLoading && !_.isEmpty(templates),
-    autoPublish: structuresActions?.autoPublish,
-    enabled: !!templateId && !!structuresActions?.bulkUpdate,
-  };
-};
+}) => ({
+  structureFilters,
+  structureTypes,
+  structureCount,
+  bulkUpdateStructuresLoading,
+  publishAllowed: !!structuresActions?.autoPublish,
+});
 
-export default compose(
-  withRouter,
-  connect(mapStateToProps, { bulkUpdateStructures, selectTemplate })
-)(StructuresBulkUpdate);
+export default connect(mapStateToProps, { bulkUpdateStructures })(
+  StructuresBulkUpdate
+);

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

@@ -1,172 +1,123 @@
 import _ from "lodash/fp";
 import React from "react";
-import { shallow } from "enzyme";
-import { applyTemplateWithoutDefaults } from "@truedat/df/utils";
-import { StructuresBulkUpdate } from "../StructuresBulkUpdate";
+import { waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { templateByNameMock } from "@truedat/test/mocks";
+import { render } from "@truedat/test/render";
+import StructuresBulkUpdate from "../StructuresBulkUpdate";
+import { bulkUpdateStructures } from "../../routines";
 
 describe("<StructuresBulkUpdate />", () => {
-  const selectTemplate = jest.fn();
-  const applyTemplate = jest.fn();
-  const props = {
-    loading: false,
-    template: { id: 1, template: "template1" },
-    templateId: 1,
-    selectTemplate,
-    structureCount: 10,
-    applyTemplate,
-    templatesLoaded: true,
-    structureTypes: [{ name: "doc", template_id: 1 }],
-    structureTypesLoaded: true,
-    enabled: true,
+  const renderOpts = {
+    mocks: [templateByNameMock({ name: "template1", domainIds: [1] })],
+    state: {
+      structureCount: 10,
+      structureTypes: [{ name: "structType", template: { name: "template1" } }],
+      structureFilters: {
+        "type.raw": ["structType"],
+        taxonomy: [{ id: 1 }],
+      },
+    },
+    fallback: "lazy",
   };
 
-  it("matches the latest snapshot", () => {
-    const wrapper = shallow(<StructuresBulkUpdate {...props} />);
-    expect(wrapper).toMatchSnapshot();
-  });
+  it("matches the latest snapshot", async () => {
+    const { container, queryByText } = render(
+      <StructuresBulkUpdate />,
+      renderOpts
+    );
 
-  it("calls selectTemplate when component mounts", () => {
-    jest.spyOn(StructuresBulkUpdate.prototype, "componentDidMount");
-    shallow(<StructuresBulkUpdate {...props} />);
-    expect(
-      StructuresBulkUpdate.prototype.componentDidMount.mock.calls.length
-    ).toBe(1);
-    expect(props.selectTemplate).toHaveBeenCalledTimes(2);
-  });
+    await waitFor(() => expect(queryByText(/lazy/i)).not.toBeInTheDocument());
+    await waitFor(() =>
+      expect(queryByText(/loading/i)).not.toBeInTheDocument()
+    );
 
-  it("calls selectTemplate when component updates", () => {
-    jest.spyOn(StructuresBulkUpdate.prototype, "componentDidUpdate");
-    const calls = props.selectTemplate.mock.calls.length;
-    const wrapper = shallow(<StructuresBulkUpdate {...props} />);
-    wrapper.setProps({ templateId: 1 });
-    expect(
-      StructuresBulkUpdate.prototype.componentDidUpdate.mock.calls.length
-    ).toBe(1);
-    expect(props.selectTemplate).toHaveBeenCalledTimes(calls + 1);
+    expect(container).toMatchSnapshot();
   });
 
-  it("DynamicForm rendered if template and template_id informed", () => {
-    const wrapper = shallow(<StructuresBulkUpdate {...props} />);
-    expect(
-      wrapper
-        .find("Form")
-        .dive()
-        .findWhere((n) => n.prop("onChange"))
-    ).toHaveLength(1);
+  it("renders empty when no filters are selected", async () => {
+    const thisRenderOpts = _.update("state.structureFilters", () => ({}))(
+      renderOpts
+    );
+
+    const { container } = render(<StructuresBulkUpdate />, thisRenderOpts);
+
+    expect(container).toMatchSnapshot();
   });
 
-  it("dispatches bulkUpdateStructures on modal confirmation", () => {
-    const e = { preventDefault: jest.fn() };
-    const bulkUpdateStructures = jest.fn();
-    const wrapper = shallow(
-      <StructuresBulkUpdate
-        bulkUpdateStructures={bulkUpdateStructures}
-        {...props}
-      />
+  it("Publish button is available with autoPublish action", async () => {
+    const dispatch = jest.fn();
+    const thisRenderOpts = _.update("state.structuresActions", () => ({
+      autoPublish: { method: "POST" },
+    }))(renderOpts);
+
+    const { container, findByText, queryByText, findByRole } = render(
+      <StructuresBulkUpdate />,
+      { ...thisRenderOpts, dispatch }
+    );
+
+    await waitFor(() => expect(queryByText(/lazy/i)).not.toBeInTheDocument());
+    await waitFor(() =>
+      expect(queryByText(/loading/i)).not.toBeInTheDocument()
     );
 
-    wrapper
-      .find("Form")
-      .dive()
-      .findWhere((n) => n.prop("actions"))
-      .prop("actions")[1]
-      .onClick(e);
+    userEvent.type(await findByRole("textbox"), "bar");
 
-    expect(bulkUpdateStructures.mock.calls.length).toBe(1);
-  });
+    userEvent.click(await findByText("Save"));
+
+    expect(container).toMatchSnapshot();
 
-  it("calls bulkUpdateStructures excluding empty content on onClick", () => {
-    const template = {
-      content: [
-        {
-          fields: [
-            {
-              cardinality: "1",
-              default: 3,
-              label: "description",
-              name: "description",
-              type: "string",
-              values: null,
-              widget: "string",
-            },
-            {
-              cardinality: "1",
-              default: 3,
-              label: "number",
-              name: "number",
-              type: "integer",
-              values: null,
-              widget: "number",
-            },
-            {
-              cardinality: "1",
-              default: "22-03-2020",
-              label: "date",
-              name: "date",
-              type: "date",
-              values: null,
-              widget: "date",
-            },
-            {
-              cardinality: "?",
-              default: "19-05-2020 18:10:00",
-              label: "datetime",
-              name: "datetime",
-              type: "datetime",
-              values: null,
-              widget: "datetime",
-            },
-          ],
-          is_secret: false,
-          name: "",
+    expect(queryByText(/Update and publish/i)).toBeInTheDocument();
+
+    userEvent.click(await findByText(/Update and publish/i));
+
+    expect(dispatch).toHaveBeenLastCalledWith({
+      ...bulkUpdateStructures(),
+      payload: {
+        autoPublish: true,
+        structureCount: 10,
+        update_attributes: {
+          df_content: {
+            field1: "bar",
+          },
         },
-      ],
-      id: 10,
-      label: "foo",
-      name: "foo",
-      scope: "dd",
-    };
-
-    const props = {
-      loading: false,
-      template,
-      selectTemplate,
-      templateId: 10,
-      applyTemplate: applyTemplateWithoutDefaults(template),
-      structureCount: 3,
-      selectedDomain: { id: 1 },
-      templatesLoaded: true,
-      bulkUpdateStructures: jest.fn(),
-      enabled: true,
-    };
-    const wrapper = shallow(<StructuresBulkUpdate {...props} />);
-    wrapper.setState({
-      content: {
-        number: 0,
-        date: "",
-        datetime: "",
-        description: "",
       },
     });
-    _.find({ key: "yes" })(
-      wrapper
-        .find("ConfirmModal")
-        .dive()
-        .find("Modal")
-        .dive()
-        .find("ModalActions")
-        .props().actions
-    ).onClick({ preventDefault() {} });
-
-    expect(props.bulkUpdateStructures.mock.calls.length).toBe(1);
-    expect(props.bulkUpdateStructures).toHaveBeenCalledWith({
-      autoPublish: false,
-      update_attributes: {
-        df_content: {
-          number: 0,
+  });
+
+  it("Publish button is not available without autoPublish action", async () => {
+    const dispatch = jest.fn();
+    const { container, findByText, queryByText, findByRole } = render(
+      <StructuresBulkUpdate />,
+      { ...renderOpts, dispatch }
+    );
+
+    await waitFor(() => expect(queryByText(/lazy/i)).not.toBeInTheDocument());
+    await waitFor(() =>
+      expect(queryByText(/loading/i)).not.toBeInTheDocument()
+    );
+
+    userEvent.type(await findByRole("textbox"), "bar");
+
+    userEvent.click(await findByText("Save"));
+
+    expect(container).toMatchSnapshot();
+
+    expect(queryByText(/Update and publish/i)).not.toBeInTheDocument();
+
+    userEvent.click(await findByText("Update"));
+
+    expect(dispatch).toHaveBeenLastCalledWith({
+      ...bulkUpdateStructures(),
+      payload: {
+        autoPublish: false,
+        structureCount: 10,
+        update_attributes: {
+          df_content: {
+            field1: "bar",
+          },
         },
       },
-      structureCount: 3,
     });
   });
 });

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

@@ -1,112 +1,277 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<StructuresBulkUpdate /> matches the latest snapshot 1`] = `
-<Container
-  as={[Function]}
-  text={true}
->
-  <lazy />
-  <Header
-    as="h2"
+exports[`<StructuresBulkUpdate /> Publish button is available with autoPublish action 1`] = `
+<div>
+  <div
+    class="ui segment ui text container"
   >
-    <Icon
-      as="i"
-      name="book"
-    />
-    <HeaderContent>
-      <MemoizedFormattedMessage
-        id="structures.header.edit.bulk"
+    <h2
+      class="ui header"
+    >
+      <i
+        aria-hidden="true"
+        class="book icon"
       />
-    </HeaderContent>
-  </Header>
-  <Header
-    as="h3"
+      <div
+        class="content"
+      >
+        Edit Structures
+      </div>
+    </h2>
+    <h3
+      class="ui header"
+    >
+      <div
+        class="content"
+      >
+        Selected structures: "10"
+      </div>
+    </h3>
+    <h4
+      class="ui header"
+    >
+      <div
+        class="content"
+      >
+        Only modify fields to be updated
+      </div>
+    </h4>
+    <form
+      class="ui form"
+    >
+      <div
+        class="ui segment"
+      >
+        <h4
+          class="ui header"
+        >
+          g1
+        </h4>
+        <div
+          class="field"
+        >
+          <label>
+            field1
+          </label>
+          <div
+            class="field"
+          >
+            <div
+              class="ui input"
+            >
+              <input
+                name="field1"
+                placeholder="field1"
+                type="text"
+                value="bar"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+      <button
+        class="ui primary button"
+      >
+        Save
+      </button>
+      <a
+        class="ui secondary button"
+        href="/"
+        role="button"
+      >
+        Cancel
+      </a>
+    </form>
+  </div>
+</div>
+`;
+
+exports[`<StructuresBulkUpdate /> Publish button is not available without autoPublish action 1`] = `
+<div>
+  <div
+    class="ui segment ui text container"
   >
-    <HeaderContent>
-      <MemoizedFormattedMessage
-        id="structures.header.edit.bulk.structures_count"
-        values={
-          Object {
-            "structures_count": 10,
-          }
-        }
+    <h2
+      class="ui header"
+    >
+      <i
+        aria-hidden="true"
+        class="book icon"
       />
-    </HeaderContent>
-  </Header>
-  <Header
-    as="h4"
+      <div
+        class="content"
+      >
+        Edit Structures
+      </div>
+    </h2>
+    <h3
+      class="ui header"
+    >
+      <div
+        class="content"
+      >
+        Selected structures: "10"
+      </div>
+    </h3>
+    <h4
+      class="ui header"
+    >
+      <div
+        class="content"
+      >
+        Only modify fields to be updated
+      </div>
+    </h4>
+    <form
+      class="ui form"
+    >
+      <div
+        class="ui segment"
+      >
+        <h4
+          class="ui header"
+        >
+          g1
+        </h4>
+        <div
+          class="field"
+        >
+          <label>
+            field1
+          </label>
+          <div
+            class="field"
+          >
+            <div
+              class="ui input"
+            >
+              <input
+                name="field1"
+                placeholder="field1"
+                type="text"
+                value="bar"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+      <button
+        class="ui primary button"
+      >
+        Save
+      </button>
+      <a
+        class="ui secondary button"
+        href="/"
+        role="button"
+      >
+        Cancel
+      </a>
+    </form>
+  </div>
+</div>
+`;
+
+exports[`<StructuresBulkUpdate /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="ui segment ui text container"
+    style=""
   >
-    <HeaderContent>
-      <MemoizedFormattedMessage
-        id="structures.header.edit.bulk.info_message"
+    <h2
+      class="ui header"
+    >
+      <i
+        aria-hidden="true"
+        class="book icon"
       />
-    </HeaderContent>
-  </Header>
-  <Form
-    as="form"
-    loading={false}
+      <div
+        class="content"
+      >
+        Edit Structures
+      </div>
+    </h2>
+    <h3
+      class="ui header"
+    >
+      <div
+        class="content"
+      >
+        Selected structures: "10"
+      </div>
+    </h3>
+    <h4
+      class="ui header"
+    >
+      <div
+        class="content"
+      >
+        Only modify fields to be updated
+      </div>
+    </h4>
+    <form
+      class="ui form"
+    >
+      <div
+        class="ui segment"
+      >
+        <h4
+          class="ui header"
+        >
+          g1
+        </h4>
+        <div
+          class="field"
+        >
+          <label>
+            field1
+          </label>
+          <div
+            class="field"
+          >
+            <div
+              class="ui input"
+            >
+              <input
+                name="field1"
+                placeholder="field1"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+      <button
+        class="ui primary button"
+      >
+        Save
+      </button>
+      <a
+        class="ui secondary button"
+        href="/"
+        role="button"
+      >
+        Cancel
+      </a>
+    </form>
+  </div>
+</div>
+`;
+
+exports[`<StructuresBulkUpdate /> renders empty when no filters are selected 1`] = `
+<div>
+  <div
+    class="ui message"
   >
-    <lazy
-      applyTemplate={[Function]}
-      content={Object {}}
-      onChange={[Function]}
-    />
-    <ConfirmModal
-      actions={
-        Array [
-          Object {
-            "content": <Memo(MemoizedFormattedMessage)
-              id="confirmation.no"
-            />,
-            "key": "no",
-            "secondary": true,
-          },
-          Object {
-            "content": <Memo(MemoizedFormattedMessage)
-              id="structures.edit.bulk.confirmation.update"
-            />,
-            "key": "yes",
-            "onClick": [Function],
-            "primary": true,
-          },
-        ]
-      }
-      content={
-        <Memo(MemoizedFormattedMessage)
-          id="structures.edit.bulk.confirmation.content"
-          values={
-            Object {
-              "structures_count": 10,
-            }
-          }
-        />
-      }
-      header={
-        <Memo(MemoizedFormattedMessage)
-          id="structures.edit.bulk.confirmation.header"
-        />
-      }
-      onConfirm={[Function]}
-      trigger={
-        <Button
-          as="button"
-          content={
-            <Memo(MemoizedFormattedMessage)
-              id="actions.save"
-            />
-          }
-          disabled={false}
-          primary={true}
-        />
-      }
-    />
-    <HistoryBackButton
-      content={
-        <Memo(MemoizedFormattedMessage)
-          id="actions.cancel"
-        />
-      }
-    />
-  </Form>
-</Container>
+    <div
+      class="header"
+    >
+      Empty Search
+    </div>
+    <p>
+      No structures selected
+    </p>
+  </div>
+</div>
 `;

package/src/messages/en.js

@@ -474,7 +474,7 @@ export default {
 
   "structures.crumbs.top": "Structures",
   "structures.edit.bulk.confirmation.content":
-    "{structures_count} structures will be updated. Are you sure?",
+    "{structureCount} structures will be updated. Are you sure?",
   "structures.edit.bulk.confirmation.header": "Bulk update",
   "structures.edit.bulk.confirmation.update": "Update",
   "structures.edit.bulk.confirmation.update.publish": "Update and publish",
@@ -495,7 +495,7 @@ export default {
   "structures.header.edit.bulk.info_message":
     "Only modify fields to be updated",
   "structures.header.edit.bulk.structures_count":
-    'Selected structures: "{structures_count}"',
+    'Selected structures: "{structureCount}"',
   "structures.loading.header": "Loading structures...",
   "structures.not_found.body":
     "No structures have been found matching these filters.",

package/src/messages/es.js

@@ -485,7 +485,7 @@ export default {
     "¡Actualización finalizada! subidos {count_ids} errores {count_errors}",
   "structures.crumbs.top": "Estructuras",
   "structures.edit.bulk.confirmation.content":
-    "Se van a actualizar {structures_count} estructuras. ¿Estás seguro?",
+    "Se van a actualizar {structureCount} estructuras. ¿Estás seguro?",
   "structures.edit.bulk.confirmation.header": "Actualización masiva",
   "structures.edit.bulk.confirmation.update": "Actualizar",
   "structures.edit.bulk.confirmation.update.publish": "Actualizar y publicar",
@@ -508,7 +508,7 @@ export default {
   "structures.header.edit.bulk.info_message":
     "Rellenar únicamente los campos que se quieran actualizar",
   "structures.header.edit.bulk.structures_count":
-    'Estructuras seleccionadas: "{structures_count}"',
+    'Estructuras seleccionadas: "{structureCount}"',
   "structures.loading.header": "Cargando estructuras...",
   "structures.not_found.body":
     "No existe ningún elemento para la búsqueda aplicada",

package/src/selectors/__tests__/bulkUpdateDisabledSelector.spec.js

@@ -18,7 +18,7 @@ describe("selectors: selectedTypesSelector", () => {
 
   it("should return the values of the type.raw filter if present", () => {
     const values = ["foo", "bar"];
-    const state = { structureActiveFilters: { "type.raw": values } };
+    const state = { structureFilters: { "type.raw": values } };
     expect(selectedTypesSelector(state)).toBe(values);
   });
 });
@@ -43,7 +43,7 @@ describe("selectors: bulkUpdateDisabledSelector", () => {
     structuresLoading: false,
     structures: [{ type: "foo" }],
     structureTypes: [{ name: "foo" }],
-    structureActiveFilters: { "type.raw": values },
+    structureFilters: { "type.raw": values },
   };
 
   it("should return false if a single type is selected which has a template, etc.", () => {

package/src/selectors/bulkUpdateDisabledSelector.js

@@ -2,7 +2,7 @@ import _ from "lodash/fp";
 import { createSelector } from "reselect";
 
 export const selectedTypesSelector = createSelector(
-  _.prop("structureActiveFilters"),
+  _.prop("structureFilters"),
   _.prop("type.raw")
 );