@teselagen/ui 0.4.14 → 0.4.15

package/src/index.js

@@ -18,11 +18,11 @@ export {
 } from "./DataTable/utils/withSelectedEntities";
 export {
   default as DataTable,
-  ConnectedPagingTool as PagingTool,
-  removeCleanRows
+  ConnectedPagingTool as PagingTool
 } from "./DataTable";
+export { removeCleanRows } from "./DataTable/utils";
 
-export { default as getIdOrCodeOrIndex } from "./DataTable/utils/getIdOrCodeOrIndex";
+export { getIdOrCodeOrIndex } from "./DataTable/utils";
 export { default as convertSchema } from "./DataTable/utils/convertSchema";
 export { default as Loading } from "./Loading";
 export { throwFormError } from "./throwFormError";

package/src/showDialogOnDocBody.js

@@ -1,4 +1,4 @@
-import ReactDOM from "react-dom";
+import { createRoot } from "react-dom/client";
 import React from "react";
 // import withDialog from "./enhancers/withDialog";
 import { Dialog } from "@blueprintjs/core";
@@ -19,19 +19,15 @@ export default function showDialogOnDocBody(DialogComp, options = {}) {
     DialogCompToUse = props => {
       return (
         <Dialog usePortal={false} title="pass a {title} prop" isOpen {...props}>
-          <DialogComp
-            {...props}
-            hideModal={onClose}
-            onClose={onClose}
-          ></DialogComp>
+          <DialogComp {...props} hideModal={onClose} onClose={onClose} />
         </Dialog>
       );
     };
   } else {
     DialogCompToUse = DialogComp;
   }
-  ReactDOM.render(
-    <DialogCompToUse hideModal={onClose} onClose={onClose} {...options} />,
-    dialogHolder
+  const root = createRoot(dialogHolder);
+  root.render(
+    <DialogCompToUse hideModal={onClose} onClose={onClose} {...options} />
   );
 }

package/src/useDialog.js

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 
-/* 
+/*
 
   const {toggleDialog, comp} = useDialog({
     ModalComponent: SimpleInsertData,
@@ -31,12 +31,14 @@ export const useDialog = ({ ModalComponent, ...rest }) => {
         ...rest?.dialogProps,
         ...additionalProps?.dialogProps
       }}
-    ></ModalComponent>
+    />
   );
+
   const toggleDialog = () => {
     setOpen(!isOpen);
   };
-  async function showDialogPromise(handlerName, moreProps = {}) {
+
+  const showDialogPromise = async (handlerName, moreProps = {}) => {
     return new Promise(resolve => {
       //return a promise that can be awaited
       setAdditionalProps({
@@ -59,6 +61,7 @@ export const useDialog = ({ ModalComponent, ...rest }) => {
       });
       setOpen(true); //open the dialog
     });
-  }
+  };
+
   return { comp, showDialogPromise, toggleDialog, setAdditionalProps };
 };

package/src/utils/renderOnDoc.js

@@ -1,29 +1,32 @@
-import ReactDOM from "react-dom";
+import { createRoot } from "react-dom/client";
 
 export function renderOnDoc(fn) {
   const elemDiv = document.createElement("div");
   elemDiv.style.cssText =
     "position:absolute;width:100%;height:100%;top:0px;opacity:0.3;z-index:0;";
   document.body.appendChild(elemDiv);
+  const root = createRoot(elemDiv);
   const handleClose = () => {
     setTimeout(() => {
-      ReactDOM.unmountComponentAtNode(elemDiv);
+      root.unmount(elemDiv);
       document.body.removeChild(elemDiv);
     });
   };
-  return ReactDOM.render(fn(handleClose), elemDiv);
+  root.render(fn(handleClose));
 }
+
 export function renderOnDocSimple(el) {
   const elemDiv = document.createElement("div");
   elemDiv.style.cssText =
     "position:absolute;width:100%;height:100%;top:0px;opacity:1;z-index:10000;";
   document.body.appendChild(elemDiv);
+  const root = createRoot(elemDiv);
+  root.render(el);
   const handleClose = () => {
     setTimeout(() => {
-      ReactDOM.unmountComponentAtNode(elemDiv);
+      root.unmount();
       document.body.removeChild(elemDiv);
     });
   };
-  ReactDOM.render(el, elemDiv);
   return handleClose;
 }

package/style.css

@@ -9082,6 +9082,13 @@ button:not(:disabled):active {
 .rg-celleditor input {
   border: none;
 }
+.bp3-popover.tg-info-helper-popover .bp3-popover-content {
+  max-width: 340px;
+}
+
+.info-helper-clickable .bp3-popover-target {
+  cursor: pointer;
+}
 .tg-select {
   width: 100%;
   min-width: 170px;
@@ -9143,13 +9150,6 @@ button:not(:disabled):active {
   max-height: 300px;
   overflow: auto;
 }
-.bp3-popover.tg-info-helper-popover .bp3-popover-content {
-  max-width: 340px;
-}
-
-.info-helper-clickable .bp3-popover-target {
-  cursor: pointer;
-}
 .ReactTable{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:1px solid rgba(0,0,0,0.1);}.ReactTable *{box-sizing:border-box}.ReactTable .rt-table{-ms-flex:auto 1;flex:auto 1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;width:100%;border-collapse:collapse;overflow:auto}.ReactTable .rt-thead{-ms-flex:1 0 auto;flex:1 0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.ReactTable .rt-thead.-headerGroups{background:rgba(0,0,0,0.03);border-bottom:1px solid rgba(0,0,0,0.05)}.ReactTable .rt-thead.-filters{border-bottom:1px solid rgba(0,0,0,0.05);}.ReactTable .rt-thead.-filters input,.ReactTable .rt-thead.-filters select{border:1px solid rgba(0,0,0,0.1);background:#fff;padding:5px 7px;font-size:inherit;border-radius:3px;font-weight:normal;outline-width:0}.ReactTable .rt-thead.-filters .rt-th{border-right:1px solid rgba(0,0,0,0.02)}.ReactTable .rt-thead.-header{box-shadow:0 2px 15px 0 rgba(0,0,0,0.15)}.ReactTable .rt-thead .rt-tr{text-align:center}.ReactTable .rt-thead .rt-th,.ReactTable .rt-thead .rt-td{padding:5px 5px;line-height:normal;position:relative;border-right:1px solid rgba(0,0,0,0.05);transition:box-shadow .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:inset 0 0 0 0 transparent;}.ReactTable .rt-thead .rt-th.-sort-asc,.ReactTable .rt-thead .rt-td.-sort-asc{box-shadow:inset 0 3px 0 0 rgba(0,0,0,0.6)}.ReactTable .rt-thead .rt-th.-sort-desc,.ReactTable .rt-thead .rt-td.-sort-desc{box-shadow:inset 0 -3px 0 0 rgba(0,0,0,0.6)}.ReactTable .rt-thead .rt-th.-cursor-pointer,.ReactTable .rt-thead .rt-td.-cursor-pointer{cursor:pointer}.ReactTable .rt-thead .rt-th:last-child,.ReactTable .rt-thead .rt-td:last-child{border-right:0}.ReactTable .rt-thead .rt-th:focus{outline-width:0}.ReactTable .rt-thead .rt-resizable-header{overflow:visible;}.ReactTable .rt-thead .rt-resizable-header:last-child{overflow:hidden}.ReactTable .rt-thead .rt-resizable-header-content{overflow:hidden;text-overflow:ellipsis}.ReactTable .rt-thead .rt-header-pivot{border-right-color:#f7f7f7}.ReactTable .rt-thead .rt-header-pivot:after,.ReactTable .rt-thead .rt-header-pivot:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ReactTable .rt-thead .rt-header-pivot:after{border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:8px;margin-top:-8px}.ReactTable .rt-thead .rt-header-pivot:before{border-color:rgba(102,102,102,0);border-left-color:#f7f7f7;border-width:10px;margin-top:-10px}.ReactTable .rt-tbody{-ms-flex:99999 1 auto;flex:99999 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;}.ReactTable .rt-tbody .rt-tr-group{border-bottom:solid 1px rgba(0,0,0,0.05);}.ReactTable .rt-tbody .rt-tr-group:last-child{border-bottom:0}.ReactTable .rt-tbody .rt-td{border-right:1px solid rgba(0,0,0,0.02);}.ReactTable .rt-tbody .rt-td:last-child{border-right:0}.ReactTable .rt-tbody .rt-expandable{cursor:pointer;text-overflow:clip}.ReactTable .rt-tr-group{-ms-flex:1 0 auto;flex:1 0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}.ReactTable .rt-tr{-ms-flex:1 0 auto;flex:1 0 auto;display:-ms-inline-flexbox;display:inline-flex}.ReactTable .rt-th,.ReactTable .rt-td{-ms-flex:1 0 0px;flex:1 0 0;white-space:nowrap;text-overflow:ellipsis;padding:7px 5px;overflow:hidden;transition:.3s ease;transition-property:width,min-width,padding,opacity;}.ReactTable .rt-th.-hidden,.ReactTable .rt-td.-hidden{width:0 !important;min-width:0 !important;padding:0 !important;border:0 !important;opacity:0 !important}.ReactTable .rt-expander{display:inline-block;position:relative;margin:0;color:transparent;margin:0 10px;}.ReactTable .rt-expander:after{content:'';position:absolute;width:0;height:0;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);border-left:5.04px solid transparent;border-right:5.04px solid transparent;border-top:7px solid rgba(0,0,0,0.8);transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.ReactTable .rt-expander.-open:after{transform:translate(-50%,-50%) rotate(0)}.ReactTable .rt-resizer{display:inline-block;position:absolute;width:36px;top:0;bottom:0;right:-18px;cursor:col-resize;z-index:10}.ReactTable .rt-tfoot{-ms-flex:1 0 auto;flex:1 0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;box-shadow:0 0 15px 0 rgba(0,0,0,0.15);}.ReactTable .rt-tfoot .rt-td{border-right:1px solid rgba(0,0,0,0.05);}.ReactTable .rt-tfoot .rt-td:last-child{border-right:0}.ReactTable.-striped .rt-tr.-odd{background:rgba(0,0,0,0.03)}.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover{background:rgba(0,0,0,0.05)}.ReactTable .-pagination{z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:3px;box-shadow:0 0 15px 0 rgba(0,0,0,0.1);border-top:2px solid rgba(0,0,0,0.1);}.ReactTable .-pagination input,.ReactTable .-pagination select{border:1px solid rgba(0,0,0,0.1);background:#fff;padding:5px 7px;font-size:inherit;border-radius:3px;font-weight:normal;outline-width:0}.ReactTable .-pagination .-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:100%;border:0;border-radius:3px;padding:6px;font-size:1em;color:rgba(0,0,0,0.6);background:rgba(0,0,0,0.1);transition:all .1s ease;cursor:pointer;outline-width:0;}.ReactTable .-pagination .-btn[disabled]{opacity:.5;cursor:default}.ReactTable .-pagination .-btn:not([disabled]):hover{background:rgba(0,0,0,0.3);color:#fff}.ReactTable .-pagination .-previous,.ReactTable .-pagination .-next{-ms-flex:1;flex:1;text-align:center}.ReactTable .-pagination .-center{-ms-flex:1.5;flex:1.5;text-align:center;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.ReactTable .-pagination .-pageInfo{display:inline-block;margin:3px 10px;white-space:nowrap}.ReactTable .-pagination .-pageJump{display:inline-block;}.ReactTable .-pagination .-pageJump input{width:70px;text-align:center}.ReactTable .-pagination .-pageSizeOptions{margin:3px 10px}.ReactTable .rt-noData{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,0.8);transition:all .3s ease;z-index:1;pointer-events:none;padding:20px;color:rgba(0,0,0,0.5)}.ReactTable .-loading{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255,0.8);transition:all .3s ease;z-index:-1;opacity:0;pointer-events:none;}.ReactTable .-loading > div{position:absolute;display:block;text-align:center;width:100%;top:50%;left:0;font-size:15px;color:rgba(0,0,0,0.6);transform:translateY(-52%);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.ReactTable .-loading.-active{opacity:1;z-index:2;pointer-events:all;}.ReactTable .-loading.-active > div{transform:translateY(50%)}.ReactTable .rt-resizing .rt-th,.ReactTable .rt-resizing .rt-td{transition:none !important;cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}/* DataTable style.css */
 .custom-menu-item {
   text-overflow: ellipsis;

package/useDialog.d.ts

@@ -1,10 +1,10 @@
+import { default as React } from '../../../node_modules/react';
 export function useDialog({ ModalComponent, ...rest }: {
     [x: string]: any;
     ModalComponent: any;
 }): {
-    comp: import('../../../node_modules/react/jsx-runtime').JSX.Element;
+    comp: import("react/jsx-runtime").JSX.Element;
     showDialogPromise: (handlerName: any, moreProps?: {}) => Promise<any>;
     toggleDialog: () => void;
     setAdditionalProps: React.Dispatch<React.SetStateAction<boolean>>;
 };
-import React from '../../../node_modules/react';

package/utils/adHoc.d.ts

@@ -1,2 +1,2 @@
-declare function _default(func: any): (WrappedComponent: any) => (props: any) => import('../../../../node_modules/react/jsx-runtime').JSX.Element;
+declare function _default(func: any): (WrappedComponent: any) => (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/utils/commandControls.d.ts

@@ -2,24 +2,24 @@ export function withCommand(mappings: any): (WrappedComponent: any) => ({ cmd, c
     [x: string]: any;
     cmd: any;
     cmdOptions?: {} | undefined;
-}) => import('../../../../node_modules/react/jsx-runtime').JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export function CmdCheckbox({ cmd, cmdOptions, ...props }: {
     [x: string]: any;
     cmd: any;
     cmdOptions?: {} | undefined;
-}): import('../../../../node_modules/react/jsx-runtime').JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 export function CmdSwitch({ cmd, cmdOptions, ...props }: {
     [x: string]: any;
     cmd: any;
     cmdOptions?: {} | undefined;
-}): import('../../../../node_modules/react/jsx-runtime').JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 export function CmdDiv({ cmd, cmdOptions, ...props }: {
     [x: string]: any;
     cmd: any;
     cmdOptions?: {} | undefined;
-}): import('../../../../node_modules/react/jsx-runtime').JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 export function CmdButton({ cmd, cmdOptions, ...props }: {
     [x: string]: any;
     cmd: any;
     cmdOptions?: {} | undefined;
-}): import('../../../../node_modules/react/jsx-runtime').JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;

package/utils/hotkeyUtils.d.ts

@@ -3,4 +3,4 @@ export function hotkeysById(hotkeys: any, mode?: string): (id: any) => any;
 export function getHotkeyProps(def: any, id: any): any;
 export function withHotkeys(hotkeys: any, handlers: any): ({ children }?: {
     children: any;
-}) => import('../../../../node_modules/react/jsx-runtime').JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/utils/menuUtils.d.ts

@@ -1,10 +1,11 @@
+import { Menu } from '../../../../node_modules/@blueprintjs/core';
 export function MenuItemLink({ text, onClick, icon, navTo, active }: {
     text: any;
     onClick: any;
     icon: any;
     navTo: any;
     active: any;
-}): import('../../../../node_modules/react/jsx-runtime').JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export function showCommandContextMenu(menuDef: any, commands: any, config: any, event: any, onClose: any, context: any): void;
 export function showContextMenu(menuDef: any, enhancers: any, event: any, onClose: any, context: any, menuComp?: typeof Menu): void;
 export function getStringFromReactComponent(comp: any): any;
@@ -17,14 +18,13 @@ export function DynamicMenuItem({ def, enhancers, context, doNotEnhanceTopLevelI
     enhancers?: ((x: any) => any)[] | undefined;
     context: any;
     doNotEnhanceTopLevelItem: any;
-}): import('../../../../node_modules/react/jsx-runtime').JSX.Element | null;
-export function createDynamicMenu(menuDef: any, enhancers: any, context: any): import('../../../../node_modules/react/jsx-runtime').JSX.Element | import('../../../../node_modules/react/jsx-runtime').JSX.Element[];
+}): import("react/jsx-runtime").JSX.Element | null;
+export function createDynamicMenu(menuDef: any, enhancers: any, context: any): import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
 export function createDynamicBarMenu(topMenuDef: any, enhancers: any, context: any): any;
-export function createCommandMenu(menuDef: any, commands: any, config: any, context: any): import('../../../../node_modules/react/jsx-runtime').JSX.Element | import('../../../../node_modules/react/jsx-runtime').JSX.Element[];
+export function createCommandMenu(menuDef: any, commands: any, config: any, context: any): import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
 export function createCommandBarMenu(menuDef: any, commands: any, config: any, context: any): any;
-export function createMenu(menuDef: any, enhancers: any, context: any): import('../../../../node_modules/react/jsx-runtime').JSX.Element | import('../../../../node_modules/react/jsx-runtime').JSX.Element[];
+export function createMenu(menuDef: any, enhancers: any, context: any): import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
 export function MenuItemWithTooltip({ tooltip, ...rest }: {
     [x: string]: any;
     tooltip: any;
-}): import('../../../../node_modules/react/jsx-runtime').JSX.Element;
-import { Menu } from '../../../../node_modules/@blueprintjs/core';
+}): import("react/jsx-runtime").JSX.Element;

package/utils/renderOnDoc.d.ts

@@ -1,2 +1,2 @@
-export function renderOnDoc(fn: any): Element;
+export function renderOnDoc(fn: any): void;
 export function renderOnDocSimple(el: any): () => void;

package/utils/tagUtils.d.ts

@@ -1,5 +1,5 @@
 export function getTagsAndTagOptions(allTags: any): any[];
-export function getKeyedTagsAndTagOptions(tags: any): import("lodash").Dictionary<any>;
+export function getKeyedTagsAndTagOptions(tags: any): import('lodash').Dictionary<any>;
 export function getTagColorStyle(color: any): {
     style: {
         backgroundColor: any;

package/utils/tgFormValues.d.ts

@@ -1,3 +1,3 @@
 export default tgFormValues;
 export function tgFormValueSelector(formName: any, ...fields: any[]): import('../../../../node_modules/react-redux').InferableComponentEnhancerWithProps<any, {}>;
-declare function tgFormValues(...fieldNames: any[]): (Component: any) => (props: any) => import('../../../../node_modules/react/jsx-runtime').JSX.Element;
+declare function tgFormValues(...fieldNames: any[]): (Component: any) => (props: any) => import("react/jsx-runtime").JSX.Element;

package/utils/withStore.d.ts

@@ -1,2 +1,2 @@
 export default withStore;
-declare function withStore(Component: any): (props: any) => import('../../../../node_modules/react/jsx-runtime').JSX.Element;
+declare function withStore(Component: any): (props: any) => import("react/jsx-runtime").JSX.Element;

package/wrapDialog.d.ts

@@ -1,2 +1,2 @@
-declare function _default(topLevelDialogProps?: {}): (Component: any) => (props: any) => import('../../../node_modules/react/jsx-runtime').JSX.Element;
+declare function _default(topLevelDialogProps?: {}): (Component: any) => (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;