impact-ui 4.0.18 → 5.0.0-alpha.2

package/dist/components/Table/AdvanceSearchModalItem.js

@@ -1,313 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import default_1 from "../../node_modules/@mui/icons-material/DeleteOutlineOutlined.js";
-import moment from "moment";
-import { useController, useForm } from "react-hook-form";
-import { getNonTextFilterOptions, getTextFilterOptions, isColumnSelectionDuplicate } from "../../utils/helper.js";
-import { Button } from "../Button/index.js";
-import { DatePicker } from "../DatePicker/index.js";
-import { DateRangePicker } from "../DateRangePicker/index.js";
-import { Input } from "../Input/index.js";
-import { Select } from "../Select/index.js";
-import { useTranslation } from "../../i18n/useTranslation.js";
-const AdvanceSearchModalItem = ({
-  colDefs,
-  control,
-  index,
-  actualIndex,
-  // Add actualIndex prop for the real form index
-  onDelete,
-  filteredColumnsInitialOptions,
-  totalColumns,
-  currentColumnId,
-  activeOption,
-  getValues,
-  addNewColumn,
-  setToShowDuplicateColumnInAdvanceSearch,
-  selectedThirdOptionDropdownValue,
-  setSelectedThirdOptionDropdownValue,
-  isClearAll,
-  fields,
-  isLastVisible,
-  flag,
-  setFlag,
-  pendingDeletions,
-  setPendingDeletions,
-  remove,
-  ...args
-}) => {
-  var _a, _b, _c, _d;
-  const { t } = useTranslation();
-  const [isColumnOptionsOpen, setIsColumnOptionsOpen] = useState(false);
-  const [isOperationOptionsOpen, setIsOperationOptionsOpen] = useState(false);
-  const [isThirdOptionDropdownOpen, setIsThirdOptionDropdownOpen] = useState(false);
-  const [currentOperationOptions, setCurrentOperationOptions] = useState([]);
-  const [currentThirdOptionDropdownOptions, setCurrentThirdOptionDropdownOptions] = useState([]);
-  const [currentColumnDef, setCurrentColumnDef] = useState(null);
-  const [currentFilteredColumnsInitialOptions, setCurrentFilteredColumnsInitialOptions] = useState(
-    filteredColumnsInitialOptions
-  );
-  const formIndex = actualIndex !== void 0 ? actualIndex : index;
-  const { field: columnField } = useController({
-    name: `filters.${formIndex}.column`,
-    control,
-    rules: {
-      required: true
-    }
-  });
-  const { unregister } = useForm();
-  const { field: operationField, fieldState: operationFieldState } = useController({
-    name: `filters.${formIndex}.operation`,
-    control,
-    rules: { required: activeOption !== "advanceSearch" && true }
-  });
-  const { field: valueField } = useController({
-    name: `filters.${formIndex}.value`,
-    control,
-    rules: {
-      required: true
-    }
-  });
-  useEffect(() => {
-    if (columnField.value) {
-      const findColumnDef = (cols, field) => {
-        var _a2;
-        for (const col of cols) {
-          if (col.children) {
-            const found = findColumnDef(col.children, field);
-            if (found) return found;
-          }
-          if (col.toShowDuplicateColumnInAdvanceSearch && col.columnFieldsInAdvanceSearch) {
-            const index2 = (_a2 = col.columnFieldsInAdvanceSearch) == null ? void 0 : _a2.indexOf(field);
-            if (index2 !== -1) {
-              return {
-                ...col,
-                currentColumnField: `${field}${index2 + 1}`
-                // add index + 1
-              };
-            }
-          } else if (col.colId === field || col.field === field) {
-            return col;
-          }
-        }
-        return null;
-      };
-      const columnDef = findColumnDef(colDefs, columnField.value.value);
-      setCurrentColumnDef(columnDef);
-      const operatorList = (columnDef == null ? void 0 : columnDef.operationFilterOptions) ? columnDef.operationFilterOptions : (columnDef == null ? void 0 : columnDef.filter) === "agNumberColumnFilter" ? getNonTextFilterOptions(t) : getTextFilterOptions(t);
-      setCurrentOperationOptions(operatorList);
-    }
-  }, [columnField.value, colDefs]);
-  useEffect(() => {
-    var _a2;
-    if ((currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDropdown) && operationField.value) {
-      if (currentColumnDef.toShowDuplicateColumnInAdvanceSearch) {
-        const currentOptions = ((_a2 = currentColumnDef.currentColumnField) == null ? void 0 : _a2.endsWith("1")) ? currentColumnDef.thirdOptionDropdownOptions1 : currentColumnDef.thirdOptionDropdownOptions2;
-        setCurrentThirdOptionDropdownOptions(currentOptions);
-      } else {
-        setCurrentThirdOptionDropdownOptions(currentColumnDef.thirdOptionDropdownOptions);
-      }
-    }
-    setToShowDuplicateColumnInAdvanceSearch(currentColumnDef == null ? void 0 : currentColumnDef.toShowDuplicateColumnInAdvanceSearch);
-  }, [currentColumnDef, operationField]);
-  useEffect(() => {
-    var _a2, _b2, _c2;
-    setCurrentFilteredColumnsInitialOptions(filteredColumnsInitialOptions);
-    if (currentColumnId && !columnField.value && columnField.value !== currentColumnId && (filteredColumnsInitialOptions == null ? void 0 : filteredColumnsInitialOptions.length) > 0 && !isClearAll) {
-      const columnOption = filteredColumnsInitialOptions == null ? void 0 : filteredColumnsInitialOptions.find(
-        (opt) => opt.value === currentColumnId
-      );
-      const isColumnExists = (_c2 = (_b2 = (_a2 = getValues()) == null ? void 0 : _a2.filters) == null ? void 0 : _b2.map((filter) => {
-        var _a3;
-        return (_a3 = filter == null ? void 0 : filter.column) == null ? void 0 : _a3.value;
-      })) == null ? void 0 : _c2.includes(currentColumnId);
-      if (!isColumnExists) {
-        columnField.onChange(columnOption);
-      }
-    }
-  }, [filteredColumnsInitialOptions, currentColumnId]);
-  const handleClickOutside = (event) => {
-    if (isColumnOptionsOpen || isThirdOptionDropdownOpen || isOperationOptionsOpen && !event.target.closest(".ia-table-search-content-body")) {
-      setIsColumnOptionsOpen(false);
-      setIsThirdOptionDropdownOpen(false);
-      setIsOperationOptionsOpen(false);
-    }
-  };
-  useEffect(() => {
-    document.addEventListener("click", handleClickOutside);
-    return () => {
-      document.removeEventListener("click", handleClickOutside);
-    };
-  }, [isColumnOptionsOpen, isThirdOptionDropdownOpen, isOperationOptionsOpen]);
-  useEffect(() => {
-    if (activeOption === "search" && !operationField.value && columnField.value && currentOperationOptions.length > 0) {
-      operationField.onChange({ label: "Contains", value: "contains" });
-    }
-  }, [columnField.value, currentOperationOptions, activeOption]);
-  return /* @__PURE__ */ jsxs("div", { className: "ia-table-search-content-body", children: [
-    /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", flex: 1 }, children: /* @__PURE__ */ jsx(
-      Select,
-      {
-        currentOptions: currentFilteredColumnsInitialOptions,
-        initialOptions: filteredColumnsInitialOptions,
-        isOpen: isColumnOptionsOpen,
-        minWidth: activeOption !== "advanceSearch" ? 400 : void 0,
-        name: `filters.${formIndex}.column`,
-        placeholder: t("table.search.selectPlaceholder"),
-        selectedOptions: columnField.value || null,
-        setCurrentOptions: setCurrentFilteredColumnsInitialOptions,
-        setIsOpen: (val) => {
-          setFlag(!flag);
-          setIsColumnOptionsOpen(val);
-        },
-        setSelectedOptions: (option) => {
-          const formValues = getValues();
-          const deletedFilter = fields.find((field, i) => {
-            var _a2;
-            const filterData = formValues.filters[i];
-            return pendingDeletions.includes(field.fieldId) && ((_a2 = filterData == null ? void 0 : filterData.column) == null ? void 0 : _a2.value) === option.value;
-          });
-          if (deletedFilter) {
-            setPendingDeletions((prev) => prev.filter((id) => id !== deletedFilter.fieldId));
-            remove(actualIndex);
-            return;
-          }
-          const isDuplicate = isColumnSelectionDuplicate(
-            formValues,
-            option.value,
-            pendingDeletions,
-            setPendingDeletions
-          );
-          if (isDuplicate) {
-            return;
-          }
-          setFlag(!flag);
-          columnField.onChange(option);
-          if (activeOption === "search") {
-            operationField.onChange({ label: "Contains", value: "contains" });
-          } else {
-            operationField.onChange(null);
-          }
-          valueField.onChange("");
-        },
-        withPortal: true,
-        onClick: (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-        }
-      }
-    ) }),
-    activeOption == "advanceSearch" && /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", flex: 1 }, children: /* @__PURE__ */ jsx(
-      Select,
-      {
-        currentOptions: currentOperationOptions,
-        disabled: !columnField.value,
-        initialOptions: currentOperationOptions,
-        isDisabled: !columnField.value,
-        isOpen: isOperationOptionsOpen,
-        name: `filters.${formIndex}.operation`,
-        placeholder: t("table.search.selectPlaceholder"),
-        selectedOptions: operationField.value || null,
-        setCurrentOptions: setCurrentOperationOptions,
-        setIsOpen: (val) => {
-          setIsOperationOptionsOpen(val);
-        },
-        setSelectedOptions: (option) => {
-          operationField.onChange(option);
-        },
-        withPortal: true,
-        onClick: (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-        }
-      }
-    ) }),
-    /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", flex: 1 }, children: (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDropdown) && currentThirdOptionDropdownOptions.length > 0 ? /* @__PURE__ */ jsx(
-      Select,
-      {
-        currentOptions: currentThirdOptionDropdownOptions,
-        initialOptions: currentThirdOptionDropdownOptions,
-        isDisabled: !operationField.value,
-        isOpen: isThirdOptionDropdownOpen,
-        minWidth: activeOption !== "advanceSearch" ? 344 : void 0,
-        name: `filters.${formIndex}.value`,
-        placeholder: t("table.search.selectValue"),
-        selectedOptions: valueField.value || null,
-        setCurrentOptions: setCurrentThirdOptionDropdownOptions,
-        setIsOpen: setIsThirdOptionDropdownOpen,
-        setSelectedOptions: (option) => {
-          valueField.onChange(option);
-        },
-        withPortal: true,
-        onClick: (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-        }
-      }
-    ) : (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDatePicker) ? /* @__PURE__ */ jsx(
-      DatePicker,
-      {
-        fullWidth: true,
-        isDisabled: !operationField.value,
-        name: `filters.${formIndex}.value`,
-        placeholder: t("table.search.selectDate"),
-        selectedDate: valueField.value ? moment(valueField.value) : void 0,
-        setSelectedDate: (date) => {
-          valueField.onChange(date);
-        },
-        withPortal: true,
-        ...currentColumnDef.thirdOptionAsDatePickerProps
-      }
-    ) : (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDateRangePicker) ? /* @__PURE__ */ jsx(
-      DateRangePicker,
-      {
-        fullWidth: true,
-        endDate: ((_a = valueField.value) == null ? void 0 : _a.endDate) ? (_b = valueField.value) == null ? void 0 : _b.endDate : null,
-        handleDatesChange: (startDate, endDate) => {
-          valueField.onChange({
-            startDate,
-            endDate
-          });
-        },
-        isDisabled: !operationField.value,
-        name: `filters.${formIndex}.value`,
-        setEndDate: () => {
-        },
-        setStartDate: () => {
-        },
-        startDate: ((_c = valueField.value) == null ? void 0 : _c.startDate) ? (_d = valueField.value) == null ? void 0 : _d.startDate : null,
-        withPortal: true,
-        ...currentColumnDef.thirdOptionAsDateRangePickerProps
-      }
-    ) : /* @__PURE__ */ jsx(
-      Input,
-      {
-        isDisabled: activeOption == "advanceSearch" && !operationField.value,
-        name: `filters.${formIndex}.value`,
-        placeholder: t("table.search.enterText"),
-        value: valueField.value ?? "",
-        onChange: (e) => {
-          valueField.onChange(e.target.value);
-        }
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        disabled: isLastVisible,
-        size: "large",
-        type: "button",
-        variant: "tertiary",
-        onClick: (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          onDelete();
-        },
-        children: /* @__PURE__ */ jsx(default_1, {})
-      }
-    )
-  ] });
-};
-export {
-  AdvanceSearchModalItem as default
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"AdvanceSortModal.d.ts","sourceRoot":"","sources":["../../../src/components/Table/AdvanceSortModal.tsx"],"names":[],"mappings":"AAmKA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAY,EAAE,SAAc,EAAE,OAAO,EAAE;;;;;;CAAA,+BAoJhG"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"AgGridHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/AgGridHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6D,MAAM,OAAO,CAAC;AA6BlF,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,YAAY,EACZ,cAAc,EACd,oBAA2B,EAC3B,GAAG,IAAI,EACR;;;;;;;;;;CAAA,4BAi9BA;AAED,eAAe,YAAY,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommentsPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Table/CommentsPortal.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,cAAc,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BvB,uCA8WA,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"NewAdvanceSearchModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAgB5D,QAAA,MAAM,qBAAqB,GAAI;;;;;;;;;;CAU9B,sBA0RA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NewAdvanceSearchModalItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.tsx"],"names":[],"mappings":"AAsBA,QAAA,MAAM,yBAAyB,GAAI;;;;;;;;;;;;;;CAclC,gCA4bA,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"NoComments.d.ts","sourceRoot":"","sources":["../../../src/components/Table/NoComments.tsx"],"names":[],"mappings":"AAyCA,QAAA,MAAM,UAAU,GAAI;;;;;;;;;;;;;CAanB,gCAwOA,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -1,40 +0,0 @@
-import { ReactNode } from 'react';
-import { AgGridReactProps } from 'ag-grid-react';
-
-/** Columns tab in table settings: legacy nested tree, or TableV36-style lazy mount + virtualization. */
-export type ColumnSettingsMode = 'legacy' | 'v36';
-/** Table wraps AG Grid but uses string tokens for row density; omit AG Grid's numeric-only `rowHeight`. */
-export interface TableProps extends Omit<AgGridReactProps, 'rowHeight'> {
-    /** @default 'legacy' */
-    columnSettingsMode?: ColumnSettingsMode;
-    tableHeader?: string;
-    rowHeight?: 'comfort' | 'compact' | number;
-    height?: string | number;
-    topRightOptions?: ReactNode;
-    topLeftOptions?: ReactNode;
-    bottomLeftOptions?: ReactNode;
-    bottomCenterOptions?: ReactNode;
-    cardContainer?: boolean;
-    gridId?: string;
-    hideTableBody?: boolean;
-    onSearchApplyClick?: (filters: unknown[]) => void;
-    onPaginationChanged?: (params: unknown) => void;
-    viewPoint?: string;
-    disableContextualFilter?: boolean;
-    disableTableSettings?: boolean;
-    showBulkActionBar?: boolean;
-    bulkActionBarProps?: {
-        actionBarLabel?: string;
-        enableSelectAll?: boolean;
-        totalRowCount?: number;
-    };
-    onSelectAllRows?: () => void;
-    onClearSelection?: () => void;
-    onSortChanged?: (params: unknown) => void;
-    advanceSortEnabled?: boolean;
-    enableCommentPanel?: boolean;
-    isCommentFeatureEnabled?: boolean;
-    commentProps?: Record<string, unknown>;
-    [key: string]: unknown;
-}
-//# sourceMappingURL=Table.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,wGAAwG;AACxG,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,KAAK,CAAC;AAElD,2GAA2G;AAC3G,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,gBAAgB,EAAE,WAAW,CAAC;IACrE,wBAAwB;IACxB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAClD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,eAAe,CAAC,EAAE,OAAO,CAAC;QAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB"}

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

@@ -1,7 +0,0 @@
-export default function BulkActionBar({ showBulkActionBar, bulkActionBarProps, onSelectAllRows, onClearSelection, }: {
-    showBulkActionBar: any;
-    bulkActionBarProps: any;
-    onSelectAllRows: any;
-    onClearSelection: any;
-}): import("react").JSX.Element;
-//# sourceMappingURL=actionBar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"actionBar.d.ts","sourceRoot":"","sources":["../../../src/components/Table/actionBar.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,GACjB;;;;;CAAA,+BA8BA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"advanceSearchModal.d.ts","sourceRoot":"","sources":["../../../src/components/Table/advanceSearchModal.tsx"],"names":[],"mappings":"AAqBA,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,eAAe,EACf,mBAAmB,EACnB,OAAO,EACP,SAAS,EACT,eAAe,EACf,wBAAwB,EACxB,iBAAiB,EACjB,cAA+D,EAC/D,gCAAgC,EAChC,mCAAmC,EACnC,WAAW,EACX,cAAc,EACd,GAAG,IAAI,EACR;;;;;;;;;;;;;;;;;;CAAA,+BA2rBA"}