@truedat/dd 6.0.1 → 6.0.3

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

@@ -1,151 +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 StructureNoteSuggestions from "../StructureNoteSuggestions";
-
-const mockSuggestions = {
-  editable_field: "editable_field_value",
-  non_editable_field: "non_editable_field_value",
-  unselect_field: "unselect_field_value",
-};
-jest.mock("@truedat/core/services/api", () => ({
-  apiJson: (url) => ({
-    then: (callback) =>
-      callback({
-        data: {
-          data: url.startsWith("suggestions")
-            ? mockSuggestions
-            : url.startsWith("error_message")
-            ? ["error", { error: { message: "ERROR MESSAGE" } }]
-            : ["error", "ERROR TEXT"],
-        },
-      }),
-  }),
-}));
-
-const messages = {
-  en: {
-    "actions.cancel": "cancel",
-    "actions.save": "save",
-    "structure_note.ai_suggestion.header": "header",
-    "actions.apply_ai_suggestion": "actions.apply_ai_suggestion",
-    "actions.ai_suggestion": "actions.ai_suggestion",
-    "structure_note.ai_suggestion.error": "error",
-  },
-};
-
-describe("<StructureNoteSuggestions />", () => {
-  it("matches the latest snapshot", () => {
-    const props = {
-      template: {},
-    };
-    const { container } = render(
-      <Suspense fallback={null}>
-        <StructureNoteSuggestions {...props} />
-      </Suspense>,
-      { messages }
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  it("component lifecycle", async () => {
-    const applySuggestions = jest.fn();
-    const props = {
-      aiSuggestionsAction: { href: "suggestions" },
-      applySuggestions,
-      template: {
-        content: [
-          {
-            fields: [
-              {
-                name: "editable_field",
-                label: "EditableField",
-                editable: true,
-              },
-            ],
-          },
-          {
-            name: "Group2",
-            fields: [
-              {
-                name: "non_editable_field",
-                label: "NonEditableField",
-                editable: false,
-              },
-              {
-                name: "unselect_field",
-                label: "UnselectedField",
-                editable: true,
-              },
-            ],
-          },
-        ],
-      },
-      isModification: true,
-    };
-    const { container, findByText, queryByText } = render(
-      <Suspense fallback={null}>
-        <StructureNoteSuggestions {...props} />
-      </Suspense>,
-      { messages }
-    );
-
-    userEvent.click(await findByText(/actions.ai_suggestion/i));
-    await waitFor(() =>
-      expect(queryByText(/actions.ai_suggestion/i)).not.toBeInTheDocument()
-    );
-
-    expect(container).toMatchSnapshot();
-
-    userEvent.click(await findByText(/UnselectedField/i));
-    userEvent.click(await findByText(/UnselectedField/i));
-    userEvent.click(await findByText(/UnselectedField/i));
-
-    userEvent.click(await findByText(/actions.apply_ai_suggestion/i));
-    await waitFor(() =>
-      expect(
-        queryByText(/actions.apply_ai_suggestion/i)
-      ).not.toBeInTheDocument()
-    );
-    expect(applySuggestions).toHaveBeenCalledWith(
-      expect.objectContaining({ editable_field: "editable_field_value" })
-    );
-
-    expect(container).toMatchSnapshot();
-  });
-
-  it("renders error with message", async () => {
-    const props = {
-      aiSuggestionsAction: { href: "error_message" },
-    };
-    const { container, findByText, queryByText } = render(
-      <Suspense fallback={null}>
-        <StructureNoteSuggestions {...props} />
-      </Suspense>,
-      { messages }
-    );
-
-    userEvent.click(await findByText(/actions.ai_suggestion/i));
-    await waitFor(() =>
-      expect(queryByText(/error message/i)).toBeInTheDocument()
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  it("renders error with message", async () => {
-    const props = {
-      aiSuggestionsAction: { href: "error_text" },
-    };
-    const { container, findByText, queryByText } = render(
-      <Suspense fallback={null}>
-        <StructureNoteSuggestions {...props} />
-      </Suspense>,
-      { messages }
-    );
-
-    userEvent.click(await findByText(/actions.ai_suggestion/i));
-    await waitFor(() => expect(queryByText(/error text/i)).toBeInTheDocument());
-    expect(container).toMatchSnapshot();
-  });
-});

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

@@ -1,34 +0,0 @@
-import React from "react";
-import { shallow } from "enzyme";
-import { Input } from "semantic-ui-react";
-import { intl } from "@truedat/test/intl-stub";
-import { StructureSearch } from "../StructureSearch";
-
-// workaround for enzyme issue with React.useContext
-// see https://github.com/airbnb/enzyme/issues/2176#issuecomment-532361526
-jest.spyOn(React, "useContext").mockImplementation(() => intl);
-
-describe("<StructureSearch/>", () => {
-  it("matches the latest snapshot", () => {
-    const onChange = jest.fn();
-    const props = { onChange };
-    const wrapper = shallow(<StructureSearch {...props} />);
-    expect(wrapper).toMatchSnapshot();
-  });
-
-  it("dispatches onChange when Input changes", () => {
-    const onChange = jest.fn();
-    const props = { onChange };
-    const eventMock = {
-      target: {
-        value: {
-          toLowerCase: jest.fn()
-        }
-      }
-    };
-    const wrapper = shallow(<StructureSearch {...props} />);
-    expect(props.onChange.mock.calls.length).toBe(0);
-    wrapper.find(Input).simulate("change", eventMock);
-    expect(props.onChange.mock.calls.length).toBe(1);
-  });
-});

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

@@ -1,316 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<StructureNoteSuggestions /> component lifecycle 1`] = `
-<div>
-  <div
-    class="ui segment"
-  >
-    <div
-      class="ui container"
-      style="display: flex; justify-content: space-between;"
-    >
-      <h4>
-        <i
-          aria-hidden="true"
-          class="lightbulb outline icon"
-        />
-        header
-      </h4>
-      <div
-        class="ui hidden divider"
-      />
-    </div>
-    <div
-      class="ui container"
-    >
-      <h5 />
-      <div
-        class="ui list"
-        role="list"
-      >
-        <div
-          class="item"
-          role="listitem"
-          style="display: flex; align-items: center; gap: 12px;"
-        >
-          <div
-            class="ui checked fitted checkbox"
-          >
-            <input
-              checked=""
-              class="hidden"
-              id="editable_field"
-              readonly=""
-              tabindex="0"
-              type="checkbox"
-              value=""
-            />
-            <label
-              for="editable_field"
-            />
-          </div>
-          <label
-            disabled=""
-            for="editable_field"
-            style="cursor: pointer;"
-          >
-            <div
-              class="header"
-            >
-              EditableField
-            </div>
-            <div
-              class="description"
-            >
-              editable_field_value
-            </div>
-          </label>
-        </div>
-      </div>
-      <div
-        class="ui hidden divider"
-      />
-    </div>
-    <div
-      class="ui container"
-    >
-      <h5>
-        Group2
-      </h5>
-      <div
-        class="ui list"
-        role="list"
-      >
-        <div
-          class="item"
-          role="listitem"
-          style="display: flex; align-items: center; gap: 12px;"
-        >
-          <div
-            class="ui disabled fitted checkbox"
-          >
-            <input
-              class="hidden"
-              disabled=""
-              id="non_editable_field"
-              readonly=""
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <label
-              for="non_editable_field"
-            />
-          </div>
-          <label
-            disabled=""
-            for="non_editable_field"
-            style="cursor: pointer;"
-          >
-            <div
-              class="header"
-            >
-              NonEditableField
-            </div>
-            <div
-              class="description"
-            >
-              non_editable_field_value
-            </div>
-          </label>
-        </div>
-        <div
-          class="item"
-          role="listitem"
-          style="display: flex; align-items: center; gap: 12px;"
-        >
-          <div
-            class="ui checked fitted checkbox"
-          >
-            <input
-              checked=""
-              class="hidden"
-              id="unselect_field"
-              readonly=""
-              tabindex="0"
-              type="checkbox"
-              value=""
-            />
-            <label
-              for="unselect_field"
-            />
-          </div>
-          <label
-            disabled=""
-            for="unselect_field"
-            style="cursor: pointer;"
-          >
-            <div
-              class="header"
-            >
-              UnselectedField
-            </div>
-            <div
-              class="description"
-            >
-              unselect_field_value
-            </div>
-          </label>
-        </div>
-      </div>
-      <div
-        class="ui hidden divider"
-      />
-    </div>
-    <div
-      class="ui right aligned container"
-    >
-      <button
-        class="ui primary button"
-      >
-        actions.apply_ai_suggestion
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`<StructureNoteSuggestions /> component lifecycle 2`] = `
-<div>
-  <div
-    class="ui segment"
-  >
-    <div
-      class="ui container"
-      style="display: flex; justify-content: space-between;"
-    >
-      <h4>
-        <i
-          aria-hidden="true"
-          class="lightbulb icon"
-        />
-        header
-      </h4>
-      <div
-        class="ui hidden divider"
-      />
-      <button
-        class="ui button"
-      >
-        actions.ai_suggestion
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`<StructureNoteSuggestions /> matches the latest snapshot 1`] = `
-<div>
-  <div
-    class="ui segment"
-  >
-    <div
-      class="ui container"
-      style="display: flex; justify-content: space-between;"
-    >
-      <h4>
-        <i
-          aria-hidden="true"
-          class="lightbulb icon"
-        />
-        header
-      </h4>
-      <div
-        class="ui hidden divider"
-      />
-      <button
-        class="ui button"
-      >
-        actions.ai_suggestion
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`<StructureNoteSuggestions /> renders error with message 1`] = `
-<div>
-  <div
-    class="ui segment"
-  >
-    <div
-      class="ui container"
-      style="display: flex; justify-content: space-between;"
-    >
-      <h4>
-        <i
-          aria-hidden="true"
-          class="lightbulb icon"
-        />
-        header
-      </h4>
-      <div
-        class="ui hidden divider"
-      />
-      <button
-        class="ui button"
-      >
-        actions.ai_suggestion
-      </button>
-    </div>
-    <div
-      class="ui negative message"
-    >
-      <div
-        class="header"
-      >
-        error
-      </div>
-      <p>
-        ERROR MESSAGE
-      </p>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`<StructureNoteSuggestions /> renders error with message 2`] = `
-<div>
-  <div
-    class="ui segment"
-  >
-    <div
-      class="ui container"
-      style="display: flex; justify-content: space-between;"
-    >
-      <h4>
-        <i
-          aria-hidden="true"
-          class="lightbulb icon"
-        />
-        header
-      </h4>
-      <div
-        class="ui hidden divider"
-      />
-      <button
-        class="ui button"
-      >
-        actions.ai_suggestion
-      </button>
-    </div>
-    <div
-      class="ui negative message"
-    >
-      <div
-        class="header"
-      >
-        error
-      </div>
-      <p>
-        ERROR TEXT
-      </p>
-    </div>
-  </div>
-</div>
-`;

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

@@ -1,18 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<StructureSearch/> matches the latest snapshot 1`] = `
-<Input
-  fluid={true}
-  icon={
-    {
-      "link": true,
-      "name": "search",
-    }
-  }
-  iconPosition="left"
-  loading={false}
-  onChange={[Function]}
-  placeholder="structure.search.placeholder"
-  type="text"
-/>
-`;

package/src/utils/bucketNav.js

@@ -1,9 +0,0 @@
-import _ from "lodash/fp";
-
-export const isBucketFilter = _.flow(
-  Object.keys,
-  // Both metadata and mutable_metadata are "metadata"
-  _.some((key) =>
-    ["metadata", "note"].some((searchedKey) => key.startsWith(searchedKey))
-  )
-);