@teselagen/ui 0.7.35 → 0.8.1

package/src/DataTable/utils/tableQueryParamsToHasuraClauses.js

@@ -1,253 +0,0 @@
-import { camelCase, set } from "lodash-es";
-
-export function tableQueryParamsToHasuraClauses({
-  page,
-  pageSize,
-  searchTerm,
-  filters,
-  order,
-  schema, // Add schema as a parameter
-  additionalFilter
-}) {
-  const ccFields = getFieldsMappedByCCDisplayName(schema);
-  let where = {};
-  const order_by = {};
-  const limit = pageSize || 25;
-  const offset = page && pageSize ? (page - 1) * pageSize : 0;
-
-  if (searchTerm) {
-    const searchTermFilters = [];
-    schema.fields.forEach(field => {
-      const { type, path, searchDisabled } = field;
-      if (searchDisabled || field.filterDisabled || type === "color") return;
-      const filterValue = searchTerm; // No cleaning needed here, we're using _ilike
-
-      if (type === "string" || type === "lookup") {
-        const o = set({}, path, { _ilike: `%${filterValue}%` });
-        searchTermFilters.push(o);
-      } else if (type === "boolean") {
-        let regex;
-        try {
-          regex = new RegExp("^" + searchTerm, "ig");
-        } catch (error) {
-          //ignore
-        }
-        if (regex) {
-          if ("true".replace(regex, "") !== "true") {
-            const o = set({}, path, { _eq: true });
-            searchTermFilters.push(o);
-          } else if ("false".replace(regex, "") !== "false") {
-            const o = set({}, path, { _eq: false });
-            searchTermFilters.push(o);
-          }
-        }
-      } else if (
-        (type === "number" || type === "integer") &&
-        !isNaN(filterValue)
-      ) {
-        const o = set({}, path, { _eq: parseFloat(filterValue) });
-        searchTermFilters.push(o);
-      }
-    });
-    if (searchTermFilters.length > 0) {
-      if (Object.keys(where).length > 0) {
-        where = { _and: [where, { _or: searchTermFilters }] };
-      } else {
-        where = { _or: searchTermFilters };
-      }
-    }
-  }
-
-  if (filters && filters.length > 0) {
-    const filterClauses = filters
-      .map(filter => {
-        let { selectedFilter, filterOn, filterValue } = filter;
-        const fieldSchema = ccFields[filterOn] || {};
-
-        const { path, reference, type } = fieldSchema;
-        let stringFilterValue =
-          filterValue && filterValue.toString
-            ? filterValue.toString()
-            : filterValue;
-        if (stringFilterValue === false) {
-          // we still want to be able to search for the string "false" which will get parsed to false
-          stringFilterValue = "false";
-        } else {
-          stringFilterValue = stringFilterValue || "";
-        }
-        const arrayFilterValue = Array.isArray(filterValue)
-          ? filterValue
-          : stringFilterValue.split(";");
-
-        if (type === "number" || type === "integer") {
-          filterValue = Array.isArray(filterValue)
-            ? filterValue.map(val => Number(val))
-            : Number(filterValue);
-        }
-
-        if (fieldSchema.normalizeFilter) {
-          filterValue = fieldSchema.normalizeFilter(
-            filterValue,
-            selectedFilter,
-            filterOn
-          );
-        }
-
-        if (reference) {
-          filterOn = reference.sourceField;
-        } else {
-          filterOn = path || filterOn;
-        }
-        switch (selectedFilter) {
-          case "none":
-            return {};
-          case "startsWith":
-            return { [filterOn]: { _ilike: `${filterValue}%` } };
-          case "endsWith":
-            return { [filterOn]: { _ilike: `%${filterValue}` } };
-          case "contains":
-            return { [filterOn]: { _ilike: `%${filterValue}%` } };
-          case "notContains":
-            return { [filterOn]: { _not_ilike: `%${filterValue}%` } };
-          case "isExactly":
-            return { [filterOn]: { _eq: filterValue } };
-          case "isEmpty":
-            return {
-              _or: [
-                { [filterOn]: { _eq: "" } },
-                { [filterOn]: { _is_null: true } }
-              ]
-            };
-          case "notEmpty":
-            return {
-              _and: [
-                { [filterOn]: { _neq: "" } },
-                { [filterOn]: { _is_null: false } }
-              ]
-            };
-          case "inList":
-            return { [filterOn]: { _in: filterValue } };
-          case "notInList":
-            return { [filterOn]: { _nin: filterValue } };
-          case "true":
-            return { [filterOn]: { _eq: true } };
-          case "false":
-            return { [filterOn]: { _eq: false } };
-          case "dateIs":
-            return { [filterOn]: { _eq: filterValue } };
-          case "notBetween":
-            return {
-              _or: [
-                {
-                  [filterOn]: {
-                    _lt: new Date(arrayFilterValue[0])
-                  }
-                },
-                {
-                  [filterOn]: {
-                    _gt: new Date(
-                      new Date(arrayFilterValue[1]).setHours(23, 59)
-                    )
-                  }
-                }
-              ]
-            };
-          case "isBetween":
-            return {
-              [filterOn]: {
-                _gte: new Date(arrayFilterValue[0]),
-                _lte: new Date(new Date(arrayFilterValue[1]).setHours(23, 59))
-              }
-            };
-          case "isBefore":
-            return { [filterOn]: { _lt: new Date(filterValue) } };
-          case "isAfter":
-            return { [filterOn]: { _gt: new Date(filterValue) } };
-          case "greaterThan":
-            return { [filterOn]: { _gt: parseFloat(filterValue) } };
-          case "lessThan":
-            return { [filterOn]: { _lt: parseFloat(filterValue) } };
-          case "inRange":
-            return {
-              [filterOn]: {
-                _gte: parseFloat(arrayFilterValue[0]),
-                _lte: parseFloat(arrayFilterValue[1])
-              }
-            };
-          case "outsideRange":
-            return {
-              _or: [
-                {
-                  [filterOn]: {
-                    _lt: parseFloat(arrayFilterValue[0])
-                  }
-                },
-                {
-                  [filterOn]: {
-                    _gt: parseFloat(arrayFilterValue[1])
-                  }
-                }
-              ]
-            };
-          case "equalTo":
-            return { [filterOn]: { _eq: parseFloat(filterValue) } };
-          case "regex":
-            return { [filterOn]: { _regex: filterValue } };
-          default:
-            console.warn(`Unsupported filter type: ${selectedFilter}`);
-            return {};
-        }
-      })
-      .map(filter => {
-        const o = {};
-        set(o, Object.keys(filter)[0], filter[Object.keys(filter)[0]]);
-        return o;
-      });
-
-    if (filterClauses.length > 0) {
-      if (Object.keys(where).length > 0) {
-        where = { _and: [where, ...filterClauses] };
-      } else {
-        where = { _and: filterClauses };
-      }
-    }
-  }
-
-  if (order && order.length > 0) {
-    order.forEach(item => {
-      const field = item.startsWith("-") ? item.substring(1) : item;
-      const direction = item.startsWith("-") ? "desc" : "asc";
-      order_by[field] = direction;
-    });
-  }
-
-  if (additionalFilter) {
-    where = { _and: [where, additionalFilter] };
-  }
-  return { where, order_by, limit, offset };
-}
-
-/**
- * Takes a schema and returns an object with the fields mapped by their camelCased display name.
- * If the displayName is not set or is a jsx element, the path is used instead.
- * The same conversion must be done when using the result of this method
- */
-export function getFieldsMappedByCCDisplayName(schema) {
-  if (!schema || !schema.fields) return {};
-  return schema.fields.reduce((acc, field) => {
-    const ccDisplayName = getCCDisplayName(field);
-    acc[ccDisplayName] = field;
-    return acc;
-  }, {});
-}
-
-/**
- *
- * @param {object} field
- * @returns the camelCase display name of the field, to be used for filters, sorting, etc
- */
-export function getCCDisplayName(field) {
-  return camelCase(
-    typeof field.displayName === "string" ? field.displayName : field.path
-  );
-}

package/src/DataTable/utils/tableQueryParamsToHasuraClauses.test.js

@@ -1,206 +0,0 @@
-import { tableQueryParamsToHasuraClauses } from "./tableQueryParamsToHasuraClauses";
-
-describe("tableQueryParamsToHasuraClauses", () => {
-  const schema = {
-    fields: [
-      { path: "name", type: "string" },
-      { path: "age", type: "number" },
-      { path: "isActive", type: "boolean" },
-      { path: "email", type: "string" }
-    ]
-  };
-
-  it("should handle empty query params", () => {
-    const result = tableQueryParamsToHasuraClauses({});
-    expect(result).toEqual({
-      where: {},
-      order_by: {},
-      limit: 25,
-      offset: 0
-    });
-  });
-
-  it("should handle page and pageSize", () => {
-    const result = tableQueryParamsToHasuraClauses({ page: 2, pageSize: 10 });
-    expect(result).toEqual({
-      where: {},
-      order_by: {},
-      limit: 10,
-      offset: 10
-    });
-  });
-
-  it("should handle searchTerm with string fields", () => {
-    const result = tableQueryParamsToHasuraClauses({
-      searchTerm: "test",
-      schema
-    });
-    expect(result).toEqual({
-      where: {
-        _or: [{ name: { _ilike: "%test%" } }, { email: { _ilike: "%test%" } }]
-      },
-      order_by: {},
-      limit: 25,
-      offset: 0
-    });
-  });
-
-  it("should handle searchTerm with number fields", () => {
-    const result = tableQueryParamsToHasuraClauses({
-      searchTerm: "30",
-      schema
-    });
-    expect(result).toEqual({
-      where: {
-        _or: [
-          { name: { _ilike: "%30%" } },
-          { age: { _eq: 30 } },
-          { email: { _ilike: "%30%" } }
-        ]
-      },
-      order_by: {},
-      limit: 25,
-      offset: 0
-    });
-  });
-
-  it("should handle searchTerm with boolean fields", () => {
-    const result = tableQueryParamsToHasuraClauses({
-      searchTerm: "true",
-      schema
-    });
-    expect(result).toEqual({
-      where: {
-        _or: [
-          { name: { _ilike: "%true%" } },
-          { isActive: { _eq: true } },
-          { email: { _ilike: "%true%" } }
-        ]
-      },
-      order_by: {},
-      limit: 25,
-      offset: 0
-    });
-  });
-
-  it("should handle searchTerm with multiple field types", () => {
-    const result = tableQueryParamsToHasuraClauses({
-      searchTerm: "test",
-      schema
-    });
-    expect(result).toEqual({
-      where: {
-        _or: [{ name: { _ilike: "%test%" } }, { email: { _ilike: "%test%" } }]
-      },
-      order_by: {},
-      limit: 25,
-      offset: 0
-    });
-  });
-
-  it("should handle contains filter", () => {
-    const result = tableQueryParamsToHasuraClauses({
-      filters: [
-        {
-          selectedFilter: "contains",
-          filterOn: "name",
-          filterValue: "test"
-        }
-      ]
-    });
-    expect(result).toEqual({
-      where: { _and: [{ name: { _ilike: "%test%" } }] },
-      order_by: {},
-      limit: 25,
-      offset: 0
-    });
-  });
-
-  it("should handle equalTo filter for number", () => {
-    const result = tableQueryParamsToHasuraClauses({
-      filters: [
-        { selectedFilter: "equalTo", filterOn: "age", filterValue: "30" }
-      ],
-      schema
-    });
-    expect(result).toEqual({
-      where: { _and: [{ age: { _eq: 30 } }] },
-      order_by: {},
-      limit: 25,
-      offset: 0
-    });
-  });
-
-  it("should handle order", () => {
-    const result = tableQueryParamsToHasuraClauses({ order: ["name", "-age"] });
-    expect(result).toEqual({
-      where: {},
-      order_by: { name: "asc", age: "desc" },
-      limit: 25,
-      offset: 0
-    });
-  });
-
-  it("should combine all params", () => {
-    const result = tableQueryParamsToHasuraClauses({
-      page: 2,
-      pageSize: 10,
-      searchTerm: "test",
-      filters: [
-        {
-          selectedFilter: "greaterThan",
-          filterOn: "age",
-          filterValue: "30"
-        }
-      ],
-      order: ["name"],
-      schema
-    });
-    expect(result).toEqual({
-      where: {
-        _and: [
-          {
-            _or: [
-              { name: { _ilike: "%test%" } },
-              { email: { _ilike: "%test%" } }
-            ]
-          },
-          { age: { _gt: 30 } }
-        ]
-      },
-      order_by: { name: "asc" },
-      limit: 10,
-      offset: 10
-    });
-  });
-
-  it("should combine searchTerm and filters", () => {
-    const result = tableQueryParamsToHasuraClauses({
-      searchTerm: "test",
-      filters: [
-        {
-          selectedFilter: "greaterThan",
-          filterOn: "age",
-          filterValue: "30"
-        }
-      ],
-      schema
-    });
-    expect(result).toEqual({
-      where: {
-        _and: [
-          {
-            _or: [
-              { name: { _ilike: "%test%" } },
-              { email: { _ilike: "%test%" } }
-            ]
-          },
-          { age: { _gt: 30 } }
-        ]
-      },
-      order_by: {},
-      limit: 25,
-      offset: 0
-    });
-  });
-});

package/style.css

@@ -1,29 +0,0 @@
-/* Copyright (C) 2018 TeselaGen Biotechnology, Inc. */
-.tg-timeline {
-  position: relative;
-  white-space: nowrap;
-}
-
-.tg-timeline-line {
-  position: absolute;
-  height: 90%;
-  border-left: 2px solid #bfccd6;
-  top: 3px;
-  left: 5px;
-}
-
-.tg-timeline-event {
-  margin-bottom: 15px;
-}
-
-.tg-timeline-circle {
-  width: 12px;
-  min-width: 12px;
-  height: 12px;
-  min-height: 12px;
-  z-index: 1;
-  margin-right: 10px;
-  border-radius: 100px;
-  background: #e1e8ed;
-  border: 2px solid #137cbd;
-}

package/tagUtils.js

@@ -1,45 +0,0 @@
-import { flatMap, keyBy } from "lodash-es";
-import determineBlackOrWhiteTextColor from "./determineBlackOrWhiteTextColor";
-
-export function getTagsAndTagOptions(allTags) {
-  return flatMap(allTags, tag => {
-    if (tag.tagOptions && tag.tagOptions.length) {
-      return tag.tagOptions.map(tagO => {
-        const fullname = `${tag.name}: ${tagO.name}`;
-        const value = `${tag.id}:${tagO.id}`;
-        return {
-          ...tagO,
-          label: fullname,
-          value,
-          id: tagO.id
-        };
-      });
-    }
-    return {
-      ...tag,
-      label: tag.name,
-      value: tag.id
-    };
-  });
-}
-
-export function getKeyedTagsAndTagOptions(tags) {
-  return keyBy(getTagsAndTagOptions(tags), "value");
-}
-
-export function getTagColorStyle(color) {
-  return color
-    ? {
-        style: {
-          backgroundColor: color,
-          color: determineBlackOrWhiteTextColor(color)
-        }
-      }
-    : {};
-}
-export function getTagProps({ color, label, name }) {
-  return {
-    ...getTagColorStyle(color),
-    children: label || name
-  };
-}

package/tgFormValues.js

@@ -1,35 +0,0 @@
-import React, { useMemo } from "react";
-import { connect } from "react-redux";
-import { FormName, formValueSelector } from "redux-form";
-
-const tgFormValues =
-  (...fieldNames) =>
-  Component =>
-  props => {
-    return (
-      <FormName>
-        {formName => {
-          const name = formName.form;
-          const Wrapped = useMemo(() => {
-            const selector = formValueSelector(name || "");
-            const wrapper = connect(state => {
-              const vals = {};
-              fieldNames.forEach(name => {
-                vals[name] = selector(state, name);
-              });
-              return vals;
-            });
-            return wrapper(Component);
-          }, [name]);
-          return <Wrapped {...props} />;
-        }}
-      </FormName>
-    );
-  };
-export default tgFormValues;
-
-export const tgFormValueSelector = (formName, ...fields) => {
-  return connect(state => {
-    return formValueSelector(formName)(state, ...fields);
-  });
-};

package/tg_modalState.js

@@ -1,47 +0,0 @@
-import { omit } from "lodash-es";
-
-export default function tg_modalState(
-  state = {},
-  { type, name, uniqueName, props = {} }
-) {
-  const existingModalState = state[name] || {};
-  const { __registeredAs = {} } = existingModalState;
-  if (type === "TG_REGISTER_MODAL") {
-    return {
-      ...state,
-      [name]: {
-        ...existingModalState,
-        __registeredAs: { ...__registeredAs, [uniqueName]: true }
-      }
-    };
-  }
-  if (type === "TG_UNREGISTER_MODAL") {
-    return {
-      ...state,
-      [name]: {
-        ...existingModalState,
-        __registeredAs: omit(__registeredAs, uniqueName)
-      }
-    };
-  }
-  if (type === "TG_SHOW_MODAL") {
-    return {
-      ...state,
-      [name]: {
-        ...existingModalState,
-        ...props,
-        open: true
-      }
-    };
-  }
-  if (type === "TG_HIDE_MODAL") {
-    return {
-      ...state,
-      [name]: {
-        __registeredAs: existingModalState.__registeredAs,
-        open: false
-      }
-    };
-  }
-  return state;
-}

package/throwFormError.js

@@ -1,16 +0,0 @@
-import { SubmissionError } from "redux-form";
-
-export const throwFormError = error => {
-  if (error.message) {
-    console.error("error:", error);
-  }
-  const errorToUse = error.message
-    ? { _error: error.message }
-    : typeof error === "string"
-    ? { _error: error }
-    : error;
-  if (!errorToUse._error) {
-    errorToUse._error = "Error Submitting Form";
-  }
-  throw new SubmissionError(errorToUse);
-};