impact-ui 4.0.1-alpha.21 → 4.0.1-alpha.23

package/dist/components/TableV36/AdvanceSearchModalItem.d.ts

@@ -0,0 +1,27 @@
+declare const AdvanceSearchModalItem: ({ colDefs, control, index, actualIndex, onDelete, filteredColumnsInitialOptions, totalColumns, currentColumnId, activeOption, getValues, addNewColumn, setToShowDuplicateColumnInAdvanceSearch, selectedThirdOptionDropdownValue, setSelectedThirdOptionDropdownValue, isClearAll, fields, isLastVisible, flag, setFlag, pendingDeletions, setPendingDeletions, remove, ...args }: {
+    [x: string]: any;
+    colDefs: any;
+    control: any;
+    index: any;
+    actualIndex: any;
+    onDelete: any;
+    filteredColumnsInitialOptions: any;
+    totalColumns: any;
+    currentColumnId: any;
+    activeOption: any;
+    getValues: any;
+    addNewColumn: any;
+    setToShowDuplicateColumnInAdvanceSearch: any;
+    selectedThirdOptionDropdownValue: any;
+    setSelectedThirdOptionDropdownValue: any;
+    isClearAll: any;
+    fields: any;
+    isLastVisible: any;
+    flag: any;
+    setFlag: any;
+    pendingDeletions: any;
+    setPendingDeletions: any;
+    remove: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default AdvanceSearchModalItem;
+//# sourceMappingURL=AdvanceSearchModalItem.d.ts.map

package/dist/components/TableV36/AdvanceSearchModalItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvanceSearchModalItem.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/AdvanceSearchModalItem.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,sBAAsB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;CAwB/B,4CAmUA,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/TableV36/AdvanceSortModal.d.ts

@@ -0,0 +1,8 @@
+export default function AdvanceSortModal({ open, onClose, colDefs, sortState, onApply }: {
+    open: any;
+    onClose: any;
+    colDefs?: never[] | undefined;
+    sortState?: never[] | undefined;
+    onApply: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AdvanceSortModal.d.ts.map

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

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

package/dist/components/TableV36/AdvanceSortModal.js

@@ -0,0 +1,297 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import default_1 from "../../node_modules/@mui/icons-material/DragIndicator.js";
+import { getAssetUrl } from "../../utils/assetBase.js";
+import { Badge } from "../Badge/index.js";
+import { Button } from "../Button/index.js";
+import { Modal } from "../Modal/index.js";
+import { Select } from "../Select/index.js";
+import { Tooltip } from "../Tooltip/index.js";
+const SaveViewDeleteIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/saveViewDeleteIcon.svg"), ...props });
+const AddOutlinedIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/plus.svg"), ...props });
+const SORT_ORDER_OPTIONS_TEXT = [
+  { label: "Ascending (A To Z)", value: "asc" },
+  { label: "Descending (Z To A)", value: "desc" }
+];
+const SORT_ORDER_OPTIONS_NUMBER = [
+  { label: "Smallest to largest", value: "asc" },
+  { label: "Largest to smallest", value: "desc" }
+];
+function getSortOrderOptionsByFilter(filterType) {
+  if (filterType === "agNumberColumnFilter") {
+    return SORT_ORDER_OPTIONS_NUMBER;
+  }
+  if (filterType === "agTextColumnFilter") {
+    return SORT_ORDER_OPTIONS_TEXT;
+  }
+  return SORT_ORDER_OPTIONS_TEXT;
+}
+let nextId = 1;
+const generateId = () => `sort-row-${nextId++}`;
+function buildColumnOptions(colDefs) {
+  const options = [];
+  const collect = (cols) => {
+    if (!Array.isArray(cols)) return;
+    cols.forEach((col) => {
+      if (col.children) {
+        collect(col.children);
+      } else if (col.field && col.sortable) {
+        options.push({
+          label: col.headerName || col.field,
+          value: col.field,
+          filter: col.filter
+        });
+      }
+    });
+  };
+  collect(colDefs);
+  return options;
+}
+function makeEmptyRow() {
+  return { id: generateId(), colId: null, order: "null" };
+}
+function SortRow({
+  row,
+  index,
+  availableColumnOptions,
+  selectedColumnOption,
+  selectedOrderOption,
+  selectedColumnFilter,
+  onColumnChange,
+  onOrderChange,
+  onDelete,
+  dragHandlers,
+  rowsCount
+}) {
+  const [columnIsOpen, setColumnIsOpen] = useState(false);
+  const [orderIsOpen, setOrderIsOpen] = useState(false);
+  const [columnCurrentOptions, setColumnCurrentOptions] = useState(availableColumnOptions);
+  const [orderCurrentOptions, setOrderCurrentOptions] = useState(
+    getSortOrderOptionsByFilter(selectedColumnFilter)
+  );
+  useEffect(() => {
+    setColumnCurrentOptions(availableColumnOptions);
+  }, [availableColumnOptions]);
+  useEffect(() => {
+    setOrderCurrentOptions(getSortOrderOptionsByFilter(selectedColumnFilter));
+  }, [selectedColumnFilter]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      draggable: true,
+      className: "advance-sort-row",
+      onDragEnd: dragHandlers.onDragEnd,
+      onDragEnter: () => dragHandlers.onDragEnter(index),
+      onDragOver: (e) => {
+        e.preventDefault();
+      },
+      onDragStart: () => dragHandlers.onDragStart(index),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "advance-sort-row-content", children: [
+          /* @__PURE__ */ jsx(default_1, { className: "advance-sort-drag-indicator" }),
+          /* @__PURE__ */ jsxs("div", { className: "advance-sort-field-group", children: [
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                isWithSearch: true,
+                withPortal: true,
+                currentOptions: columnCurrentOptions,
+                handleChange: (val) => onColumnChange(index, val),
+                initialOptions: availableColumnOptions,
+                isOpen: columnIsOpen,
+                label: "Column",
+                minWidth: "210px",
+                placeholder: "Select column",
+                selectedOptions: selectedColumnOption,
+                setCurrentOptions: setColumnCurrentOptions,
+                setIsOpen: setColumnIsOpen,
+                setSelectedOptions: () => {
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                withPortal: true,
+                currentOptions: orderCurrentOptions,
+                handleChange: (val) => onOrderChange(index, val),
+                initialOptions: getSortOrderOptionsByFilter(selectedColumnFilter),
+                isOpen: orderIsOpen,
+                label: "Sorting Order",
+                minWidth: "210px",
+                placeholder: "Select sorting order",
+                selectedOptions: selectedOrderOption,
+                setCurrentOptions: setOrderCurrentOptions,
+                setIsOpen: setOrderIsOpen,
+                setSelectedOptions: () => {
+                }
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "advance-sort-priority-group", children: [
+          /* @__PURE__ */ jsx(
+            Badge,
+            {
+              color: "default",
+              label: `Priority ${index + 1}`,
+              size: "default",
+              sx: {
+                background: "#F1F3FE !important",
+                "& .MuiChip-label": {
+                  color: "#4259EE !important"
+                }
+              },
+              variant: "filled"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "divider-line" }),
+          /* @__PURE__ */ jsx(Tooltip, { title: "Delete", variant: "tertiary", children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block" }, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              disabled: rowsCount === 1,
+              icon: /* @__PURE__ */ jsx(SaveViewDeleteIcon, {}),
+              size: "medium",
+              type: "destructive",
+              variant: "secondary",
+              onClick: () => onDelete(index)
+            }
+          ) }) })
+        ] })
+      ]
+    }
+  );
+}
+function AdvanceSortModal({ open, onClose, colDefs = [], sortState = [], onApply }) {
+  const [rows, setRows] = useState([makeEmptyRow()]);
+  const dragIndexRef = useRef(null);
+  const dragOverIndexRef = useRef(null);
+  const columnOptions = buildColumnOptions(colDefs);
+  useEffect(() => {
+    if (!open) return;
+    if (sortState && sortState.length > 0) {
+      setRows(
+        sortState.map((s) => ({
+          id: generateId(),
+          colId: s.colId,
+          order: s.sort || "asc"
+        }))
+      );
+    } else {
+      setRows([makeEmptyRow()]);
+    }
+  }, [open]);
+  const handleColumnChange = (index, option) => {
+    setRows(
+      (prev) => prev.map((row, i) => i === index ? { ...row, colId: option ? option.value : null } : row)
+    );
+  };
+  const handleOrderChange = (index, option) => {
+    setRows(
+      (prev) => prev.map((row, i) => i === index ? { ...row, order: option ? option.value : "asc" } : row)
+    );
+  };
+  const handleDeleteRow = (index) => {
+    setRows((prev) => {
+      const next = prev.filter((_, i) => i !== index);
+      return next.length === 0 ? [makeEmptyRow()] : next;
+    });
+  };
+  const handleAddLevel = () => {
+    setRows((prev) => [...prev, makeEmptyRow()]);
+  };
+  const handleClearValues = () => {
+    setRows((prev) => prev.map((row, i) => ({ ...row, order: null })));
+  };
+  const handleClearAll = () => {
+    setRows([makeEmptyRow()]);
+  };
+  const handleApply = () => {
+    const validRows = rows.filter((r) => r.colId);
+    onApply(validRows);
+  };
+  const onDragStart = (index) => {
+    dragIndexRef.current = index;
+  };
+  const onDragEnter = (index) => {
+    dragOverIndexRef.current = index;
+  };
+  const onDragEnd = () => {
+    const from = dragIndexRef.current;
+    const to = dragOverIndexRef.current;
+    if (from === null || to === null || from === to) return;
+    setRows((prev) => {
+      const next = [...prev];
+      const [removed] = next.splice(from, 1);
+      next.splice(to, 0, removed);
+      return next;
+    });
+    dragIndexRef.current = null;
+    dragOverIndexRef.current = null;
+  };
+  const getSelectedColumnOption = (colId) => columnOptions.find((o) => o.value === colId) || null;
+  const getSelectedOrderOption = (order, colId) => {
+    var _a;
+    const filterType = (_a = getSelectedColumnOption(colId)) == null ? void 0 : _a.filter;
+    return getSortOrderOptionsByFilter(filterType).find((o) => o.value === order) || null;
+  };
+  const usedColIds = rows.map((r) => r.colId).filter(Boolean);
+  const getAvailableColumnOptionsForRow = (rowColId) => columnOptions.filter((opt) => opt.value === rowColId || !usedColIds.includes(opt.value));
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      className: "advance-sort-modal",
+      open,
+      primaryButtonLabel: "Apply",
+      secondaryButtonLabel: "Cancel",
+      size: "medium",
+      title: "Advance Sort",
+      onClose,
+      onPrimaryButtonClick: handleApply,
+      onSecondaryButtonClick: onClose,
+      children: /* @__PURE__ */ jsxs("div", { className: "advance-sort-modal-body", children: [
+        /* @__PURE__ */ jsxs("div", { className: "advance-sort-section-header", children: [
+          /* @__PURE__ */ jsx("span", { className: "advance-sort-section-title", children: "Column sort" }),
+          /* @__PURE__ */ jsx(Button, { variant: "url", onClick: handleClearAll, children: "Clear All" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "advance-sort-rows", children: rows.map((row, index) => {
+          var _a;
+          return /* @__PURE__ */ jsx(
+            SortRow,
+            {
+              availableColumnOptions: getAvailableColumnOptionsForRow(row.colId),
+              dragHandlers: { onDragStart, onDragEnter, onDragEnd },
+              index,
+              row,
+              rowsCount: rows.length,
+              selectedColumnFilter: (_a = getSelectedColumnOption(row.colId)) == null ? void 0 : _a.filter,
+              selectedColumnOption: getSelectedColumnOption(row.colId),
+              selectedOrderOption: getSelectedOrderOption(row.order, row.colId),
+              onColumnChange: handleColumnChange,
+              onDelete: handleDeleteRow,
+              onOrderChange: handleOrderChange
+            },
+            row.id
+          );
+        }) }),
+        /* @__PURE__ */ jsxs("div", { className: "advance-sort-footer-actions", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleClearValues, children: "Clear Values" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              className: "advance-sort-add-level-button",
+              disabled: columnOptions.length === rows.length,
+              icon: /* @__PURE__ */ jsx(AddOutlinedIcon, {}),
+              variant: "tertiary",
+              onClick: handleAddLevel,
+              children: "Add Level"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  AdvanceSortModal as default
+};

package/dist/components/TableV36/AgGridHeader.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+
+declare function AgGridHeader({ children, sortModel, handleInlineSearch, handleClearSearchInline, handleCloseInputField, debounceTime, initialFilters, enableHeaderTextWrap, ...rest }: {
+    [x: string]: any;
+    children: any;
+    sortModel: any;
+    handleInlineSearch: any;
+    handleClearSearchInline: any;
+    handleCloseInputField: any;
+    debounceTime: any;
+    initialFilters: any;
+    enableHeaderTextWrap?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element | null;
+declare const _default: React.MemoExoticComponent<typeof AgGridHeader>;
+export default _default;
+//# sourceMappingURL=AgGridHeader.d.ts.map

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

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