@wavemaker-ai/react-runtime 1.0.0-rc.309 → 1.0.0-rc.314

package/components/data/live-filter/index.js

@@ -1,304 +1,252 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof3 = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _lodashEs = require("lodash-es");
-var _util = require("../../../core/util");
-var _form = _interopRequireDefault(require("../form"));
-var _props = require("./props");
-var _types = require("../types");
-var _utils = require("../utils");
-var _fieldDataUtils = require("../utils/field-data-utils");
-var _filterFieldUtil = require("../utils/filter-field-util");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-var __jsx = _react["default"].createElement;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var FILTER_CONSTANTS = {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
+import { isArray, get } from "lodash-es";
+import { useEffect, useRef } from "react";
+import { isDefined } from "../../../core/util";
+import Form from "../form";
+import { DEFAULT_PROPS } from "./props";
+import { DataSource, FormWidgetType, DataType } from "../types";
+import {
+  getRangeFieldValue,
+  getRangeMatchMode,
+  getEnableEmptyFilter,
+  getEmptyMatchMode
+} from "../utils";
+import { isDataSetWidget } from "../utils/field-data-utils";
+import { getDistinctValuesForField } from "../utils/filter-field-util";
+const FILTER_CONSTANTS = {
   EMPTY_KEY: "EMPTY_NULL_FILTER"
 };
-var WmLiveFilter = function WmLiveFilter(prop) {
-  var _props$listener;
-  var props = _objectSpread(_objectSpread({}, _props.DEFAULT_PROPS), prop);
-  var isInitilised = (0, _react.useRef)(false);
-  var isInvoked = (0, _react.useRef)(false);
-  var isDataSourceUpdatedRef = (0, _react.useRef)(false);
-  var dataSource = (_props$listener = props.listener) === null || _props$listener === void 0 || (_props$listener = _props$listener.Variables) === null || _props$listener === void 0 ? void 0 : _props$listener[props.dataSource];
+const WmLiveFilter = (prop) => {
+  var _a, _b;
+  const props = __spreadValues(__spreadValues({}, DEFAULT_PROPS), prop);
+  const isInitilised = useRef(false);
+  const isInvoked = useRef(false);
+  const isDataSourceUpdatedRef = useRef(false);
+  const dataSource = (_b = (_a = props.listener) == null ? void 0 : _a.Variables) == null ? void 0 : _b[props.dataSource];
   function updateResults(dataSet) {
-    var _props$listener2;
-    (_props$listener2 = props.listener) === null || _props$listener2 === void 0 || _props$listener2.onChange(props.name, {
+    var _a2;
+    (_a2 = props.listener) == null ? void 0 : _a2.onChange(props.name, {
       result: dataSet
     });
   }
-  function Livefilter(_x, _x2, _x3) {
-    return _Livefilter.apply(this, arguments);
-  }
-  function _Livefilter() {
-    _Livefilter = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(options, clearFilter, formFields) {
-      var _props$orderBy, _props$pagesize;
-      var dataModel, page, orderBy, pagesize, filterFields, isValid, _props$onBeforeservic, _props$toggleMessage, fieldsArray, _options$exportType, _options$exportSize, _options$data, _options$fields, _options$data2, _options$fileName, _options$data3, exportType;
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (dataSource) {
-              _context.next = 2;
-              break;
-            }
-            return _context.abrupt("return");
-          case 2:
-            // Treat first arg as submitted form data model
-            dataModel = options || {};
-            page = 1;
-            orderBy = (_props$orderBy = props.orderBy) !== null && _props$orderBy !== void 0 ? _props$orderBy : "";
-            pagesize = (_props$pagesize = props.pagesize) !== null && _props$pagesize !== void 0 ? _props$pagesize : 20;
-            filterFields = {};
-
-            // before invoke filter called onBeforeInvokeFilter if response is false or undefined then return
-            _context.prev = 7;
-            isValid = (_props$onBeforeservic = props.onBeforeservicecall) === null || _props$onBeforeservic === void 0 ? void 0 : _props$onBeforeservic.call(props, filterFields);
-            if (!(isValid === false)) {
-              _context.next = 11;
-              break;
-            }
-            return _context.abrupt("return");
-          case 11:
-            if (!(isValid && isValid.error)) {
-              _context.next = 14;
-              break;
-            }
-            (_props$toggleMessage = props.toggleMessage) === null || _props$toggleMessage === void 0 || _props$toggleMessage.call(props, true, isValid.error, "error", "ERROR");
-            return _context.abrupt("return");
-          case 14:
-            _context.next = 20;
-            break;
-          case 16:
-            _context.prev = 16;
-            _context.t0 = _context["catch"](7);
-            if (!(_context.t0.message === "Abort")) {
-              _context.next = 20;
-              break;
-            }
-            return _context.abrupt("return");
-          case 20:
-            if (!clearFilter) {
-              _context.next = 22;
-              break;
-            }
-            return _context.abrupt("return", dataSource[_types.DataSource.Operation.LIST_RECORDS]({
-              filterFields: {},
-              orderBy: "",
-              page: 1
-            }).then(function (results) {
-              if (results) {
-                var _props$onSuccess;
-                updateResults(results === null || results === void 0 ? void 0 : results.data);
-                (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 || _props$onSuccess.call(props, results === null || results === void 0 ? void 0 : results.data);
-              }
-            })["catch"](function (err) {
-              var _props$toggleMessage2, _props$onResultCb;
-              (_props$toggleMessage2 = props.toggleMessage) === null || _props$toggleMessage2 === void 0 || _props$toggleMessage2.call(props, true, err, "error", "ERROR");
-              (_props$onResultCb = props.onResultCb) === null || _props$onResultCb === void 0 || _props$onResultCb.call(props, err, false);
-              return err;
-            }));
-          case 22:
-            /* Construct the formFields Variable to send it to the queryBuilder */
-            fieldsArray = (0, _lodashEs.isArray)(formFields) ? formFields : Object.values(formFields || {}); // Sync runtime values from submitted data into field definitions
-            fieldsArray.forEach(function (filterField) {
-              // Use fieldcol (or name) as the actual column identifier since field may contain "true"
-              var fieldKey = filterField.fieldcol || filterField.name || filterField.field;
-              var submitted = dataModel === null || dataModel === void 0 ? void 0 : dataModel[fieldKey];
-              if (filterField["isRange"] === true || filterField["isRange"] === "true") {
-                if (submitted && (0, _typeof2["default"])(submitted) === "object") {
-                  var _ref, _ref2, _submitted$minValue, _ref3, _ref4, _submitted$maxValue;
-                  filterField._minValue = (_ref = (_ref2 = (_submitted$minValue = submitted.minValue) !== null && _submitted$minValue !== void 0 ? _submitted$minValue : submitted.min) !== null && _ref2 !== void 0 ? _ref2 : submitted.start) !== null && _ref !== void 0 ? _ref : filterField._minValue;
-                  filterField._maxValue = (_ref3 = (_ref4 = (_submitted$maxValue = submitted.maxValue) !== null && _submitted$maxValue !== void 0 ? _submitted$maxValue : submitted.max) !== null && _ref4 !== void 0 ? _ref4 : submitted.end) !== null && _ref3 !== void 0 ? _ref3 : filterField._maxValue;
-                }
-              } else {
-                if (submitted !== undefined) {
-                  filterField.value = submitted;
-                }
-              }
-            });
-            fieldsArray.forEach(function (filterField) {
-              var fieldValue;
-              var matchMode;
-              // Use fieldcol (or name) as the actual column identifier since field may contain "true"
-              var colName = filterField.fieldcol || filterField.name || filterField.field;
-              var minValue = filterField._minValue;
-              var maxvalue = filterField._maxValue;
-              /* if field is part of a related entity, column name will be 'entity.fieldName' */
-              if (filterField["isRelated"]) {
-                colName += "." + filterField["lookup-field"];
-              }
-              if (filterField["isRange"] && filterField["isRange"] != "false") {
-                /*Based on the min and max values, decide the matchmode condition*/
-                fieldValue = (0, _utils.getRangeFieldValue)(minValue, maxvalue);
-                matchMode = (0, _utils.getRangeMatchMode)(minValue, maxvalue);
-                if ((0, _util.isDefined)(fieldValue)) {
-                  filterFields[colName] = {
-                    value: fieldValue,
-                    matchMode: matchMode,
-                    logicalOp: "AND"
-                  };
+  async function Livefilter(options, clearFilter, formFields) {
+    var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+    if (!dataSource) return;
+    const dataModel = options || {};
+    let page, orderBy, pagesize, filterFields, isValid;
+    page = 1;
+    orderBy = (_a2 = props.orderBy) != null ? _a2 : "";
+    pagesize = (_b2 = props.pagesize) != null ? _b2 : 20;
+    filterFields = {};
+    try {
+      isValid = (_c = props.onBeforeservicecall) == null ? void 0 : _c.call(props, filterFields);
+      if (isValid === false) {
+        return;
+      }
+      if (isValid && isValid.error) {
+        (_d = props.toggleMessage) == null ? void 0 : _d.call(props, true, isValid.error, "error", "ERROR");
+        return;
+      }
+    } catch (err) {
+      if (err.message === "Abort") {
+        return;
+      }
+    }
+    if (clearFilter) {
+      return dataSource[DataSource.Operation.LIST_RECORDS]({
+        filterFields: {},
+        orderBy: "",
+        page: 1
+      }).then((results) => {
+        var _a3;
+        if (results) {
+          updateResults(results == null ? void 0 : results.data);
+          (_a3 = props.onSuccess) == null ? void 0 : _a3.call(props, results == null ? void 0 : results.data);
+        }
+      }).catch((err) => {
+        var _a3, _b3;
+        (_a3 = props.toggleMessage) == null ? void 0 : _a3.call(props, true, err, "error", "ERROR");
+        (_b3 = props.onResultCb) == null ? void 0 : _b3.call(props, err, false);
+        return err;
+      });
+    }
+    const fieldsArray = isArray(formFields) ? formFields : Object.values(formFields || {});
+    fieldsArray.forEach((filterField) => {
+      var _a3, _b3, _c2, _d2, _e2, _f2;
+      const fieldKey = filterField.fieldcol || filterField.name || filterField.field;
+      const submitted = dataModel == null ? void 0 : dataModel[fieldKey];
+      if (filterField["isRange"] === true || filterField["isRange"] === "true") {
+        if (submitted && typeof submitted === "object") {
+          filterField._minValue = (_c2 = (_b3 = (_a3 = submitted.minValue) != null ? _a3 : submitted.min) != null ? _b3 : submitted.start) != null ? _c2 : filterField._minValue;
+          filterField._maxValue = (_f2 = (_e2 = (_d2 = submitted.maxValue) != null ? _d2 : submitted.max) != null ? _e2 : submitted.end) != null ? _f2 : filterField._maxValue;
+        }
+      } else {
+        if (submitted !== void 0) {
+          filterField.value = submitted;
+        }
+      }
+    });
+    fieldsArray.forEach((filterField) => {
+      let fieldValue;
+      let matchMode;
+      let colName = filterField.fieldcol || filterField.name || filterField.field;
+      const minValue = filterField._minValue;
+      const maxvalue = filterField._maxValue;
+      if (filterField["isRelated"]) {
+        colName += "." + filterField["lookup-field"];
+      }
+      if (filterField["isRange"] && filterField["isRange"] != "false") {
+        fieldValue = getRangeFieldValue(minValue, maxvalue);
+        matchMode = getRangeMatchMode(minValue, maxvalue);
+        if (isDefined(fieldValue)) {
+          filterFields[colName] = {
+            value: fieldValue,
+            matchMode,
+            logicalOp: "AND"
+          };
+        }
+      } else {
+        const filterValue = "value" in filterField ? filterField.value : filterField.datavalue;
+        switch (filterField.widget) {
+          case FormWidgetType.SELECT:
+          case FormWidgetType.RADIOSET:
+            if (getEnableEmptyFilter(props.enableemptyfilter) && filterValue === FILTER_CONSTANTS.EMPTY_KEY) {
+              matchMode = getEmptyMatchMode(props.enableemptyfilter);
+              fieldValue = filterValue;
+            } else {
+              if (filterField.type === DataType.BOOLEAN) {
+                if (isDefined(filterValue) && filterValue !== "") {
+                  fieldValue = JSON.parse(filterValue);
                 }
               } else {
-                var filterValue = "value" in filterField ? filterField.value : filterField.datavalue;
-                switch (filterField.widget) {
-                  case _types.FormWidgetType.SELECT:
-                  case _types.FormWidgetType.RADIOSET:
-                    if ((0, _utils.getEnableEmptyFilter)(props.enableemptyfilter) && filterValue === FILTER_CONSTANTS.EMPTY_KEY) {
-                      matchMode = (0, _utils.getEmptyMatchMode)(props.enableemptyfilter);
-                      fieldValue = filterValue;
-                    } else {
-                      if (filterField.type === _types.DataType.BOOLEAN) {
-                        if ((0, _util.isDefined)(filterValue) && filterValue !== "") {
-                          fieldValue = JSON.parse(filterValue);
-                        }
-                      } else {
-                        fieldValue = filterValue;
-                      }
-                    }
-                    break;
-                  case _types.FormWidgetType.CHECKBOXSET:
-                  case _types.FormWidgetType.CHIPS:
-                    if (filterValue && filterValue.length) {
-                      fieldValue = filterValue;
-                    }
-                    break;
-                  case _types.FormWidgetType.CHECKBOX:
-                  case _types.FormWidgetType.TOGGLE:
-                    if ((0, _util.isDefined)(filterValue) && filterValue !== "") {
-                      fieldValue = filterField.type === _types.DataType.BOOLEAN ? JSON.parse(filterValue) : filterValue;
-                    }
-                    break;
-                  default:
-                    fieldValue = filterValue;
-                    break;
-                }
-                if ((0, _util.isDefined)(fieldValue) && fieldValue !== "" && fieldValue !== null) {
-                  filterFields[colName] = {};
-                  if (matchMode) {
-                    filterFields[colName].matchMode = matchMode;
-                    fieldValue = undefined;
-                  } else if (filterField.type === _types.DataType.STRING || filterField.isRelated) {
-                    // Only for string types and related fields, custom match modes are enabled.
-                    // filterFields[colName].matchMode =
-                    //   matchMode || filterField.matchmode || variable[DataSource.Operation.GET_MATCH_MODE]();
-                  }
-                  filterFields[colName].value = fieldValue;
-                  filterFields[colName].logicalOp = "AND";
-                  filterFields[colName].type = filterField.type;
-                }
+                fieldValue = filterValue;
               }
-            });
-
-            //  if exportType is there then return the download
-            if (!(options && options.exportType || options && options.data && options.data.exportType)) {
-              _context.next = 28;
-              break;
             }
-            exportType = (_options$exportType = options.exportType) !== null && _options$exportType !== void 0 ? _options$exportType : options.data.exportType;
-            return _context.abrupt("return", dataSource[_types.DataSource.Operation.DOWNLOAD]({
-              data: {
-                matchMode: "anywhereignorecase",
-                filterFields: filterFields,
-                orderBy: orderBy,
-                exportType: exportType,
-                logicalOp: "AND",
-                exportSize: (_options$exportSize = options.exportSize) !== null && _options$exportSize !== void 0 ? _options$exportSize : (_options$data = options.data) === null || _options$data === void 0 ? void 0 : _options$data.exportSize,
-                fields: (_options$fields = options.fields) !== null && _options$fields !== void 0 ? _options$fields : (_options$data2 = options.data) === null || _options$data2 === void 0 ? void 0 : _options$data2.fields,
-                fileName: (_options$fileName = options.fileName) !== null && _options$fileName !== void 0 ? _options$fileName : (_options$data3 = options.data) === null || _options$data3 === void 0 ? void 0 : _options$data3.fileName
-              }
-            }));
-          case 28:
-            return _context.abrupt("return", dataSource[_types.DataSource.Operation.LIST_RECORDS]({
-              filterFields: filterFields,
-              orderBy: orderBy,
-              page: page,
-              pagesize: pagesize,
-              skipDataSetUpdate: true,
-              inFlightBehavior: "executeAll"
-            }).then(function (results) {
-              if (results) {
-                var _props$onSuccess2;
-                updateResults(results === null || results === void 0 ? void 0 : results.data);
-                (_props$onSuccess2 = props.onSuccess) === null || _props$onSuccess2 === void 0 || _props$onSuccess2.call(props, results === null || results === void 0 ? void 0 : results.data);
-              }
-            })["catch"](function (err) {
-              var _props$toggleMessage3, _props$onResultCb2;
-              (_props$toggleMessage3 = props.toggleMessage) === null || _props$toggleMessage3 === void 0 || _props$toggleMessage3.call(props, true, err, "error", "ERROR");
-              (_props$onResultCb2 = props.onResultCb) === null || _props$onResultCb2 === void 0 || _props$onResultCb2.call(props, err, false);
-              return err;
-            }));
-          case 29:
-          case "end":
-            return _context.stop();
+            break;
+          case FormWidgetType.CHECKBOXSET:
+          case FormWidgetType.CHIPS:
+            if (filterValue && filterValue.length) {
+              fieldValue = filterValue;
+            }
+            break;
+          case FormWidgetType.CHECKBOX:
+          case FormWidgetType.TOGGLE:
+            if (isDefined(filterValue) && filterValue !== "") {
+              fieldValue = filterField.type === DataType.BOOLEAN ? JSON.parse(filterValue) : filterValue;
+            }
+            break;
+          default:
+            fieldValue = filterValue;
+            break;
         }
-      }, _callee, null, [[7, 16]]);
-    }));
-    return _Livefilter.apply(this, arguments);
+        if (isDefined(fieldValue) && fieldValue !== "" && fieldValue !== null) {
+          filterFields[colName] = {};
+          if (matchMode) {
+            filterFields[colName].matchMode = matchMode;
+            fieldValue = void 0;
+          } else if (filterField.type === DataType.STRING || filterField.isRelated) {
+          }
+          filterFields[colName].value = fieldValue;
+          filterFields[colName].logicalOp = "AND";
+          filterFields[colName].type = filterField.type;
+        }
+      }
+    });
+    if (options && options.exportType || options && options.data && options.data.exportType) {
+      const exportType = (_e = options.exportType) != null ? _e : options.data.exportType;
+      return dataSource[DataSource.Operation.DOWNLOAD]({
+        data: {
+          matchMode: "anywhereignorecase",
+          filterFields,
+          orderBy,
+          exportType,
+          logicalOp: "AND",
+          exportSize: (_g = options.exportSize) != null ? _g : (_f = options.data) == null ? void 0 : _f.exportSize,
+          fields: (_i = options.fields) != null ? _i : (_h = options.data) == null ? void 0 : _h.fields,
+          fileName: (_k = options.fileName) != null ? _k : (_j = options.data) == null ? void 0 : _j.fileName
+        }
+      });
+    }
+    return dataSource[DataSource.Operation.LIST_RECORDS]({
+      filterFields,
+      orderBy,
+      page,
+      pagesize,
+      skipDataSetUpdate: true,
+      inFlightBehavior: "executeAll"
+    }).then((results) => {
+      var _a3;
+      if (results) {
+        updateResults(results == null ? void 0 : results.data);
+        (_a3 = props.onSuccess) == null ? void 0 : _a3.call(props, results == null ? void 0 : results.data);
+      }
+    }).catch((err) => {
+      var _a3, _b3;
+      (_a3 = props.toggleMessage) == null ? void 0 : _a3.call(props, true, err, "error", "ERROR");
+      (_b3 = props.onResultCb) == null ? void 0 : _b3.call(props, err, false);
+      return err;
+    });
   }
   function onDataSourceChange(formFields) {
     if (isDataSourceUpdatedRef.current) return;
-    // const fields = get(props.listener.Widgets[props.name], "formfields", []);
-
-    // let formFields = isArray(fields) ? fields : Object.values(fields || {});
-
-    if ((0, _lodashEs.get)(formFields, "length")) {
+    if (get(formFields, "length")) {
       isDataSourceUpdatedRef.current = true;
     }
-    formFields.forEach(function (field) {
-      if ((0, _fieldDataUtils.isDataSetWidget)(field.widget)) {
-        var _props$listener3;
-        (0, _filterFieldUtil.getDistinctValuesForField)(dataSource, field, {
+    formFields.forEach((field) => {
+      var _a2;
+      if (isDataSetWidget(field.widget)) {
+        getDistinctValuesForField(dataSource, field, {
           widget: "widgettype",
           enableemptyfilter: props.enableemptyfilter,
-          EMPTY_VALUE: props === null || props === void 0 || (_props$listener3 = props.listener) === null || _props$listener3 === void 0 ? void 0 : _props$listener3.appLocale.LABEL_NO_VALUE
+          EMPTY_VALUE: (_a2 = props == null ? void 0 : props.listener) == null ? void 0 : _a2.appLocale.LABEL_NO_VALUE
         });
       }
     });
   }
-
-  // side events
-  (0, _react.useEffect)(function () {
-    var _props$dataset;
-    if (!isInitilised.current && props !== null && props !== void 0 && props.dataset && (props === null || props === void 0 || (_props$dataset = props.dataset) === null || _props$dataset === void 0 ? void 0 : _props$dataset.length) > 0) {
+  useEffect(() => {
+    var _a2;
+    if (!isInitilised.current && (props == null ? void 0 : props.dataset) && ((_a2 = props == null ? void 0 : props.dataset) == null ? void 0 : _a2.length) > 0) {
       updateResults(props.dataset);
-      // @ts-ignore
       isInitilised.current = true;
     }
   }, [props.dataset]);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (dataSource && dataSource.invoke && !isInvoked.current) {
       isInvoked.current = true;
       dataSource.invoke();
     }
   }, []);
-  return __jsx(_form["default"], (0, _extends2["default"])({}, props, {
-    Livefilter: Livefilter,
-    onDataSourceChange: onDataSourceChange,
-    "form-type": "live-filter"
-  }), props.children);
+  return /* @__PURE__ */ jsx(
+    Form,
+    __spreadProps(__spreadValues({}, props), {
+      Livefilter,
+      onDataSourceChange,
+      "form-type": "live-filter",
+      children: props.children
+    })
+  );
 };
 WmLiveFilter.displayName = "WmLiveFilter";
-
-/**
- * The WmLiveFilter component is used to filter data from a data source.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/data-live-filter--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/data-live-filter--docs#tab-overview)
- *
- * @param props - {@link WmLiveFilterProps}
- */
-var _default = exports["default"] = WmLiveFilter;
+var live_filter_default = WmLiveFilter;
+export {
+  live_filter_default as default
+};

package/components/data/live-filter/props.js

@@ -1,16 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DEFAULT_PROPS = void 0;
-/**
- * Combined props for the WmLiveFilter component, including base WaveMaker props.
- */
-
-var DEFAULT_PROPS = exports.DEFAULT_PROPS = {
+const DEFAULT_PROPS = {
   iconclass: "wi wi-filter-list",
   pagesize: 20,
   autoupdate: true,
   enableemptyfilter: " "
-};
+};
+export {
+  DEFAULT_PROPS
+};