@apia/query 4.0.102 → 5.0.1

package/dist/index.js

@@ -1,625 +1,8 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { observer } from 'mobx-react-lite';
-import { Pagination as Pagination$1, DateInput } from '@apia/components';
-import { getLabel, EventEmitter, getDateFormat, arrayOrArray, Url } from '@apia/util';
-import { ApiaApi, makeApiaUrl } from '@apia/api';
-import { Cell, TableController, Row } from '@apia/table2-controller';
-import { makeObservable, observable, runInAction } from 'mobx';
-import { Input, Label, Box } from '@apia/theme';
-import dayjs from 'dayjs';
-import { notify } from '@apia/notifications';
-
-const labels = {
-  deleteFilters: getLabel("btnClearFilter").text,
-  firstPage: getLabel("btnNavFirst").text,
-  information: getLabel("lblGridNotNum").text,
-  lastPage: getLabel("btnNavLast").text,
-  nextPage: getLabel("btnNavNext").text,
-  maximize: getLabel("lblMaximizeWindow").text,
-  minimize: getLabel("lblMinimizeWindow").text,
-  moreData: getLabel("lblMoreData").text,
-  page: getLabel("lblPage").text,
-  pageInputInstructions: getLabel("btnNavFirst").text,
-  previousPage: getLabel("btnNavPrev").text,
-  refresh: getLabel("btnAct").text,
-  totalRecords: getLabel("lblTotReg").text,
-  totalRecordsReached: getLabel("msgTotRegReached").text
-};
-const Pagination = observer(
-  ({ controller }) => {
-    return /* @__PURE__ */ jsx(
-      Pagination$1,
-      {
-        currentPage: controller.state.navigation.currentPage,
-        onPageChange: (page) => {
-          controller.page(page);
-        },
-        onRefresh: () => {
-          controller.refresh();
-        },
-        pageCount: controller.state.navigation.pagesCount,
-        recordsCount: controller.state.navigation.registers,
-        appliedFilters: controller.table.getFilters().filter((c) => c.hasValue()).length,
-        areAllFiltersApplied: controller.state.areAllFiltersApplied,
-        onDeleteFilters: () => controller.clearFilters(),
-        labels,
-        isMaximized: controller.state.isMaximized,
-        onMaximize: () => {
-          controller.state.isMaximized = !controller.state.isMaximized;
-          if (controller.state.isMaximized) {
-            document.querySelector(".twoColumnsList")?.classList.add("maximized");
-          } else {
-            document.querySelector(".twoColumnsList")?.classList.remove("maximized");
-          }
-        }
-      }
-    );
-  }
-);
-
-class HeaderCell extends Cell {
-  constructor(definition) {
-    super({
-      colName: definition.name,
-      content: definition.title,
-      isHidden: definition.isHidden
-    });
-    this.definition = definition;
-    makeObservable(this, { definition: observable });
-  }
-  updateDefinition(newDef) {
-    Object.assign(this, newDef);
-  }
-}
-
-class FilterCell extends Cell {
-  constructor(colName, filter) {
-    super({
-      colName,
-      tag: "td"
-    });
-    this.filter = filter;
-    makeObservable(this, { filter: observable });
-  }
-}
-
-var __defProp$4 = Object.defineProperty;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$4 = (obj, key, value) => {
-  __defNormalProp$4(obj, key + "" , value);
-  return value;
-};
-class Filter extends EventEmitter {
-  constructor(properties) {
-    super();
-    __publicField$4(this, "state");
-    this.state = {
-      ...properties,
-      value: properties.initialValue || ""
-    };
-    makeObservable(this, { state: observable });
-  }
-  focus() {
-  }
-  clear() {
-    this.state.value = "";
-    this.emit("change", null);
-  }
-  fire(ev) {
-    this.emit(ev, null);
-  }
-  hasValue() {
-    return !!this.state.value;
-  }
-  getValue() {
-    return this.state.value;
-  }
-  getState(prop) {
-    return this.state[prop];
-  }
-  setValue(value) {
-    this.state.value = value;
-    this.emit("change", null);
-  }
-  updateDefinition(def) {
-    Object.assign(this.state, def);
-  }
-  validate() {
-    return !this.state.isRequired || !!this.state.value;
-  }
-}
-
-class ListCell extends Cell {
-  constructor(colName, definition) {
-    super({
-      colName,
-      className: definition.className,
-      content: definition.text
-    });
-    this.definition = definition;
-  }
-  updateDefinition(definition) {
-    this.state.className = definition.className;
-    this.state.content = definition.text;
-  }
-}
-
-const InputFilter = observer(({ filter }) => {
-  return /* @__PURE__ */ jsx(
-    Input,
-    {
-      value: filter.getValue(),
-      onChange: (ev) => {
-        filter.setValue(ev.target.value);
-      },
-      onKeyDown: (ev) => {
-        if (ev.code === "Enter") {
-          filter.fire("enter");
-        }
-      },
-      onBlur: () => {
-        filter.fire("blur");
-      }
-    }
-  );
-});
-
-const DateFilter = observer(({ filter, inline }) => {
-  if (inline) {
-    return /* @__PURE__ */ jsx(
-      DateInput,
-      {
-        value: filter.getValue(),
-        onChange: (ev) => {
-          filter.setValue(ev);
-        }
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(Label, { children: [
-    filter.getState("title"),
-    /* @__PURE__ */ jsx(
-      DateInput,
-      {
-        value: filter.getValue(),
-        onChange: (ev) => {
-          filter.setValue(ev);
-        }
-      }
-    )
-  ] });
-});
-
-const DateRangeFilter$1 = observer(
-  ({ filter, inline }) => {
-    if (inline) {
-      return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex" }, children: [
-        /* @__PURE__ */ jsx(
-          DateInput,
-          {
-            value: filter.getValueFrom(),
-            onChange: (ev) => {
-              return filter.setValueFrom(ev);
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          DateInput,
-          {
-            value: filter.getValueTo(),
-            onChange: (ev) => {
-              return filter.setValueTo(ev);
-            }
-          }
-        )
-      ] });
-    }
-    return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex" }, children: [
-      /* @__PURE__ */ jsxs(Label, { children: [
-        "Desde",
-        /* @__PURE__ */ jsx(
-          DateInput,
-          {
-            value: filter.getValueFrom(),
-            onChange: (ev) => {
-              return filter.setValueFrom(ev);
-            }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs(Label, { children: [
-        "Hasta",
-        /* @__PURE__ */ jsx(
-          DateInput,
-          {
-            value: filter.getValueTo(),
-            onChange: (ev) => {
-              return filter.setValueTo(ev);
-            }
-          }
-        )
-      ] })
-    ] });
-  }
-);
-
-const FilterRender = observer(({ filter, inline }) => {
-  switch (filter?.getState("type")) {
-    case "INPUT":
-      return /* @__PURE__ */ jsx(InputFilter, { filter, inline });
-    case "DATE":
-      return /* @__PURE__ */ jsx(DateFilter, { filter, inline });
-    case "DATERANGE":
-      return /* @__PURE__ */ jsx(DateRangeFilter$1, { filter, inline });
-  }
-  return /* @__PURE__ */ jsx(Input, { disabled: true });
-});
-
-var __defProp$3 = Object.defineProperty;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$3 = (obj, key, value) => {
-  __defNormalProp$3(obj, key + "" , value);
-  return value;
-};
-const FilterRenderer = ({ cell }) => {
-  return cell instanceof FilterCell ? /* @__PURE__ */ jsx(FilterRender, { filter: cell.filter, inline: true }) : cell.getState("content");
-};
-class FiltersPlugin {
-  constructor() {
-    __publicField$3(this, "getRenderers", () => ({
-      cell: FilterRenderer
-    }));
-  }
-}
-
-const dateFormat = getDateFormat();
-class DateRangeFilter extends Filter {
-  setValue() {
-    throw new Error("Cannot set value on range filter");
-  }
-  clear() {
-    this.state.value = "";
-    this.state.valueTo = "";
-    this.emit("change", null);
-  }
-  checkDatesOrder(from, to) {
-    if (!from || !to) {
-      return true;
-    }
-    const fromDate = dayjs(from, dateFormat);
-    const toDate = dayjs(to, dateFormat);
-    const isValid = !fromDate.isAfter(toDate);
-    if (!isValid) {
-      notify({ message: "Fecha desde no puede ser mayor que fecha hasta" });
-    }
-    return isValid;
-  }
-  hasValue() {
-    return !!this.state.value || !!this.state.valueTo;
-  }
-  getValue() {
-    return `${this.state.value || ""}~${this.state.valueTo || ""}`;
-  }
-  getValueFrom() {
-    return this.state.value;
-  }
-  getValueTo() {
-    return this.state.valueTo;
-  }
-  setValueFrom(value) {
-    if (this.checkDatesOrder(value, this.state.valueTo)) {
-      this.state.value = value;
-      this.emit("change", null);
-      return true;
-    }
-    return false;
-  }
-  setValueTo(value) {
-    if (this.checkDatesOrder(this.state.value, value)) {
-      this.state.valueTo = value;
-      this.emit("change", null);
-      return true;
-    }
-    return false;
-  }
-  validate() {
-    return !this.state.isRequired || !!this.state.value && !!this.state.valueTo;
-  }
-}
-
-var __defProp$2 = Object.defineProperty;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$2 = (obj, key, value) => {
-  __defNormalProp$2(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-class ListTableController extends EventEmitter {
-  constructor(list) {
-    super();
-    this.list = list;
-    __publicField$2(this, "controller");
-    __publicField$2(this, "columnsMap", /* @__PURE__ */ new Map());
-    __publicField$2(this, "filtersMap", /* @__PURE__ */ new Map());
-    __publicField$2(this, "listeners", /* @__PURE__ */ new Map());
-    this.controller = new TableController();
-    this.controller.setPlugins((c) => [...c, new FiltersPlugin()]);
-    this.init();
-  }
-  init() {
-    this.controller.head.addRow(new Row("header"));
-    this.controller.head.addRow(
-      new Row("filters").setState("isHidden", true).setState("domProperties", { className: "filtersRow" })
-    );
-  }
-  clear() {
-    this.controller.body.clear();
-  }
-  fromGenericTable(table) {
-    this.controller.setState("allowEdition", table.behavior.allowEdition);
-    this.controller.setState("allowSelection", table.behavior.allowSelection);
-    this.controller.setState(
-      "isSelectionMultiple",
-      table.behavior.isMultipleSelection
-    );
-    const columns = arrayOrArray(table.columns);
-    const filters = arrayOrArray(table.filters);
-    this.columnsMap.clear();
-    for (const filter of filters) {
-      if (this.filtersMap.get(filter.name)) {
-        this.filtersMap.get(filter.name)?.updateDefinition(filter);
-      } else {
-        this.filtersMap.set(filter.name, this.makeFilter(filter));
-      }
-    }
-    for (const key of this.filtersMap.keys()) {
-      if (!filters.find((c) => c.name === key)) {
-        this.removeFilter(key);
-      }
-    }
-    this.controller.head.rows[0].cells.splice(columns.length);
-    this.controller.head.rows[1].cells.splice(columns.length);
-    let i;
-    for (i = 0; i < columns.length; i++) {
-      const column = columns[i];
-      const colName = column.name;
-      if (!this.controller.head.rows[0].cells[i]) {
-        this.controller.head.rows[0].addCell(new HeaderCell(column));
-      } else {
-        this.controller.head.rows[0].cells[i].updateDefinition(
-          column
-        );
-      }
-      const filter = filters.find((c) => c.columnName === colName);
-      if (this.controller.head.rows[1].cells[i]) {
-        this.controller.head.rows[1].cells[i].setState(
-          "colName",
-          colName
-        );
-        this.controller.head.rows[1].cells[i].filter = this.filtersMap.get(
-          filter?.name || "nohayfiltrodefinidiparaestacolumna"
-        );
-      } else {
-        this.controller.head.rows[1].addCell(
-          new FilterCell(
-            colName,
-            this.filtersMap.get(
-              filter?.name || "nohayfiltrodefinidiparaestacolumna"
-            )
-          )
-        );
-      }
-      this.columnsMap.set(
-        colName,
-        this.controller.head.rows[0].cells[i]
-      );
-    }
-    const rows = arrayOrArray(table.rows);
-    this.controller.body.rows.splice(rows.length);
-    for (let i2 = 0; i2 < rows.length; i2++) {
-      if (!this.controller.body.rows[i2]) {
-        this.controller.body.addRow(new Row(rows[i2].id));
-      } else {
-        this.controller.body.rows[i2].setState("id", rows[i2].id);
-      }
-      this.controller.body.rows[i2].cells.splice(columns.length);
-      for (let j = 0; j < columns.length; j++) {
-        if (this.controller.body.rows[i2].cells[j]) {
-          this.controller.body.rows[i2].cells[j].updateDefinition(
-            arrayOrArray(rows[i2].cells)[j]
-          );
-        } else {
-          this.controller.body.rows[i2].addCell(
-            new ListCell(columns[j].name, arrayOrArray(rows[i2].cells)[j])
-          );
-        }
-      }
-    }
-  }
-  getFilter(filterName) {
-    return this.filtersMap.get(filterName);
-  }
-  getFilters() {
-    return [...this.filtersMap.values()];
-  }
-  removeFilter(filterName) {
-    this.filtersMap.delete(filterName);
-    this.listeners.get(filterName)?.forEach((listener) => listener());
-    this.listeners.delete(filterName);
-  }
-  makeFilter(filter) {
-    let inst;
-    if (filter.type === "DATERANGE")
-      inst = new DateRangeFilter(filter);
-    else
-      inst = new Filter(filter);
-    const listenBlur = () => this.emit("filterBlur", inst);
-    const listenChange = () => this.emit("filterChange", inst);
-    const listenEnter = () => this.emit("filterPressEnter", inst);
-    inst.on("blur", listenBlur);
-    inst.on("change", listenChange);
-    inst.on("enter", listenEnter);
-    this.listeners.set(inst.getState("name"), [
-      listenBlur,
-      listenChange,
-      listenEnter
-    ]);
-    return inst;
-  }
-}
-
-var __defProp$1 = Object.defineProperty;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$1 = (obj, key, value) => {
-  __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-class ListController {
-  constructor(env, configuration) {
-    this.env = env;
-    this.configuration = configuration;
-    __publicField$1(this, "table");
-    __publicField$1(this, "state", {
-      areAllFiltersApplied: true,
-      navigation: { currentPage: 0, pagesCount: 0, registers: 0 },
-      fncId: -1,
-      isFavorite: false,
-      isMaximized: false
-    });
-    __publicField$1(this, "refreshTimeout", -1);
-    this.table = new ListTableController(this);
-    this.initializeFavoriteAction();
-    if (configuration?.refreshOnStartup !== false) {
-      this.refresh();
-    }
-    this.table.on("filterChange", (filter) => {
-      this.state.areAllFiltersApplied = false;
-      if (filter.getState("runAutomatically")) {
-        this.throttleRefresh();
-      }
-    });
-    this.table.on("filterPressEnter", () => {
-      this.refresh();
-    });
-    this.table.on("filterBlur", () => {
-      console.log("blur");
-    });
-    makeObservable(this, { state: observable });
-  }
-  throttleRefresh() {
-    clearTimeout(this.refreshTimeout);
-    this.refreshTimeout = setTimeout(() => {
-      this.refresh();
-    }, 100);
-  }
-  getAjaxParameters() {
-    return { ajaxUrl: this.env.window.URL_REQUEST_AJAX };
-  }
-  async clearFilters() {
-    runInAction(() => {
-      this.table.getFilters().forEach((c) => c.clear());
-      this.throttleRefresh();
-    });
-  }
-  async page(pageNumber) {
-    if (this.validateFilters()) {
-      const result = await ApiaApi.post(
-        makeApiaUrl({
-          action: "refresh",
-          page: pageNumber,
-          ...this.getAjaxParameters()
-        })
-      );
-      if (result?.data?.list) {
-        this.processRefreshResult(result.data);
-      }
-    }
-  }
-  validateFilters() {
-    const invalidFilters = this.table.getFilters().filter((c) => !c.validate());
-    if (invalidFilters.length) {
-      this.table.clear();
-      notify({
-        title: getLabel("titWarning").text,
-        message: getLabel("msgQryFilterRequiredList", {
-          text: {
-            TOK1: invalidFilters.map((c) => c.getState("title")).join(", ")
-          }
-        }).text
-      });
-    }
-    return invalidFilters.length === 0;
-  }
-  async refresh() {
-    if (this.validateFilters()) {
-      this.state.areAllFiltersApplied = true;
-      const result = await ApiaApi.post(
-        makeApiaUrl({
-          action: "refresh",
-          ...this.getAjaxParameters()
-        }),
-        {
-          postData: {
-            ...this.table.getFilters().reduce(
-              (acc, cur) => ({
-                ...acc,
-                [`filter_${cur.getState("name")}`]: cur.getValue()
-              }),
-              {}
-            )
-          },
-          postDataTreatement: "stringify",
-          stringifyOptions: { arrayFormat: "repeat" }
-        }
-      );
-      if (result?.data?.list) {
-        this.processRefreshResult(result.data);
-      }
-    }
-  }
-  async initializeFavoriteAction() {
-    this.state.fncId = Number.parseInt(
-      String(new Url(window.location.href).getParameter("favFncId"))
-    );
-    const res = await ApiaApi.post(
-      makeApiaUrl({ action: "loadFavoriteState", favFncId: this.state.fncId })
-    );
-    if (res?.data) {
-      this.state.isFavorite = res.data.isFavorite;
-    }
-  }
-  async toggleFavoriteFunctionality() {
-    const res = await ApiaApi.post(makeApiaUrl({ action: "toggleFavorite", favFncId: this.state.fncId }));
-    if (res?.data) {
-      this.state.isFavorite = res.data.isFavorite;
-    }
-  }
-  processRefreshResult(result) {
-    this.table.fromGenericTable(result.list);
-    this.state.navigation = result.list.navigation;
-  }
-}
-
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, key + "" , value);
-  return value;
-};
-class ModalListController extends ListController {
-  constructor(env, configuration) {
-    super(env, { ...configuration, refreshOnStartup: false });
-    __publicField(this, "tabId", Date.now());
-  }
-  getAjaxParameters() {
-    return { ajaxUrl: this.configuration.ajaxUrl, tabId: this.tabId };
-  }
-  initializeFavoriteAction() {
-    return Promise.resolve();
-  }
-  toggleFavoriteFunctionality() {
-    return Promise.resolve();
-  }
-}
-
-export { ListController, ModalListController, Pagination };
+export { Pagination } from './components/Pagination.js';
+export { ListController } from './ListController.js';
+export { ModalListController } from './ModalListController.js';
+export { ListFunctionalityController } from './ListFunctionalityController.js';
+export { QueriesFunctionalityController } from './QueriesFunctionalityController.js';
+export { getDateFromString } from './utils/getStringFromDate.js';
+export { getStringFromDate } from './utils/getDateFromString.js';
 //# sourceMappingURL=index.js.map