@teselagen/ui 0.6.1-beta.1 → 0.6.1

package/DataTable/ColumnFilterMenu.d.ts

@@ -1,4 +1,4 @@
-export function ColumnFilterMenu({ addFilters, compact, currentFilter, currentParams, dataType, extraCompact, filterActiveForColumn, FilterMenu, filterOn, removeSingleFilter, schemaForField, setNewParams, formName }: {
+export function ColumnFilterMenu({ addFilters, compact, currentFilter, currentParams, dataType, extraCompact, filterActiveForColumn, FilterMenu, filterOn, removeSingleFilter, schemaForField, setNewParams }: {
     addFilters: any;
     compact: any;
     currentFilter: any;
@@ -11,5 +11,4 @@ export function ColumnFilterMenu({ addFilters, compact, currentFilter, currentPa
     removeSingleFilter: any;
     schemaForField: any;
     setNewParams: any;
-    formName: any;
 }): import("react/jsx-runtime").JSX.Element;

package/DataTable/EditabelCell.d.ts

@@ -1,7 +1,10 @@
-export function EditableCell({ cancelEdit, dataTest, finishEdit, isNumeric, initialValue }: {
+export function EditableCell({ cancelEdit, dataTest, finishEdit, initialValue, isEditableCellInitialValue, isNumeric, shouldSelectAll, stopSelectAll }: {
     cancelEdit: any;
     dataTest: any;
     finishEdit: any;
-    isNumeric: any;
     initialValue: any;
+    isEditableCellInitialValue: any;
+    isNumeric: any;
+    shouldSelectAll: any;
+    stopSelectAll: any;
 }): import("react/jsx-runtime").JSX.Element;

package/DataTable/utils/index.d.ts

@@ -1,3 +1,4 @@
+import { default as computePresets } from './computePresets';
 import { defaultParsePaste, getEntityIdToEntity, getFieldPathToIndex, getNumberStrAtEnd, stripNumberAtEnd } from './utils';
 import { formatPasteData } from './formatPasteData';
 import { getAllRows } from './getAllRows';
@@ -13,11 +14,8 @@ import { getSelectedRowsFromEntities } from './selection';
 import { handleCopyColumn } from './handleCopyColumn';
 import { handleCopyHelper } from './handleCopyHelper';
 import { handleCopyRows } from './handleCopyRows';
-import { handleCopyTable } from './handleCopyTable';
 import { isBottomRightCornerOfRectangle } from './isBottomRightCornerOfRectangle';
 import { isEntityClean } from './isEntityClean';
-import { PRIMARY_SELECTED_VAL } from './primarySelectedValue';
 import { removeCleanRows } from './removeCleanRows';
-import { useTableEntities } from './useTableEntities';
 
-export { defaultParsePaste, formatPasteData, getAllRows, getCellCopyText, getCellInfo, getEntityIdToEntity, getFieldPathToIndex, getFieldPathToField, getIdOrCodeOrIndex, getLastSelectedEntity, getNewEntToSelect, getNumberStrAtEnd, getRecordsFromIdMap, getRowCopyText, getSelectedRowsFromEntities, handleCopyColumn, handleCopyHelper, handleCopyRows, handleCopyTable, isBottomRightCornerOfRectangle, isEntityClean, PRIMARY_SELECTED_VAL, removeCleanRows, stripNumberAtEnd, useTableEntities };
+export { computePresets, defaultParsePaste, formatPasteData, getAllRows, getCellCopyText, getCellInfo, getEntityIdToEntity, getFieldPathToIndex, getFieldPathToField, getIdOrCodeOrIndex, getLastSelectedEntity, getNewEntToSelect, getNumberStrAtEnd, getRecordsFromIdMap, getRowCopyText, getSelectedRowsFromEntities, handleCopyColumn, handleCopyHelper, handleCopyRows, isBottomRightCornerOfRectangle, isEntityClean, removeCleanRows, stripNumberAtEnd };

package/DataTable/utils/removeCleanRows.d.ts

@@ -1,4 +1,4 @@
-export function removeCleanRows(entities: any, cellValidation: any): {
+export function removeCleanRows(reduxFormEntities: any, reduxFormCellValidation: any): {
     entsToUse: any;
     validationToUse: {};
 };

package/TgSelect/index.d.ts

@@ -2,7 +2,7 @@ export function createNewOption(newValString: any): {
     userCreated: boolean;
     label: any;
     value: any;
-};
+} | undefined;
 export function simplesearch(needle: any, haystack: any): boolean;
 declare function _default(props: any): import("react/jsx-runtime").JSX.Element;
 export default _default;

package/index.cjs.js

@@ -37330,6 +37330,8 @@ const renderCreateNewOption$1 = /* @__PURE__ */ __name((query, active3, handleCl
   }
 ), "renderCreateNewOption$1");
 function createNewOption(newValString) {
+  if (!newValString)
+    return;
   return {
     userCreated: true,
     label: newValString,

package/index.es.js

@@ -37312,6 +37312,8 @@ const renderCreateNewOption$1 = /* @__PURE__ */ __name((query, active3, handleCl
   }
 ), "renderCreateNewOption$1");
 function createNewOption(newValString) {
+  if (!newValString)
+    return;
   return {
     userCreated: true,
     label: newValString,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.6.1-beta.1",
+  "version": "0.6.1",
   "main": "./src/index.js",
   "exports": {
     ".": {

package/src/DataTable/ColumnFilterMenu.js

@@ -14,49 +14,47 @@ export const ColumnFilterMenu = ({
   filterOn,
   removeSingleFilter,
   schemaForField,
-  setNewParams,
-  formName
+  setNewParams
 }) => {
   const [columnFilterMenuOpen, setColumnFilterMenuOpen] = useState(false);
   return (
     <Popover
       position="bottom"
-      onClose={() => setColumnFilterMenuOpen(false)}
+      onClose={() => {
+        setColumnFilterMenuOpen(false);
+      }}
       isOpen={columnFilterMenuOpen}
       modifiers={{
         preventOverflow: { enabled: true },
         hide: { enabled: false },
         flip: { enabled: false }
       }}
-      content={
-        <FilterMenu
-          formName={formName}
-          addFilters={addFilters}
-          compact={compact}
-          currentFilter={currentFilter}
-          currentParams={currentParams}
-          dataType={dataType}
-          filterOn={filterOn}
-          removeSingleFilter={removeSingleFilter}
-          schemaForField={schemaForField}
-          setNewParams={setNewParams}
-          togglePopover={() => setColumnFilterMenuOpen(false)}
-        />
-      }
     >
       <Icon
         style={{ marginLeft: 5 }}
         icon="filter"
-        size={extraCompact ? 14 : undefined}
-        onClick={e => {
-          e.preventDefault();
-          e.stopPropagation();
-          setColumnFilterMenuOpen(prev => !prev);
+        iconSize={extraCompact ? 14 : undefined}
+        onClick={() => {
+          setColumnFilterMenuOpen(!columnFilterMenuOpen);
         }}
         className={classNames("tg-filter-menu-button", {
           "tg-active-filter": !!filterActiveForColumn
         })}
       />
+      <FilterMenu
+        addFilters={addFilters}
+        compact={compact}
+        currentFilter={currentFilter}
+        currentParams={currentParams}
+        dataType={dataType}
+        filterOn={filterOn}
+        removeSingleFilter={removeSingleFilter}
+        schemaForField={schemaForField}
+        setNewParams={setNewParams}
+        togglePopover={() => {
+          setColumnFilterMenuOpen(false);
+        }}
+      />
     </Popover>
   );
 };

package/src/DataTable/EditabelCell.js

@@ -1,20 +1,30 @@
-import React, { useEffect, useRef } from "react";
+import React, { useEffect, useRef, useState } from "react";
 
 export const EditableCell = ({
-  value,
-  setValue,
   cancelEdit,
   dataTest,
   finishEdit,
-  isNumeric
+  initialValue,
+  isEditableCellInitialValue,
+  isNumeric,
+  shouldSelectAll,
+  stopSelectAll
 }) => {
+  const [value, setValue] = useState(initialValue);
   const inputRef = useRef(null);
 
   useEffect(() => {
     if (inputRef.current) {
       inputRef.current.focus();
+      if (isEditableCellInitialValue && !isNumeric) {
+        inputRef.current.selectionStart = inputRef.current.value.length;
+        inputRef.current.selectionEnd = inputRef.current.value.length;
+      } else if (shouldSelectAll) {
+        inputRef.current.select();
+        stopSelectAll();
+      }
     }
-  }, [isNumeric]);
+  }, [isEditableCellInitialValue, isNumeric, shouldSelectAll, stopSelectAll]);
 
   return (
     <input
@@ -28,10 +38,11 @@ export const EditableCell = ({
       {...dataTest}
       autoFocus
       onKeyDown={e => {
-        e.stopPropagation();
         if (e.key === "Enter") {
-          e.target.blur();
+          finishEdit(value);
+          e.stopPropagation();
         } else if (e.key === "Escape") {
+          e.stopPropagation();
           cancelEdit();
         }
       }}

package/src/DataTable/utils/index.js

@@ -2,6 +2,7 @@ import { isEntityClean } from "./isEntityClean";
 import { getSelectedRowsFromEntities } from "./selection";
 import { removeCleanRows } from "./removeCleanRows";
 import { getIdOrCodeOrIndex } from "./getIdOrCodeOrIndex";
+import computePresets from "./computePresets";
 import { getRecordsFromIdMap } from "./withSelectedEntities";
 import { formatPasteData } from "./formatPasteData";
 import { getFieldPathToField } from "./getFieldPathToField";
@@ -22,11 +23,9 @@ import { handleCopyHelper } from "./handleCopyHelper";
 import { handleCopyRows } from "./handleCopyRows";
 import { handleCopyColumn } from "./handleCopyColumn";
 import { isBottomRightCornerOfRectangle } from "./isBottomRightCornerOfRectangle";
-import { handleCopyTable } from "./handleCopyTable";
-import { PRIMARY_SELECTED_VAL } from "./primarySelectedValue";
-import { useTableEntities } from "./useTableEntities";
 
 export {
+  computePresets,
   defaultParsePaste,
   formatPasteData,
   getAllRows,
@@ -45,11 +44,8 @@ export {
   handleCopyColumn,
   handleCopyHelper,
   handleCopyRows,
-  handleCopyTable,
   isBottomRightCornerOfRectangle,
   isEntityClean,
-  PRIMARY_SELECTED_VAL,
   removeCleanRows,
-  stripNumberAtEnd,
-  useTableEntities
+  stripNumberAtEnd
 };

package/src/DataTable/utils/removeCleanRows.js

@@ -1,9 +1,9 @@
 import { isEntityClean } from "./isEntityClean";
 import { getIdOrCodeOrIndex } from "./getIdOrCodeOrIndex";
 
-export const removeCleanRows = (entities, cellValidation) => {
+export const removeCleanRows = (reduxFormEntities, reduxFormCellValidation) => {
   const toFilterOut = {};
-  const entsToUse = (entities || []).filter(e => {
+  const entsToUse = (reduxFormEntities || []).filter(e => {
     if (!(e._isClean || isEntityClean(e))) return true;
     else {
       toFilterOut[getIdOrCodeOrIndex(e)] = true;
@@ -12,7 +12,7 @@ export const removeCleanRows = (entities, cellValidation) => {
   });
 
   const validationToUse = {};
-  Object.entries(cellValidation || {}).forEach(([k, v]) => {
+  Object.entries(reduxFormCellValidation || {}).forEach(([k, v]) => {
     const [rowId] = k.split(":");
     if (!toFilterOut[rowId]) {
       validationToUse[k] = v;

package/src/TgSelect/index.js

@@ -469,6 +469,7 @@ export const renderCreateNewOption = (query, active, handleClick) => (
 );
 
 export function createNewOption(newValString) {
+  if (!newValString) return;
   return {
     userCreated: true,
     label: newValString,

package/DataTable/Columns.d.ts

@@ -1,51 +0,0 @@
-export function useColumns({ addFilters, cellRenderer, columns, currentParams, compact, editingCell, editingCellSelectAll, entities, expandedEntityIdMap, extraCompact, filters, formName, getCellHoverText, isCellEditable, isEntityDisabled, isLocalCall, isSimple, isSingleSelect, isSelectionARectangle, noDeselectAll, noSelect, noUserSelect, onDeselect, onMultiRowSelect, onRowClick, onRowSelect, onSingleRowSelect, order, primarySelectedCellId, reduxFormCellValidation, reduxFormSelectedEntityIdMap, refocusTable, removeSingleFilter, schema, selectedCells, setExpandedEntityIdMap, setNewParams, setOrder, setSelectedCells, shouldShowSubComponent, startCellEdit, SubComponent, tableRef, updateEntitiesHelper, updateValidation, withCheckboxes, withExpandAndCollapseAllButton, withFilter: _withFilter, withSort }: {
-    addFilters: any;
-    cellRenderer: any;
-    columns: any;
-    currentParams: any;
-    compact: any;
-    editingCell: any;
-    editingCellSelectAll: any;
-    entities: any;
-    expandedEntityIdMap: any;
-    extraCompact: any;
-    filters: any;
-    formName: any;
-    getCellHoverText: any;
-    isCellEditable: any;
-    isEntityDisabled: any;
-    isLocalCall: any;
-    isSimple: any;
-    isSingleSelect: any;
-    isSelectionARectangle: any;
-    noDeselectAll: any;
-    noSelect: any;
-    noUserSelect: any;
-    onDeselect: any;
-    onMultiRowSelect: any;
-    onRowClick: any;
-    onRowSelect: any;
-    onSingleRowSelect: any;
-    order: any;
-    primarySelectedCellId: any;
-    reduxFormCellValidation: any;
-    reduxFormSelectedEntityIdMap: any;
-    refocusTable: any;
-    removeSingleFilter?: ((...args: any[]) => void) | undefined;
-    schema: any;
-    selectedCells: any;
-    setExpandedEntityIdMap: any;
-    setNewParams: any;
-    setOrder?: ((...args: any[]) => void) | undefined;
-    setSelectedCells: any;
-    shouldShowSubComponent: any;
-    startCellEdit: any;
-    SubComponent: any;
-    tableRef: any;
-    updateEntitiesHelper: any;
-    updateValidation: any;
-    withCheckboxes: any;
-    withExpandAndCollapseAllButton: any;
-    withFilter: any;
-    withSort?: boolean | undefined;
-}): any;

package/DataTable/EditableCell.d.ts

@@ -1,7 +0,0 @@
-export function EditableCell({ cancelEdit, dataTest, finishEdit, isNumeric, initialValue }: {
-    cancelEdit: any;
-    dataTest: any;
-    finishEdit: any;
-    isNumeric: any;
-    initialValue: any;
-}): import("react/jsx-runtime").JSX.Element;

package/DataTable/RenderCell.d.ts

@@ -1,18 +0,0 @@
-export function RenderCell({ oldFunc, getCopyTextForCell, column, isCellEditable, isEntityDisabled, finishCellEdit, formName, noEllipsis, cancelCellEdit, getCellHoverText, selectedCells, isSelectionARectangle, startCellEdit, tableRef, onDragEnd, args }: {
-    oldFunc: any;
-    getCopyTextForCell: any;
-    column: any;
-    isCellEditable: any;
-    isEntityDisabled: any;
-    finishCellEdit: any;
-    formName: any;
-    noEllipsis: any;
-    cancelCellEdit: any;
-    getCellHoverText: any;
-    selectedCells: any;
-    isSelectionARectangle: any;
-    startCellEdit: any;
-    tableRef: any;
-    onDragEnd: any;
-    args: any;
-}): import("react/jsx-runtime").JSX.Element;

package/DataTable/ThComponent.d.ts

@@ -1,9 +0,0 @@
-export function ThComponent({ toggleSort, immovable, className, children, style, columnindex, ...rest }: {
-    [x: string]: any;
-    toggleSort: any;
-    immovable: any;
-    className: any;
-    children: any;
-    style: any;
-    columnindex: any;
-}): import("react/jsx-runtime").JSX.Element;

package/DataTable/utils/handleCopyTable.d.ts

@@ -1 +0,0 @@
-export function handleCopyTable(e: any, opts: any): void;

package/DataTable/utils/primarySelectedValue.d.ts

@@ -1 +0,0 @@
-export const PRIMARY_SELECTED_VAL: "main_cell";

package/DataTable/utils/useDeepEqualMemo.d.ts

@@ -1 +0,0 @@
-export function useDeepEqualMemo(value: any): undefined;

package/DataTable/utils/useTableEntities.d.ts

@@ -1,5 +0,0 @@
-export function useTableEntities(tableFormName: any): {
-    selectTableEntities: (entities?: any[]) => void;
-    allOrderedEntities: any;
-    selectedEntities: any;
-};

package/DataTable/utils/useTableParams.d.ts

@@ -1,49 +0,0 @@
-/**
- *  Note all these options can be passed at Design Time or at Runtime (like reduxForm())
- *
- * @export
- *
- * @param {compOrOpts} compOrOpts
- * @typedef {object} compOrOpts
- * @property {*string} formName - required unique identifier for the table
- * @property {Object | Function} schema - The data table schema or a function returning it. The function wll be called with props as the argument.
- * @property {boolean} urlConnected - whether the table should connect to/update the URL
- * @property {boolean} withSelectedEntities - whether or not to pass the selected entities
- * @property {boolean} isCodeModel - whether the model is keyed by code instead of id in the db
- * @property {object} defaults - tableParam defaults such as pageSize, filter, etc
- * @property {boolean} noOrderError - won't console an error if an order is not found on schema
- */
-export default function useTableParams(props: any): any;
-/**
- * Note all these options can be passed at Design Time or at Runtime (like reduxForm())
- */
-export type compOrOpts = {
-    /**
-     * } formName - required unique identifier for the table
-     */
-    string: any;
-    /**
-     * - The data table schema or a function returning it. The function wll be called with props as the argument.
-     */
-    schema: Object | Function;
-    /**
-     * - whether the table should connect to/update the URL
-     */
-    urlConnected: boolean;
-    /**
-     * - whether or not to pass the selected entities
-     */
-    withSelectedEntities: boolean;
-    /**
-     * - whether the model is keyed by code instead of id in the db
-     */
-    isCodeModel: boolean;
-    /**
-     * - tableParam defaults such as pageSize, filter, etc
-     */
-    defaults: object;
-    /**
-     * - won't console an error if an order is not found on schema
-     */
-    noOrderError: boolean;
-};

package/FormComponents/AbstractField.d.ts

@@ -1 +0,0 @@
-export function withAbstractWrapper(ComponentToWrap: any, opts?: {}): (props: any) => import("react/jsx-runtime").JSX.Element;