cambios de constantes

Author: RafaelGB

dist/main.js

@@ -2,29 +2,29 @@
 
 var obsidian = require('obsidian');
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
 }
 
 /** Table Actions */
@@ -163,13 +163,12 @@ function obtainMetadataColumns() {
             isMetadata: true
         };
         metadataColumns[MetadataColumns.ADD_COLUMN] = {
-            key: `${MetadataColumns.ADD_COLUMN}`,
-            Header: `${MetadataColumns.ADD_COLUMN}`,
+            key: MetadataColumns.ADD_COLUMN,
+            Header: MetadataColumns.ADD_COLUMN,
             input: DataTypes.NEW_COLUMN,
-            width: 20,
             disableResizing: true,
             label: '+',
-            accessor: `${MetadataColumns.ADD_COLUMN}`,
+            accessor: MetadataColumns.ADD_COLUMN,
             isMetadata: true
         };
         yield Promise.all(Object.keys(metadataColumns).map((columnKey, index) => __awaiter(this, void 0, void 0, function* () {
@@ -9847,19 +9846,19 @@ var initStateUpdates = function initStateUpdates() {
 };
 
 function connectAdvanced(
-/*
-  selectorFactory is a func that is responsible for returning the selector function used to
-  compute new props from state, props, and dispatch. For example:
-      export default connectAdvanced((dispatch, options) => (state, props) => ({
-      thing: state.things[props.thingId],
-      saveThing: fields => dispatch(actionCreators.saveThing(props.thingId, fields)),
-    }))(YourComponent)
-    Access to dispatch is provided to the factory so selectorFactories can bind actionCreators
-  outside of their selector as an optimization. Options passed to connectAdvanced are passed to
-  the selectorFactory, along with displayName and WrappedComponent, as the second argument.
-    Note that selectorFactory is responsible for all caching/memoization of inbound and outbound
-  props. Do not use connectAdvanced directly without memoizing results between calls to your
-  selector, otherwise the Connect component will re-render on every state or props change.
+/*
+  selectorFactory is a func that is responsible for returning the selector function used to
+  compute new props from state, props, and dispatch. For example:
+      export default connectAdvanced((dispatch, options) => (state, props) => ({
+      thing: state.things[props.thingId],
+      saveThing: fields => dispatch(actionCreators.saveThing(props.thingId, fields)),
+    }))(YourComponent)
+    Access to dispatch is provided to the factory so selectorFactories can bind actionCreators
+  outside of their selector as an optimization. Options passed to connectAdvanced are passed to
+  the selectorFactory, along with displayName and WrappedComponent, as the second argument.
+    Note that selectorFactory is responsible for all caching/memoization of inbound and outbound
+  props. Do not use connectAdvanced directly without memoizing results between calls to your
+  selector, otherwise the Connect component will re-render on every state or props change.
 */
 selectorFactory, // options object:
 _ref) {
@@ -10145,9 +10144,9 @@ function bindActionCreators(actionCreators, dispatch) {
   return boundActionCreators;
 }
 
-/**
- * @param {any} obj The object to inspect.
- * @returns {boolean} True if the argument appears to be a plain object.
+/**
+ * @param {any} obj The object to inspect.
+ * @returns {boolean} True if the argument appears to be a plain object.
  */
 function isPlainObject(obj) {
   if (typeof obj !== 'object' || obj === null) return false;
@@ -10162,11 +10161,11 @@ function isPlainObject(obj) {
   return proto === baseProto;
 }
 
-/**
- * Prints a warning in the console if it exists.
- *
- * @param {String} message The warning message.
- * @returns {void}
+/**
+ * Prints a warning in the console if it exists.
+ *
+ * @param {String} message The warning message.
+ * @returns {void}
  */
 function warning$1(message) {
   /* eslint-disable no-console */
@@ -10423,21 +10422,21 @@ function finalPropsSelectorFactory(dispatch, _ref2) {
 }
 
 var _excluded = ["pure", "areStatesEqual", "areOwnPropsEqual", "areStatePropsEqual", "areMergedPropsEqual"];
-/*
-  connect is a facade over connectAdvanced. It turns its args into a compatible
-  selectorFactory, which has the signature:
-
-    (dispatch, options) => (nextState, nextOwnProps) => nextFinalProps
-  
-  connect passes its args to connectAdvanced as options, which will in turn pass them to
-  selectorFactory each time a Connect component instance is instantiated or hot reloaded.
-
-  selectorFactory returns a final props selector from its mapStateToProps,
-  mapStateToPropsFactories, mapDispatchToProps, mapDispatchToPropsFactories, mergeProps,
-  mergePropsFactories, and pure args.
-
-  The resulting final props selector is called by the Connect component instance whenever
-  it receives new props or store state.
+/*
+  connect is a facade over connectAdvanced. It turns its args into a compatible
+  selectorFactory, which has the signature:
+
+    (dispatch, options) => (nextState, nextOwnProps) => nextFinalProps
+  
+  connect passes its args to connectAdvanced as options, which will in turn pass them to
+  selectorFactory each time a Connect component instance is instantiated or hot reloaded.
+
+  selectorFactory returns a final props selector from its mapStateToProps,
+  mapStateToPropsFactories, mapDispatchToProps, mapDispatchToPropsFactories, mergeProps,
+  mergePropsFactories, and pure args.
+
+  The resulting final props selector is called by the Connect component instance whenever
+  it receives new props or store state.
  */
 
 function match(arg, factories, name) {
@@ -46965,14 +46964,14 @@ Object.defineProperty(lib, '__esModule', { value: true });
 
 
 
-// UTIL FUNCTIONS
-const getAPI = (app) => {
-    var _a;
-    if (app)
-        return (_a = app.plugins.plugins.dataview) === null || _a === void 0 ? void 0 : _a.api;
-    else
-        return window["DataviewAPI"];
-};
+// UTIL FUNCTIONS
+const getAPI = (app) => {
+    var _a;
+    if (app)
+        return (_a = app.plugins.plugins.dataview) === null || _a === void 0 ? void 0 : _a.api;
+    else
+        return window["DataviewAPI"];
+};
 const isPluginEnabled = (app) => app.plugins.enabledPlugins.has("dataview");
 
 var getAPI_1 = lib.getAPI = getAPI;

src/components/Columns.tsx

@@ -13,22 +13,22 @@ export async function obtainMetadataColumns(): Promise<TableColumn[]> {
   const columns:TableColumn[] = [];
   const metadataColumns: Record<string, DatabaseColumn> = {};
   metadataColumns[MetadataColumns.FILE]={
-      key: `${MetadataColumns.FILE}`,
+      key: MetadataColumns.FILE,
       input: DataTypes.MARKDOWN,
-      Header: `${MetadataColumns.FILE}`,
+      Header: MetadataColumns.FILE,
       label: MetadataLabels.FILE,
-      accessor: `${MetadataColumns.FILE}`,
+      accessor: MetadataColumns.FILE,
       isMetadata: true
   };
 
   metadataColumns[MetadataColumns.ADD_COLUMN]={
-    key: `${MetadataColumns.ADD_COLUMN}`,
-    Header: `${MetadataColumns.ADD_COLUMN}`,
+    key: MetadataColumns.ADD_COLUMN,
+    Header: MetadataColumns.ADD_COLUMN,
     input: DataTypes.NEW_COLUMN,
     width: 20,
     disableResizing: true,
     label: '+',
-    accessor: `${MetadataColumns.ADD_COLUMN}`,
+    accessor: MetadataColumns.ADD_COLUMN,
     isMetadata: true
   }
 

src/components/Header.tsx

@@ -10,7 +10,7 @@ import TextIcon from 'components/img/Text';
 import MultiIcon from 'components/img/Multi';
 import HashIcon from 'components/img/Hash';
 import PlusIcon from 'components/img/Plus';
-import { ActionTypes, DataTypes, MAX_CAPACITY_DATABASE } from 'helpers/Constants';
+import { ActionTypes, DataTypes, MAX_CAPACITY_DATABASE, MetadataColumns } from 'helpers/Constants';
 import { LOGGER } from 'services/Logger';
 import { DatabaseHeaderProps } from 'cdm/FolderModel';
 import ReactDOM from 'react-dom';
@@ -194,7 +194,7 @@ export default function Header(headerProps:DatabaseHeaderProps) {
   }
 
   function handlerAddColumnToLeft(e:any) {
-    dataDispatch({type: ActionTypes.ADD_COLUMN_TO_LEFT, columnId: 999999, focus: true})
+    dataDispatch({type: ActionTypes.ADD_COLUMN_TO_LEFT, columnId: MetadataColumns.ADD_COLUMN, focus: true})
   }
 
   /**
@@ -290,7 +290,7 @@ export default function Header(headerProps:DatabaseHeaderProps) {
     );
   }
   LOGGER.debug(`<=Header ${headerProps.column.label}`);
-  return id !== `${MAX_CAPACITY_DATABASE}` ? (
+  return id !== MetadataColumns.ADD_COLUMN ? (
     <>
       <div className='th-content' onClick={() => setExpanded(true)} ref={setReferenceElement}>
         <span className='svg-icon svg-gray icon-margin'>{propertyIcon}</span>

src/components/styles/ColumnWidthStyle.ts

@@ -0,0 +1,11 @@
+const getColumnWidthStyle = (rows:any, accessor:any, headerText:string) => {
+    const maxWidth = 400
+    const magicSpacing = 10
+    const cellLength = Math.max(
+      ...rows.map((row:any) => (`${row[accessor]}` || '').length),
+      headerText.length,
+    )
+    return Math.min(maxWidth, cellLength * magicSpacing)
+  }
+
+export default getColumnWidthStyle;

src/helpers/Constants.ts

@@ -22,8 +22,8 @@ export const DataTypes = Object.freeze({
 export const MAX_CAPACITY_DATABASE = 999999;
 
 export const MetadataColumns = Object.freeze({
-  FILE: MAX_CAPACITY_DATABASE-1,
-  ADD_COLUMN: MAX_CAPACITY_DATABASE
+  FILE: `${MAX_CAPACITY_DATABASE-1}`,
+  ADD_COLUMN: `${MAX_CAPACITY_DATABASE}`
 });
 
 export const MetadataLabels = Object.freeze({