@truedat/df 7.5.9 → 7.5.11

package/src/components/widgets/CopyField/__tests__/CopyFieldCell.spec.js

@@ -1,67 +0,0 @@
-import React from "react";
-import { shallow } from "enzyme";
-import { act } from "react-dom/test-utils";
-import { Input } from "semantic-ui-react";
-import { CopyFieldCell } from "../CopyFieldCell";
-
-describe("<CopyFieldCell />", () => {
-  const field = "name";
-  const colIndex = 0;
-  const value = "New0";
-  const isHeader = true;
-  const onFieldInvalid = jest.fn();
-  const onChangeCell = jest.fn();
-  const onDeleteButtonPressed = jest.fn();
-  const isModalOpened = false;
-
-  const props = {
-    field,
-    colIndex,
-    value,
-    isHeader,
-    isModalOpened,
-    onFieldInvalid,
-    onChangeCell,
-    onDeleteButtonPressed,
-  };
-
-  it("matches the latest snapshot", () => {
-    const wrapper = shallow(<CopyFieldCell {...props} />);
-    expect(wrapper).toMatchSnapshot();
-  });
-
-  it("on click cell", () => {
-    const wrapper = shallow(<CopyFieldCell {...props} />);
-    wrapper.find("div .cellContent").props().onClick();
-    expect(wrapper.find(Input)).toHaveLength(1);
-  });
-
-  it("on change input", () => {
-    const wrapper = shallow(<CopyFieldCell {...props} />);
-    act(() => {
-      wrapper.find("div .cellContent").props().onClick();
-      wrapper
-        .find(Input)
-        .props()
-        .onChange({ persist: jest.fn(), target: { value: "test" } });
-      wrapper.find(Input).props().onBlur();
-      expect(props.onChangeCell.mock.calls.length).toBe(1);
-    });
-  });
-
-  it("on keydown input", () => {
-    const wrapper = shallow(<CopyFieldCell {...props} />);
-    act(() => {
-      wrapper.find("div .cellContent").props().onClick();
-      wrapper
-        .find(Input)
-        .props()
-        .onChange({ persist: jest.fn(), target: { value: "test" } });
-      wrapper
-        .find(Input)
-        .props()
-        .onKeyDown({ keyCode: 13, preventDefault: jest.fn() });
-      expect(props.onChangeCell.mock.calls.length).toBe(2);
-    });
-  });
-});

package/src/components/widgets/CopyField/__tests__/CopyFieldColumn.spec.js

@@ -1,33 +0,0 @@
-import React from "react";
-import { shallow } from "enzyme";
-import { CopyFieldColumn } from "../CopyFieldColumn";
-
-describe("<CopyFieldColumn />", () => {
-  const colIndex = 0;
-  const headerName = "New0";
-  const row = { name: "New0", type: "string", size: "40" };
-  const tableDefs = [
-    { definition: "Type", fieldType: "type" },
-    { definition: "Size", fieldType: "size" },
-  ];
-  const isModalOpened = true;
-  const onFieldInvalid = jest.fn();
-  const onDeleteColumn = jest.fn();
-  const onChangeColumn = jest.fn();
-
-  const props = {
-    colIndex,
-    headerName,
-    row,
-    tableDefs,
-    isModalOpened,
-    onFieldInvalid,
-    onDeleteColumn,
-    onChangeColumn,
-  };
-
-  it("matches the latest snapshot", () => {
-    const wrapper = shallow(<CopyFieldColumn {...props} />);
-    expect(wrapper).toMatchSnapshot();
-  });
-});

package/src/components/widgets/CopyField/__tests__/CopyFieldSelectableCell.spec.js

@@ -1,49 +0,0 @@
-import React from "react";
-import { shallow } from "enzyme";
-import { Dropdown } from "semantic-ui-react";
-import { CopyFieldSelectableCell } from "../CopyFieldSelectableCell";
-
-describe("<CopyFieldSelectableCell />", () => {
-  const index = 0;
-  const defaultValue = "";
-  const isModalOpened = false;
-  const onChangeCell = jest.fn();
-
-  const props = {
-    index,
-    defaultValue,
-    isModalOpened,
-    onChangeCell
-  };
-
-  it("matches the latest snapshot", () => {
-    const wrapper = shallow(<CopyFieldSelectableCell {...props} />);
-    expect(wrapper).toMatchSnapshot();
-  });
-
-  it("on change dropdown - boolean", () => {
-    const wrapper = shallow(<CopyFieldSelectableCell {...props} />);
-    wrapper
-      .find(Dropdown)
-      .props()
-      .onChange({}, { value: "boolean" });
-    expect(props.onChangeCell.mock.calls.length).toBe(4);
-  });
-
-  it("on change dropdown - date", () => {
-    const wrapper = shallow(<CopyFieldSelectableCell {...props} />);
-    wrapper
-      .find(Dropdown)
-      .props()
-      .onChange({}, { value: "date" });
-    expect(props.onChangeCell.mock.calls.length).toBe(9);
-  });
-  it("on change dropdown - decimal", () => {
-    const wrapper = shallow(<CopyFieldSelectableCell {...props} />);
-    wrapper
-      .find(Dropdown)
-      .props()
-      .onChange({}, { value: "decimal" });
-    expect(props.onChangeCell.mock.calls.length).toBe(13);
-  });
-});

package/src/components/widgets/CopyField/__tests__/__snapshots__/CopyField.spec.js.snap

@@ -1,279 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<CopyField /> matches the latest snapshot 1`] = `
-<Fragment>
-  <Modal
-    centered={true}
-    closeOnDimmerClick={true}
-    closeOnDocumentClick={false}
-    dimmer={true}
-    eventPool="Modal"
-    onClose={[Function]}
-    onOpen={[Function]}
-    open={false}
-    size="fullscreen"
-    trigger={
-      <div
-        style={
-          {
-            "float": "right",
-            "marginBottom": "20px",
-          }
-        }
-      >
-        <Button
-          as="button"
-          content="widget.copy.button.open.fields"
-          icon="expand"
-          labelPosition="left"
-          onClick={[Function]}
-        />
-      </div>
-    }
-  >
-    <ModalHeader>
-      widget.copy.modaltitle
-    </ModalHeader>
-    <ModalContent>
-      <div
-        style={
-          {
-            "display": "inline-flex",
-            "width": "100%",
-          }
-        }
-      >
-        <div>
-          <div>
-            <Button
-              as="button"
-              className="add-column"
-              icon={true}
-              onClick={[Function]}
-              size="small"
-              style={
-                {
-                  "backgroundColor": "#002057",
-                  "color": "white",
-                  "margin": "4px 20px",
-                }
-              }
-            >
-              <Icon
-                as="i"
-                name="plus"
-              />
-            </Button>
-          </div>
-          <div
-            key="0"
-            style={
-              {
-                "backgroundColor": "#E8E8E8",
-                "color": "rgba(0, 0, 0, 0.6)",
-                "minHeight": "42px",
-                "padding": "10px",
-                "userSelect": "none",
-              }
-            }
-          >
-            Type
-          </div>
-        </div>
-        <sortableList
-          axis="x"
-          containerIdx="1"
-          disableAutoscroll={false}
-          distance={5}
-          getHelperDimensions={[Function]}
-          hideSortableGhost={true}
-          items={
-            [
-              {
-                "name": "New4",
-                "type": "string",
-              },
-              {
-                "name": "New3",
-                "type": "string",
-              },
-              {
-                "name": "New2",
-                "type": "string",
-              },
-              {
-                "name": "New1",
-                "type": "string",
-              },
-              {
-                "name": "New0",
-                "type": "string",
-              },
-            ]
-          }
-          keyCodes={
-            {
-              "cancel": [
-                27,
-              ],
-              "down": [
-                40,
-                39,
-              ],
-              "drop": [
-                32,
-              ],
-              "lift": [
-                32,
-              ],
-              "up": [
-                38,
-                37,
-              ],
-            }
-          }
-          lockAxis="x"
-          lockOffset="50%"
-          lockToContainerEdges={false}
-          onSortEnd={[Function]}
-          pressDelay={0}
-          pressThreshold={5}
-          shouldCancelStart={[Function]}
-          transitionDuration={300}
-          useWindowAsScrollContainer={false}
-        />
-      </div>
-      <div
-        style={
-          {
-            "color": "red",
-          }
-        }
-      />
-    </ModalContent>
-    <ModalActions>
-      <Button
-        as="button"
-        content="widget.copy.button.back"
-        onClick={[Function]}
-        secondary={true}
-      />
-    </ModalActions>
-  </Modal>
-  <div
-    style={
-      {
-        "display": "inline-flex",
-        "width": "100%",
-      }
-    }
-  >
-    <div>
-      <div>
-        <Button
-          as="button"
-          className="add-column"
-          icon={true}
-          onClick={[Function]}
-          size="small"
-          style={
-            {
-              "backgroundColor": "#002057",
-              "color": "white",
-              "margin": "4px 20px",
-            }
-          }
-        >
-          <Icon
-            as="i"
-            name="plus"
-          />
-        </Button>
-      </div>
-      <div
-        key="0"
-        style={
-          {
-            "backgroundColor": "#E8E8E8",
-            "color": "rgba(0, 0, 0, 0.6)",
-            "minHeight": "42px",
-            "padding": "10px",
-            "userSelect": "none",
-          }
-        }
-      >
-        Type
-      </div>
-    </div>
-    <sortableList
-      axis="x"
-      containerIdx="0"
-      disableAutoscroll={false}
-      distance={5}
-      getHelperDimensions={[Function]}
-      hideSortableGhost={true}
-      items={
-        [
-          {
-            "name": "New4",
-            "type": "string",
-          },
-          {
-            "name": "New3",
-            "type": "string",
-          },
-          {
-            "name": "New2",
-            "type": "string",
-          },
-          {
-            "name": "New1",
-            "type": "string",
-          },
-          {
-            "name": "New0",
-            "type": "string",
-          },
-        ]
-      }
-      keyCodes={
-        {
-          "cancel": [
-            27,
-          ],
-          "down": [
-            40,
-            39,
-          ],
-          "drop": [
-            32,
-          ],
-          "lift": [
-            32,
-          ],
-          "up": [
-            38,
-            37,
-          ],
-        }
-      }
-      lockAxis="x"
-      lockOffset="50%"
-      lockToContainerEdges={false}
-      onSortEnd={[Function]}
-      pressDelay={0}
-      pressThreshold={5}
-      shouldCancelStart={[Function]}
-      transitionDuration={300}
-      useWindowAsScrollContainer={false}
-    />
-  </div>
-  <div
-    style={
-      {
-        "color": "red",
-      }
-    }
-  />
-</Fragment>
-`;

package/src/components/widgets/CopyField/__tests__/__snapshots__/CopyFieldCell.spec.js.snap

@@ -1,67 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<CopyFieldCell /> matches the latest snapshot 1`] = `
-<div
-  style={
-    {
-      "backgroundColor": "#E8E8E8",
-      "borderColor": "rgb(232, 232, 232)",
-      "borderStyle": "solid",
-      "borderWidth": "1px",
-      "color": "rgba(0, 0, 0, 0.6)",
-      "cursor": "grab",
-      "fontWeight": "bold",
-      "height": "42px",
-      "padding": "4px",
-      "position": "relative",
-      "userSelect": "none",
-      "width": "100%",
-    }
-  }
->
-  <div
-    className="cellContent"
-    onClick={[Function]}
-    style={
-      {
-        "cursor": "pointer",
-        "float": "left",
-        "overflow": "hidden",
-        "padding": "5px",
-        "textOverflow": "ellipsis",
-        "whiteSpace": "nowrap",
-        "width": "100px",
-      }
-    }
-  >
-    New0
-  </div>
-  <div
-    onMouseDown={[Function]}
-    style={
-      {
-        "float": "right",
-        "paddingTop": "3px",
-      }
-    }
-  >
-    <Button
-      as="button"
-      icon={true}
-      size="mini"
-      style={
-        {
-          "backgroundColor": "#9F3A38",
-          "color": "white",
-        }
-      }
-    >
-      <Icon
-        as="i"
-        color="red"
-        name="trash alternate outline"
-      />
-    </Button>
-  </div>
-</div>
-`;

package/src/components/widgets/CopyField/__tests__/__snapshots__/CopyFieldColumn.spec.js.snap

@@ -1,42 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<CopyFieldColumn /> matches the latest snapshot 1`] = `
-<div
-  style={
-    {
-      "clear": "both",
-      "minWidth": "150px",
-      "overflow": "hidden",
-      "zIndex": 1000,
-    }
-  }
->
-  <CopyFieldCell
-    colIndex={0}
-    field="name"
-    isHeader={true}
-    onChangeCell={[Function]}
-    onDeleteButtonPressed={[Function]}
-    onFieldInvalid={[Function]}
-    value="New0"
-  />
-  <CopyFieldCell
-    colIndex={0}
-    field="type"
-    isModalOpened={true}
-    key="0"
-    onChangeCell={[Function]}
-    onFieldInvalid={[Function]}
-    value="string"
-  />
-  <CopyFieldCell
-    colIndex={0}
-    field="size"
-    isModalOpened={true}
-    key="1"
-    onChangeCell={[Function]}
-    onFieldInvalid={[Function]}
-    value="40"
-  />
-</div>
-`;

package/src/components/widgets/CopyField/__tests__/__snapshots__/CopyFieldSelectableCell.spec.js.snap

@@ -1,60 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<CopyFieldSelectableCell /> matches the latest snapshot 1`] = `
-<Dropdown
-  additionLabel="Add "
-  additionPosition="top"
-  closeOnBlur={true}
-  closeOnEscape={true}
-  deburr={false}
-  defaultValue=""
-  icon="dropdown"
-  minCharacters={1}
-  noResultsMessage="No results found."
-  onChange={[Function]}
-  onOpen={[Function]}
-  openOnFocus={true}
-  options={
-    [
-      {
-        "text": "string",
-        "value": "string",
-      },
-      {
-        "text": "integer",
-        "value": "integer",
-      },
-      {
-        "text": "decimal",
-        "value": "decimal",
-      },
-      {
-        "text": "boolean",
-        "value": "boolean",
-      },
-      {
-        "format": "%d-%m-%Y",
-        "text": "date",
-        "value": "date",
-      },
-      {
-        "format": "%d-%m-%Y %H:%M:%S",
-        "text": "datetime",
-        "value": "datetime",
-      },
-      {
-        "format": "%H:%M:%S",
-        "text": "time",
-        "value": "time",
-      },
-    ]
-  }
-  pointing="top"
-  renderLabel={[Function]}
-  scrolling={true}
-  searchInput="text"
-  selectOnBlur={true}
-  selectOnNavigation={true}
-  wrapSelection={true}
-/>
-`;

package/src/hooks/useHierarchies.js

@@ -1,112 +0,0 @@
-import _ from "lodash/fp";
-import { compile } from "path-to-regexp";
-import { mutate } from "swr";
-import useSWR from "swr";
-import useSWRMutations from "swr/mutation";
-import {
-  apiJson,
-  apiJsonPatch,
-  apiJsonPost,
-  apiJsonDelete,
-} from "@truedat/core/services/api";
-import { API_HIERARCHIES, API_HIERARCHY } from "../api/hierarchies";
-
-const newHierarchy = {
-  name: "",
-  description: null,
-  nodes: [],
-};
-
-export const useHierarchies = () => {
-  const toApiPath = compile(API_HIERARCHIES);
-  const url = toApiPath();
-  const { data, error } = useSWR(url, apiJson);
-  return { data: data?.data?.data, error, loading: !error && !data };
-};
-
-export const useInitialHiearchy = () => {
-  return {
-    data: newHierarchy,
-    error: null,
-    loading: false,
-  };
-};
-
-export const useHierarchy = (id) => {
-  const toApiPath = compile(API_HIERARCHY);
-  const url = toApiPath({ id: id });
-  const { data, error } = useSWR(url, apiJson);
-  const back_hierarchy = data?.data?.data;
-  const front_hierarchy = toFront(back_hierarchy);
-  return { data: front_hierarchy, error, loading: !error && !data };
-};
-
-export const useHierarchyPatch = (id, callback) => {
-  const toApiPath = compile(API_HIERARCHY);
-  const url = toApiPath({ id });
-  return useSWRMutations(url, (url, { arg }) =>
-    apiJsonPatch(url, toBack(arg)).then(
-      ({ data }) =>
-        mutate(API_HIERARCHIES) && mutate(url, data) && callback(data?.data)
-    )
-  );
-};
-
-export const useHierarchyPost = (callback) => {
-  return useSWRMutations(API_HIERARCHIES, (url, { arg }) =>
-    apiJsonPost(url, toBack(arg)).then(
-      ({ data }) => mutate(API_HIERARCHIES) && callback(data?.data)
-    )
-  );
-};
-
-export const useHierarchyDelete = (id, callback) => {
-  const toApiPath = compile(API_HIERARCHY);
-  const url = toApiPath({ id });
-  return useSWRMutations(url, (url, { arg }) =>
-    apiJsonDelete(url, toBack(arg)).then(
-      ({ data }) => mutate(API_HIERARCHIES) && callback(data?.data)
-    )
-  );
-};
-
-const toFront = (hierarchy) => {
-  return hierarchy
-    ? {
-        ...hierarchy,
-        nodes: _.flow(
-          _.pathOr([], "nodes"),
-          _.map((node) => {
-            return {
-              id: node.node_id,
-              key: node.key,
-              parentId: node.parent_id,
-              name: node.name,
-              description: node.description,
-            };
-          })
-        )(hierarchy),
-      }
-    : hierarchy;
-};
-
-const toBack = (hierarchy) => {
-  return hierarchy
-    ? {
-        hierarchy: {
-          ...hierarchy,
-          nodes: _.flow(
-            _.pathOr([], "nodes"),
-            _.map((node) => {
-              return {
-                node_id: node.id,
-                parent_id: node.parentId,
-                name: node.name,
-                description: node.description,
-              };
-            })
-          )(hierarchy),
-        },
-      }
-    : hierarchy;
-};