@teselagen/ui 0.3.18 → 0.3.20

package/index.cjs.js

@@ -7422,7 +7422,7 @@ function getPlainObjectKeys(object) {
 var ownKeys$3 = typeof Reflect !== "undefined" && Reflect.ownKeys ? Reflect.ownKeys : hasGetOwnPropertySymbols ? function (obj) {
   return Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertySymbols(obj));
 } : /* istanbul ignore next */Object.getOwnPropertyNames;
-function toPrimitive$3(value) {
+function toPrimitive$2(value) {
   return value === null ? null : typeof value === "object" ? "" + value : value;
 }
 function hasProp(target, prop) {
@@ -8351,7 +8351,7 @@ var ObservableValue = /*#__PURE__*/function (_Atom) {
     return this.name_ + "[" + this.value_ + "]";
   };
   _proto.valueOf = function valueOf() {
-    return toPrimitive$3(this.get());
+    return toPrimitive$2(this.get());
   };
   _proto[_Symbol$toPrimitive] = function () {
     return this.valueOf();
@@ -8579,7 +8579,7 @@ var ComputedValue = /*#__PURE__*/function () {
     return this.name_ + "[" + this.derivation.toString() + "]";
   };
   _proto.valueOf = function valueOf() {
-    return toPrimitive$3(this.get());
+    return toPrimitive$2(this.get());
   };
   _proto[_Symbol$toPrimitive$1] = function () {
     return this.valueOf();
@@ -30331,10 +30331,18 @@ var _fails = function (exec) {
   }
 };
 
-// Thank's IE8 for his funny defineProperty
-var _descriptors = !_fails(function () {
-  return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
-});
+var _descriptors;
+var hasRequired_descriptors;
+
+function require_descriptors () {
+	if (hasRequired_descriptors) return _descriptors;
+	hasRequired_descriptors = 1;
+	// Thank's IE8 for his funny defineProperty
+	_descriptors = !_fails(function () {
+	  return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
+	});
+	return _descriptors;
+}
 
 var _domCreate;
 var hasRequired_domCreate;
@@ -30352,9 +30360,17 @@ function require_domCreate () {
 	return _domCreate;
 }
 
-var _ie8DomDefine = !_descriptors && !_fails(function () {
-  return Object.defineProperty(require_domCreate()('div'), 'a', { get: function () { return 7; } }).a != 7;
-});
+var _ie8DomDefine;
+var hasRequired_ie8DomDefine;
+
+function require_ie8DomDefine () {
+	if (hasRequired_ie8DomDefine) return _ie8DomDefine;
+	hasRequired_ie8DomDefine = 1;
+	_ie8DomDefine = !require_descriptors() && !_fails(function () {
+	  return Object.defineProperty(require_domCreate()('div'), 'a', { get: function () { return 7; } }).a != 7;
+	});
+	return _ie8DomDefine;
+}
 
 // 7.1.1 ToPrimitive(input [, PreferredType])
 var isObject$d = _isObject;
@@ -30369,22 +30385,29 @@ var _toPrimitive = function (it, S) {
   throw TypeError("Can't convert object to primitive value");
 };
 
-var anObject$3 = _anObject;
-var IE8_DOM_DEFINE$1 = _ie8DomDefine;
-var toPrimitive$2 = _toPrimitive;
-var dP$2 = Object.defineProperty;
+var hasRequired_objectDp;
 
-_objectDp.f = _descriptors ? Object.defineProperty : function defineProperty(O, P, Attributes) {
-  anObject$3(O);
-  P = toPrimitive$2(P, true);
-  anObject$3(Attributes);
-  if (IE8_DOM_DEFINE$1) try {
-    return dP$2(O, P, Attributes);
-  } catch (e) { /* empty */ }
-  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
-  if ('value' in Attributes) O[P] = Attributes.value;
-  return O;
-};
+function require_objectDp () {
+	if (hasRequired_objectDp) return _objectDp;
+	hasRequired_objectDp = 1;
+	var anObject = _anObject;
+	var IE8_DOM_DEFINE = require_ie8DomDefine();
+	var toPrimitive = _toPrimitive;
+	var dP = Object.defineProperty;
+
+	_objectDp.f = require_descriptors() ? Object.defineProperty : function defineProperty(O, P, Attributes) {
+	  anObject(O);
+	  P = toPrimitive(P, true);
+	  anObject(Attributes);
+	  if (IE8_DOM_DEFINE) try {
+	    return dP(O, P, Attributes);
+	  } catch (e) { /* empty */ }
+	  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
+	  if ('value' in Attributes) O[P] = Attributes.value;
+	  return O;
+	};
+	return _objectDp;
+}
 
 var _propertyDesc = function (bitmap, value) {
   return {
@@ -30395,9 +30418,9 @@ var _propertyDesc = function (bitmap, value) {
   };
 };
 
-var dP$1 = _objectDp;
+var dP$1 = require_objectDp();
 var createDesc$3 = _propertyDesc;
-var _hide = _descriptors ? function (object, key, value) {
+var _hide = require_descriptors() ? function (object, key, value) {
   return dP$1.f(object, key, createDesc$3(1, value));
 } : function (object, key, value) {
   object[key] = value;
@@ -30478,12 +30501,20 @@ var _cof = function (it) {
   return toString$6.call(it).slice(8, -1);
 };
 
-// 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);
-};
+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;
+}
 
 // 7.2.1 RequireObjectCoercible(argument)
 var _defined = function (it) {
@@ -30492,7 +30523,7 @@ var _defined = function (it) {
 };
 
 // to indexed object, toObject with fallback for non-array-like ES3 strings
-var IObject = _iobject;
+var IObject = require_iobject();
 var defined$2 = _defined;
 var _toIobject = function (it) {
   return IObject(defined$2(it));
@@ -30634,12 +30665,12 @@ function require_objectAssign () {
 	if (hasRequired_objectAssign) return _objectAssign;
 	hasRequired_objectAssign = 1;
 	// 19.1.2.1 Object.assign(target, source, ...)
-	var DESCRIPTORS = _descriptors;
+	var DESCRIPTORS = require_descriptors();
 	var getKeys = _objectKeys;
 	var gOPS = _objectGops;
 	var pIE = require_objectPie();
 	var toObject = _toObject;
-	var IObject = _iobject;
+	var IObject = require_iobject();
 	var $assign = Object.assign;
 
 	// should work with symbols and should have deterministic property order (V8 bug)
@@ -30716,11 +30747,11 @@ var hasRequired_objectDps;
 function require_objectDps () {
 	if (hasRequired_objectDps) return _objectDps;
 	hasRequired_objectDps = 1;
-	var dP = _objectDp;
+	var dP = require_objectDp();
 	var anObject = _anObject;
 	var getKeys = _objectKeys;
 
-	_objectDps = _descriptors ? Object.defineProperties : function defineProperties(O, Properties) {
+	_objectDps = require_descriptors() ? Object.defineProperties : function defineProperties(O, Properties) {
 	  anObject(O);
 	  var keys = getKeys(Properties);
 	  var length = keys.length;
@@ -30809,7 +30840,7 @@ $exports.store = store;
 
 var _wksExports = _wks.exports;
 
-var def = _objectDp.f;
+var def = require_objectDp().f;
 var has$9 = _has;
 var TAG$1 = _wksExports('toStringTag');
 
@@ -31123,7 +31154,7 @@ var _isArrayIter = function (it) {
   return it !== undefined && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
 };
 
-var $defineProperty$1 = _objectDp;
+var $defineProperty$1 = require_objectDp();
 var createDesc$2 = _propertyDesc;
 
 var _createProperty = function (object, index, value) {
@@ -31256,7 +31287,7 @@ var _default$8 = function (instance, Constructor) {
 
 var $export$3 = _export;
 // 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes)
-$export$3($export$3.S + $export$3.F * !_descriptors, 'Object', { defineProperty: _objectDp.f });
+$export$3($export$3.S + $export$3.F * !require_descriptors(), 'Object', { defineProperty: require_objectDp().f });
 
 var $Object$2 = _coreExports.Object;
 var defineProperty$9 = function defineProperty(it, key, desc) {
@@ -31304,7 +31335,7 @@ var _meta = {exports: {}};
 var META$1 = _uid('meta');
 var isObject$c = _isObject;
 var has$7 = _has;
-var setDesc = _objectDp.f;
+var setDesc = require_objectDp().f;
 var id = 0;
 var isExtensible = Object.isExtensible || function () {
   return true;
@@ -31359,7 +31390,7 @@ var _metaExports = _meta.exports;
 
 var core = _coreExports;
 var wksExt$1 = _wksExt;
-var defineProperty$7 = _objectDp.f;
+var defineProperty$7 = require_objectDp().f;
 var _wksDefine = function (name) {
   var $Symbol = core.Symbol || (core.Symbol = {} );
   if (name.charAt(0) != '_' && !(name in $Symbol)) defineProperty$7($Symbol, name, { value: wksExt$1.f(name) });
@@ -31433,10 +31464,10 @@ var createDesc$1 = _propertyDesc;
 var toIObject$1 = _toIobject;
 var toPrimitive$1 = _toPrimitive;
 var has$6 = _has;
-var IE8_DOM_DEFINE = _ie8DomDefine;
+var IE8_DOM_DEFINE = require_ie8DomDefine();
 var gOPD$2 = Object.getOwnPropertyDescriptor;
 
-_objectGopd.f = _descriptors ? gOPD$2 : function getOwnPropertyDescriptor(O, P) {
+_objectGopd.f = require_descriptors() ? gOPD$2 : function getOwnPropertyDescriptor(O, P) {
   O = toIObject$1(O);
   P = toPrimitive$1(P, true);
   if (IE8_DOM_DEFINE) try {
@@ -31448,7 +31479,7 @@ _objectGopd.f = _descriptors ? gOPD$2 : function getOwnPropertyDescriptor(O, P)
 // ECMAScript 6 symbols shim
 var global$1 = _globalExports;
 var has$5 = _has;
-var DESCRIPTORS = _descriptors;
+var DESCRIPTORS = require_descriptors();
 var $export$2 = _export;
 var redefine = _redefine;
 var META = _metaExports.KEY;
@@ -31471,7 +31502,7 @@ var _create$1 = require_objectCreate();
 var gOPNExt = _objectGopnExt;
 var $GOPD = _objectGopd;
 var $GOPS = _objectGops;
-var $DP = _objectDp;
+var $DP = require_objectDp();
 var $keys$1 = _objectKeys;
 var gOPD$1 = $GOPD.f;
 var dP = $DP.f;
@@ -66204,7 +66235,7 @@ class TgSelect extends React$1.Component {
       if (isTagSelect && item.value && item.value.includes && item.value.includes(":")) {
         const topLevelId = item.value.split(":")[0];
         valArray = valArray.filter((val) => {
-          if (val.value && val.value.includes && val.value.includes(":")) {
+          if (val?.value && val.value.includes && val.value.includes(":")) {
             const valId = val.value.split(":")[0];
             if (valId === topLevelId) {
               return false;
@@ -66292,7 +66323,7 @@ class TgSelect extends React$1.Component {
   getTagProps = (label) => {
     const { multi, value = [], disabled: _disabled } = this.props;
     const val = Array.isArray(value) ? value : [value];
-    const matchingVal = val.find((op) => op.label === label);
+    const matchingVal = val.find((op) => op?.label === label);
     const disabled = _disabled || matchingVal && matchingVal.disabled;
     const className = matchingVal && matchingVal.className;
     return {
@@ -69015,7 +69046,7 @@ function getFieldsMappedByCCDisplayName(schema) {
   }, {});
 }
 function orderEntitiesLocal(orderArray, entities, schema, ownProps) {
-  if (orderArray && orderArray.length) {
+  if (orderArray?.length) {
     const orderFuncs = [];
     const ascOrDescArray = [];
     orderArray.forEach((order) => {
@@ -83482,7 +83513,7 @@ const renderReactSelect = (props) => {
     }
   } else if (Array.isArray(value)) {
     valueToUse = value.map((val) => {
-      if (val.userCreated) {
+      if (val?.userCreated) {
         return {
           label: val.value,
           value: val
@@ -83509,10 +83540,10 @@ const renderReactSelect = (props) => {
       let valToPass;
       if (Array.isArray(valOrVals)) {
         valToPass = valOrVals.map(function(val) {
-          if (val.userCreated) {
+          if (val?.userCreated) {
             return val;
           }
-          return val.value;
+          return val?.value;
         });
       } else if (valOrVals) {
         if (valOrVals.userCreated) {
@@ -85506,6 +85537,7 @@ function withTableParams(compOrOpts, pTopLevelOpts) {
       noForm
     } = mergedOpts;
     const schema = getSchema$1(mergedOpts);
+    const convertedSchema = convertSchema(schema);
     if (ownProps.isTableParamsConnected) {
       if (formName && formNameFromWithTPCall && formName !== formNameFromWithTPCall) {
         console.error(
@@ -85527,6 +85559,12 @@ function withTableParams(compOrOpts, pTopLevelOpts) {
           schema
         );
       }
+      if (mergedOpts.orderByFirstColumn && !mergedOpts.defaults?.order?.length) {
+        const r = [
+          lodashExports.camelCase(schema.fields[0].displayName || schema.fields[0].path)
+        ];
+        lodashExports.set(mergedOpts, "defaults.order", r);
+      }
     } else {
       if (!formName || formName === "tgDataTable") {
         console.error(
@@ -85575,7 +85613,7 @@ function withTableParams(compOrOpts, pTopLevelOpts) {
         // for local table
         urlConnected,
         defaults: defaultsToUse,
-        schema: convertSchema(schema),
+        schema: convertedSchema,
         isInfinite: isInfinite || isSimple && !withPaging,
         isLocalCall,
         additionalFilter: additionalFilterToUse,

package/index.es.js

@@ -7401,7 +7401,7 @@ function getPlainObjectKeys(object) {
 var ownKeys$3 = typeof Reflect !== "undefined" && Reflect.ownKeys ? Reflect.ownKeys : hasGetOwnPropertySymbols ? function (obj) {
   return Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertySymbols(obj));
 } : /* istanbul ignore next */Object.getOwnPropertyNames;
-function toPrimitive$3(value) {
+function toPrimitive$2(value) {
   return value === null ? null : typeof value === "object" ? "" + value : value;
 }
 function hasProp(target, prop) {
@@ -8330,7 +8330,7 @@ var ObservableValue = /*#__PURE__*/function (_Atom) {
     return this.name_ + "[" + this.value_ + "]";
   };
   _proto.valueOf = function valueOf() {
-    return toPrimitive$3(this.get());
+    return toPrimitive$2(this.get());
   };
   _proto[_Symbol$toPrimitive] = function () {
     return this.valueOf();
@@ -8558,7 +8558,7 @@ var ComputedValue = /*#__PURE__*/function () {
     return this.name_ + "[" + this.derivation.toString() + "]";
   };
   _proto.valueOf = function valueOf() {
-    return toPrimitive$3(this.get());
+    return toPrimitive$2(this.get());
   };
   _proto[_Symbol$toPrimitive$1] = function () {
     return this.valueOf();
@@ -30310,10 +30310,18 @@ var _fails = function (exec) {
   }
 };
 
-// Thank's IE8 for his funny defineProperty
-var _descriptors = !_fails(function () {
-  return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
-});
+var _descriptors;
+var hasRequired_descriptors;
+
+function require_descriptors () {
+	if (hasRequired_descriptors) return _descriptors;
+	hasRequired_descriptors = 1;
+	// Thank's IE8 for his funny defineProperty
+	_descriptors = !_fails(function () {
+	  return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
+	});
+	return _descriptors;
+}
 
 var _domCreate;
 var hasRequired_domCreate;
@@ -30331,9 +30339,17 @@ function require_domCreate () {
 	return _domCreate;
 }
 
-var _ie8DomDefine = !_descriptors && !_fails(function () {
-  return Object.defineProperty(require_domCreate()('div'), 'a', { get: function () { return 7; } }).a != 7;
-});
+var _ie8DomDefine;
+var hasRequired_ie8DomDefine;
+
+function require_ie8DomDefine () {
+	if (hasRequired_ie8DomDefine) return _ie8DomDefine;
+	hasRequired_ie8DomDefine = 1;
+	_ie8DomDefine = !require_descriptors() && !_fails(function () {
+	  return Object.defineProperty(require_domCreate()('div'), 'a', { get: function () { return 7; } }).a != 7;
+	});
+	return _ie8DomDefine;
+}
 
 // 7.1.1 ToPrimitive(input [, PreferredType])
 var isObject$d = _isObject;
@@ -30348,22 +30364,29 @@ var _toPrimitive = function (it, S) {
   throw TypeError("Can't convert object to primitive value");
 };
 
-var anObject$3 = _anObject;
-var IE8_DOM_DEFINE$1 = _ie8DomDefine;
-var toPrimitive$2 = _toPrimitive;
-var dP$2 = Object.defineProperty;
+var hasRequired_objectDp;
 
-_objectDp.f = _descriptors ? Object.defineProperty : function defineProperty(O, P, Attributes) {
-  anObject$3(O);
-  P = toPrimitive$2(P, true);
-  anObject$3(Attributes);
-  if (IE8_DOM_DEFINE$1) try {
-    return dP$2(O, P, Attributes);
-  } catch (e) { /* empty */ }
-  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
-  if ('value' in Attributes) O[P] = Attributes.value;
-  return O;
-};
+function require_objectDp () {
+	if (hasRequired_objectDp) return _objectDp;
+	hasRequired_objectDp = 1;
+	var anObject = _anObject;
+	var IE8_DOM_DEFINE = require_ie8DomDefine();
+	var toPrimitive = _toPrimitive;
+	var dP = Object.defineProperty;
+
+	_objectDp.f = require_descriptors() ? Object.defineProperty : function defineProperty(O, P, Attributes) {
+	  anObject(O);
+	  P = toPrimitive(P, true);
+	  anObject(Attributes);
+	  if (IE8_DOM_DEFINE) try {
+	    return dP(O, P, Attributes);
+	  } catch (e) { /* empty */ }
+	  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
+	  if ('value' in Attributes) O[P] = Attributes.value;
+	  return O;
+	};
+	return _objectDp;
+}
 
 var _propertyDesc = function (bitmap, value) {
   return {
@@ -30374,9 +30397,9 @@ var _propertyDesc = function (bitmap, value) {
   };
 };
 
-var dP$1 = _objectDp;
+var dP$1 = require_objectDp();
 var createDesc$3 = _propertyDesc;
-var _hide = _descriptors ? function (object, key, value) {
+var _hide = require_descriptors() ? function (object, key, value) {
   return dP$1.f(object, key, createDesc$3(1, value));
 } : function (object, key, value) {
   object[key] = value;
@@ -30457,12 +30480,20 @@ var _cof = function (it) {
   return toString$6.call(it).slice(8, -1);
 };
 
-// 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);
-};
+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;
+}
 
 // 7.2.1 RequireObjectCoercible(argument)
 var _defined = function (it) {
@@ -30471,7 +30502,7 @@ var _defined = function (it) {
 };
 
 // to indexed object, toObject with fallback for non-array-like ES3 strings
-var IObject = _iobject;
+var IObject = require_iobject();
 var defined$2 = _defined;
 var _toIobject = function (it) {
   return IObject(defined$2(it));
@@ -30613,12 +30644,12 @@ function require_objectAssign () {
 	if (hasRequired_objectAssign) return _objectAssign;
 	hasRequired_objectAssign = 1;
 	// 19.1.2.1 Object.assign(target, source, ...)
-	var DESCRIPTORS = _descriptors;
+	var DESCRIPTORS = require_descriptors();
 	var getKeys = _objectKeys;
 	var gOPS = _objectGops;
 	var pIE = require_objectPie();
 	var toObject = _toObject;
-	var IObject = _iobject;
+	var IObject = require_iobject();
 	var $assign = Object.assign;
 
 	// should work with symbols and should have deterministic property order (V8 bug)
@@ -30695,11 +30726,11 @@ var hasRequired_objectDps;
 function require_objectDps () {
 	if (hasRequired_objectDps) return _objectDps;
 	hasRequired_objectDps = 1;
-	var dP = _objectDp;
+	var dP = require_objectDp();
 	var anObject = _anObject;
 	var getKeys = _objectKeys;
 
-	_objectDps = _descriptors ? Object.defineProperties : function defineProperties(O, Properties) {
+	_objectDps = require_descriptors() ? Object.defineProperties : function defineProperties(O, Properties) {
 	  anObject(O);
 	  var keys = getKeys(Properties);
 	  var length = keys.length;
@@ -30788,7 +30819,7 @@ $exports.store = store;
 
 var _wksExports = _wks.exports;
 
-var def = _objectDp.f;
+var def = require_objectDp().f;
 var has$9 = _has;
 var TAG$1 = _wksExports('toStringTag');
 
@@ -31102,7 +31133,7 @@ var _isArrayIter = function (it) {
   return it !== undefined && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
 };
 
-var $defineProperty$1 = _objectDp;
+var $defineProperty$1 = require_objectDp();
 var createDesc$2 = _propertyDesc;
 
 var _createProperty = function (object, index, value) {
@@ -31235,7 +31266,7 @@ var _default$8 = function (instance, Constructor) {
 
 var $export$3 = _export;
 // 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes)
-$export$3($export$3.S + $export$3.F * !_descriptors, 'Object', { defineProperty: _objectDp.f });
+$export$3($export$3.S + $export$3.F * !require_descriptors(), 'Object', { defineProperty: require_objectDp().f });
 
 var $Object$2 = _coreExports.Object;
 var defineProperty$9 = function defineProperty(it, key, desc) {
@@ -31283,7 +31314,7 @@ var _meta = {exports: {}};
 var META$1 = _uid('meta');
 var isObject$c = _isObject;
 var has$7 = _has;
-var setDesc = _objectDp.f;
+var setDesc = require_objectDp().f;
 var id = 0;
 var isExtensible = Object.isExtensible || function () {
   return true;
@@ -31338,7 +31369,7 @@ var _metaExports = _meta.exports;
 
 var core = _coreExports;
 var wksExt$1 = _wksExt;
-var defineProperty$7 = _objectDp.f;
+var defineProperty$7 = require_objectDp().f;
 var _wksDefine = function (name) {
   var $Symbol = core.Symbol || (core.Symbol = {} );
   if (name.charAt(0) != '_' && !(name in $Symbol)) defineProperty$7($Symbol, name, { value: wksExt$1.f(name) });
@@ -31412,10 +31443,10 @@ var createDesc$1 = _propertyDesc;
 var toIObject$1 = _toIobject;
 var toPrimitive$1 = _toPrimitive;
 var has$6 = _has;
-var IE8_DOM_DEFINE = _ie8DomDefine;
+var IE8_DOM_DEFINE = require_ie8DomDefine();
 var gOPD$2 = Object.getOwnPropertyDescriptor;
 
-_objectGopd.f = _descriptors ? gOPD$2 : function getOwnPropertyDescriptor(O, P) {
+_objectGopd.f = require_descriptors() ? gOPD$2 : function getOwnPropertyDescriptor(O, P) {
   O = toIObject$1(O);
   P = toPrimitive$1(P, true);
   if (IE8_DOM_DEFINE) try {
@@ -31427,7 +31458,7 @@ _objectGopd.f = _descriptors ? gOPD$2 : function getOwnPropertyDescriptor(O, P)
 // ECMAScript 6 symbols shim
 var global$1 = _globalExports;
 var has$5 = _has;
-var DESCRIPTORS = _descriptors;
+var DESCRIPTORS = require_descriptors();
 var $export$2 = _export;
 var redefine = _redefine;
 var META = _metaExports.KEY;
@@ -31450,7 +31481,7 @@ var _create$1 = require_objectCreate();
 var gOPNExt = _objectGopnExt;
 var $GOPD = _objectGopd;
 var $GOPS = _objectGops;
-var $DP = _objectDp;
+var $DP = require_objectDp();
 var $keys$1 = _objectKeys;
 var gOPD$1 = $GOPD.f;
 var dP = $DP.f;
@@ -66183,7 +66214,7 @@ class TgSelect extends React__default.Component {
       if (isTagSelect && item.value && item.value.includes && item.value.includes(":")) {
         const topLevelId = item.value.split(":")[0];
         valArray = valArray.filter((val) => {
-          if (val.value && val.value.includes && val.value.includes(":")) {
+          if (val?.value && val.value.includes && val.value.includes(":")) {
             const valId = val.value.split(":")[0];
             if (valId === topLevelId) {
               return false;
@@ -66271,7 +66302,7 @@ class TgSelect extends React__default.Component {
   getTagProps = (label) => {
     const { multi, value = [], disabled: _disabled } = this.props;
     const val = Array.isArray(value) ? value : [value];
-    const matchingVal = val.find((op) => op.label === label);
+    const matchingVal = val.find((op) => op?.label === label);
     const disabled = _disabled || matchingVal && matchingVal.disabled;
     const className = matchingVal && matchingVal.className;
     return {
@@ -68994,7 +69025,7 @@ function getFieldsMappedByCCDisplayName(schema) {
   }, {});
 }
 function orderEntitiesLocal(orderArray, entities, schema, ownProps) {
-  if (orderArray && orderArray.length) {
+  if (orderArray?.length) {
     const orderFuncs = [];
     const ascOrDescArray = [];
     orderArray.forEach((order) => {
@@ -83461,7 +83492,7 @@ const renderReactSelect = (props) => {
     }
   } else if (Array.isArray(value)) {
     valueToUse = value.map((val) => {
-      if (val.userCreated) {
+      if (val?.userCreated) {
         return {
           label: val.value,
           value: val
@@ -83488,10 +83519,10 @@ const renderReactSelect = (props) => {
       let valToPass;
       if (Array.isArray(valOrVals)) {
         valToPass = valOrVals.map(function(val) {
-          if (val.userCreated) {
+          if (val?.userCreated) {
             return val;
           }
-          return val.value;
+          return val?.value;
         });
       } else if (valOrVals) {
         if (valOrVals.userCreated) {
@@ -85485,6 +85516,7 @@ function withTableParams(compOrOpts, pTopLevelOpts) {
       noForm
     } = mergedOpts;
     const schema = getSchema$1(mergedOpts);
+    const convertedSchema = convertSchema(schema);
     if (ownProps.isTableParamsConnected) {
       if (formName && formNameFromWithTPCall && formName !== formNameFromWithTPCall) {
         console.error(
@@ -85506,6 +85538,12 @@ function withTableParams(compOrOpts, pTopLevelOpts) {
           schema
         );
       }
+      if (mergedOpts.orderByFirstColumn && !mergedOpts.defaults?.order?.length) {
+        const r = [
+          lodashExports.camelCase(schema.fields[0].displayName || schema.fields[0].path)
+        ];
+        lodashExports.set(mergedOpts, "defaults.order", r);
+      }
     } else {
       if (!formName || formName === "tgDataTable") {
         console.error(
@@ -85554,7 +85592,7 @@ function withTableParams(compOrOpts, pTopLevelOpts) {
         // for local table
         urlConnected,
         defaults: defaultsToUse,
-        schema: convertSchema(schema),
+        schema: convertedSchema,
         isInfinite: isInfinite || isSimple && !withPaging,
         isLocalCall,
         additionalFilter: additionalFilterToUse,

package/package.json

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

package/src/DataTable/utils/queryParams.js

@@ -71,7 +71,7 @@ function getFieldsMappedByCCDisplayName(schema) {
 }
 
 function orderEntitiesLocal(orderArray, entities, schema, ownProps) {
-  if (orderArray && orderArray.length) {
+  if (orderArray?.length) {
     const orderFuncs = [];
     const ascOrDescArray = [];
     orderArray.forEach(order => {

package/src/DataTable/utils/withTableParams.js

@@ -1,7 +1,7 @@
 import React, { useContext, useEffect } from "react";
 import { change, formValueSelector } from "redux-form";
 import { connect } from "react-redux";
-import { isFunction } from "lodash";
+import { camelCase, isFunction, set } from "lodash";
 import { withRouter } from "react-router-dom";
 import { branch, compose } from "recompose";
 
@@ -69,7 +69,7 @@ export default function withTableParams(compOrOpts, pTopLevelOpts) {
     } = mergedOpts;
 
     const schema = getSchema(mergedOpts);
-
+    const convertedSchema = convertSchema(schema)
     if (ownProps.isTableParamsConnected) {
       if (
         formName &&
@@ -97,6 +97,12 @@ export default function withTableParams(compOrOpts, pTopLevelOpts) {
           schema
         );
       }
+      if (mergedOpts.orderByFirstColumn && !mergedOpts.defaults?.order?.length) {
+        const r = [
+          camelCase(schema.fields[0].displayName || schema.fields[0].path)
+        ];
+        set(mergedOpts, 'defaults.order', r)
+      }
     } else {
       //in user instantiated withTableParams() call
       if (!formName || formName === "tgDataTable") {
@@ -163,7 +169,7 @@ export default function withTableParams(compOrOpts, pTopLevelOpts) {
         entities: mergedOpts.entities, // for local table
         urlConnected,
         defaults: defaultsToUse,
-        schema: convertSchema(schema),
+        schema: convertedSchema,
         isInfinite: isInfinite || (isSimple && !withPaging),
         isLocalCall,
         additionalFilter: additionalFilterToUse,

package/src/FormComponents/index.js

@@ -692,7 +692,7 @@ export const renderReactSelect = props => {
     }
   } else if (Array.isArray(value)) {
     valueToUse = value.map(val => {
-      if (val.userCreated) {
+      if (val?.userCreated) {
         return {
           label: val.value,
           value: val
@@ -719,10 +719,10 @@ export const renderReactSelect = props => {
       let valToPass;
       if (Array.isArray(valOrVals)) {
         valToPass = valOrVals.map(function (val) {
-          if (val.userCreated) {
+          if (val?.userCreated) {
             return val;
           }
-          return val.value;
+          return val?.value;
         });
       } else if (valOrVals) {
         if (valOrVals.userCreated) {

package/src/TgSelect/index.js

@@ -76,7 +76,7 @@ class TgSelect extends React.Component {
       ) {
         const topLevelId = item.value.split(":")[0];
         valArray = valArray.filter(val => {
-          if (val.value && val.value.includes && val.value.includes(":")) {
+          if (val?.value && val.value.includes && val.value.includes(":")) {
             const valId = val.value.split(":")[0];
             if (valId === topLevelId) {
               return false;
@@ -187,7 +187,7 @@ class TgSelect extends React.Component {
   getTagProps = label => {
     const { multi, value = [], disabled: _disabled } = this.props;
     const val = Array.isArray(value) ? value : [value];
-    const matchingVal = val.find(op => op.label === label);
+    const matchingVal = val.find(op => op?.label === label);
     const disabled = _disabled || (matchingVal && matchingVal.disabled);
     const className = matchingVal && matchingVal.className;