@teselagen/ui 0.3.10 → 0.3.12

package/index.js

@@ -30475,20 +30475,12 @@ var _cof = function (it) {
   return toString$6.call(it).slice(8, -1);
 };
 
-var _iobject;
-var hasRequired_iobject;
-
-function require_iobject () {
-	if (hasRequired_iobject) return _iobject;
-	hasRequired_iobject = 1;
-	// fallback for non-array-like ES3 and non-enumerable old V8 strings
-	var cof = _cof;
-	// eslint-disable-next-line no-prototype-builtins
-	_iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
-	  return cof(it) == 'String' ? it.split('') : Object(it);
-	};
-	return _iobject;
-}
+// fallback for non-array-like ES3 and non-enumerable old V8 strings
+var cof$2 = _cof;
+// eslint-disable-next-line no-prototype-builtins
+var _iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
+  return cof$2(it) == 'String' ? it.split('') : Object(it);
+};
 
 // 7.2.1 RequireObjectCoercible(argument)
 var _defined = function (it) {
@@ -30497,7 +30489,7 @@ var _defined = function (it) {
 };
 
 // to indexed object, toObject with fallback for non-array-like ES3 strings
-var IObject = require_iobject();
+var IObject = _iobject;
 var defined$2 = _defined;
 var _toIobject = function (it) {
   return IObject(defined$2(it));
@@ -30644,7 +30636,7 @@ function require_objectAssign () {
 	var gOPS = _objectGops;
 	var pIE = require_objectPie();
 	var toObject = _toObject;
-	var IObject = require_iobject();
+	var IObject = _iobject;
 	var $assign = Object.assign;
 
 	// should work with symbols and should have deterministic property order (V8 bug)
@@ -85604,13 +85596,7 @@ function withTableParams(compOrOpts, pTopLevelOpts) {
       return {};
     }
     const mergedOpts = getMergedOpts(topLevelOptions, ownProps);
-    const {
-      formName,
-      urlConnected,
-      history,
-      defaults,
-      onlyOneFilter
-    } = mergedOpts;
+    const { formName, urlConnected, history, defaults, onlyOneFilter } = mergedOpts;
     function updateSearch(val) {
       setTimeout(function() {
         dispatch(reduxForm.change(formName, "reduxFormSearchInput", val || ""));
@@ -85649,12 +85635,7 @@ function withTableParams(compOrOpts, pTopLevelOpts) {
         action(...args, currentParams);
       };
     });
-    const {
-      variables,
-      selectedEntities,
-      mergedOpts,
-      ...restStateProps
-    } = stateProps;
+    const { variables, selectedEntities, mergedOpts, ...restStateProps } = stateProps;
     const changeFormValue = (...args) => dispatchProps.dispatch(reduxForm.change(formName, ...args));
     const tableParams = {
       changeFormValue,
@@ -89550,7 +89531,9 @@ const wrapDialog = (topLevelDialogProps = {}) => (Component) => (props) => {
                 return doNotTriggerClick();
             }
             const parentEl = r.current?.closest(".bp3-dialog-container");
-            const dialogs = document.querySelectorAll(".bp3-dialog-container");
+            const dialogs = document.querySelectorAll(
+              ".bp3-dialog-container"
+            );
             const numDialogs = dialogs?.length;
             if (numDialogs > 1) {
               const topMostDialog = dialogs[numDialogs - 1];
@@ -89902,6 +89885,7 @@ function MatchHeaders({
             marginBottom: 10,
             marginLeft: 20,
             fontSize: 10
+            /* color: Colors.RED1 */
           }
         },
         userMatchedHeader && [
@@ -91890,10 +91874,7 @@ const UploadCsvWizardDialog = compose(
       if (props.filesWIssues.length > 0) {
         const reduxFormEntitiesArray = [];
         const finishedFiles = props.filesWIssues.map((f, i) => {
-          const {
-            reduxFormEntities,
-            reduxFormCellValidation
-          } = reduxForm.formValueSelector(`editableCellTable-${i}`)(
+          const { reduxFormEntities, reduxFormCellValidation } = reduxForm.formValueSelector(`editableCellTable-${i}`)(
             state,
             "reduxFormEntities",
             "reduxFormCellValidation"
@@ -92270,6 +92251,8 @@ const PreviewCsvData = observer(function(props) {
     userSchema = exampleData,
     initialEntities
   } = props;
+  const rerenderKey = React$1.useRef(0);
+  rerenderKey.current = rerenderKey.current + 1;
   const data = userSchema.userData && userSchema.userData.length && userSchema.userData.map((row) => {
     const toRet = {
       _isClean: row._isClean
@@ -92316,6 +92299,7 @@ const PreviewCsvData = observer(function(props) {
     {
       maxWidth: 800,
       maxHeight: 500,
+      rerenderKey: rerenderKey.current,
       destroyOnUnmount: false,
       doNotValidateUntouchedRows: true,
       formName: datatableFormName || "editableCellTable",
@@ -104272,7 +104256,14 @@ const EnhancedMenuItem = compose(
     }
   }),
   branch(({ navTo }) => navTo, withRouter$1)
-)(function({ navTo, context, staticContext, didMount, willUnmount, ...props }) {
+)(function({
+  navTo,
+  context,
+  staticContext,
+  didMount,
+  willUnmount,
+  ...props
+}) {
   let MenuItemComp = core$5.MenuItem;
   if (navTo) {
     MenuItemComp = MenuItemLink;
@@ -105654,11 +105645,7 @@ function getCommandHotkeyHandlers(commands) {
   return handlers;
 }
 
-const withCommand = (mappings) => (WrappedComponent) => ({
-  cmd,
-  cmdOptions = {},
-  ...props
-}) => {
+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]];

package/index.mjs

@@ -30454,20 +30454,12 @@ var _cof = function (it) {
   return toString$6.call(it).slice(8, -1);
 };
 
-var _iobject;
-var hasRequired_iobject;
-
-function require_iobject () {
-	if (hasRequired_iobject) return _iobject;
-	hasRequired_iobject = 1;
-	// fallback for non-array-like ES3 and non-enumerable old V8 strings
-	var cof = _cof;
-	// eslint-disable-next-line no-prototype-builtins
-	_iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
-	  return cof(it) == 'String' ? it.split('') : Object(it);
-	};
-	return _iobject;
-}
+// fallback for non-array-like ES3 and non-enumerable old V8 strings
+var cof$2 = _cof;
+// eslint-disable-next-line no-prototype-builtins
+var _iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
+  return cof$2(it) == 'String' ? it.split('') : Object(it);
+};
 
 // 7.2.1 RequireObjectCoercible(argument)
 var _defined = function (it) {
@@ -30476,7 +30468,7 @@ var _defined = function (it) {
 };
 
 // to indexed object, toObject with fallback for non-array-like ES3 strings
-var IObject = require_iobject();
+var IObject = _iobject;
 var defined$2 = _defined;
 var _toIobject = function (it) {
   return IObject(defined$2(it));
@@ -30623,7 +30615,7 @@ function require_objectAssign () {
 	var gOPS = _objectGops;
 	var pIE = require_objectPie();
 	var toObject = _toObject;
-	var IObject = require_iobject();
+	var IObject = _iobject;
 	var $assign = Object.assign;
 
 	// should work with symbols and should have deterministic property order (V8 bug)
@@ -85583,13 +85575,7 @@ function withTableParams(compOrOpts, pTopLevelOpts) {
       return {};
     }
     const mergedOpts = getMergedOpts(topLevelOptions, ownProps);
-    const {
-      formName,
-      urlConnected,
-      history,
-      defaults,
-      onlyOneFilter
-    } = mergedOpts;
+    const { formName, urlConnected, history, defaults, onlyOneFilter } = mergedOpts;
     function updateSearch(val) {
       setTimeout(function() {
         dispatch(change(formName, "reduxFormSearchInput", val || ""));
@@ -85628,12 +85614,7 @@ function withTableParams(compOrOpts, pTopLevelOpts) {
         action(...args, currentParams);
       };
     });
-    const {
-      variables,
-      selectedEntities,
-      mergedOpts,
-      ...restStateProps
-    } = stateProps;
+    const { variables, selectedEntities, mergedOpts, ...restStateProps } = stateProps;
     const changeFormValue = (...args) => dispatchProps.dispatch(change(formName, ...args));
     const tableParams = {
       changeFormValue,
@@ -89529,7 +89510,9 @@ const wrapDialog = (topLevelDialogProps = {}) => (Component) => (props) => {
                 return doNotTriggerClick();
             }
             const parentEl = r.current?.closest(".bp3-dialog-container");
-            const dialogs = document.querySelectorAll(".bp3-dialog-container");
+            const dialogs = document.querySelectorAll(
+              ".bp3-dialog-container"
+            );
             const numDialogs = dialogs?.length;
             if (numDialogs > 1) {
               const topMostDialog = dialogs[numDialogs - 1];
@@ -89881,6 +89864,7 @@ function MatchHeaders({
             marginBottom: 10,
             marginLeft: 20,
             fontSize: 10
+            /* color: Colors.RED1 */
           }
         },
         userMatchedHeader && [
@@ -91869,10 +91853,7 @@ const UploadCsvWizardDialog = compose(
       if (props.filesWIssues.length > 0) {
         const reduxFormEntitiesArray = [];
         const finishedFiles = props.filesWIssues.map((f, i) => {
-          const {
-            reduxFormEntities,
-            reduxFormCellValidation
-          } = formValueSelector(`editableCellTable-${i}`)(
+          const { reduxFormEntities, reduxFormCellValidation } = formValueSelector(`editableCellTable-${i}`)(
             state,
             "reduxFormEntities",
             "reduxFormCellValidation"
@@ -92249,6 +92230,8 @@ const PreviewCsvData = observer(function(props) {
     userSchema = exampleData,
     initialEntities
   } = props;
+  const rerenderKey = useRef(0);
+  rerenderKey.current = rerenderKey.current + 1;
   const data = userSchema.userData && userSchema.userData.length && userSchema.userData.map((row) => {
     const toRet = {
       _isClean: row._isClean
@@ -92295,6 +92278,7 @@ const PreviewCsvData = observer(function(props) {
     {
       maxWidth: 800,
       maxHeight: 500,
+      rerenderKey: rerenderKey.current,
       destroyOnUnmount: false,
       doNotValidateUntouchedRows: true,
       formName: datatableFormName || "editableCellTable",
@@ -104251,7 +104235,14 @@ const EnhancedMenuItem = compose(
     }
   }),
   branch(({ navTo }) => navTo, withRouter$1)
-)(function({ navTo, context, staticContext, didMount, willUnmount, ...props }) {
+)(function({
+  navTo,
+  context,
+  staticContext,
+  didMount,
+  willUnmount,
+  ...props
+}) {
   let MenuItemComp = MenuItem;
   if (navTo) {
     MenuItemComp = MenuItemLink;
@@ -105633,11 +105624,7 @@ function getCommandHotkeyHandlers(commands) {
   return handlers;
 }
 
-const withCommand = (mappings) => (WrappedComponent) => ({
-  cmd,
-  cmdOptions = {},
-  ...props
-}) => {
+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]];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.3.10",
+  "version": "0.3.12",
   "main": "./src/index.js",
   "dependencies": {
     "@teselagen/file-utils": "0.3.9",

package/src/AdvancedOptions.spec.js

@@ -10,7 +10,9 @@ describe("AdvancedOptions", () => {
     expect(queryByText("Test Label")).toBeInTheDocument();
     expect(queryByText("Test Content")).not.toBeInTheDocument();
 
-    expect(container.querySelector(".bp3-icon-caret-right")).toBeInTheDocument();
+    expect(
+      container.querySelector(".bp3-icon-caret-right")
+    ).toBeInTheDocument();
   });
 
   test("toggles content when clicked", () => {

package/src/DataTable/CellDragHandle.js

@@ -14,7 +14,7 @@ export function CellDragHandle({
   const rowsToSelect = useRef();
   const rectangleCellPaths = useRef();
 
-  const handleDrag = useRef((e) => {
+  const handleDrag = useRef(e => {
     const table = ReactDOM.findDOMNode(thisTable).querySelector(".rt-table");
     const trs = table.querySelectorAll(`.rt-tr-group.with-row-data`);
     const [rowId, path] = cellId.split(":");
@@ -60,7 +60,7 @@ export function CellDragHandle({
             //add dashed borders
 
             if (rectangleCellPaths.current) {
-              rectangleCellPaths.current.forEach((path) => {
+              rectangleCellPaths.current.forEach(path => {
                 changeDashedBorder(path, true);
               });
             } else {
@@ -70,7 +70,7 @@ export function CellDragHandle({
         }
         if (!isSelectedForUpdate) {
           if (rectangleCellPaths.current) {
-            rectangleCellPaths.current.forEach((path) => {
+            rectangleCellPaths.current.forEach(path => {
               changeDashedBorder(path, false);
             });
           } else {
@@ -87,9 +87,9 @@ export function CellDragHandle({
     const trs = table.querySelectorAll(`.rt-tr-group.with-row-data`);
     const [, path] = cellId.split(":");
     //remove the dashed borders
-    forEach(trs, (tr) => {
+    forEach(trs, tr => {
       if (rectangleCellPaths.current) {
-        rectangleCellPaths.current.forEach((path) => {
+        rectangleCellPaths.current.forEach(path => {
           const el = tr.querySelector(`[data-test="tgCell_${path}"]`);
           el.parentNode.classList.remove("selectedForUpdate");
         });
@@ -101,9 +101,9 @@ export function CellDragHandle({
     document.removeEventListener("mousemove", handleDrag.current, false);
     document.removeEventListener("mouseup", mouseup.current, false);
     onDragEnd(
-      flatMap(rowsToSelect.current, (id) => {
+      flatMap(rowsToSelect.current, id => {
         if (rectangleCellPaths.current) {
-          return rectangleCellPaths.current.map((path) => {
+          return rectangleCellPaths.current.map(path => {
             return `${id}:${path}`;
           });
         } else {
@@ -115,7 +115,7 @@ export function CellDragHandle({
 
   return (
     <div
-      onMouseDown={(e) => {
+      onMouseDown={e => {
         rowsToSelect.current = [];
         xStart.current = e.clientX;
         const { isRect, selectedPaths } = isSelectionARectangle();

package/src/DataTable/FilterAndSortMenu.js

@@ -47,9 +47,9 @@ const filterTypesDictionary = {
   regex: "text"
 };
 
-const isInvalidFilterValue = (value) => {
+const isInvalidFilterValue = value => {
   if (Array.isArray(value) && value.length) {
-    return value.some((item) => isInvalidFilterValue(item));
+    return value.some(item => isInvalidFilterValue(item));
   }
   return value === "" || value === undefined || value.length === 0;
 };
@@ -64,7 +64,7 @@ export default class FilterAndSortMenu extends React.Component {
       ...this.props.currentFilter
     };
   }
-  handleFilterChange = (selectedFilter) => {
+  handleFilterChange = selectedFilter => {
     const { filterValue } = this.state;
     if (
       filterValue &&
@@ -84,7 +84,7 @@ export default class FilterAndSortMenu extends React.Component {
     }
     this.setState({ selectedFilter: camelCase(selectedFilter) });
   };
-  handleFilterValueChange = (filterValue) => {
+  handleFilterValueChange = filterValue => {
     this.setState({ filterValue });
   };
   handleFilterSubmit = () => {
@@ -108,7 +108,7 @@ export default class FilterAndSortMenu extends React.Component {
       if (dataType === "number") {
         filterValToUse =
           filterValue &&
-          filterValue.map((val) => parseFloat(val.replaceAll(",", "")));
+          filterValue.map(val => parseFloat(val.replaceAll(",", "")));
       }
     }
 
@@ -244,15 +244,15 @@ class FilterInput extends React.Component {
               noResults={null}
               multi={true}
               creatable={true}
-              value={(filterValue || []).map((val) => ({
+              value={(filterValue || []).map(val => ({
                 label: val,
                 value: val
               }))}
-              onChange={(selectedOptions) => {
-                selectedOptions.some((opt) => opt.value === "")
+              onChange={selectedOptions => {
+                selectedOptions.some(opt => opt.value === "")
                   ? handleFilterSubmit()
                   : handleFilterValueChange(
-                      selectedOptions.map((opt) => opt.value)
+                      selectedOptions.map(opt => opt.value)
                     );
               }}
               options={[]}
@@ -310,7 +310,7 @@ class FilterInput extends React.Component {
               value={filterValue ? dayjs(filterValue).toDate() : undefined}
               {...getDayjsFormatter("L")}
               {...dateMinMaxHelpers}
-              onChange={(selectedDates) => {
+              onChange={selectedDates => {
                 handleFilterValueChange(selectedDates);
               }}
             />
@@ -341,13 +341,13 @@ class FilterInput extends React.Component {
                 captureDismiss: true
               }}
               {...{
-                formatDate: (date) =>
+                formatDate: date =>
                   date == null ? "" : date.toLocaleDateString(),
-                parseDate: (str) => new Date(Date.parse(str)),
+                parseDate: str => new Date(Date.parse(str)),
                 placeholder: "JS Date"
               }}
               {...dateMinMaxHelpers}
-              onChange={(selectedDates) => {
+              onChange={selectedDates => {
                 if (selectedDates[0] && selectedDates[1]) {
                   handleFilterValueChange(selectedDates);
                 }

package/src/DataTable/PagingTool.js

@@ -219,14 +219,16 @@ export default compose(
     };
   }),
   withHandlers({
-    onPageChange: ({ entities, keepSelectionOnPageChange, change }) => () => {
-      const record = get(entities, "[0]");
-      if (
-        !keepSelectionOnPageChange &&
-        (!record || !getIdOrCodeOrIndex(record))
-      ) {
-        change("reduxFormSelectedEntityIdMap", {});
+    onPageChange:
+      ({ entities, keepSelectionOnPageChange, change }) =>
+      () => {
+        const record = get(entities, "[0]");
+        if (
+          !keepSelectionOnPageChange &&
+          (!record || !getIdOrCodeOrIndex(record))
+        ) {
+          change("reduxFormSelectedEntityIdMap", {});
+        }
       }
-    }
   })
 )(PagingTool);

package/src/DataTable/dataTableEnhancer.js

@@ -163,14 +163,14 @@ export default compose(
       if (syncDisplayOptionsToDb) {
         //sync up to db
         let tableConfigurationId;
-        resetDefaultVisibility = function() {
+        resetDefaultVisibility = function () {
           tableConfigurationId = tableConfig.id;
 
           if (tableConfigurationId) {
             deleteTableConfiguration(tableConfigurationId);
           }
         };
-        updateColumnVisibility = function({ shouldShow, path }) {
+        updateColumnVisibility = function ({ shouldShow, path }) {
           if (tableConfigurationId) {
             const existingFieldOpt = fieldOptsByPath[path] || {};
             upsertFieldOption({
@@ -198,10 +198,10 @@ export default compose(
         };
 
         //sync display options with localstorage
-        resetDefaultVisibility = function() {
+        resetDefaultVisibility = function () {
           window.localStorage.removeItem(formName);
         };
-        updateColumnVisibility = function({ path, paths, shouldShow }) {
+        updateColumnVisibility = function ({ path, paths, shouldShow }) {
           const newFieldOpts = {
             ...fieldOptsByPath
           };
@@ -212,15 +212,15 @@ export default compose(
           tableConfig.fieldOptions = toArray(newFieldOpts);
           syncStorage();
         };
-        updateTableDisplayDensity = function(density) {
+        updateTableDisplayDensity = function (density) {
           tableConfig.density = density;
           syncStorage();
         };
-        persistPageSize = function(pageSize) {
+        persistPageSize = function (pageSize) {
           tableConfig.userSetPageSize = pageSize;
           syncStorage();
         };
-        moveColumnPersist = function({ oldIndex, newIndex }) {
+        moveColumnPersist = function ({ oldIndex, newIndex }) {
           // we might already have an array of the fields [path1, path2, ..etc]
           const columnOrderings =
             tableConfig.columnOrderings ||
@@ -233,7 +233,7 @@ export default compose(
           );
           syncStorage();
         };
-        resizePersist = function(newResized) {
+        resizePersist = function (newResized) {
           tableConfig.resized = newResized;
           syncStorage();
         };
@@ -287,5 +287,5 @@ export default compose(
   //     "reduxFormExpandedEntityIdMap"
   //   ]
   // }),
-  branch(props => !props.alwaysRerender, pureNoFunc)
+  branch(props => !props.alwaysRerender, pureNoFunc),
 );