@wavemaker-ai/react-runtime 1.0.0-rc.647499 → 1.0.0-rc.647565

package/components/data/utils/field-data-utils.js

@@ -1,34 +1,29 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getDistinctFieldProperties = void 0;
-exports.getDistinctValues = getDistinctValues;
-exports.isDataSetWidget = void 0;
-exports.isSearchWidgetType = isSearchWidgetType;
-var _types = require("../types");
-var _lodashEs = require("lodash-es");
-var DATASET_WIDGETS = ["select", "autocomplete", "typeahead", "chips", "checkboxset", "radioset", "rating", "switch"];
-
-/**
- * Check if widget type is a dataset widget (similar to isDataSetWidget in Angular)
- */
-var isDataSetWidget = exports.isDataSetWidget = function isDataSetWidget(widgettype) {
-  return DATASET_WIDGETS.includes(widgettype === null || widgettype === void 0 ? void 0 : widgettype.toLowerCase());
+import { DataSource, FormWidgetType } from "../types";
+import { includes, isObject } from "lodash-es";
+const DATASET_WIDGETS = [
+  "select",
+  "autocomplete",
+  "typeahead",
+  "chips",
+  "checkboxset",
+  "radioset",
+  "rating",
+  "switch"
+];
+const isDataSetWidget = (widgettype) => {
+  return DATASET_WIDGETS.includes(widgettype == null ? void 0 : widgettype.toLowerCase());
 };
-var getDistinctFieldProperties = exports.getDistinctFieldProperties = function getDistinctFieldProperties(dataSource, formField) {
-  var props = {};
-  var fieldColumn;
+const getDistinctFieldProperties = (dataSource, formField) => {
+  const props = {};
+  let fieldColumn;
   if (formField["isRelated"]) {
-    var _fieldColumn;
     props.tableName = formField["lookup-type"];
     fieldColumn = formField["lookup-field"];
     props.distinctField = fieldColumn;
-    props.aliasColumn = (_fieldColumn = fieldColumn) === null || _fieldColumn === void 0 ? void 0 : _fieldColumn.replace(".", "$"); // For related fields, In response . is replaced by $
-    props.filterExpr = formField.filterexpressions ? (0, _lodashEs.isObject)(formField.filterexpressions) ? formField.filterexpressions : JSON.parse(formField.filterexpressions) : {};
+    props.aliasColumn = fieldColumn == null ? void 0 : fieldColumn.replace(".", "$");
+    props.filterExpr = formField.filterexpressions ? isObject(formField.filterexpressions) ? formField.filterexpressions : JSON.parse(formField.filterexpressions) : {};
   } else {
-    props.tableName = dataSource.execute(_types.DataSource.Operation.GET_ENTITY_NAME);
+    props.tableName = dataSource.execute(DataSource.Operation.GET_ENTITY_NAME);
     fieldColumn = formField["fieldcol"] || formField.key;
     props.distinctField = fieldColumn;
     props.aliasColumn = fieldColumn;
@@ -36,31 +31,32 @@ var getDistinctFieldProperties = exports.getDistinctFieldProperties = function g
   return props;
 };
 function getDistinctValues(dataSource, formField, widget) {
-  var props;
-  return new Promise(function (res, rej) {
+  let props;
+  return new Promise((res, rej) => {
     if (isDataSetWidget(formField.widget) && (!formField.isDataSetBound || widget === "filterwidget")) {
       props = getDistinctFieldProperties(dataSource, formField);
-      dataSource.execute(_types.DataSource.Operation.GET_DISTINCT_DATA_BY_FIELDS, {
+      dataSource.execute(DataSource.Operation.GET_DISTINCT_DATA_BY_FIELDS, {
         fields: props.distinctField,
         entityName: props.tableName,
         pagesize: formField.limit,
         filterExpr: formField.filterexpressions ? JSON.parse(formField.filterexpressions) : {}
-      }).then(function (response) {
-        res({
-          field: formField,
-          data: response.data,
-          aliasColumn: props.aliasColumn
-        });
-      }, rej)["catch"](function (error) {
-        rej({
-          field: formField,
-          data: [],
-          aliasColumn: props.aliasColumn
-        });
+      }).then((response) => {
+        res({ field: formField, data: response.data, aliasColumn: props.aliasColumn });
+      }, rej).catch((error) => {
+        rej({ field: formField, data: [], aliasColumn: props.aliasColumn });
       });
     }
   });
 }
 function isSearchWidgetType(widget) {
-  return (0, _lodashEs.includes)([_types.FormWidgetType.AUTOCOMPLETE, _types.FormWidgetType.TYPEAHEAD, _types.FormWidgetType.CHIPS], widget);
-}
+  return includes(
+    [FormWidgetType.AUTOCOMPLETE, FormWidgetType.TYPEAHEAD, FormWidgetType.CHIPS],
+    widget
+  );
+}
+export {
+  getDistinctFieldProperties,
+  getDistinctValues,
+  isDataSetWidget,
+  isSearchWidgetType
+};

package/components/data/utils/filter-field-util.js

@@ -1,16 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LIVE_CONSTANTS = void 0;
-exports.getDistinctValuesForField = getDistinctValuesForField;
-exports.interpolateBindExpressions = interpolateBindExpressions;
-exports.stringStartsWith = exports.processFilterExpBindNode = void 0;
-var _lodashEs = require("lodash-es");
-var _fieldDataUtils = require("./field-data-utils");
-var _ = require("./");
-var LIVE_CONSTANTS = exports.LIVE_CONSTANTS = {
+import { forEach, isFunction, isObject, debounce } from "lodash-es";
+import {
+  getDistinctFieldProperties,
+  getDistinctValues,
+  isSearchWidgetType
+} from "./field-data-utils";
+import { getEnableEmptyFilter } from "./";
+const LIVE_CONSTANTS = {
   EMPTY_KEY: "EMPTY_NULL_FILTER",
   EMPTY_VALUE: "No Value",
   LABEL_KEY: "key",
@@ -19,63 +14,66 @@ var LIVE_CONSTANTS = exports.LIVE_CONSTANTS = {
   NULL: "null",
   EMPTY: "empty"
 };
-var stringStartsWith = exports.stringStartsWith = function stringStartsWith(str, startsWith, ignoreCase) {
+const stringStartsWith = (str, startsWith, ignoreCase) => {
   if (!str) {
     return false;
   }
-  var regEx = new RegExp("^" + startsWith, ignoreCase ? "i" : "");
+  const regEx = new RegExp("^" + startsWith, ignoreCase ? "i" : "");
   return regEx.test(str);
 };
 function interpolateBindExpressions(context, filterexpressions, callbackFn) {
-  var debouncedFn = (0, _lodashEs.debounce)(function () {
-    if ((0, _lodashEs.isFunction)(callbackFn)) {
+  const debouncedFn = debounce(() => {
+    if (isFunction(callbackFn)) {
       callbackFn(filterexpressions);
     }
   }, 300);
-
-  // Call initially for expressions without bound variables
   debouncedFn();
-  var filterExpressions = filterexpressions ? (0, _lodashEs.isObject)(filterexpressions) ? filterexpressions : JSON.parse(filterexpressions) : {};
-
-  // Just setup the bindings - no subscription needed
+  const filterExpressions = filterexpressions ? isObject(filterexpressions) ? filterexpressions : JSON.parse(filterexpressions) : {};
   processFilterExpBindNode(context, filterExpressions);
-  // The filterExpressions object will be mutated directly by the watchers
-  // No need for subscription since changes happen in-place
 }
-var processFilterExpBindNode = exports.processFilterExpBindNode = function processFilterExpBindNode(context, filterExpressions, variable) {
-  var _traverseFilterExpressions = function traverseFilterExpressions(expressions) {
+const processFilterExpBindNode = (context, filterExpressions, variable) => {
+  const traverseFilterExpressions = (expressions) => {
     if (expressions.rules) {
-      (0, _lodashEs.forEach)(expressions.rules, function (filExpObj, i) {
+      forEach(expressions.rules, (filExpObj, i) => {
         if (filExpObj.rules) {
-          _traverseFilterExpressions(filExpObj);
+          traverseFilterExpressions(filExpObj);
         }
       });
     }
   };
-  _traverseFilterExpressions(filterExpressions);
-
-  // Return the mutated filterExpressions or nothing
+  traverseFilterExpressions(filterExpressions);
   return filterExpressions;
 };
 function getDistinctValuesForField(dataSource, formField, options) {
   if (!dataSource || !formField || formField.isDataSetBound) {
     return;
   }
-  if ((0, _fieldDataUtils.isSearchWidgetType)(formField[options.widget])) {
-    var dataoptions = (0, _fieldDataUtils.getDistinctFieldProperties)(dataSource, formField);
+  if (isSearchWidgetType(formField[options.widget])) {
+    const dataoptions = getDistinctFieldProperties(dataSource, formField);
     formField.dataoptions = dataoptions;
     formField.setFieldDataSet(formField, Object.assign(options || {}, dataoptions));
   } else {
-    interpolateBindExpressions(formField.viewParent, formField.filterexpressions, function (filterexpressions) {
-      formField.filterexpressions = filterexpressions;
-      (0, _fieldDataUtils.getDistinctValues)(dataSource, formField, options.widget).then(function (res) {
-        formField.setFieldDataSet(res.data, {
-          aliasColumn: res.aliasColumn,
-          widget: options.widget,
-          isEnableEmptyFilter: (0, _.getEnableEmptyFilter)(options.enableemptyfilter),
-          EMPTY_VALUE: options.EMPTY_VALUE
+    interpolateBindExpressions(
+      formField.viewParent,
+      formField.filterexpressions,
+      (filterexpressions) => {
+        formField.filterexpressions = filterexpressions;
+        getDistinctValues(dataSource, formField, options.widget).then((res) => {
+          formField.setFieldDataSet(res.data, {
+            aliasColumn: res.aliasColumn,
+            widget: options.widget,
+            isEnableEmptyFilter: getEnableEmptyFilter(options.enableemptyfilter),
+            EMPTY_VALUE: options.EMPTY_VALUE
+          });
         });
-      });
-    });
+      }
+    );
   }
-}
+}
+export {
+  LIVE_CONSTANTS,
+  getDistinctValuesForField,
+  interpolateBindExpressions,
+  processFilterExpBindNode,
+  stringStartsWith
+};

package/components/data/utils/index.js

@@ -1,28 +1,13 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LIVE_CONSTANTS = void 0;
-exports.findOperationType = findOperationType;
-exports.getEmptyMatchMode = getEmptyMatchMode;
-exports.getEnableEmptyFilter = getEnableEmptyFilter;
-exports.getMatchModeTypesMap = exports.getMatchModeMsgs = void 0;
-exports.getRangeFieldValue = getRangeFieldValue;
-exports.getRangeMatchMode = getRangeMatchMode;
-exports.unsupportedStatePersistenceTypes = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _lodashEs = require("lodash-es");
-var _types = require("../types");
-var _util = require("../../../core/util");
-var Live_Operations = {
+import { isEmpty, forEach, some, intersection, includes, split } from "lodash-es";
+import { MatchMode } from "../types";
+import { isDefined } from "../../../core/util";
+const Live_Operations = {
   INSERT: "insert",
   UPDATE: "update",
   DELETE: "delete",
   READ: "read"
 };
-var LIVE_CONSTANTS = exports.LIVE_CONSTANTS = {
+const LIVE_CONSTANTS = {
   EMPTY_KEY: "EMPTY_NULL_FILTER",
   EMPTY_VALUE: "No Value",
   LABEL_KEY: "key",
@@ -32,17 +17,15 @@ var LIVE_CONSTANTS = exports.LIVE_CONSTANTS = {
   EMPTY: "empty"
 };
 function findOperationType(formdata, primaryKeys) {
-  var operation;
-  var isPrimary = false;
-  if (primaryKeys && !(0, _lodashEs.isEmpty)(formdata)) {
-    /*If only one column is primary key*/
+  let operation;
+  let isPrimary = false;
+  if (primaryKeys && !isEmpty(formdata)) {
     if (primaryKeys.length === 1) {
       if (formdata[primaryKeys[0]]) {
         operation = Live_Operations.UPDATE;
       }
-      /*If only no column is primary key*/
     } else if (primaryKeys.length === 0) {
-      (0, _lodashEs.forEach)(formdata, function (value) {
+      forEach(formdata, (value) => {
         if (value) {
           isPrimary = true;
         }
@@ -50,10 +33,8 @@ function findOperationType(formdata, primaryKeys) {
       if (isPrimary) {
         operation = Live_Operations.UPDATE;
       }
-      /*If multiple columns are primary key*/
     } else {
-      // @ts-ignore
-      isPrimary = (0, _lodashEs.some)(primaryKeys, function (primaryKey) {
+      isPrimary = some(primaryKeys, (primaryKey) => {
         if (formdata[primaryKey]) {
           return true;
         }
@@ -66,23 +47,10 @@ function findOperationType(formdata, primaryKeys) {
   return operation || Live_Operations.INSERT;
 }
 function isDefinedAndNotEmpty(val) {
-  return (0, _util.isDefined)(val) && val !== "" && val !== null;
+  return isDefined(val) && val !== "" && val !== null;
 }
-
-/**
- * @ngdoc function
- * @name wm.widgets.live.getRangeFieldValue
- * @methodOf wm.widgets.live.LiveWidgetUtils
- * @function
- *
- * @description
- * Function to get the field value for range
- *
- * @param {string} minValue min value selected
- * @param {string} maxValue max value selected
- */
 function getRangeFieldValue(minValue, maxValue) {
-  var fieldValue;
+  let fieldValue;
   if (isDefinedAndNotEmpty(minValue) && isDefinedAndNotEmpty(maxValue)) {
     fieldValue = [minValue, maxValue];
   } else if (isDefinedAndNotEmpty(minValue)) {
@@ -92,102 +60,124 @@ function getRangeFieldValue(minValue, maxValue) {
   }
   return fieldValue;
 }
-/**
- * @ngdoc function
- * @name wm.widgets.live.getRangeMatchMode
- * @methodOf wm.widgets.live.LiveWidgetUtils
- * @function
- *
- * @description
- * Function to get the match mode for range
- *
- * @param {string} minValue min value selected
- * @param {string} maxValue max value selected
- */
 function getRangeMatchMode(minValue, maxValue) {
-  var matchMode;
-  // If two values exists, then it is between. Otherwise, greater or lesser
+  let matchMode;
   if (isDefinedAndNotEmpty(minValue) && isDefinedAndNotEmpty(maxValue)) {
-    matchMode = _types.MatchMode.BETWEEN;
+    matchMode = MatchMode.BETWEEN;
   } else if (isDefinedAndNotEmpty(minValue)) {
-    matchMode = _types.MatchMode.GREATER;
+    matchMode = MatchMode.GREATER;
   } else if (isDefinedAndNotEmpty(maxValue)) {
-    matchMode = _types.MatchMode.LESSER;
+    matchMode = MatchMode.LESSER;
   }
   return matchMode;
 }
-
-/**
- * @ngdoc function
- * @name wm.widgets.live.getEnableEmptyFilter
- * @methodOf wm.widgets.live.LiveWidgetUtils
- * @function
- *
- * @description
- * This function checks if enable filter options is set on live filter
- *
- * @param {object} enableemptyfilter empty filter options
- */
 function getEnableEmptyFilter(enableemptyfilter) {
-  return enableemptyfilter && (0, _lodashEs.intersection)(enableemptyfilter.split(","), LIVE_CONSTANTS.NULL_EMPTY).length > 0;
+  return enableemptyfilter && intersection(enableemptyfilter.split(","), LIVE_CONSTANTS.NULL_EMPTY).length > 0;
 }
-/**
- * @ngdoc function
- * @name wm.widgets.live.getEmptyMatchMode
- * @methodOf wm.widgets.live.LiveWidgetUtils
- * @function
- *
- * @description
- * Function to get the match mode based on the filter selected
- *
- * @param {object} enableemptyfilter empty filter options
- */
 function getEmptyMatchMode(enableemptyfilter) {
-  var matchMode;
-  var emptyFilterOptions = (0, _lodashEs.split)(enableemptyfilter, ",");
-  if ((0, _lodashEs.intersection)(emptyFilterOptions, LIVE_CONSTANTS.NULL_EMPTY).length === 2) {
-    matchMode = _types.MatchMode.NULLOREMPTY;
-  } else if ((0, _lodashEs.includes)(emptyFilterOptions, LIVE_CONSTANTS.NULL)) {
-    matchMode = _types.MatchMode.NULL;
-  } else if ((0, _lodashEs.includes)(emptyFilterOptions, LIVE_CONSTANTS.EMPTY)) {
-    matchMode = _types.MatchMode.EMPTY;
+  let matchMode;
+  const emptyFilterOptions = split(enableemptyfilter, ",");
+  if (intersection(emptyFilterOptions, LIVE_CONSTANTS.NULL_EMPTY).length === 2) {
+    matchMode = MatchMode.NULLOREMPTY;
+  } else if (includes(emptyFilterOptions, LIVE_CONSTANTS.NULL)) {
+    matchMode = MatchMode.NULL;
+  } else if (includes(emptyFilterOptions, LIVE_CONSTANTS.EMPTY)) {
+    matchMode = MatchMode.EMPTY;
   }
   return matchMode;
 }
-var typesMap = {
-  number: ["number", "integer", "big_integer", "short", "float", "big_decimal", "double", "long", "byte"],
+const typesMap = {
+  number: [
+    "number",
+    "integer",
+    "big_integer",
+    "short",
+    "float",
+    "big_decimal",
+    "double",
+    "long",
+    "byte"
+  ],
   string: ["string", "text"],
   character: ["character"],
   date: ["date", "time", "timestamp", "datetime"]
 };
-var modes = {
-  number: ["exact", "notequals", "lessthan", "lessthanequal", "greaterthan", "greaterthanequal", "null", "isnotnull"],
-  string: ["anywhereignorecase", "anywhere", "startignorecase", "start", "endignorecase", "end", "exactignorecase", "exact", "notequalsignorecase", "notequals", "null", "isnotnull", "empty", "isnotempty", "nullorempty"],
-  character: ["exactignorecase", "exact", "notequalsignorecase", "notequals", "null", "isnotnull", "empty", "isnotempty", "nullorempty"],
-  date: ["exact", "lessthan", "lessthanequal", "greaterthan", "greaterthanequal", "null", "notequals", "isnotnull"]
+const modes = {
+  number: [
+    "exact",
+    "notequals",
+    "lessthan",
+    "lessthanequal",
+    "greaterthan",
+    "greaterthanequal",
+    "null",
+    "isnotnull"
+  ],
+  string: [
+    "anywhereignorecase",
+    "anywhere",
+    "startignorecase",
+    "start",
+    "endignorecase",
+    "end",
+    "exactignorecase",
+    "exact",
+    "notequalsignorecase",
+    "notequals",
+    "null",
+    "isnotnull",
+    "empty",
+    "isnotempty",
+    "nullorempty"
+  ],
+  character: [
+    "exactignorecase",
+    "exact",
+    "notequalsignorecase",
+    "notequals",
+    "null",
+    "isnotnull",
+    "empty",
+    "isnotempty",
+    "nullorempty"
+  ],
+  date: [
+    "exact",
+    "lessthan",
+    "lessthanequal",
+    "greaterthan",
+    "greaterthanequal",
+    "null",
+    "notequals",
+    "isnotnull"
+  ]
 };
-var matchModeTypesMap = {
-  "boolean": ["exact", "null", "isnotnull"],
+const matchModeTypesMap = {
+  boolean: ["exact", "null", "isnotnull"],
   clob: [],
   blob: []
 };
-var getMatchModeTypesMap = exports.getMatchModeTypesMap = function getMatchModeTypesMap(multiMode) {
+const getMatchModeTypesMap = (multiMode) => {
   if (multiMode) {
     modes.number.push("in", "notin", "between");
     modes.date.push("between");
     modes.string.push("in", "notin");
     modes.character.push("in", "notin");
   }
-  (0, _lodashEs.forEach)(typesMap, function (types, primType) {
-    (0, _lodashEs.forEach)(types, function (type) {
+  forEach(typesMap, (types, primType) => {
+    forEach(types, (type) => {
       matchModeTypesMap[type] = modes[primType];
     });
   });
-  // this is used in filter criteria when the user types the column name manually and where we dont know the type of the column
-  matchModeTypesMap["default"] = [].concat((0, _toConsumableArray2["default"])(modes["number"]), (0, _toConsumableArray2["default"])(modes["string"]), (0, _toConsumableArray2["default"])(modes["character"]), (0, _toConsumableArray2["default"])(modes["date"]));
+  matchModeTypesMap["default"] = [
+    ...modes["number"],
+    ...modes["string"],
+    ...modes["character"],
+    ...modes["date"]
+  ];
   return matchModeTypesMap;
 };
-var getMatchModeMsgs = exports.getMatchModeMsgs = function getMatchModeMsgs(appLocale) {
+const getMatchModeMsgs = (appLocale) => {
   return {
     start: appLocale.LABEL_STARTS_WITH,
     startignorecase: appLocale.LABEL_STARTS_WITH_IGNORECASE,
@@ -203,14 +193,25 @@ var getMatchModeMsgs = exports.getMatchModeMsgs = function getMatchModeMsgs(appL
     lessthanequal: appLocale.LABEL_LESS_THAN_OR_EQUALS_TO,
     greaterthan: appLocale.LABEL_GREATER_THAN,
     greaterthanequal: appLocale.LABEL_GREATER_THAN_OR_EQUALS_TO,
-    "null": appLocale.LABEL_IS_NULL,
+    null: appLocale.LABEL_IS_NULL,
     isnotnull: appLocale.LABEL_IS_NOT_NULL,
     empty: appLocale.LABEL_IS_EMPTY,
     isnotempty: appLocale.LABEL_IS_NOT_EMPTY,
     nullorempty: appLocale.LABEL_IS_NULL_OR_EMPTY,
-    "in": appLocale.LABEL_IN,
+    in: appLocale.LABEL_IN,
     notin: appLocale.LABEL_NOT_IN,
     between: appLocale.LABEL_BETWEEN
   };
 };
-var unsupportedStatePersistenceTypes = exports.unsupportedStatePersistenceTypes = ["On-Demand", "Scroll"];
+const unsupportedStatePersistenceTypes = ["On-Demand", "Scroll"];
+export {
+  LIVE_CONSTANTS,
+  findOperationType,
+  getEmptyMatchMode,
+  getEnableEmptyFilter,
+  getMatchModeMsgs,
+  getMatchModeTypesMap,
+  getRangeFieldValue,
+  getRangeMatchMode,
+  unsupportedStatePersistenceTypes
+};