@teselagen/ui 0.7.34 → 0.7.36

package/src/style.css

@@ -1,265 +0,0 @@
-:root {
-  --base1: #ffffff;
-  --base2: #cdcdcd;
-}
-
-body.bp3-dark {
-  --base1: #393a3a;
-  --base2: #293742;
-}
-
-.bp3-dark .tg-card {
-  background: #394b59 !important;
-}
-
-.preserve-newline {
-  white-space: pre-line;
-}
-
-.bp3-dialog {
-  max-width: 100vw;
-}
-
-/* adding back in blueprint v2 default styling to all <h/> elements */
-h1 {
-  line-height: 40px;
-  font-size: 36px;
-}
-
-h2 {
-  line-height: 32px;
-  font-size: 28px;
-}
-
-h3 {
-  line-height: 25px;
-  font-size: 22px;
-}
-
-h4 {
-  line-height: 21px;
-  font-size: 18px;
-}
-
-h5 {
-  line-height: 19px;
-  font-size: 16px;
-}
-
-h6 {
-  line-height: 16px;
-  font-size: 14px;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-h1.bp3-heading,
-h2.bp3-heading,
-h3.bp3-heading,
-h4.bp3-heading,
-h5.bp3-heading,
-h6.bp3-heading {
-  color: #182026;
-  font-weight: 300;
-  margin: 0 0 10px;
-  padding: 0;
-  line-height: normal;
-}
-
-.bp3-dark h1,
-.bp3-dark h2,
-.bp3-dark h3,
-.bp3-dark h4,
-.bp3-dark h5,
-.bp3-dark h6 {
-  color: #f5f8fa;
-}
-.bp3-dark textarea {
-  background: #293742;
-  color: #f5f8fa;
-}
-
-/* bp3 fix https://github.com/palantir/blueprint/issues/2807 */
-.bp3-popover-wrapper {
-  display: inline-block;
-  position: relative;
-  vertical-align: top;
-}
-/* this line is necessary otherwise the line above setting "position: relative;" caused nested long bp3 submenus to not appear correctly when using the fix below */
-.bp3-submenu .bp3-popover-wrapper {
-  position: unset;
-}
-/* this fixes https://github.com/palantir/blueprint/issues/4791 but requires the "position: unset;" fix above */
-.bp3-submenu > * > .bp3-menu {
-  max-height: 96vh;
-  overflow: auto;
-}
-
-/* bp3 fix https://github.com/palantir/blueprint/issues/2807 */
-span.bp3-popover-target {
-  display: block;
-}
-
-.bp3-portal {
-  z-index: 100000;
-}
-.bp3-switch {
-  width: fit-content;
-  display: flex;
-  align-items: center;
-}
-
-.Select {
-  min-width: 170px;
-}
-
-/* override the default blueprint input focus to instead rely on an inset box shadow. This resolves any issues with overflow:hidden cutting off input box shadows */
-.bp3-dark .bp3-input:focus,
-.bp3-input:focus {
-  box-shadow: inset 0 0 3px 1px #137cbd;
-}
-
-.notClickable {
-  cursor: default !important;
-}
-.bp3-toast-container {
-  z-index: 100001;
-}
-
-.link-button {
-  background: none !important;
-  border: none;
-  padding: 0 !important;
-  font-family: arial, sans-serif;
-  color: rgb(0, 151, 227);
-  /* text-decoration: underline; */
-  cursor: pointer;
-}
-.link-button:hover {
-  color: rgb(98, 198, 248);
-  text-decoration: underline;
-}
-
-.above-dialog {
-  z-index: 100001;
-}
-
-code {
-  display: block;
-  white-space: pre-wrap;
-}
-
-.bp3-toast.no-close-button [aria-label="Close"] {
-  display: none;
-}
-
-.isDataTitle .tippy-box[data-theme~="teselagen"] .tippy-arrow {
-  opacity: 0 !important;
-}
-.isDataTitle .tippy-box[data-theme~="teselagen"] {
-  background-color: #4f4a50f4 !important;
-  border-radius: 0 !important;
-  color: #f3f3f3 !important;
-  font-size: 11px !important;
-  white-space: pre-wrap;
-  padding: 0px 0px !important;
-}
-
-[data-tippy-root]:has(.tippy-box[data-theme~="teselagen"]) {
-  z-index: 100000 !important;
-}
-
-[data-tippy-root] .tippy-box[data-theme~="teselagen"] {
-  background-color: #394b59;
-  color: #f5f8fa;
-  padding: 4px 4px;
-  word-break: break-word;
-}
-[data-tippy-root] .tippy-box[data-theme~="teselagen"] .tippy-arrow {
-  color: #394b59;
-}
-.bp3-dark [data-tippy-root] .tippy-box[data-theme~="teselagen"] {
-  background-color: #e1e8ed;
-  color: #394b59;
-}
-.bp3-dark [data-tippy-root] .tippy-box[data-theme~="teselagen"] .tippy-arrow {
-  /* background-color: #e1e8ed; */
-  color: #e1e8ed;
-}
-.isCellEditable .rt-td {
-  position: relative;
-}
-
-.ReactTable .tg-cell-edit-boolean-checkbox {
-  margin-bottom: 0;
-}
-
-.cellDragHandle {
-  height: 8px;
-  width: 8px;
-  cursor: crosshair;
-  border: 1px solid rgb(255, 255, 255);
-  background-color: rgb(76, 107, 171);
-  position: absolute;
-  bottom: -4px;
-  right: -4px;
-}
-
-/* make AnchorButton match Button */
-.bp3-button {
-  font-family: Arial;
-}
-
-button {
-  transition: all 0.2s ease-in-out;
-}
-
-button:not(:disabled):active {
-  transform: translateY(1px);
-}
-.bp3-tabs.bp3-vertical > .bp3-tab-panel {
-  min-width: 0px;
-}
-.bp3-toast[class*="bp3-intent-"] .bp3-button.tg-clear-all-toasts {
-  border: 1px solid white !important;
-}
-.bp3-toast[class*="bp3-intent-"] .bp3-button.tg-clear-all-toasts:hover {
-  /* background: blue !important; */
-  /* background: unset !important; */
-  background-color: #137cbd !important;
-}
-
-/* .bp3-toast .tg-clear-all-toasts {
-  background: unset !important;
-  color: unset !important;
-  padding: unset !important;
-  margin: unset !important;
-  font-size: unset !important;
-  line-height: unset !important;
-  border: unset !important;
-  box-shadow: unset !important;
-  text-align: unset !important;
-  cursor: pointer !important;
-} */
-
-.bp3-dialog-header .bp3-heading {
-  width: 10px; /* tnw: this is a hack to prevent the dialog title from causing the dialog width to expand larger than the dialog content*/
-}
-
-/* to fix tooltip styling issue - https://github.com/palantir/blueprint/issues/3430 */
-.bp3-popover[style*="transform-origin"][style*="bottom"] .bp3-popover-arrow {
-  transform: translate(0, -0.5px);
-}
-.bp3-popover[style*="transform-origin"][style*="left"] .bp3-popover-arrow {
-  transform: translate(0.5px, 0);
-}
-.bp3-popover[style*="transform-origin"][style*="top"] .bp3-popover-arrow {
-  transform: translate(0, 0.5px);
-}
-.bp3-popover[style*="transform-origin"][style*="right"] .bp3-popover-arrow {
-  transform: translate(-0.5px, 0);
-}

package/src/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);
-};

package/src/toastr.js

@@ -1,148 +0,0 @@
-import { Position, Toaster, Intent, Classes } from "@blueprintjs/core";
-import classNames from "classnames";
-
-const TopToaster = Toaster.create({
-  className: "top-toaster",
-  position: Position.TOP
-});
-
-const BottomToaster = Toaster.create({
-  className: "bottom-toaster",
-  position: Position.BOTTOM
-});
-
-window.__tgClearAllToasts = () => {
-  TopToaster.clear();
-  BottomToaster.clear();
-};
-
-let counter = 5000;
-const generateToast = intent => (message, options) => {
-  options = options || {};
-  const toastToUse = options.bottom ? BottomToaster : TopToaster;
-  let updatedTimeout;
-  if (options.updateTimeout) {
-    //generate a slightly different than default timeout to make the update stay on the page for a full 5 seconds
-    if (counter > 5500) {
-      updatedTimeout = --counter;
-    } else {
-      updatedTimeout = ++counter;
-    }
-  }
-  if (intent === Intent.DANGER) {
-    console.error("Toastr error message: ", message);
-  }
-  if (intent === Intent.WARNING) {
-    console.error("Toastr warning message: ", message);
-  }
-
-  const maybeAddClearAll = () => {
-    // wipe any existing clear all buttons
-    const existingClearAllButtons =
-      document.querySelectorAll(`.tg-clear-all-toasts`);
-    existingClearAllButtons.forEach(button => {
-      button.remove();
-    });
-    const activeToasts = document.querySelectorAll(
-      `.bp3-toast:not(.bp3-toast-exit)`
-    );
-    if (activeToasts.length > 1) {
-      // add custom clear all button
-
-      const topToaster = document.querySelector(`.bp3-toast`);
-      if (!topToaster) return;
-      const closeButton = document.createElement("div");
-      closeButton.classList.add(
-        Classes.BUTTON,
-        Classes.LARGE,
-        Classes.INTENT_PRIMARY,
-        "tg-clear-all-toasts"
-      );
-      closeButton.innerText = "Clear all";
-      closeButton.onclick = window.__tgClearAllToasts;
-      // position the button to the right of the message
-      closeButton.style.position = "absolute";
-      closeButton.style.right = "-100px";
-
-      topToaster.appendChild(closeButton);
-    }
-  };
-  const uniqKey = toastToUse.show(
-    {
-      intent,
-      message,
-      onDismiss: () => {
-        if (options.onDismiss) {
-          options.onDismiss();
-        }
-        setTimeout(() => {
-          maybeAddClearAll();
-        }, 0);
-      },
-      timeout:
-        options.timeout ||
-        updatedTimeout ||
-        (!window.Cypress &&
-        (intent === Intent.DANGER || intent === Intent.WARNING)
-          ? 60000
-          : undefined),
-      action: options.action,
-      icon: options.icon,
-      className: classNames("preserve-newline", options.className)
-    },
-    options.key
-  );
-  setTimeout(() => {
-    maybeAddClearAll();
-  }, 0);
-  function clear() {
-    toastToUse.dismiss(uniqKey);
-    setTimeout(() => {
-      maybeAddClearAll();
-    }, 0);
-  }
-  clear.key = uniqKey;
-  return clear;
-};
-
-function preventDuplicates(func) {
-  const previousToasts = {};
-  return (message, options = {}) => {
-    const clearToast = func(message, options);
-    // no duplicate check for toasts with updates
-
-    if (!options.key) {
-      if (!options.key && previousToasts[message]) {
-        previousToasts[message](); //clear it!
-      }
-
-      setTimeout(() => {
-        delete previousToasts[message];
-      }, options.timeout || 5000);
-
-      previousToasts[message] = clearToast;
-    }
-    return clearToast;
-  };
-}
-
-if (!window.toastr) window.toastr = {};
-if (!window.toastr.success) {
-  window.toastr.success = preventDuplicates(generateToast(Intent.SUCCESS));
-}
-
-if (!window.toastr.error) {
-  window.toastr.error = preventDuplicates(generateToast(Intent.DANGER));
-}
-
-if (!window.toastr.warning) {
-  window.toastr.warning = preventDuplicates(generateToast(Intent.WARNING));
-}
-
-if (!window.toastr.info) {
-  window.toastr.info = preventDuplicates(generateToast(Intent.PRIMARY));
-}
-
-if (!window.toastr.default) {
-  window.toastr.default = preventDuplicates(generateToast(Intent.NONE));
-}

package/src/typeToCommonType.js

@@ -1,6 +0,0 @@
-export const typeToCommonType = {
-  string: "Text",
-  number: "Number",
-  boolean: "True/False",
-  dropdown: "Select One"
-};

package/src/useDialog.js

@@ -1,63 +0,0 @@
-import React, { useCallback, useState } from "react";
-
-/*
-
-  const {toggleDialog, comp} = useDialog({
-    ModalComponent: SimpleInsertData,
-  });
-
-  return <div>
-    {comp} //stick the returned dialog comp somewhere in the dom! (it should not effect layout)
-    {...your code here}
-  </div>
-
-*/
-export const useDialog = ({ ModalComponent }) => {
-  const [isOpen, setOpen] = useState(false);
-  const [additionalProps, setAdditionalProps] = useState(false);
-  const Comp = useCallback(
-    () => (
-      <ModalComponent
-        hideModal={() => {
-          setOpen(false);
-        }}
-        hideDialog={() => {
-          setOpen(false);
-        }}
-        {...additionalProps}
-        dialogProps={{
-          isOpen,
-          ...additionalProps?.dialogProps
-        }}
-      />
-    ),
-    [ModalComponent, additionalProps, isOpen]
-  );
-
-  const showDialogPromise = useCallback(async (handlerName, moreProps = {}) => {
-    return new Promise(resolve => {
-      //return a promise that can be awaited
-      setAdditionalProps({
-        hideModal: () => {
-          //override hideModal to resolve also
-          setOpen(false);
-          resolve({});
-        },
-        hideDialog: () => {
-          //override hideModal to resolve also
-          setOpen(false);
-          resolve({});
-        },
-        [handlerName]: r => {
-          setOpen(false);
-          resolve(r || {});
-        },
-        //pass any additional props to the dialog
-        ...moreProps
-      });
-      setOpen(true); //open the dialog
-    });
-  }, []);
-
-  return { Comp, showDialogPromise };
-};

package/src/utils/adHoc.js

@@ -1,10 +0,0 @@
-import React from "react";
-import { compose } from "recompose";
-
-//adHoc allows you to add dynamic HOCs to a component
-export default func => WrappedComponent => props => {
-  const calledFunc = func(props);
-  const composeArgs = Array.isArray(calledFunc) ? calledFunc : [calledFunc];
-  const ComposedAndWrapped = compose(...composeArgs)(WrappedComponent);
-  return <ComposedAndWrapped {...props} />;
-};

package/src/utils/basicHandleActionsWithFullState.js

@@ -1,14 +0,0 @@
-export default function basicHandleActionsWithFullState(
-  handlers,
-  defaultState
-) {
-  return (state = defaultState, action, fullState) => {
-    const { type } = action;
-    const handler = handlers[type];
-    if (handler) {
-      return handler(state, action, fullState);
-    } else {
-      return state;
-    }
-  };
-}

package/src/utils/browserUtils.js

@@ -1,3 +0,0 @@
-export const isSafari = /^((?!chrome|android).)*safari/i.test(
-  navigator.userAgent
-);

package/src/utils/combineReducersWithFullState.js

@@ -1,14 +0,0 @@
-export default function combineReducers(reducers = {}) {
-  const reducerKeys = Object.keys(reducers);
-  return function combination(state = {}, action, fullState) {
-    let hasChanged = false;
-    const nextState = {};
-    fullState = fullState || state;
-    for (let i = 0; i < reducerKeys.length; i++) {
-      const key = reducerKeys[i];
-      nextState[key] = reducers[key](state[key], action, fullState);
-      hasChanged = hasChanged || nextState[key] !== state[key];
-    }
-    return hasChanged ? nextState : state;
-  };
-}

package/src/utils/commandControls.js

@@ -1,82 +0,0 @@
-import React from "react";
-import { Tooltip, Checkbox, Button, Switch } from "@blueprintjs/core";
-
-export const withCommand =
-  mappings =>
-  WrappedComponent =>
-  ({ cmd, cmdOptions = {}, ...props }) => {
-    const mappedProps = {};
-    Object.keys(mappings).forEach(k => {
-      mappedProps[k] =
-        mappings[k] === "execute"
-          ? event => cmd.execute({ event })
-          : typeof mappings[k] === "function"
-            ? mappings[k](cmd, props)
-            : cmd[mappings[k]];
-    });
-
-    let out = <WrappedComponent {...mappedProps} {...props} />;
-    const tooltip =
-      cmd.tooltip || (typeof cmd.isDisabled === "string" && cmd.isDisabled);
-    if (tooltip && !cmdOptions.ignoreTooltip) {
-      out = <Tooltip content={tooltip}>{out}</Tooltip>;
-    }
-
-    return cmd.isHidden && !cmdOptions.ignoreHidden ? null : out;
-  };
-
-export const CmdCheckbox = withCommand({
-  onChange: "execute",
-  label: (cmd, props) =>
-    props.name ||
-    (props.prefix && (
-      <React.Fragment>
-        {props.prefix}
-        {cmd.name}
-      </React.Fragment>
-    )) ||
-    cmd.name,
-  disabled: "isDisabled",
-  checked: "isActive"
-})(Checkbox);
-
-export const CmdSwitch = withCommand({
-  onChange: "execute",
-  label: (cmd, props) =>
-    props.name ||
-    (props.prefix && (
-      <React.Fragment>
-        {props.prefix}
-        {cmd.name}
-      </React.Fragment>
-    )) ||
-    cmd.name,
-  disabled: "isDisabled",
-  checked: "isActive"
-})(Switch);
-
-const Div = ({ onChange, children }) => {
-  return <div onClick={onChange}>{children}</div>;
-};
-
-export const CmdDiv = withCommand({
-  onChange: "execute",
-  children: (cmd, props) =>
-    props.name ||
-    (props.prefix && (
-      <React.Fragment>
-        {props.prefix}
-        {cmd.name}
-      </React.Fragment>
-    )) ||
-    cmd.name,
-  disabled: "isDisabled",
-  checked: "isActive"
-})(Div);
-
-export const CmdButton = withCommand({
-  onClick: "execute",
-  text: cmd => (cmd.isActive === false && cmd.inactiveName) || cmd.name,
-  icon: "icon",
-  disabled: "isDisabled"
-})(Button);