@truedat/ai 6.0.1

package/src/components/resourceMappings/__tests__/__snapshots__/ResourceMappings.spec.js.snap

@@ -0,0 +1,77 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ResourceMappings /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="ui segment"
+  >
+    <h2
+      class="ui header"
+    >
+      <i
+        aria-hidden="true"
+        class="map signs circular icon"
+      />
+      <div
+        class="content"
+      >
+        resourceMappings.header
+        <div
+          class="sub header"
+        >
+          resourceMappings.subheader
+        </div>
+      </div>
+    </h2>
+    <div
+      class="ui grid"
+    >
+      <div
+        class="four wide column"
+      >
+        <button
+          class="ui fluid button"
+        >
+          resourceMappings.action.new
+        </button>
+        <div
+          class="ui divided selection list"
+          role="list"
+        >
+          <div
+            class="item"
+            role="listitem"
+          >
+            <div
+              class="content"
+            >
+              <div
+                class="header"
+              >
+                rm1
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="eleven wide column"
+      >
+        <h2
+          class="ui icon center aligned header"
+        >
+          <i
+            aria-hidden="true"
+            class="hand pointer outline icon"
+          />
+          <div
+            class="sub header"
+          >
+            resourceMappings.no_selection
+          </div>
+        </h2>
+      </div>
+    </div>
+  </div>
+</div>
+`;

package/src/components/resourceMappings/selectors/DataStructureSelector.js

@@ -0,0 +1,80 @@
+import React from "react";
+import { useIntl } from "react-intl";
+import { Controller, useFormContext } from "react-hook-form";
+import { Form } from "semantic-ui-react";
+
+export default function DataStructureSelector() {
+  const { formatMessage } = useIntl();
+  const { control } = useFormContext();
+
+  return (
+    <>
+      <Controller
+        control={control}
+        name="selector.type"
+        rules={{
+          required: formatMessage(
+            { id: "form.validation.required" },
+            {
+              prop: formatMessage({
+                id: "resourceMappings.form.selector.data_structure.type",
+              }),
+            }
+          ),
+        }}
+        render={({
+          field: { onBlur, onChange, value },
+          fieldState: { error },
+        }) => (
+          <Form.Input
+            autoComplete="off"
+            placeholder={formatMessage({
+              id: "resourceMappings.form.selector.data_structure.type",
+            })}
+            error={error?.message}
+            label={formatMessage({
+              id: "resourceMappings.form.selector.data_structure.type",
+            })}
+            onBlur={onBlur}
+            onChange={(_e, { value }) => onChange(value)}
+            value={value}
+            required
+          />
+        )}
+      />
+      <Controller
+        control={control}
+        name="selector.system_external_id"
+        rules={{
+          required: formatMessage(
+            { id: "form.validation.required" },
+            {
+              prop: formatMessage({
+                id: "resourceMappings.form.selector.data_structure.system_external_id",
+              }),
+            }
+          ),
+        }}
+        render={({
+          field: { onBlur, onChange, value },
+          fieldState: { error },
+        }) => (
+          <Form.Input
+            autoComplete="off"
+            placeholder={formatMessage({
+              id: "resourceMappings.form.selector.data_structure.system_external_id",
+            })}
+            error={error?.message}
+            label={formatMessage({
+              id: "resourceMappings.form.selector.data_structure.system_external_id",
+            })}
+            onBlur={onBlur}
+            onChange={(_e, { value }) => onChange(value)}
+            value={value}
+            required
+          />
+        )}
+      />
+    </>
+  );
+}

package/src/components/resourceMappings/selectors/index.js

@@ -0,0 +1,11 @@
+import React from "react";
+import DataStructureSelector from "./DataStructureSelector";
+
+export function selectorFor(resourceType) {
+  switch (resourceType) {
+    case "data_structure":
+      return <DataStructureSelector />;
+    default:
+      return null;
+  }
+}

package/src/hooks/__tests__/usePrompts.spec.js

@@ -0,0 +1,101 @@
+import _ from "lodash/fp";
+import { compile } from "path-to-regexp";
+import useSWR from "swr";
+import useSWRMutations from "swr/mutation";
+import { renderHook } from "@testing-library/react-hooks";
+import {
+  apiJson,
+  apiJsonPost,
+  apiJsonPatch,
+  apiJsonDelete,
+} from "@truedat/core/services/api";
+import { API_PROMPTS, API_PROMPT } from "../../api";
+import {
+  usePrompts,
+  usePromptCreate,
+  usePromptUpdate,
+  usePromptDelete,
+} from "../usePrompts";
+
+jest.mock("swr", () => ({
+  __esModule: true,
+  ...jest.requireActual("swr"),
+  default: jest.fn(() => ({
+    data: { data: "data" },
+    error: null,
+    mutate: jest.fn(),
+  })),
+}));
+
+jest.mock("swr/mutation", () => ({
+  __esModule: true,
+  ...jest.requireActual("swr/mutation"),
+  default: jest.fn(),
+}));
+
+jest.mock("@truedat/core/services/api", () => ({
+  __esModule: true,
+  ...jest.requireActual("@truedat/core/services/api"),
+  apiJsonPost: jest.fn(),
+  apiJsonPatch: jest.fn(),
+  apiJsonDelete: jest.fn(),
+}));
+
+describe("usePrompts", () => {
+  it("usePrompts calls useSWR with correct api route", () => {
+    const { result } = renderHook(() => usePrompts());
+
+    expect(result.current).toMatchObject({
+      data: "data",
+      error: null,
+      loading: false,
+    });
+
+    expect(useSWR).toHaveBeenCalledWith(API_PROMPTS, apiJson);
+  });
+  it("usePromptCreate calls useSWRMutations with correct api route", () => {
+    renderHook(() => usePromptCreate());
+    const [url, func] = _.last(useSWRMutations.mock.calls);
+    const arg = { some: "arg" };
+    expect(url).toBe(API_PROMPTS);
+    func(url, { arg });
+
+    expect(apiJsonPost).toHaveBeenCalledWith(url, arg);
+  });
+  it("usePromptUpdate calls useSWRMutations with correct api route", () => {
+    const id = 8;
+    renderHook(() => usePromptUpdate({ id }));
+    const [url, func] = _.last(useSWRMutations.mock.calls);
+    const arg = { some: "arg" };
+    expect(url).toBe(compile(API_PROMPT)({ id }));
+    func(url, { arg });
+
+    expect(apiJsonPatch).toHaveBeenCalledWith(url, arg);
+  });
+  it("usePromptUpdate without args will render id 0", () => {
+    renderHook(() => usePromptUpdate());
+    const [url, func] = _.last(useSWRMutations.mock.calls);
+    const arg = { some: "arg" };
+    expect(url).toBe(compile(API_PROMPT)({ id: 0 }));
+    func(url, { arg });
+    expect(apiJsonPatch).toHaveBeenCalledWith(url, arg);
+  });
+  it("usePromptDelete calls useSWRMutations with correct api route", () => {
+    const id = 8;
+    renderHook(() => usePromptDelete({ id }));
+    const [url, func] = _.last(useSWRMutations.mock.calls);
+    const arg = { some: "arg" };
+    expect(url).toBe(compile(API_PROMPT)({ id }));
+    func(url, { arg });
+
+    expect(apiJsonDelete).toHaveBeenCalledWith(url, arg);
+  });
+  it("usePromptDelete without args will render id 0", () => {
+    renderHook(() => usePromptDelete());
+    const [url, func] = _.last(useSWRMutations.mock.calls);
+    const arg = { some: "arg" };
+    expect(url).toBe(compile(API_PROMPT)({ id: 0 }));
+    func(url, { arg });
+    expect(apiJsonDelete).toHaveBeenCalledWith(url, arg);
+  });
+});

package/src/hooks/__tests__/useResourceMappings.spec.js

@@ -0,0 +1,101 @@
+import _ from "lodash/fp";
+import { compile } from "path-to-regexp";
+import useSWR from "swr";
+import useSWRMutations from "swr/mutation";
+import { renderHook } from "@testing-library/react-hooks";
+import {
+  apiJson,
+  apiJsonPost,
+  apiJsonPatch,
+  apiJsonDelete,
+} from "@truedat/core/services/api";
+import { API_RESOURCE_MAPPINGS, API_RESOURCE_MAPPING } from "../../api";
+import {
+  useResourceMappings,
+  useResourceMappingCreate,
+  useResourceMappingUpdate,
+  useResourceMappingDelete,
+} from "../useResourceMappings";
+
+jest.mock("swr", () => ({
+  __esModule: true,
+  ...jest.requireActual("swr"),
+  default: jest.fn(() => ({
+    data: { data: "data" },
+    error: null,
+    mutate: jest.fn(),
+  })),
+}));
+
+jest.mock("swr/mutation", () => ({
+  __esModule: true,
+  ...jest.requireActual("swr/mutation"),
+  default: jest.fn(),
+}));
+
+jest.mock("@truedat/core/services/api", () => ({
+  __esModule: true,
+  ...jest.requireActual("@truedat/core/services/api"),
+  apiJsonPost: jest.fn(),
+  apiJsonPatch: jest.fn(),
+  apiJsonDelete: jest.fn(),
+}));
+
+describe("useResourceMappings", () => {
+  it("useResourceMappings calls useSWR with correct api route", () => {
+    const { result } = renderHook(() => useResourceMappings());
+
+    expect(result.current).toMatchObject({
+      data: "data",
+      error: null,
+      loading: false,
+    });
+
+    expect(useSWR).toHaveBeenCalledWith(API_RESOURCE_MAPPINGS, apiJson);
+  });
+  it("useResourceMappingCreate calls useSWRMutations with correct api route", () => {
+    renderHook(() => useResourceMappingCreate());
+    const [url, func] = _.last(useSWRMutations.mock.calls);
+    const arg = { some: "arg" };
+    expect(url).toBe(API_RESOURCE_MAPPINGS);
+    func(url, { arg });
+
+    expect(apiJsonPost).toHaveBeenCalledWith(url, arg);
+  });
+  it("useResourceMappingUpdate calls useSWRMutations with correct api route", () => {
+    const id = 8;
+    renderHook(() => useResourceMappingUpdate({ id }));
+    const [url, func] = _.last(useSWRMutations.mock.calls);
+    const arg = { some: "arg" };
+    expect(url).toBe(compile(API_RESOURCE_MAPPING)({ id }));
+    func(url, { arg });
+
+    expect(apiJsonPatch).toHaveBeenCalledWith(url, arg);
+  });
+  it("useResourceMappingUpdate without args will render id 0", () => {
+    renderHook(() => useResourceMappingUpdate());
+    const [url, func] = _.last(useSWRMutations.mock.calls);
+    const arg = { some: "arg" };
+    expect(url).toBe(compile(API_RESOURCE_MAPPING)({ id: 0 }));
+    func(url, { arg });
+    expect(apiJsonPatch).toHaveBeenCalledWith(url, arg);
+  });
+  it("useResourceMappingDelete calls useSWRMutations with correct api route", () => {
+    const id = 8;
+    renderHook(() => useResourceMappingDelete({ id }));
+    const [url, func] = _.last(useSWRMutations.mock.calls);
+    const arg = { some: "arg" };
+    expect(url).toBe(compile(API_RESOURCE_MAPPING)({ id }));
+    func(url, { arg });
+
+    expect(apiJsonDelete).toHaveBeenCalledWith(url, arg);
+  });
+  it("useResourceMappingDelete without args will render id 0", () => {
+    renderHook(() => useResourceMappingDelete());
+    const [url, func] = _.last(useSWRMutations.mock.calls);
+    const arg = { some: "arg" };
+    expect(url).toBe(compile(API_RESOURCE_MAPPING)({ id: 0 }));
+    func(url, { arg });
+    expect(apiJsonDelete).toHaveBeenCalledWith(url, arg);
+  });
+});

package/src/hooks/usePrompts.js

@@ -0,0 +1,31 @@
+import { compile } from "path-to-regexp";
+import useSWR from "swr";
+import useSWRMutations from "swr/mutation";
+import {
+  apiJson,
+  apiJsonPost,
+  apiJsonPatch,
+  apiJsonDelete,
+} from "@truedat/core/services/api";
+import { API_PROMPTS, API_PROMPT } from "../api";
+
+export const usePrompts = () => {
+  const { data, error, mutate } = useSWR(API_PROMPTS, apiJson);
+  return { data: data?.data, error, loading: !error && !data, mutate };
+};
+
+export const usePromptCreate = () => {
+  return useSWRMutations(API_PROMPTS, (url, { arg }) => apiJsonPost(url, arg));
+};
+
+export const usePromptUpdate = (func) => {
+  const id = func?.id || 0;
+  const url = compile(API_PROMPT)({ id });
+  return useSWRMutations(url, (url, { arg }) => apiJsonPatch(url, arg));
+};
+
+export const usePromptDelete = (func) => {
+  const id = func?.id || 0;
+  const url = compile(API_PROMPT)({ id });
+  return useSWRMutations(url, (url, { arg }) => apiJsonDelete(url, arg));
+};

package/src/hooks/useResourceMappings.js

@@ -0,0 +1,33 @@
+import { compile } from "path-to-regexp";
+import useSWR from "swr";
+import useSWRMutations from "swr/mutation";
+import {
+  apiJson,
+  apiJsonPost,
+  apiJsonPatch,
+  apiJsonDelete,
+} from "@truedat/core/services/api";
+import { API_RESOURCE_MAPPINGS, API_RESOURCE_MAPPING } from "../api";
+
+export const useResourceMappings = () => {
+  const { data, error, mutate } = useSWR(API_RESOURCE_MAPPINGS, apiJson);
+  return { data: data?.data, error, loading: !error && !data, mutate };
+};
+
+export const useResourceMappingCreate = () => {
+  return useSWRMutations(API_RESOURCE_MAPPINGS, (url, { arg }) =>
+    apiJsonPost(url, arg)
+  );
+};
+
+export const useResourceMappingUpdate = (func) => {
+  const id = func?.id || 0;
+  const url = compile(API_RESOURCE_MAPPING)({ id });
+  return useSWRMutations(url, (url, { arg }) => apiJsonPatch(url, arg));
+};
+
+export const useResourceMappingDelete = (func) => {
+  const id = func?.id || 0;
+  const url = compile(API_RESOURCE_MAPPING)({ id });
+  return useSWRMutations(url, (url, { arg }) => apiJsonDelete(url, arg));
+};

package/src/index.js

@@ -0,0 +1,3 @@
+import * as components from "./components";
+
+export { components };