impact-ui 4.0.6 → 4.0.7-alpha.1

package/dist/components/Table/filterUtils.js

@@ -1,552 +0,0 @@
-import moment from "moment";
-import { TEXT_FILTER_OPTIONS, NON_TEXT_FILTER_OPTIONS, DATE_FILTER_OPTIONS, convertToOptions } from "../../utils/helper.js";
-const getOperatorListForColumn = (columnDef) => {
-  if (columnDef == null ? void 0 : columnDef.operationFilterOptions) {
-    return columnDef.operationFilterOptions;
-  }
-  if (columnDef == null ? void 0 : columnDef.thirdOptionAsDateRangePicker) {
-    return [{ label: "In range", value: "inRange" }];
-  }
-  switch (columnDef == null ? void 0 : columnDef.filter) {
-    case "agDateColumnFilter":
-      return DATE_FILTER_OPTIONS;
-    case "agNumberColumnFilter":
-      return NON_TEXT_FILTER_OPTIONS;
-    case "agTextColumnFilter":
-      if ((columnDef == null ? void 0 : columnDef.dataType) === "boolean") {
-        return [
-          { label: "Equals", value: "equals" },
-          { label: "Not equal", value: "notEqual" }
-        ];
-      }
-      if ((columnDef == null ? void 0 : columnDef.type) === "number") {
-        return TEXT_FILTER_OPTIONS;
-      }
-      return TEXT_FILTER_OPTIONS;
-  }
-  if ((columnDef == null ? void 0 : columnDef.dataType) === "boolean") {
-    return [
-      { label: "Equals", value: "equals" },
-      { label: "Not equal", value: "notEqual" }
-    ];
-  }
-  if ((columnDef == null ? void 0 : columnDef.type) === "number") {
-    return NON_TEXT_FILTER_OPTIONS;
-  }
-  return TEXT_FILTER_OPTIONS;
-};
-const getDefaultOperationForColumn = (columnDef, filter = null) => {
-  const operatorList = getOperatorListForColumn(columnDef);
-  const equalsOption = operatorList.find((opt) => opt.value === "equals");
-  if (columnDef == null ? void 0 : columnDef.thirdOptionAsDateRangePicker) {
-    return { label: "In range", value: "inRange" };
-  }
-  const prefersEquals = (columnDef == null ? void 0 : columnDef.filter) === "agDateColumnFilter" || (filter == null ? void 0 : filter.filterType) === "date" || (columnDef == null ? void 0 : columnDef.filter) === "agNumberColumnFilter" || (columnDef == null ? void 0 : columnDef.dataType) === "boolean" || (filter == null ? void 0 : filter.filterType) === "boolean" || (columnDef == null ? void 0 : columnDef.type) === "number" && (columnDef == null ? void 0 : columnDef.filter) === "agNumberColumnFilter";
-  if (prefersEquals && equalsOption) {
-    return equalsOption;
-  }
-  return operatorList[0];
-};
-const cleanNumericValue = (value) => {
-  if (typeof value !== "string") {
-    return value;
-  }
-  return value.replace(/[$€£¥₹,\s%]/g, "");
-};
-const isNumericValueColumn = (columnDef) => {
-  if (!columnDef || columnDef.thirdOptionAsDropdown) {
-    return false;
-  }
-  if (columnDef.thirdOptionAsDatePicker || columnDef.thirdOptionAsDateRangePicker || columnDef.filter === "agDateColumnFilter" || columnDef.dataType === "boolean") {
-    return false;
-  }
-  return columnDef.filter === "agNumberColumnFilter" || columnDef.type === "number";
-};
-const isPartialNumericInput = (value) => /^-?\d*\.?\d*$/.test(value ?? "");
-const CURRENCY_SYMBOL = String.raw`[$€£¥₹]`;
-const GROUPED_DIGITS = String.raw`\d{1,3}(?:[,\u202f\u00a0 ]\d{3})+`;
-const MAGNITUDES = { k: 1e3, m: 1e6, mn: 1e6, b: 1e9, bn: 1e9, t: 1e12 };
-const UNSIGNED_NUMBER = new RegExp(
-  String.raw`^${CURRENCY_SYMBOL}?\s*((?:${GROUPED_DIGITS}|\d+)(?:\.\d+)?|\.\d+)\s*(mn|bn|[kmbt])?%?$`,
-  "i"
-);
-const ACCOUNTING_NEGATIVE = new RegExp(String.raw`^${CURRENCY_SYMBOL}?\s*\((.+)\)$`);
-const readPastedNumber = (text) => {
-  const accounting = ACCOUNTING_NEGATIVE.exec(text);
-  const negative = Boolean(accounting) || text.startsWith("-");
-  const body = accounting ? accounting[1] : text.replace(/^-/, "");
-  const match = UNSIGNED_NUMBER.exec(body);
-  if (!match) {
-    return null;
-  }
-  const [, digits, magnitude] = match;
-  const value = cleanNumericValue(digits);
-  if (!magnitude) {
-    return negative ? `-${value}` : value;
-  }
-  const scaled = Number(Number(value) * MAGNITUDES[magnitude.toLowerCase()]).toPrecision(15);
-  return String(negative ? -Number(scaled) : Number(scaled));
-};
-const handleNumericPaste = (event, applyValue) => {
-  var _a;
-  event.preventDefault();
-  const cleaned = readPastedNumber((((_a = event.clipboardData) == null ? void 0 : _a.getData("text")) ?? "").trim());
-  if (cleaned === null) {
-    return;
-  }
-  const input = event.target;
-  const value = input.value ?? "";
-  const start = input.selectionStart ?? value.length;
-  const end = input.selectionEnd ?? value.length;
-  const next = value.slice(0, start) + cleaned + value.slice(end);
-  if (!isPartialNumericInput(next)) {
-    return;
-  }
-  applyValue(next);
-  const caret = start + cleaned.length;
-  requestAnimationFrame(() => input.setSelectionRange(caret, caret));
-};
-const handleNumericKeyDown = (event) => {
-  if (event.ctrlKey || event.metaKey || event.altKey || event.key.length > 1) {
-    return;
-  }
-  if (/^\d$/.test(event.key)) {
-    return;
-  }
-  const { value = "", selectionStart, selectionEnd } = event.target;
-  const remaining = value.slice(0, selectionStart ?? 0) + value.slice(selectionEnd ?? 0);
-  if (event.key === "." && !remaining.includes(".")) {
-    return;
-  }
-  if (event.key === "-" && !remaining.includes("-") && (selectionStart ?? 0) === 0) {
-    return;
-  }
-  event.preventDefault();
-};
-const parseFilterValue = (value, columnDef) => {
-  const type = columnDef == null ? void 0 : columnDef.type;
-  const filter = columnDef == null ? void 0 : columnDef.filter;
-  let parsedValue;
-  let filterType = "contains";
-  if (value && typeof value === "object" && (value == null ? void 0 : value.startDate) !== void 0 && (value == null ? void 0 : value.endDate) !== void 0) {
-    const startDate = moment.isMoment(value.startDate) ? value.startDate : moment(value.startDate);
-    const endDate = moment.isMoment(value.endDate) ? value.endDate : moment(value.endDate);
-    parsedValue = {
-      startDate: startDate.isValid() ? startDate.format("YYYY-MM-DD") : null,
-      endDate: endDate.isValid() ? endDate.format("YYYY-MM-DD") : null
-    };
-    return { parsedValue, filterType };
-  }
-  if (filter === "agDateColumnFilter") {
-    filterType = "equals";
-    if (value && typeof value === "object" && moment.isMoment(value)) {
-      parsedValue = value.format("YYYY-MM-DD");
-      return { parsedValue, filterType };
-    }
-    if (value && typeof value === "string") {
-      const dateMoment = moment(value, ["MM-DD-YYYY", "YYYY-MM-DD", "MM/DD/YYYY"], true);
-      if (dateMoment.isValid()) {
-        parsedValue = dateMoment.format("YYYY-MM-DD");
-        return { parsedValue, filterType };
-      }
-    }
-    if (value && typeof value === "object" && typeof (value == null ? void 0 : value.format) === "function") {
-      parsedValue = value.format("YYYY-MM-DD");
-      return { parsedValue, filterType };
-    }
-    parsedValue = void 0;
-    return { parsedValue, filterType };
-  }
-  if (filter === "agNumberColumnFilter" || type === "number") {
-    const cleanedValue = cleanNumericValue(value);
-    const numericValue = parseFloat(cleanedValue);
-    if (isNaN(numericValue) || cleanedValue === "") {
-      return { parsedValue: null, filterType };
-    }
-    parsedValue = numericValue;
-    filterType = "equals";
-    return { parsedValue, filterType };
-  }
-  parsedValue = typeof value === "string" ? value : typeof value === "object" && (value == null ? void 0 : value.value) ? value.value : value;
-  return { parsedValue, filterType };
-};
-const isColumnDataString = (api, columnId) => {
-  let firstValue = null;
-  api.forEachNode((node) => {
-    if (firstValue === null && node.data) {
-      firstValue = node.data[columnId];
-    }
-  });
-  return typeof firstValue === "string";
-};
-const buildFilterModelEntry = (parsedValue, filterType, columnDef, operationType = null) => {
-  const type = columnDef == null ? void 0 : columnDef.type;
-  const filter = columnDef == null ? void 0 : columnDef.filter;
-  const operator = operationType || filterType;
-  if (operator === "blank" || operator === "notBlank") {
-    let filterTypeForBlank = "text";
-    if (filter === "agDateColumnFilter") {
-      filterTypeForBlank = "date";
-    } else if (filter === "agNumberColumnFilter" || type === "number") {
-      filterTypeForBlank = "number";
-    } else if ((columnDef == null ? void 0 : columnDef.dataType) === "boolean" && filter === "agTextColumnFilter") {
-      filterTypeForBlank = "text";
-    }
-    return {
-      filterType: filterTypeForBlank,
-      type: operator
-    };
-  }
-  if (parsedValue === null || parsedValue === void 0 || parsedValue === "") {
-    return void 0;
-  }
-  if (Array.isArray(parsedValue)) {
-    const validValues = parsedValue.filter((v) => v !== null && v !== void 0 && v !== "");
-    if (validValues.length === 0) {
-      return void 0;
-    }
-    if (validValues.length === 1) {
-      return buildFilterModelEntry(
-        String(typeof validValues[0] === "object" ? validValues[0].value : validValues[0]),
-        filterType,
-        columnDef,
-        operationType
-      );
-    }
-    const filterTypeStr = filter === "agDateColumnFilter" ? "date" : filter === "agNumberColumnFilter" || type === "number" ? "number" : "text";
-    const conditions = validValues.map((val) => ({
-      filterType: filterTypeStr,
-      type: operator,
-      filter: String(val.value)
-    }));
-    return {
-      filterType: filterTypeStr,
-      operator: (columnDef == null ? void 0 : columnDef.operator) || "OR",
-      conditions
-    };
-  }
-  if (filter === "agDateColumnFilter" && typeof parsedValue === "object" && parsedValue.startDate && parsedValue.endDate) {
-    return {
-      filterType: "date",
-      type: "inRange",
-      dateFrom: parsedValue.startDate,
-      dateTo: parsedValue.endDate
-    };
-  }
-  if (filter === "agDateColumnFilter") {
-    return {
-      filterType: "date",
-      type: operator,
-      dateFrom: parsedValue
-    };
-  }
-  if (filter === "agNumberColumnFilter") {
-    return {
-      filterType: "number",
-      type: operator,
-      filter: parsedValue
-    };
-  }
-  if ((columnDef == null ? void 0 : columnDef.dataType) === "boolean") {
-    return {
-      filterType: "text",
-      type: operator,
-      filter: String(parsedValue)
-    };
-  }
-  if (type === "number" && filter === "agTextColumnFilter") {
-    return {
-      filterType: "text",
-      type: operator,
-      filter: String(parsedValue)
-    };
-  }
-  if (type === "number") {
-    return {
-      filterType: "number",
-      type: operator,
-      filter: parsedValue
-    };
-  }
-  const filterEntry = {
-    type: operator,
-    filter: parsedValue,
-    filterType: "text"
-  };
-  return filterEntry;
-};
-const findColumnDef = (colDefs, field) => {
-  var _a;
-  for (const col of colDefs) {
-    if (col.children) {
-      const found = findColumnDef(col.children, field);
-      if (found) return found;
-    }
-    if (col.toShowDuplicateColumnInAdvanceSearch && col.columnFieldsInAdvanceSearch) {
-      const index = (_a = col.columnFieldsInAdvanceSearch) == null ? void 0 : _a.indexOf(field);
-      if (index !== -1) {
-        return {
-          ...col,
-          currentColumnField: `${field}${index + 1}`
-          // add index + 1
-        };
-      }
-    } else if (col.colId && col.colId === field || col.field && col.field === field) {
-      return col;
-    }
-  }
-  return null;
-};
-const parseInlineSearchValue = (value, columnDef, api, columnId) => {
-  const type = columnDef == null ? void 0 : columnDef.type;
-  const filter = columnDef == null ? void 0 : columnDef.filter;
-  if (filter === "agDateColumnFilter") {
-    if (value && typeof value === "object" && (value == null ? void 0 : value.startDate) !== void 0 && (value == null ? void 0 : value.endDate) !== void 0) {
-      const startDate = moment.isMoment(value.startDate) ? value.startDate : moment(value.startDate);
-      const endDate = moment.isMoment(value.endDate) ? value.endDate : moment(value.endDate);
-      return {
-        parsedValue: {
-          startDate: startDate.isValid() ? startDate.format("YYYY-MM-DD") : null,
-          endDate: endDate.isValid() ? endDate.format("YYYY-MM-DD") : null
-        },
-        filterType: "inRange"
-      };
-    }
-    if (value && typeof value === "object" && moment.isMoment(value)) {
-      return {
-        parsedValue: value.format("YYYY-MM-DD"),
-        filterType: "equals"
-      };
-    }
-    if (value && typeof value === "string") {
-      const dateMoment = moment(value, ["MM-DD-YYYY", "YYYY-MM-DD", "MM/DD/YYYY"]);
-      if (dateMoment.isValid()) {
-        return {
-          parsedValue: dateMoment.format("YYYY-MM-DD"),
-          filterType: "equals"
-        };
-      }
-    }
-    return { parsedValue: void 0, filterType: "equals" };
-  }
-  if (filter === "agNumberColumnFilter" || type === "number") {
-    const cleanedValue = cleanNumericValue(value);
-    const parsedNumber = parseFloat(cleanedValue);
-    if (isNaN(parsedNumber) || cleanedValue === "") {
-      return { parsedValue: null, filterType: "contains" };
-    }
-    const isStringColumn = isColumnDataString(api, columnId);
-    if (isStringColumn) {
-      return { parsedValue: value, filterType: "contains" };
-    } else {
-      return { parsedValue: parsedNumber, filterType: "equals" };
-    }
-  }
-  if ((columnDef == null ? void 0 : columnDef.dataType) === "boolean") {
-    return { parsedValue: value, filterType: "equals" };
-  }
-  return { parsedValue: value, filterType: "contains" };
-};
-const isValidFilterValue = (parsedValue) => {
-  if (parsedValue === null || parsedValue === void 0) {
-    return false;
-  }
-  if (typeof parsedValue === "number" && isNaN(parsedValue)) {
-    return false;
-  }
-  if (typeof parsedValue === "string" && parsedValue.trim() === "") {
-    return false;
-  }
-  if (typeof parsedValue === "object" && parsedValue.startDate !== void 0 && parsedValue.endDate !== void 0) {
-    return parsedValue.startDate !== null && parsedValue.endDate !== null;
-  }
-  return true;
-};
-const getColumnLabel = (columnId, columnDef, colDefs) => {
-  let label = (columnDef == null ? void 0 : columnDef.headerName) || columnId;
-  if (colDefs) {
-    const columnOptions = convertToOptions(colDefs);
-    const columnOption = columnOptions.find((opt) => opt.value === columnId);
-    if (columnOption == null ? void 0 : columnOption.label) {
-      label = columnOption.label;
-    }
-  }
-  return label;
-};
-const hasValidFilterValue = (filter) => {
-  if (!filter || filter === void 0 || filter === null) {
-    return false;
-  }
-  const hasValue = filter.filter !== void 0 && filter.filter !== null && filter.filter !== "" || filter.dateFrom !== void 0 && filter.dateFrom !== null && filter.dateFrom !== "";
-  return hasValue;
-};
-const convertFilterToModalFormat = (columnId, filter, columnDef, colDefs) => {
-  var _a;
-  const columnLabel = getColumnLabel(columnId, columnDef, colDefs);
-  let value = (filter == null ? void 0 : filter.filter) || "";
-  if (filter == null ? void 0 : filter.dateFrom) {
-    if (typeof filter.dateFrom === "string") {
-      value = (_a = filter.dateFrom.split(" ")) == null ? void 0 : _a[0];
-    } else if (filter.dateFrom instanceof Date) {
-      value = moment(filter.dateFrom).format("YYYY-MM-DD");
-    } else {
-      value = filter.dateFrom;
-    }
-  }
-  let operationType = filter == null ? void 0 : filter.type;
-  let operationLabel;
-  if (!operationType) {
-    const defaultOp = getDefaultOperationForColumn(columnDef, filter);
-    operationType = defaultOp.value;
-    operationLabel = defaultOp.label;
-  } else {
-    operationLabel = operationType.charAt(0).toUpperCase() + operationType.slice(1);
-  }
-  return {
-    column: {
-      label: columnLabel,
-      value: columnId,
-      type: (filter == null ? void 0 : filter.filterType) || "text"
-    },
-    operation: {
-      label: operationLabel,
-      value: operationType
-    },
-    value
-  };
-};
-const getColumnDefById = (api, colId, colDefs) => {
-  const column = api == null ? void 0 : api.getColumn(colId);
-  if (column) {
-    return column.getColDef();
-  }
-  if (colDefs) {
-    return findColumnDef(colDefs, colId);
-  }
-  return null;
-};
-const convertActiveFiltersToModalFormat = (filterModel, api, colDefs) => {
-  return Object.keys(filterModel).filter((colId) => hasValidFilterValue(filterModel[colId])).map((colId) => {
-    const filter = filterModel[colId];
-    const colDef = getColumnDefById(api, colId, colDefs);
-    return convertFilterToModalFormat(colId, filter, colDef, colDefs);
-  });
-};
-const prepareValueForModal = (inputValue, columnDef, getOptionFromDropdownValue) => {
-  const columnType = columnDef == null ? void 0 : columnDef.type;
-  switch (columnType) {
-    case "dropdown":
-    case "select":
-      if ((columnDef == null ? void 0 : columnDef.thirdOptionDropdownOptions) && inputValue) {
-        const optionObject = getOptionFromDropdownValue(inputValue, columnDef);
-        return typeof optionObject === "object" && optionObject !== null && optionObject.label ? optionObject : inputValue;
-      }
-      return inputValue;
-    case "date":
-      return inputValue;
-    case "number":
-      return inputValue;
-    case "text":
-    default:
-      if ((columnDef == null ? void 0 : columnDef.thirdOptionDropdownOptions) && inputValue) {
-        const optionObject = getOptionFromDropdownValue(inputValue, columnDef);
-        return typeof optionObject === "object" && optionObject !== null && optionObject.label ? optionObject : inputValue;
-      }
-      return inputValue;
-  }
-};
-const createModalFilterEntry = (columnId, value, columnDef, colDefs) => {
-  return {
-    column: {
-      label: getColumnLabel(columnId, columnDef, colDefs),
-      value: columnId,
-      type: (columnDef == null ? void 0 : columnDef.type) || "text"
-    },
-    operation: getDefaultOperationForColumn(columnDef),
-    value
-  };
-};
-const updateOrAddFilter = (existingFilters, columnId, value, columnDef, colDefs) => {
-  const isAlreadyPresent = existingFilters.find((f) => {
-    var _a;
-    return ((_a = f == null ? void 0 : f.column) == null ? void 0 : _a.value) === columnId;
-  });
-  if (isAlreadyPresent) {
-    return existingFilters.map((f) => {
-      var _a;
-      return ((_a = f == null ? void 0 : f.column) == null ? void 0 : _a.value) === columnId ? { ...f, value } : f;
-    });
-  } else {
-    return [...existingFilters, createModalFilterEntry(columnId, value, columnDef, colDefs)];
-  }
-};
-const syncFiltersWithModal = (api, currentColumnId, inputValue, columnDef, colDefs, setValue, setInitialFilters, getOptionFromDropdownValue) => {
-  try {
-    const currentFilterModel = (api == null ? void 0 : api.getFilterModel()) || {};
-    const filtersFromModel = convertActiveFiltersToModalFormat(currentFilterModel, api, colDefs);
-    const valueForModal = prepareValueForModal(inputValue, columnDef, getOptionFromDropdownValue);
-    const updatedFilters = updateOrAddFilter(
-      filtersFromModel,
-      currentColumnId,
-      valueForModal,
-      columnDef,
-      colDefs
-    );
-    setValue == null ? void 0 : setValue("filters", updatedFilters);
-    setInitialFilters == null ? void 0 : setInitialFilters(updatedFilters);
-  } catch (err) {
-    console.warn("Error syncing modal filters:", err);
-  }
-};
-const buildAdvanceSearchFilterModel = (formValues, colDefs) => {
-  const filterModel = {};
-  if (!formValues || !Array.isArray(formValues)) {
-    return filterModel;
-  }
-  formValues.forEach((value) => {
-    var _a, _b;
-    if (!((_a = value == null ? void 0 : value.column) == null ? void 0 : _a.value) || !((_b = value == null ? void 0 : value.operation) == null ? void 0 : _b.value)) {
-      return;
-    }
-    const columnDef = findColumnDef(colDefs, value.column.value);
-    if (!columnDef) {
-      return;
-    }
-    const { parsedValue, filterType } = parseFilterValue(value.value, columnDef);
-    if (!isValidFilterValue(parsedValue)) {
-      return;
-    }
-    const columnKey = columnDef.colId || value.column.value;
-    const filterEntry = buildFilterModelEntry(
-      parsedValue,
-      filterType,
-      columnDef,
-      value.operation.value
-    );
-    if (filterEntry) {
-      filterModel[columnKey] = filterEntry;
-    }
-  });
-  return filterModel;
-};
-export {
-  buildAdvanceSearchFilterModel,
-  buildFilterModelEntry,
-  cleanNumericValue,
-  convertFilterToModalFormat,
-  findColumnDef,
-  getColumnLabel,
-  getDefaultOperationForColumn,
-  getOperatorListForColumn,
-  handleNumericKeyDown,
-  handleNumericPaste,
-  hasValidFilterValue,
-  isColumnDataString,
-  isNumericValueColumn,
-  isPartialNumericInput,
-  isValidFilterValue,
-  parseFilterValue,
-  parseInlineSearchValue,
-  syncFiltersWithModal,
-  updateOrAddFilter
-};

package/dist/components/Table/filterUtils.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=filterUtils.test.d.ts.map

package/dist/components/Table/filterUtils.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"filterUtils.test.d.ts","sourceRoot":"","sources":["../../../src/components/Table/filterUtils.test.ts"],"names":[],"mappings":""}

package/dist/components/Table/index.d.ts

@@ -1,3 +0,0 @@
-
-export declare const Table: import('react').ForwardRefExoticComponent<import('react').RefAttributes<unknown>>;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Table/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AAwnD7B,eAAO,MAAM,KAAK,mFAUhB,CAAC"}