@fctc/widget-logic 5.3.1 → 5.3.4

package/dist/hooks.mjs

@@ -44,6 +44,7 @@ import {
   useGetFileExcel,
   useGetFormView,
   useGetGroups,
+  useGetImage,
   useGetListCompany,
   useGetListData,
   useGetListMyBankAccount,
@@ -171,14 +172,14 @@ var useCallAction = () => {
 var utils_exports = {};
 __export(utils_exports, {
   STORAGES: () => STORAGES,
+  combineContexts: () => combineContexts,
+  convertFieldsToArray: () => convertFieldsToArray,
   countSum: () => countSum,
-  guessTypeFromUrl: () => guessTypeFromUrl,
-  isObjectEmpty: () => isObjectEmpty,
+  getDateRange: () => getDateRange,
   languages: () => languages,
   mergeButtons: () => mergeButtons,
   setStorageItemAsync: () => setStorageItemAsync,
-  useStorageState: () => useStorageState,
-  validateAndParseDate: () => validateAndParseDate
+  useStorageState: () => useStorageState
 });
 
 // src/utils/constants.ts
@@ -196,9 +197,6 @@ var countSum = (data, field) => {
     0
   );
 };
-var isObjectEmpty = (obj) => {
-  return Object.keys(obj).length === 0;
-};
 function mergeButtons(fields) {
   const buttons = fields?.filter((f) => f.type_co === "button");
   const others = fields?.filter((f) => f.type_co !== "button");
@@ -210,6 +208,103 @@ function mergeButtons(fields) {
   }
   return others;
 }
+var getDateRange = (currentDate, unit) => {
+  const date = new Date(currentDate);
+  let dateStart, dateEnd;
+  function formatDate(d) {
+    return d.getFullYear() + "-" + String(d.getMonth() + 1).padStart(2, "0") + "-" + String(d.getDate()).padStart(2, "0") + " " + String(d.getHours()).padStart(2, "0") + ":" + String(d.getMinutes()).padStart(2, "0") + ":" + String(d.getSeconds()).padStart(2, "0");
+  }
+  switch (unit) {
+    case "month":
+      dateStart = new Date(
+        date.getFullYear(),
+        date.getMonth() + 1,
+        date.getDate(),
+        23,
+        59,
+        59
+      );
+      dateStart.setHours(dateStart.getHours() - 7);
+      dateEnd = new Date(date.getFullYear(), date.getMonth(), 0, 0, 0, 0);
+      dateEnd.setHours(dateEnd.getHours() - 7);
+      break;
+    case "day":
+      dateStart = new Date(
+        date.getFullYear(),
+        date.getMonth(),
+        date.getDate(),
+        23,
+        59,
+        59
+      );
+      dateStart.setHours(dateStart.getHours() - 7);
+      dateEnd = new Date(
+        date.getFullYear(),
+        date.getMonth(),
+        date.getDate(),
+        0,
+        0,
+        0
+      );
+      dateEnd.setHours(dateEnd.getHours() - 7);
+      break;
+    case "week":
+      const dayOfWeek = date.getDay();
+      const daysToMonday = dayOfWeek === 0 ? -6 : 1 - dayOfWeek;
+      const daysToSunday = dayOfWeek === 0 ? 0 : 7 - dayOfWeek;
+      dateStart = new Date(
+        date.getFullYear(),
+        date.getMonth(),
+        date.getDate() + daysToSunday,
+        23,
+        59,
+        59
+      );
+      dateStart.setHours(dateStart.getHours() - 7);
+      dateEnd = new Date(
+        date.getFullYear(),
+        date.getMonth(),
+        date.getDate() + daysToMonday,
+        0,
+        0,
+        0
+      );
+      dateEnd.setHours(dateEnd.getHours() - 7);
+      break;
+    case "year":
+      dateStart = new Date(date.getFullYear(), 11, 31, 23, 59, 59);
+      dateStart.setHours(dateStart.getHours() - 7);
+      dateEnd = new Date(date.getFullYear() - 1, 11, 31, 0, 0, 0);
+      dateEnd.setHours(dateEnd.getHours() - 7);
+      break;
+    default:
+      throw new Error(
+        "\u0110\u01A1n v\u1ECB kh\xF4ng h\u1EE3p l\u1EC7. Ch\u1EC9 ch\u1EA5p nh\u1EADn: week, day, month, year"
+      );
+  }
+  return [
+    ["date_start", "<=", formatDate(dateStart)],
+    ["date_end", ">=", formatDate(dateEnd)]
+  ];
+};
+var convertFieldsToArray = (fields) => {
+  const defaultFields = ["display_name", "date_start", "date_end"];
+  if (!fields || !Array.isArray(fields)) {
+    return defaultFields;
+  }
+  const inputFields = fields.filter((field) => field && field.type_co === "field").map((field) => field.name);
+  return [...defaultFields, ...inputFields];
+};
+function combineContexts(contexts) {
+  if (contexts.some((context) => !context)) {
+    return void 0;
+  } else {
+    const res = contexts.reduce((acc, context) => {
+      return { ...acc, ...context };
+    }, {});
+    return res;
+  }
+}
 var STORAGES = {
   TOKEN: "accessToken",
   USER_INFO: "USER_INFO"
@@ -250,312 +345,6 @@ function useStorageState(key) {
   );
   return [state, setValue];
 }
-var guessTypeFromUrl = (url) => {
-  const ext = url.split(".").pop()?.toLowerCase();
-  if (!ext) return null;
-  const map = {
-    jpg: "image/jpeg",
-    jpeg: "image/jpeg",
-    png: "image/png",
-    webp: "image/webp",
-    gif: "image/gif",
-    svg: "image/svg+xml",
-    bmp: "image/bmp",
-    tiff: "image/tiff",
-    pdf: "application/pdf",
-    zip: "application/zip",
-    rar: "application/x-rar-compressed",
-    xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-    xls: "application/vnd.ms-excel",
-    mp4: "video/mp4",
-    mov: "video/quicktime"
-  };
-  return map[ext] || null;
-};
-
-// src/utils/format-date.ts
-import moment from "moment";
-var validateAndParseDate = (input, isDateTime = false) => {
-  if (!input || typeof input !== "string") return null;
-  const cleanInput = input.replace(/[^0-9-\/:\s]/g, "");
-  const dateFormat = "YYYY-MM-DD";
-  const dateTimeFormat = "YYYY-MM-DD HH:mm:ss";
-  const currentDay = moment().format("DD");
-  const currentMonth = moment().format("MM");
-  const currentYear = moment().format("YYYY");
-  const defaultTime = "00:00:00";
-  const maxYear = parseInt(currentYear) + 10;
-  const isValidDate = (day, month, year) => {
-    const date = moment(`${day}-${month}-${year}`, "DD-MM-YYYY", true);
-    return date.isValid();
-  };
-  const isValidTime = (hour, minute = "00", second = "00") => {
-    const h = parseInt(hour, 10);
-    const m = parseInt(minute, 10);
-    const s = parseInt(second, 10);
-    return h >= 0 && h <= 23 && m >= 0 && m <= 59 && s >= 0 && s <= 59;
-  };
-  const formatOutput = (day, month, year, time = defaultTime) => {
-    let result = moment(
-      `${day}-${month}-${year} ${time}`,
-      "DD-MM-YYYY HH:mm:ss"
-    );
-    if (!result.isValid()) return null;
-    if (isDateTime) {
-      result = result.subtract(7, "hours");
-      return result.format(dateTimeFormat);
-    }
-    return result.format(dateFormat);
-  };
-  if (isDateTime && input.match(
-    /^\d{1,2}[\/-]\d{1,2}[\/-]\d{2,4}\s+\d{1,2}(:\d{1,2}(:\d{1,2})?)?$/
-  )) {
-    const [datePart, timePart] = input.split(/\s+/);
-    const dateParts = datePart.split(/[\/-]/);
-    const timeParts = timePart.split(":");
-    const day = dateParts[0].padStart(2, "0");
-    const month = dateParts[1].padStart(2, "0");
-    const year = dateParts[2].length <= 2 ? `20${dateParts[2].padStart(2, "0")}` : dateParts[2].padStart(4, "0");
-    const hour = timeParts[0].padStart(2, "0");
-    const minute = timeParts[1] ? timeParts[1].padStart(2, "0") : "00";
-    const second = timeParts[2] ? timeParts[2].padStart(2, "0") : "00";
-    if (isValidDate(day, month, year) && isValidTime(hour, minute, second)) {
-      let result = moment(
-        `${day}-${month}-${year} ${hour}:${minute}:${second}`,
-        "DD-MM-YYYY HH:mm:ss"
-      );
-      if (!result.isValid()) return null;
-      result = result.subtract(7, "hours");
-      return result.format(dateTimeFormat);
-    }
-    return null;
-  }
-  if (cleanInput.match(/^\d{4}-\d{2}-\d{2}$/)) {
-    const [year, month, day] = cleanInput.split("-");
-    if (isValidDate(day, month, year)) {
-      return formatOutput(day, month, year);
-    }
-    return null;
-  }
-  if (cleanInput.match(/^\d{1,2}\/\d{1,2}\/\d{2,4}$/)) {
-    const [day, month, year] = cleanInput.split("/");
-    const paddedDay = day.padStart(2, "0");
-    const paddedMonth = month.padStart(2, "0");
-    const fullYear = year.length <= 2 ? `20${year.padStart(2, "0")}` : year.padStart(4, "0");
-    if (isValidDate(paddedDay, paddedMonth, fullYear)) {
-      return formatOutput(paddedDay, paddedMonth, fullYear);
-    }
-    return null;
-  }
-  if (cleanInput.match(/^\d{1,2}-\d{1,2}-\d{2,4}$/)) {
-    const [day, month, year] = cleanInput.split("-");
-    const paddedDay = day.padStart(2, "0");
-    const paddedMonth = month.padStart(2, "0");
-    const fullYear = year.length <= 2 ? `20${year.padStart(2, "0")}` : year.padStart(4, "0");
-    if (isValidDate(paddedDay, paddedMonth, fullYear)) {
-      return formatOutput(paddedDay, paddedMonth, fullYear);
-    }
-    return null;
-  }
-  if (cleanInput.match(/^\d{1,2}[\/-]\d{1,2}$/)) {
-    const [day, month] = cleanInput.split(/[\/-]/);
-    const paddedDay = day.padStart(2, "0");
-    const paddedMonth = month.padStart(2, "0");
-    if (isValidDate(paddedDay, paddedMonth, currentYear)) {
-      return formatOutput(paddedDay, paddedMonth, currentYear);
-    }
-    return null;
-  }
-  if (cleanInput.match(/^\d{4}$/)) {
-    const num = parseInt(cleanInput, 10);
-    if (num >= 2e3 && num <= maxYear) {
-      if (isValidDate(currentDay, currentMonth, num.toString())) {
-        return formatOutput(currentDay, currentMonth, num.toString());
-      }
-      return null;
-    }
-    const day = cleanInput.slice(0, 2);
-    const month = cleanInput.slice(2, 4);
-    if (isValidDate(day, month, currentYear)) {
-      return formatOutput(day, month, currentYear);
-    }
-    return null;
-  }
-  if (cleanInput.startsWith("-") && /^\-\d+$/.test(cleanInput)) {
-    const daysToSubtract = Math.abs(parseInt(cleanInput, 10));
-    let result = moment().subtract(daysToSubtract, "days");
-    if (isDateTime) {
-      result = result.subtract(7, "hours");
-    }
-    if (result.isValid()) {
-      return isDateTime ? result.format(dateTimeFormat) : result.format(dateFormat);
-    }
-    return null;
-  }
-  if (input.match(/^\d{1,2}[^0-9-\/]+\d{1,2}[^0-9-\/]+\d{2,4}.*$/)) {
-    const parts = input.split(/[^0-9-\/]+/).filter(Boolean);
-    const day = parts[0].padStart(2, "0");
-    const month = parts[1].padStart(2, "0");
-    let year = parts[2];
-    year = year.length === 2 ? `20${year}` : year.padStart(4, "0");
-    if (isValidDate(day, month, year)) {
-      return formatOutput(day, month, year);
-    }
-    return null;
-  }
-  if (isDateTime) {
-    if (cleanInput.length === 9) {
-      const day = cleanInput.slice(0, 2);
-      const month = cleanInput.slice(2, 4);
-      const year = cleanInput.slice(4, 8);
-      const hour = cleanInput.slice(8, 9).padStart(2, "0");
-      if (isValidDate(day, month, year) && isValidTime(hour)) {
-        let result = moment(
-          `${day}-${month}-${year} ${hour}:00:00`,
-          "DD-MM-YYYY HH:mm:ss"
-        );
-        if (!result.isValid()) return null;
-        result = result.subtract(7, "hours");
-        return result.format(dateTimeFormat);
-      }
-      return null;
-    }
-    if (cleanInput.length === 10) {
-      const day = cleanInput.slice(0, 2);
-      const month = cleanInput.slice(2, 4);
-      const year = cleanInput.slice(4, 8);
-      const hour = cleanInput.slice(8, 10);
-      if (isValidDate(day, month, year) && isValidTime(hour)) {
-        let result = moment(
-          `${day}-${month}-${year} ${hour}:00:00`,
-          "DD-MM-YYYY HH:mm:ss"
-        );
-        if (!result.isValid()) return null;
-        result = result.subtract(7, "hours");
-        return result.format(dateTimeFormat);
-      }
-      return null;
-    }
-    if (cleanInput.length === 11) {
-      const day = cleanInput.slice(0, 2);
-      const month = cleanInput.slice(2, 4);
-      const year = cleanInput.slice(4, 8);
-      const hour = cleanInput.slice(8, 10);
-      const minute = cleanInput.slice(10, 11).padStart(2, "0");
-      if (isValidDate(day, month, year) && isValidTime(hour, minute)) {
-        let result = moment(
-          `${day}-${month}-${year} ${hour}:${minute}:00`,
-          "DD-MM-YYYY HH:mm:ss"
-        );
-        if (!result.isValid()) return null;
-        result = result.subtract(7, "hours");
-        return result.format(dateTimeFormat);
-      }
-      return null;
-    }
-    if (cleanInput.length === 12) {
-      const day = cleanInput.slice(0, 2);
-      const month = cleanInput.slice(2, 4);
-      const year = cleanInput.slice(4, 8);
-      const hour = cleanInput.slice(8, 10);
-      const minute = cleanInput.slice(10, 12);
-      if (isValidDate(day, month, year) && isValidTime(hour, minute)) {
-        let result = moment(
-          `${day}-${month}-${year} ${hour}:${minute}:00`,
-          "DD-MM-YYYY HH:mm:ss"
-        );
-        if (!result.isValid()) return null;
-        result = result.subtract(7, "hours");
-        return result.format(dateTimeFormat);
-      }
-      return null;
-    }
-    if (cleanInput.length === 13) {
-      const day = cleanInput.slice(0, 2);
-      const month = cleanInput.slice(2, 4);
-      const year = cleanInput.slice(4, 8);
-      const hour = cleanInput.slice(8, 10);
-      const minute = cleanInput.slice(10, 12);
-      const second = cleanInput.slice(12, 13).padStart(2, "0");
-      if (isValidDate(day, month, year) && isValidTime(hour, minute, second)) {
-        let result = moment(
-          `${day}-${month}-${year} ${hour}:${minute}:${second}`,
-          "DD-MM-YYYY HH:mm:ss"
-        );
-        if (!result.isValid()) return null;
-        result = result.subtract(7, "hours");
-        return result.format(dateTimeFormat);
-      }
-      return null;
-    }
-    if (cleanInput.length === 14) {
-      const day = cleanInput.slice(0, 2);
-      const month = cleanInput.slice(2, 4);
-      const year = cleanInput.slice(4, 8);
-      const hour = cleanInput.slice(8, 10);
-      const minute = cleanInput.slice(10, 12);
-      const second = cleanInput.slice(12, 14);
-      if (isValidDate(day, month, year) && isValidTime(hour, minute, second)) {
-        let result = moment(
-          `${day}-${month}-${year} ${hour}:${minute}:${second}`,
-          "DD-MM-YYYY HH:mm:ss"
-        );
-        if (!result.isValid()) return null;
-        result = result.subtract(7, "hours");
-        return result.format(dateTimeFormat);
-      }
-      return null;
-    }
-  }
-  const len = cleanInput.length;
-  if (len === 1 || len === 2) {
-    const paddedDay = cleanInput.padStart(2, "0");
-    if (isValidDate(paddedDay, currentMonth, currentYear)) {
-      return formatOutput(paddedDay, currentMonth, currentYear);
-    }
-    return null;
-  }
-  if (len === 3) {
-    const day = cleanInput.slice(0, 2);
-    const month = cleanInput.slice(2, 3).padStart(2, "0");
-    if (isValidDate(day, month, currentYear)) {
-      return formatOutput(day, month, currentYear);
-    }
-    return null;
-  }
-  if (len === 6) {
-    const day = cleanInput.slice(0, 2);
-    const month = cleanInput.slice(2, 4);
-    let year = cleanInput.slice(4, 6);
-    year = `20${year}`;
-    if (parseInt(month) > 12) {
-      if (isValidDate(day, currentMonth, currentYear)) {
-        return formatOutput(day, currentMonth, currentYear);
-      }
-      return null;
-    }
-    if (isValidDate(day, month, year)) {
-      return formatOutput(day, month, year);
-    }
-    return null;
-  }
-  if (len === 7) {
-    return null;
-  }
-  if (len === 8) {
-    const day = cleanInput.slice(0, 2);
-    const month = cleanInput.slice(2, 4);
-    const year = cleanInput.slice(4, 8);
-    if (isValidDate(day, month, year)) {
-      return formatOutput(day, month, year);
-    }
-    return null;
-  }
-  if (len > 8 && !isDateTime) {
-    return null;
-  }
-  return null;
-};
 
 // src/utils.ts
 __reExport(utils_exports, utils_star);
@@ -575,7 +364,7 @@ var useMenu = ({
   const menuData = useGetMenu2(
     context,
     specification,
-    !!context && !isObjectEmpty(context) && !!context?.uid && !!context?.lang,
+    !!context && !(0, utils_exports.isObjectEmpty)(context) && !!context?.uid && !!context?.lang,
     domain,
     defaultService
   );
@@ -657,7 +446,7 @@ var useProfile = ({ service }) => {
   const userInfoQuery = useQuery2({
     queryKey: ["userInfo"],
     queryFn: () => getProfile.mutateAsync(),
-    enabled: isObjectEmpty(env?.user)
+    enabled: (0, utils_exports.isObjectEmpty)(env?.user)
   });
   useEffect3(() => {
     if (userInfoQuery.data) {
@@ -808,10 +597,10 @@ var AppProvider = ({
   const user = useUser({ service: env.default_service });
   const company = useCompany({ service: env.default_service });
   const menuContext = useMemo4(() => {
-    return (0, utils_exports.combineContexts)([
+    return combineContexts([
       {
         ...user?.context,
-        ...!isObjectEmpty(env?.user) ? { lang: env?.context?.lang } : {},
+        ...!(0, utils_exports.isObjectEmpty)(env?.user) ? { lang: env?.context?.lang } : {},
         ...menuParams?.context ?? {}
       }
     ]);
@@ -828,7 +617,7 @@ var AppProvider = ({
     return menu?.state?.action;
   }, [menu?.state?.action, env?.context?.lang]);
   const viewContext = useMemo4(() => {
-    return (0, utils_exports.combineContexts)([
+    return combineContexts([
       menuContext,
       { ...(0, utils_exports.evalJSONContext)(action?.context) }
     ]);
@@ -965,14 +754,46 @@ var useGetSpecification = ({
 import { useMemo as useMemo6, useState as useState5 } from "react";
 import {
   evalJSONDomain,
-  formatSortingString
+  formatSortingString,
+  isObjectEmpty as isObjectEmpty4
 } from "@fctc/interface-logic/utils";
 
+// src/hooks/utils/use-click-outside.ts
+import { useEffect as useEffect6, useRef } from "react";
+var DEFAULT_EVENTS = ["mousedown", "touchstart"];
+var useClickOutside = ({
+  handler,
+  events = DEFAULT_EVENTS,
+  nodes = [],
+  refs
+}) => {
+  const ref = useRef(null);
+  useEffect6(() => {
+    const listener = (event) => {
+      const { target } = event;
+      if (refs && refs?.length > 0 && refs?.some((r) => r.current?.contains(target))) {
+        return;
+      }
+      if (!(target instanceof HTMLElement)) return;
+      const shouldIgnore = target.hasAttribute("data-ignore-outside-clicks") || !document.body.contains(target) && target.tagName !== "HTML";
+      const shouldTrigger = nodes.length > 0 ? nodes.every((node) => node && !event.composedPath().includes(node)) : ref.current && !ref.current.contains(target);
+      if (shouldTrigger && !shouldIgnore) {
+        handler(event);
+      }
+    };
+    events.forEach((event) => document.addEventListener(event, listener));
+    return () => {
+      events.forEach((event) => document.removeEventListener(event, listener));
+    };
+  }, [handler, nodes, events]);
+  return ref;
+};
+
 // src/hooks/utils/use-debounce.ts
-import { useEffect as useEffect6, useState as useState3 } from "react";
+import { useEffect as useEffect7, useState as useState3 } from "react";
 function useDebounce(value, delay) {
   const [debouncedValue, setDebouncedValue] = useState3(value);
-  useEffect6(() => {
+  useEffect7(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -984,7 +805,7 @@ function useDebounce(value, delay) {
 }
 
 // src/hooks/utils/use-get-rowids.ts
-import { useCallback as useCallback3, useEffect as useEffect7, useRef, useState as useState4 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect8, useRef as useRef2, useState as useState4 } from "react";
 var useGetRowIds = (tableRef) => {
   function isElementVisible(el) {
     const style = window.getComputedStyle(el);
@@ -1002,7 +823,7 @@ var useGetRowIds = (tableRef) => {
     return true;
   }
   const [rowIds, setRowIds] = useState4([]);
-  const lastRowIdsRef = useRef([]);
+  const lastRowIdsRef = useRef2([]);
   const updateVisibleRowIds = useCallback3(() => {
     const table = tableRef.current;
     if (!table) return;
@@ -1021,7 +842,7 @@ var useGetRowIds = (tableRef) => {
       setRowIds(uniqueIds);
     }
   }, [tableRef]);
-  useEffect7(() => {
+  useEffect8(() => {
     const table = tableRef.current;
     if (!table) return;
     const mutationObserver = new MutationObserver(() => {
@@ -1120,7 +941,7 @@ var useListData = ({
       listDataProps?.specification,
       listDataProps?.mode
     ],
-    !!listDataProps && !!specification && !isObjectEmpty(specification) && !!domain,
+    !!listDataProps && !!specification && !isObjectEmpty4(specification) && !!domain,
     service,
     xNode
   );
@@ -1152,6 +973,7 @@ export {
   useChangeOrderPreparationState,
   useChangeStatus,
   useCheckPayment,
+  useClickOutside,
   useCompany,
   useConfig,
   useCreateEntity,
@@ -1188,6 +1010,7 @@ export {
   useGetFileExcel,
   useGetFormView,
   useGetGroups,
+  useGetImage,
   useGetList,
   useGetListCompany,
   useGetListData,

package/dist/icons.d.mts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
+declare const LoadingIcon: ({ width, height, ...props }: React.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
+declare const CloseIcon: ({ className }: {
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const FilterIcon: ({ className }: {
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const CheckIcon: () => react_jsx_runtime.JSX.Element;
+
+declare const GroupByIcon: ({ className }: {
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const SearchIcon: () => react_jsx_runtime.JSX.Element;
+
+declare const ChevronBottomIcon: ({ className, }: {
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+export { CheckIcon, ChevronBottomIcon, CloseIcon, EyeIcon, FilterIcon, GroupByIcon, LoadingIcon, SearchIcon };

package/dist/icons.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
+declare const LoadingIcon: ({ width, height, ...props }: React.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
+declare const CloseIcon: ({ className }: {
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const FilterIcon: ({ className }: {
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const CheckIcon: () => react_jsx_runtime.JSX.Element;
+
+declare const GroupByIcon: ({ className }: {
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const SearchIcon: () => react_jsx_runtime.JSX.Element;
+
+declare const ChevronBottomIcon: ({ className, }: {
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+export { CheckIcon, ChevronBottomIcon, CloseIcon, EyeIcon, FilterIcon, GroupByIcon, LoadingIcon, SearchIcon };