abrplus-ui-kit 1.0.7 → 1.0.8

package/dist/organisms.cjs.js

@@ -1,940 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const sortable_esm = require("./sortable.esm-BPjdpL-J.cjs");
-const index = require("./index-PyheoujP.cjs");
-const index$1 = require("./index-DsPAgC23.cjs");
-const colors = require("./colors-TPZkyKI4.cjs");
-const antd = require("antd");
-const tailwindMerge = require("tailwind-merge");
-const reactI18next = require("react-i18next");
-const index$2 = require("./index-B1Z0XlNV.cjs");
-const React = require("react");
-const starkString = require("starkstring");
-const deepMerge = require("./deepMerge-Cn27K7-s.cjs");
-const reactRouterDom = require("react-router-dom");
-function useLocalStorageState(key, initialValue) {
-  const initialStoredValue = localStorage.getItem(key);
-  const initial = initialStoredValue ? JSON.parse(initialStoredValue) : initialValue;
-  const [state, setState] = React.useState(initial);
-  React.useEffect(() => {
-    localStorage.setItem(key, JSON.stringify(state));
-  }, [key, state]);
-  return [state, setState];
-}
-const SMALL_SCREEN = 640;
-const MEDIUM_SCREEN = 768;
-const LARGE_SCREEN = 1024;
-const EXTRA_LARGE_SCREEN = 1280;
-function useObserveWindow() {
-  const { width } = index.useWindowDimensions();
-  const getIsWidthSmallerThan = React.useCallback(
-    (query) => {
-      if (typeof window === "undefined") return;
-      return width <= query;
-    },
-    [width]
-  );
-  const getIsWidthLargerThan = React.useCallback(
-    (query) => {
-      if (typeof window === "undefined") return;
-      return width > query;
-    },
-    [width]
-  );
-  const getIsWidthBetween = React.useCallback(
-    (queries) => {
-      if (queries[0] >= queries[1]) {
-        throw new Error(
-          `The second query: ${queries[1]}px must be greater than the first query: ${queries[0]}px`
-        );
-      }
-      if (typeof window === "undefined") return;
-      return width > queries[0] && width <= queries[1];
-    },
-    [width]
-  );
-  const isSmallerThenLarge = getIsWidthSmallerThan(LARGE_SCREEN);
-  const isSmallerThanSmall = getIsWidthSmallerThan(SMALL_SCREEN);
-  const isSmallerThanMedium = getIsWidthSmallerThan(MEDIUM_SCREEN);
-  const isSmallerThanExtraLarge = getIsWidthLargerThan(EXTRA_LARGE_SCREEN);
-  return {
-    getIsWidthSmallerThan,
-    getIsWidthLargerThan,
-    getIsWidthBetween,
-    isSmallerThanExtraLarge,
-    isSmallerThanMedium,
-    isSmallerThanSmall,
-    isSmallerThenLarge
-  };
-}
-const PAGINATION_SIZE = "PAGINATION_SIZE";
-function AvatarGroup({
-  items = [],
-  max = 3,
-  avatarProps: { size } = {},
-  onClickAvatar,
-  hasAnimation = true,
-  nameExtractor,
-  renderItem,
-  itemLogoProps,
-  containerProps,
-  popoverProps
-}) {
-  if (items.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { children: "-" });
-  }
-  const getName = (item) => {
-    return nameExtractor?.(item) ?? (item.name || "--");
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(index$1.Flex, { ...containerProps, children: [
-    items.slice(0, max).map((item, index2) => /* @__PURE__ */ jsxRuntime.jsx(
-      index$1.Render,
-      {
-        when: !!renderItem,
-        fallback: /* @__PURE__ */ jsxRuntime.jsx(
-          sortable_esm.Logo,
-          {
-            style: { marginInlineStart: index2 - 12, width: size, height: size },
-            imageSrc: item?.imageSrc,
-            hasToolTip: true,
-            toolTipTitle: getName(item),
-            hasAnimation,
-            onClick: () => onClickAvatar?.(item),
-            ...itemLogoProps
-          },
-          item.id
-        ),
-        children: renderItem?.(item)
-      }
-    )),
-    items.length > max && /* @__PURE__ */ jsxRuntime.jsx(
-      index.Popover,
-      {
-        arrow: true,
-        color: colors.colors.primary_dark_1,
-        placement: "left",
-        overlayInnerStyle: {
-          backgroundColor: colors.colors.primary_dark_1,
-          borderRadius: 4
-        },
-        trigger: ["hover"],
-        content: /* @__PURE__ */ jsxRuntime.jsx(index.View, { vertical: true, children: items.slice(max).map((item) => /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { color: colors.colors.white_ff, children: getName(item) }, item.id)) }),
-        ...popoverProps,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          index$1.Flex,
-          {
-            align: "center",
-            justify: "center",
-            className: "z-50 -ms-3 h-6 w-6 rounded-full border-2 border-primary-light-3 bg-light-7",
-            style: { width: size, height: size },
-            ...popoverProps?.containerProps,
-            children: `${items.length - max}+`
-          }
-        )
-      }
-    )
-  ] });
-}
-const DrawerFooter = ({
-  discardTitle,
-  onDiscard,
-  onSubmit,
-  submitTitle,
-  isLoading,
-  isSubmitDisabled
-}) => {
-  const { t } = reactI18next.useTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsxs(index$1.Flex, { align: "center", gap: 16, justify: "flex-end", children: [
-    discardTitle && /* @__PURE__ */ jsxRuntime.jsx(index$2.Button.Secondary, { disabled: isLoading, onClick: onDiscard, children: discardTitle }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$2.Button.Primary, { disabled: isSubmitDisabled, isLoading, onClick: onSubmit, children: submitTitle || t("common.literal.apply") })
-  ] });
-};
-const DrawerHeaderTitle = ({ title, closable, onClose }) => {
-  const getTitle = () => {
-    if (typeof title !== "string") {
-      return title;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { size: 18, weight: "medium", color: colors.colors.primary, children: title });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(index$1.Flex, { justify: "space-between", align: "center", children: [
-    getTitle(),
-    closable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Icon, { name: "Close", size: 20, color: colors.colors.primary }) })
-  ] });
-};
-const Drawer = ({
-  title,
-  closable = true,
-  transparent,
-  submitTitle,
-  discardTitle,
-  onClose,
-  onSubmit,
-  onDiscard,
-  classNames,
-  styles,
-  children,
-  isLoading,
-  headerHeight = 60,
-  wrapperClassName,
-  contentClassName,
-  noPadding,
-  isSubmitDisabled,
-  footer,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Drawer,
-    {
-      onClose,
-      styles: {
-        ...styles,
-        header: {
-          minHeight: headerHeight,
-          backgroundColor: colors.colors.light_2,
-          borderColor: colors.colors.light_7,
-          paddingBlock: 12,
-          paddingInline: 24
-        },
-        body: {
-          backgroundColor: transparent ? "transparent" : colors.colors.white_ff,
-          // margin: transparent ? 0 : 24,
-          // borderRadius: 10,
-          padding: 0
-        },
-        content: {
-          backgroundColor: colors.colors.light_2,
-          padding: 0
-        },
-        footer: {
-          minHeight: 60,
-          paddingBlock: 12,
-          borderColor: colors.colors.light_7,
-          paddingInline: 24,
-          margin: 0
-        }
-      },
-      classNames: {
-        ...classNames,
-        body: "small-custom-scrollbar"
-      },
-      footer: footer || /* @__PURE__ */ jsxRuntime.jsx(
-        DrawerFooter,
-        {
-          ...{ onSubmit, onDiscard, submitTitle, discardTitle, isLoading, isSubmitDisabled }
-        }
-      ),
-      closable: false,
-      title: /* @__PURE__ */ jsxRuntime.jsx(DrawerHeaderTitle, { title, closable, onClose }),
-      ...rest,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        index$1.Flex,
-        {
-          className: tailwindMerge.twMerge(
-            "small-custom-scrollbar h-full flex-1 overflow-y-auto bg-light-2 p-6",
-            wrapperClassName
-          ),
-          vertical: true,
-          gap: 16,
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            index$1.Flex,
-            {
-              className: tailwindMerge.twMerge(
-                "bg-white-ff",
-                noPadding ? "rounded-lg" : "rounded p-6",
-                !transparent ? "" : "bg-transparent",
-                contentClassName
-              ),
-              vertical: true,
-              children
-            }
-          )
-        }
-      )
-    }
-  );
-};
-const BaseModal = ({
-  children,
-  submitTitle,
-  discardTitle,
-  onSubmit,
-  onDiscard,
-  title,
-  onClose,
-  isLoadingSubmit,
-  renderFooter,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.ConfigProvider,
-    {
-      theme: {
-        components: {
-          Modal: {
-            borderRadius: 4,
-            borderRadiusOuter: 4,
-            borderRadiusLG: 4,
-            paddingMD: 0,
-            paddingContentHorizontalLG: 0,
-            margin: 0
-          }
-        }
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        antd.Modal,
-        {
-          closeIcon: false,
-          classNames: { body: "!px-6 !py-4" },
-          footer: renderFooter !== void 0 ? renderFooter : submitTitle || discardTitle ? /* @__PURE__ */ jsxRuntime.jsxs(
-            index$1.Flex,
-            {
-              justify: "end",
-              align: "center",
-              className: "h-[58px] rounded-b border-t border-solid border-light-7 bg-light-2 px-6",
-              gap: 16,
-              children: [
-                discardTitle && /* @__PURE__ */ jsxRuntime.jsx(index$2.Button.Secondary, { onClick: onDiscard, children: discardTitle }),
-                submitTitle && /* @__PURE__ */ jsxRuntime.jsx(index$2.Button.Primary, { isLoading: isLoadingSubmit, onClick: onSubmit, children: submitTitle })
-              ]
-            }
-          ) : null,
-          title: typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsxs(
-            index$1.Flex,
-            {
-              className: "h-12 rounded-t border-b border-solid border-light-7 bg-light-2 px-6",
-              align: "center",
-              justify: "space-between",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { size: 18, weight: "medium", color: colors.colors.primary_dark_1, children: title }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  index$1.Icon,
-                  {
-                    name: "Close",
-                    color: colors.colors.primary,
-                    onClick: onClose,
-                    className: "cursor-pointer"
-                  }
-                )
-              ]
-            }
-          ) : title,
-          ...rest,
-          children
-        }
-      )
-    }
-  );
-};
-const ConfirmModal = ({
-  children,
-  title,
-  onSubmit,
-  onDiscard,
-  submitTitle,
-  discardTitle,
-  isLoadingSubmit,
-  renderFooter,
-  ...rest
-}) => {
-  const footerContent = renderFooter !== void 0 ? renderFooter : (submitTitle || discardTitle) && /* @__PURE__ */ jsxRuntime.jsxs(index$1.Flex, { gap: 16, align: "center", justify: "flex-end", className: "px-6 py-4", children: [
-    discardTitle && /* @__PURE__ */ jsxRuntime.jsx(index$2.Button.Secondary, { onClick: onDiscard, children: discardTitle }),
-    submitTitle && /* @__PURE__ */ jsxRuntime.jsx(index$2.Button.Primary, { isLoading: isLoadingSubmit, onClick: onSubmit, children: submitTitle })
-  ] });
-  return /* @__PURE__ */ jsxRuntime.jsx(BaseModal, { ...rest, renderFooter: footerContent, children: /* @__PURE__ */ jsxRuntime.jsxs(index$1.Flex, { vertical: true, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.Flex, { vertical: true, className: "mb-2 border-b-[2px] border-light-7 pb-3", children: typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { size: 20, weight: "bold", color: colors.colors.primary_dark_1, children: title }) : title }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.Flex, { className: "pb-10 pt-4", children: typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { size: 16, weight: "normal", color: colors.colors.primary, children }) : children })
-  ] }) });
-};
-const DeleteModal = ({
-  children,
-  title,
-  onSubmit,
-  onDiscard,
-  submitTitle,
-  discardTitle,
-  isLoadingSubmit,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(BaseModal, { ...rest, children: /* @__PURE__ */ jsxRuntime.jsxs(index$1.Flex, { vertical: true, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.Flex, { vertical: true, className: "border-b-[2px] border-light-7 pb-3", children: typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { size: 20, weight: "bold", color: colors.colors.primary_dark_1, children: title }) : title }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.Flex, { className: "pb-10 pt-4", children: typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { size: 16, weight: "normal", color: colors.colors.primary, children }) : children }),
-    /* @__PURE__ */ jsxRuntime.jsxs(index$1.Flex, { gap: 16, align: "center", justify: "flex-end", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index$2.Button.Secondary, { onClick: onDiscard, children: discardTitle }),
-      /* @__PURE__ */ jsxRuntime.jsx(index$2.Button.Negative, { iconName: "Delete", isLoading: isLoadingSubmit, onClick: onSubmit, children: submitTitle })
-    ] })
-  ] }) });
-};
-const ErrorModal = ({
-  children,
-  title,
-  onSubmit,
-  submitTitle,
-  isLoadingSubmit,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(BaseModal, { ...rest, children: /* @__PURE__ */ jsxRuntime.jsxs(index$1.Flex, { vertical: true, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(index$1.Flex, { className: "border-b-[2px] border-light-7 pb-3", align: "center", justify: "space-between", children: [
-      typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { size: 20, weight: "bold", color: colors.colors.primary_dark_1, children: title }) : title,
-      /* @__PURE__ */ jsxRuntime.jsx(index$1.Icon, { name: "Alert", color: colors.colors.negative, size: 18 })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.Flex, { className: "pb-10 pt-4", children: typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { size: 16, weight: "normal", color: colors.colors.primary, children }) : children }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.Flex, { justify: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(index$2.Button.Primary, { isLoading: isLoadingSubmit, onClick: onSubmit, children: submitTitle }) })
-  ] }) });
-};
-const InfoModal = ({
-  children,
-  title,
-  onSubmit,
-  onDiscard,
-  submitTitle,
-  discardTitle,
-  isLoadingSubmit,
-  error,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(BaseModal, { ...rest, children: /* @__PURE__ */ jsxRuntime.jsxs(index$1.Flex, { vertical: true, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.Flex, { vertical: true, className: "border-b-[2px] border-light-7 pb-3", children: typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { size: 20, weight: "bold", color: colors.colors.primary_dark_1, children: title }) : title }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.Flex, { className: "pb-10 pt-4", children: typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { size: 16, weight: "normal", color: colors.colors.primary, children }) : children }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { size: 20, weight: "bold", color: colors.colors.negative, children: error }),
-    /* @__PURE__ */ jsxRuntime.jsxs(index$1.Flex, { gap: 16, align: "center", justify: "flex-end", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index$2.Button.SecondaryQuiet, { onClick: onDiscard, children: discardTitle }),
-      /* @__PURE__ */ jsxRuntime.jsx(index$2.Button.Primary, { isLoading: isLoadingSubmit, onClick: onSubmit, children: submitTitle })
-    ] })
-  ] }) });
-};
-const Modal = index$2.batch({
-  Base: BaseModal,
-  Confirm: ConfirmModal,
-  Error: ErrorModal,
-  Delete: DeleteModal,
-  Info: InfoModal
-});
-const Column = (_props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
-};
-const CurrencyCell = ({ value, includeCurrency, ...rest }) => {
-  const { t } = reactI18next.useTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsxs(index$1.Text, { className: "w-full", size: 14, weight: "normal", color: colors.colors.primary, ...rest, children: [
-    value ? starkString(value).scientificNotationToDecimal().toCurrency().toString() : "",
-    includeCurrency && ` ${t("common.literal.rial")}`
-  ] });
-};
-const DateCell = ({ value, ...rest }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { className: "w-full", size: 14, weight: "normal", color: colors.colors.primary, ...rest, children: value });
-};
-const StatusCell = ({ value, activeTitle, disableTitle, ...rest }) => {
-  const { t } = reactI18next.useTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    index$1.Flex,
-    {
-      className: tailwindMerge.twMerge(
-        "h-[26px] items-center justify-center rounded px-4",
-        value ? "bg-positive-light-2 bg-opacity-10" : "bg-light-6"
-      ),
-      ...rest,
-      children: value ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { size: 12, weight: "medium", color: colors.colors.positive, children: activeTitle || t("common.literal.active") }) : /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { size: 12, weight: "medium", color: colors.colors.primary_light_2, children: disableTitle || t("common.literal.disable") })
-    }
-  );
-};
-const TableCell = ({ children }) => {
-  if (typeof children === "string" || typeof children === "number") {
-    return /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { className: "w-full", size: 14, weight: "normal", color: colors.colors.primary, children });
-  }
-  return children;
-};
-TableCell.Currency = CurrencyCell;
-TableCell.Date = DateCell;
-TableCell.StatusCell = StatusCell;
-const ExpandIcon = ({ expandable, expanded, onExpand }) => {
-  const { i18n } = reactI18next.useTranslation();
-  if (!expandable) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("button", { className: "float-start h-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-    index$1.Icon,
-    {
-      onClick: onExpand,
-      name: expanded ? "Chevron_Down" : i18n.language === "fa" ? "Chevron_Left" : "Chevron_Right"
-    }
-  ) });
-};
-const TableHeaderTitle = ({ title, align, style, className }) => {
-  if (typeof title !== "string") {
-    return title;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    index$1.Flex,
-    {
-      style,
-      className: tailwindMerge.twMerge(
-        "w-full",
-        align === "start" && "justify-start",
-        align === "center" && "justify-center",
-        align === "end" && "justify-end",
-        className
-      ),
-      children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { size: 14, weight: "normal", className: "whitespace-nowrap", color: colors.colors.primary, children: title })
-    }
-  );
-};
-const CustomizedAntTableConfig = (theme) => deepMerge.deepMerge(
-  {
-    components: {
-      Table: {
-        borderColor: colors.colors.light_7,
-        cellPaddingBlock: 0,
-        cellPaddingBlockMD: 0,
-        cellPaddingBlockSM: 0,
-        cellPaddingInline: 8,
-        cellPaddingInlineMD: 8,
-        cellPaddingInlineSM: 8,
-        fixedHeaderSortActiveBg: "transparent",
-        footerBg: colors.colors.light_2,
-        headerBg: colors.colors.light_2,
-        headerBorderRadius: 0,
-        headerColor: colors.colors.primary,
-        bodySortBg: colors.colors.white_ff,
-        headerSortHoverBg: colors.colors.light_1,
-        headerSortActiveBg: colors.colors.light_1,
-        headerSplitColor: "transparent",
-        rowExpandedBg: colors.colors.light_3,
-        rowHoverBg: colors.colors.light_4,
-        rowSelectedBg: colors.colors.light_7,
-        rowSelectedHoverBg: colors.colors.light_7,
-        selectionColumnWidth: 56
-        /* here is your component tokens */
-      },
-      Pagination: {
-        itemActiveBg: colors.colors.white_ff,
-        itemActiveBgDisabled: colors.colors.negative,
-        itemActiveColorDisabled: colors.colors.negative,
-        colorPrimaryBorderHover: "red",
-        colorInfoBorderHover: "yellow",
-        colorWarningBorderHover: "green",
-        itemBg: colors.colors.white_ff,
-        itemInputBg: colors.colors.negative,
-        itemLinkBg: colors.colors.negative,
-        itemSize: 30,
-        itemSizeSM: 30,
-        miniOptionsSizeChangerTop: 40,
-        colorPrimary: colors.colors.primary,
-        fontFamily: "YekanBakhFaRegular"
-      }
-    }
-  },
-  theme ?? {}
-);
-const tailwindTableClasses = tailwindMerge.twMerge(
-  "[&_th]:!border-t h-full [&_.ant-spin-nested-loading]:h-full [&_.ant-spin-container]:h-full [&_.ant-table]:h-full [&_.ant-spin-container]:flex [&_.ant-spin-container]:flex-col [&_.ant-spin-container]:justify-between  [&_.ant-table-column-title]:flex-[0] [&_th]:!border-t-light-7 [&_th]:!pt-4 [&_th]:!pb-1 [&_.ant-table-selection-column]:!ps-4 [&_.ant-table-wrapper]:!p-0 [&_.ant-table-measure-row]:!h-[1px] [&_.ant-table-body]:h-full [&_.ant-table-container]:h-full"
-);
-const tableTransparentHeaderClasses = tailwindMerge.twMerge(
-  "[&_th]:!bg-transparent h-full [&_th]:!border-t-0  [&_td]:!bg-transparent "
-);
-const rowHeightClassName = {
-  small: "h-[40px] max-h-[40px] min-h-[40px]",
-  middle: "h-[48px] max-h-[48px] min-h-[48px]",
-  large: "h-[56px] max-h-[56px] min-h-[56px]"
-};
-const RowContext = React.createContext({});
-const DragHandle = () => {
-  const { setActivatorNodeRef, listeners } = React.useContext(RowContext);
-  return /* @__PURE__ */ jsxRuntime.jsx("button", { style: { cursor: "move" }, ref: setActivatorNodeRef, ...listeners, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Icon, { name: "drag_and_drop", color: colors.colors.primary_light_2 }) });
-};
-const restrictToVerticalAxis = (_ref) => {
-  let {
-    transform
-  } = _ref;
-  return {
-    ...transform,
-    x: 0
-  };
-};
-const DndSortProvider = ({
-  children,
-  onDragEnd,
-  dataSource = [],
-  rowKey
-}) => {
-  const items = React.useMemo(
-    () => dataSource.map((item) => item[rowKey]),
-    [dataSource, rowKey]
-  );
-  const handleDragEnd = React.useCallback(
-    ({ active, over }) => {
-      if (active.id !== over?.id) {
-        const activeIndex = dataSource.findIndex((record) => record[rowKey] === active?.id);
-        const overIndex = dataSource.findIndex((record) => record[rowKey] === over?.id);
-        const newSort = sortable_esm.arrayMove(dataSource, activeIndex, overIndex);
-        onDragEnd(newSort);
-      }
-    },
-    [dataSource, rowKey, onDragEnd]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(sortable_esm.DndContext, { modifiers: [restrictToVerticalAxis], onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsxRuntime.jsx(sortable_esm.SortableContext, { items, strategy: sortable_esm.verticalListSortingStrategy, children }) }) });
-};
-const DndRow = (props) => {
-  const {
-    attributes,
-    listeners,
-    setNodeRef,
-    setActivatorNodeRef,
-    transform,
-    transition,
-    isDragging
-  } = sortable_esm.useSortable({ id: props["data-row-key"] });
-  const style = {
-    ...props.style,
-    transform: sortable_esm.CSS.Translate.toString(transform),
-    transition,
-    cursor: "default",
-    ...isDragging ? { position: "relative", zIndex: 10 } : {}
-  };
-  const contextValue = React.useMemo(
-    () => ({ setActivatorNodeRef, listeners }),
-    [setActivatorNodeRef, listeners]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(RowContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("tr", { ...props, ref: setNodeRef, style, ...attributes }) });
-};
-const ItemRender = ({ page, type, current, isFa }) => {
-  const isCurrentPage = Number(page) === current;
-  return /* @__PURE__ */ jsxRuntime.jsx(index$1.Flex, { className: "h-[30px] items-center justify-center", children: type === "page" ? /* @__PURE__ */ jsxRuntime.jsx(
-    index$1.Text,
-    {
-      weight: isCurrentPage ? "bold" : "normal",
-      size: isCurrentPage ? 20 : 18,
-      color: isCurrentPage ? colors.colors.primary : colors.colors.primary_dark_1,
-      children: page
-    }
-  ) : type === "next" ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Flex, { className: "me-4 h-[30px] w-[30px] items-center justify-center rounded border border-light-7", children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Icon, { name: isFa ? "Chevron_Right" : "Chevron_Left", color: colors.colors.primary }) }) : type === "prev" ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Flex, { className: "h-[30px] w-[30px] items-center justify-center rounded border border-light-7", children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Icon, { name: isFa ? "Chevron_Left" : "Chevron_Right", color: colors.colors.primary }) }) : /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { size: 18, children: "..." }) });
-};
-const CHANGE_ORDER = "CHANGE_ORDER";
-const CHANGE_PAGE = "CHANGE_PAGE";
-const CHANGE = "CHANGE";
-const PAGE_SEARCH_PARAM = "page";
-const initialState = {
-  order: void 0,
-  orderBy: "",
-  pageSize: 10,
-  current: 1,
-  filters: {}
-};
-function reducer(state, action) {
-  switch (action.type) {
-    case CHANGE_ORDER:
-      return {
-        ...state,
-        orderBy: action.payload.orderBy,
-        order: action.payload.order
-      };
-    case CHANGE_PAGE:
-      return {
-        ...state,
-        current: action.payload.current,
-        pageSize: action.payload.pageSize === void 0 ? state.pageSize : action.payload.pageSize
-      };
-    case CHANGE:
-      return {
-        ...state,
-        current: action.payload.current,
-        pageSize: action.payload.pageSize ?? state.pageSize,
-        order: action.payload.order,
-        orderBy: action.payload.orderBy,
-        filters: action.payload.filters
-      };
-    default:
-      return state;
-  }
-}
-function usePagination({
-  defaultCurrent = 1,
-  defaultPageSize = 10,
-  hasQueryParams = false,
-  hideOnSinglePage,
-  style,
-  ...rest
-}) {
-  const { isSmallerThanMedium } = useObserveWindow();
-  const navigate = reactRouterDom.useNavigate();
-  const [searchParams] = reactRouterDom.useSearchParams();
-  const [localPageSize, setLocalPageSize] = useLocalStorageState(
-    PAGINATION_SIZE,
-    defaultPageSize
-  );
-  const [total, setTotal] = React.useState(0);
-  const { i18n } = reactI18next.useTranslation();
-  const [{ current, order, orderBy, pageSize, filters }, dispatch] = React.useReducer(
-    reducer,
-    {
-      ...initialState,
-      pageSize: localPageSize,
-      current: hasQueryParams ? Number(searchParams.get(PAGE_SEARCH_PARAM) || String(defaultCurrent)) : defaultCurrent
-    }
-  );
-  localStorage.removeItem(PAGINATION_SIZE);
-  const onChange = React.useCallback(
-    (pagination2, filters2, sorter) => {
-      const sort = Array.isArray(sorter) ? sorter[0] : sorter;
-      setLocalPageSize(pagination2.pageSize || defaultPageSize);
-      dispatch({
-        type: CHANGE,
-        payload: {
-          filters: filters2,
-          current: pagination2.current,
-          pageSize: pagination2.pageSize,
-          orderBy: Array.isArray(sort?.field) ? sort?.field[0] : sort?.field,
-          order: sort?.order
-        }
-      });
-    },
-    [defaultPageSize, setLocalPageSize]
-  );
-  const handleInternalPagination = (page, pageSize2) => {
-    dispatch({ type: CHANGE_PAGE, payload: { current: page, pageSize: pageSize2 } });
-  };
-  const getTotal = (total2) => setTotal(total2 || defaultPageSize);
-  React.useEffect(() => {
-    if (hasQueryParams) {
-      navigate({ search: `?${PAGE_SEARCH_PARAM}=${current}` }, { replace: true });
-    }
-  }, [current, hasQueryParams]);
-  const pagination = {
-    total,
-    current,
-    pageSize,
-    defaultCurrent,
-    defaultPageSize,
-    onChange: handleInternalPagination,
-    pageSizeOptions: ["10", "20", "30"],
-    showSizeChanger: true,
-    hideOnSinglePage,
-    className: "border border-negative",
-    style: {
-      backgroundColor: colors.colors.white_ff,
-      paddingInline: isSmallerThanMedium ? 4 : 24,
-      paddingBlock: 16,
-      margin: 0,
-      borderTop: `1px solid ${colors.colors.light_7}`,
-      flexDirection: "row-reverse",
-      justifyContent: "flex-start",
-      border: "none",
-      ...style
-    },
-    showPrevNextJumpers: true,
-    showQuickJumper: true,
-    rootClassName: "flex items-center [&_.ant-select-dropdown]:!p-0 [&_.ant-pagination-options]:flex [&_.ant-pagination-options]:items-center [&_.ant-pagination-options]:justify-between [&_.ant-pagination-options]:flex-1",
-    // selectComponentClass: () => SelectComponentClass({ filters, onChange, pageSize, pagination }),
-    itemRender: (page, type) => ItemRender({ current, page, type, isFa: i18n.language === "fa" }),
-    ...rest
-  };
-  return {
-    filters,
-    current,
-    pageSize,
-    pagination,
-    order,
-    orderBy,
-    onChange,
-    getTotal
-  };
-}
-const Table = ({
-  className,
-  children,
-  expandable,
-  rowSelection,
-  size,
-  pagination,
-  loading,
-  transparentHeader,
-  internalScroll = true,
-  extraHeight = 100,
-  footer,
-  theme,
-  dndSort,
-  components,
-  ...rest
-}) => {
-  const [scrollY, setScrollY] = React.useState();
-  const ref = React.useRef(null);
-  React.useEffect(() => {
-    if (!ref.current) {
-      return;
-    }
-    setScrollY(
-      window.innerHeight - ref.current.offsetTop - 46 - (pagination ? 65 : 0) - extraHeight
-    );
-  }, [pagination, theme?.components?.Table?.headerBg]);
-  const columns = React.useMemo(() => {
-    function getChildren(_children) {
-      if (!_children) {
-        return [];
-      }
-      if (typeof _children === "boolean" || typeof _children === "undefined" || _children === null) {
-        return [];
-      }
-      if (typeof _children !== "object") {
-        throw new Error("Table children must be Column");
-      }
-      if (!Array.isArray(_children)) {
-        if (_children.type === Column) {
-          const result = {
-            ..._children.props,
-            child: _children
-          };
-          return [result];
-        }
-        if (_children.type === React.Fragment) {
-          return getChildren(_children.props?.children);
-        }
-      }
-      return (_children || [])?.flatMap((child) => {
-        return getChildren(child);
-      });
-    }
-    const mappedChildren = getChildren(children);
-    return mappedChildren;
-  }, [children]);
-  const Provider = ({ children: children2 }) => dndSort === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: children2 }) : /* @__PURE__ */ jsxRuntime.jsx(
-    DndSortProvider,
-    {
-      children: children2,
-      onDragEnd: dndSort.onDragEnd,
-      dataSource: rest.dataSource,
-      rowKey: rest.rowKey
-    }
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(antd.ConfigProvider, { theme: CustomizedAntTableConfig(theme), children: /* @__PURE__ */ jsxRuntime.jsx(Provider, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-    antd.Table,
-    {
-      ref,
-      loading: {
-        indicator: /* @__PURE__ */ jsxRuntime.jsx(index$1.Flex, { className: "items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Loading, { isLoading: true, size: 32, thickness: 3 }) }),
-        spinning: !!loading
-      },
-      scroll: internalScroll ? { y: scrollY } : void 0,
-      className: tailwindMerge.twMerge(
-        tailwindTableClasses,
-        "abrplus-table-custom-scroll-bar w-full !animate-none [&_.ant-table-thead_th]:!pt-2",
-        !!expandable && !!rowSelection && "[&_.ant-table-selection-column]:!ps-0",
-        transparentHeader && tableTransparentHeaderClasses,
-        className
-      ),
-      rowSelection,
-      expandable: expandable ? {
-        ...expandable,
-        expandedRowClassName: () => "[&_.ant-table-cell]:!p-0  [&_.ant-table-row-expand-icon-cell]:!p-0 ",
-        expandIcon: ({ expandable: expandable2, expanded, onExpand, record }) => /* @__PURE__ */ jsxRuntime.jsx(
-          ExpandIcon,
-          {
-            ...{ expandable: expandable2, expanded },
-            onExpand: (e) => onExpand?.(record, e)
-          }
-        )
-      } : void 0,
-      pagination,
-      footer,
-      components: dndSort ? { body: { row: DndRow } } : components,
-      ...rest,
-      children: [
-        dndSort && /* @__PURE__ */ jsxRuntime.jsx(Table.Column, { align: "center", width: 80, render: () => /* @__PURE__ */ jsxRuntime.jsx(DragHandle, {}) }, "sort"),
-        columns.map(
-          ({
-            render,
-            children: children2,
-            dataIndex,
-            align,
-            headerStyle,
-            headerClassName,
-            className: className2,
-            filtersOptions,
-            sortIconOptions,
-            ...rest2
-          }, colIndex) => /* @__PURE__ */ jsxRuntime.jsx(
-            antd.Table.Column,
-            {
-              ...rest2,
-              dataIndex: dataIndex?.toString(),
-              className: tailwindMerge.twMerge("h-[56px] [&_.ant-table-column-title]:!flex-1", className2),
-              title: /* @__PURE__ */ jsxRuntime.jsxs(
-                index$1.Flex,
-                {
-                  className: "ant-table-column-title-content items-center justify-between",
-                  flex: 1,
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      TableHeaderTitle,
-                      {
-                        title: children2,
-                        align,
-                        style: headerStyle,
-                        className: headerClassName
-                      }
-                    ),
-                    filtersOptions?.renderFilter?.()
-                  ]
-                }
-              ),
-              render: (value, row, index2) => /* @__PURE__ */ jsxRuntime.jsx(
-                index$1.Flex,
-                {
-                  className: tailwindMerge.twMerge("items-center", rowHeightClassName[size || "large"]),
-                  style: {
-                    wordWrap: "break-word",
-                    wordBreak: "break-word",
-                    paddingInlineEnd: colIndex === columns.length - 1 ? 24 : void 0
-                  },
-                  children: render ? render({ index: index2, row, value }) : /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: value })
-                }
-              ),
-              showSorterTooltip: false,
-              sortIcon: ({ sortOrder }) => {
-                return /* @__PURE__ */ jsxRuntime.jsxs(
-                  index$1.Flex,
-                  {
-                    vertical: true,
-                    ...sortIconOptions,
-                    className: tailwindMerge.twMerge(
-                      "table-filters-sort flex-[4] ps-2",
-                      sortIconOptions?.className
-                    ),
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        index$1.Icon,
-                        {
-                          size: 12,
-                          color: sortOrder === "ascend" ? colors.colors.primary : colors.colors.primary_light_3,
-                          name: "Chevron_Up",
-                          style: { marginBottom: -4 }
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        index$1.Icon,
-                        {
-                          size: 12,
-                          color: sortOrder === "descend" ? colors.colors.primary : colors.colors.primary_light_3,
-                          name: "Chevron_Down"
-                        }
-                      )
-                    ]
-                  }
-                );
-              }
-            },
-            colIndex
-          )
-        )
-      ]
-    }
-  ) }) });
-};
-Table.Cell = TableCell;
-Table.Column = Column;
-Table.Currency = TableCell.Currency;
-Table.Date = TableCell.Date;
-Table.Status = TableCell.StatusCell;
-Table.usePagination = usePagination;
-exports.AvatarGroup = AvatarGroup;
-exports.Drawer = Drawer;
-exports.Modal = Modal;
-exports.Table = Table;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),B=require("./sortable.esm-CA8VbUF-.cjs"),G=require("./index-lDQ4dr86.cjs"),o=require("./index-B1HRk2-g.cjs"),l=require("./colors-BDQwGpaB.cjs"),E=require("antd"),C=require("tailwind-merge"),P=require("react-i18next"),y=require("./index-BJmt8SSx.cjs"),x=require("react"),ee=require("starkstring"),re=require("./deepMerge-2zqLIrFM.cjs"),$=require("react-router-dom");function te(r,t){const n=localStorage.getItem(r),s=n?JSON.parse(n):t,[a,i]=x.useState(s);return x.useEffect(()=>{localStorage.setItem(r,JSON.stringify(a))},[r,a]),[a,i]}const oe=640,ne=768,le=1024,se=1280;function ae(){const{width:r}=G.useWindowDimensions(),t=x.useCallback(c=>{if(!(typeof window>"u"))return r<=c},[r]),n=x.useCallback(c=>{if(!(typeof window>"u"))return r>c},[r]),s=x.useCallback(c=>{if(c[0]>=c[1])throw new Error(`The second query: ${c[1]}px must be greater than the first query: ${c[0]}px`);if(!(typeof window>"u"))return r>c[0]&&r<=c[1]},[r]),a=t(le),i=t(oe),d=t(ne),g=n(se);return{getIsWidthSmallerThan:t,getIsWidthLargerThan:n,getIsWidthBetween:s,isSmallerThanExtraLarge:g,isSmallerThanMedium:d,isSmallerThanSmall:i,isSmallerThenLarge:a}}const W="PAGINATION_SIZE";function ie({items:r=[],max:t=3,avatarProps:{size:n}={},onClickAvatar:s,hasAnimation:a=!0,nameExtractor:i,renderItem:d,itemLogoProps:g,containerProps:c,popoverProps:h}){if(r.length===0)return e.jsx(o.Text,{children:"-"});const b=u=>i?.(u)??(u.name||"--");return e.jsxs(o.Flex,{...c,children:[r.slice(0,t).map((u,w)=>e.jsx(o.Render,{when:!!d,fallback:e.jsx(B.Logo,{style:{marginInlineStart:w-12,width:n,height:n},imageSrc:u?.imageSrc,hasToolTip:!0,toolTipTitle:b(u),hasAnimation:a,onClick:()=>s?.(u),...g},u.id),children:d?.(u)})),r.length>t&&e.jsx(G.Popover,{arrow:!0,color:l.colors.primary_dark_1,placement:"left",overlayInnerStyle:{backgroundColor:l.colors.primary_dark_1,borderRadius:4},trigger:["hover"],content:e.jsx(G.View,{vertical:!0,children:r.slice(t).map(u=>e.jsx(o.Text,{color:l.colors.white_ff,children:b(u)},u.id))}),...h,children:e.jsx(o.Flex,{align:"center",justify:"center",className:"z-50 -ms-3 h-6 w-6 rounded-full border-2 border-primary-light-3 bg-light-7",style:{width:n,height:n},...h?.containerProps,children:`${r.length-t}+`})})]})}const ce=({discardTitle:r,onDiscard:t,onSubmit:n,submitTitle:s,isLoading:a,isSubmitDisabled:i})=>{const{t:d}=P.useTranslation();return e.jsxs(o.Flex,{align:"center",gap:16,justify:"flex-end",children:[r&&e.jsx(y.Button.Secondary,{disabled:a,onClick:t,children:r}),e.jsx(y.Button.Primary,{disabled:i,isLoading:a,onClick:n,children:s||d("common.literal.apply")})]})},de=({title:r,closable:t,onClose:n})=>{const s=()=>typeof r!="string"?r:e.jsx(o.Text,{size:18,weight:"medium",color:l.colors.primary,children:r});return e.jsxs(o.Flex,{justify:"space-between",align:"center",children:[s(),t&&e.jsx("div",{className:"cursor-pointer",onClick:n,children:e.jsx(o.Icon,{name:"Close",size:20,color:l.colors.primary})})]})},ge=({title:r,closable:t=!0,transparent:n,submitTitle:s,discardTitle:a,onClose:i,onSubmit:d,onDiscard:g,classNames:c,styles:h,children:b,isLoading:u,headerHeight:w=60,wrapperClassName:F,contentClassName:j,noPadding:M,isSubmitDisabled:A,footer:_,...k})=>e.jsx(E.Drawer,{onClose:i,styles:{...h,header:{minHeight:w,backgroundColor:l.colors.light_2,borderColor:l.colors.light_7,paddingBlock:12,paddingInline:24},body:{backgroundColor:n?"transparent":l.colors.white_ff,padding:0},content:{backgroundColor:l.colors.light_2,padding:0},footer:{minHeight:60,paddingBlock:12,borderColor:l.colors.light_7,paddingInline:24,margin:0}},classNames:{...c,body:"small-custom-scrollbar"},footer:_||e.jsx(ce,{onSubmit:d,onDiscard:g,submitTitle:s,discardTitle:a,isLoading:u,isSubmitDisabled:A}),closable:!1,title:e.jsx(de,{title:r,closable:t,onClose:i}),...k,children:e.jsx(o.Flex,{className:C.twMerge("small-custom-scrollbar h-full flex-1 overflow-y-auto bg-light-2 p-6",F),vertical:!0,gap:16,children:e.jsx(o.Flex,{className:C.twMerge("bg-white-ff",M?"rounded-lg":"rounded p-6",n?"bg-transparent":"",j),vertical:!0,children:b})})}),H=({children:r,submitTitle:t,discardTitle:n,onSubmit:s,onDiscard:a,title:i,onClose:d,isLoadingSubmit:g,renderFooter:c,...h})=>e.jsx(E.ConfigProvider,{theme:{components:{Modal:{borderRadius:4,borderRadiusOuter:4,borderRadiusLG:4,paddingMD:0,paddingContentHorizontalLG:0,margin:0}}},children:e.jsx(E.Modal,{closeIcon:!1,classNames:{body:"!px-6 !py-4"},footer:c!==void 0?c:t||n?e.jsxs(o.Flex,{justify:"end",align:"center",className:"h-[58px] rounded-b border-t border-solid border-light-7 bg-light-2 px-6",gap:16,children:[n&&e.jsx(y.Button.Secondary,{onClick:a,children:n}),t&&e.jsx(y.Button.Primary,{isLoading:g,onClick:s,children:t})]}):null,title:typeof i=="string"?e.jsxs(o.Flex,{className:"h-12 rounded-t border-b border-solid border-light-7 bg-light-2 px-6",align:"center",justify:"space-between",children:[e.jsx(o.Text,{size:18,weight:"medium",color:l.colors.primary_dark_1,children:i}),e.jsx(o.Icon,{name:"Close",color:l.colors.primary,onClick:d,className:"cursor-pointer"})]}):i,...h,children:r})}),ue=({children:r,title:t,onSubmit:n,onDiscard:s,submitTitle:a,discardTitle:i,isLoadingSubmit:d,renderFooter:g,...c})=>{const h=g!==void 0?g:(a||i)&&e.jsxs(o.Flex,{gap:16,align:"center",justify:"flex-end",className:"px-6 py-4",children:[i&&e.jsx(y.Button.Secondary,{onClick:s,children:i}),a&&e.jsx(y.Button.Primary,{isLoading:d,onClick:n,children:a})]});return e.jsx(H,{...c,renderFooter:h,children:e.jsxs(o.Flex,{vertical:!0,children:[e.jsx(o.Flex,{vertical:!0,className:"mb-2 border-b-[2px] border-light-7 pb-3",children:typeof t=="string"?e.jsx(o.Text,{size:20,weight:"bold",color:l.colors.primary_dark_1,children:t}):t}),e.jsx(o.Flex,{className:"pb-10 pt-4",children:typeof r=="string"?e.jsx(o.Text,{size:16,weight:"normal",color:l.colors.primary,children:r}):r})]})})},xe=({children:r,title:t,onSubmit:n,onDiscard:s,submitTitle:a,discardTitle:i,isLoadingSubmit:d,...g})=>e.jsx(H,{...g,children:e.jsxs(o.Flex,{vertical:!0,children:[e.jsx(o.Flex,{vertical:!0,className:"border-b-[2px] border-light-7 pb-3",children:typeof t=="string"?e.jsx(o.Text,{size:20,weight:"bold",color:l.colors.primary_dark_1,children:t}):t}),e.jsx(o.Flex,{className:"pb-10 pt-4",children:typeof r=="string"?e.jsx(o.Text,{size:16,weight:"normal",color:l.colors.primary,children:r}):r}),e.jsxs(o.Flex,{gap:16,align:"center",justify:"flex-end",children:[e.jsx(y.Button.Secondary,{onClick:s,children:i}),e.jsx(y.Button.Negative,{iconName:"Delete",isLoading:d,onClick:n,children:a})]})]})}),pe=({children:r,title:t,onSubmit:n,submitTitle:s,isLoadingSubmit:a,...i})=>e.jsx(H,{...i,children:e.jsxs(o.Flex,{vertical:!0,children:[e.jsxs(o.Flex,{className:"border-b-[2px] border-light-7 pb-3",align:"center",justify:"space-between",children:[typeof t=="string"?e.jsx(o.Text,{size:20,weight:"bold",color:l.colors.primary_dark_1,children:t}):t,e.jsx(o.Icon,{name:"Alert",color:l.colors.negative,size:18})]}),e.jsx(o.Flex,{className:"pb-10 pt-4",children:typeof r=="string"?e.jsx(o.Text,{size:16,weight:"normal",color:l.colors.primary,children:r}):r}),e.jsx(o.Flex,{justify:"flex-end",children:e.jsx(y.Button.Primary,{isLoading:a,onClick:n,children:s})})]})}),he=({children:r,title:t,onSubmit:n,onDiscard:s,submitTitle:a,discardTitle:i,isLoadingSubmit:d,error:g,...c})=>e.jsx(H,{...c,children:e.jsxs(o.Flex,{vertical:!0,children:[e.jsx(o.Flex,{vertical:!0,className:"border-b-[2px] border-light-7 pb-3",children:typeof t=="string"?e.jsx(o.Text,{size:20,weight:"bold",color:l.colors.primary_dark_1,children:t}):t}),e.jsx(o.Flex,{className:"pb-10 pt-4",children:typeof r=="string"?e.jsx(o.Text,{size:16,weight:"normal",color:l.colors.primary,children:r}):r}),e.jsx(o.Text,{size:20,weight:"bold",color:l.colors.negative,children:g}),e.jsxs(o.Flex,{gap:16,align:"center",justify:"flex-end",children:[e.jsx(y.Button.SecondaryQuiet,{onClick:s,children:i}),e.jsx(y.Button.Primary,{isLoading:d,onClick:n,children:a})]})]})}),me=y.batch({Base:H,Confirm:ue,Error:pe,Delete:xe,Info:he}),V=r=>e.jsx(e.Fragment,{}),fe=({value:r,includeCurrency:t,...n})=>{const{t:s}=P.useTranslation();return e.jsxs(o.Text,{className:"w-full",size:14,weight:"normal",color:l.colors.primary,...n,children:[r?ee(r).scientificNotationToDecimal().toCurrency().toString():"",t&&` ${s("common.literal.rial")}`]})},ye=({value:r,...t})=>e.jsx(o.Text,{className:"w-full",size:14,weight:"normal",color:l.colors.primary,...t,children:r}),be=({value:r,activeTitle:t,disableTitle:n,...s})=>{const{t:a}=P.useTranslation();return e.jsx(o.Flex,{className:C.twMerge("h-[26px] items-center justify-center rounded px-4",r?"bg-positive-light-2 bg-opacity-10":"bg-light-6"),...s,children:r?e.jsx(o.Text,{size:12,weight:"medium",color:l.colors.positive,children:t||a("common.literal.active")}):e.jsx(o.Text,{size:12,weight:"medium",color:l.colors.primary_light_2,children:n||a("common.literal.disable")})})},v=({children:r})=>typeof r=="string"||typeof r=="number"?e.jsx(o.Text,{className:"w-full",size:14,weight:"normal",color:l.colors.primary,children:r}):r;v.Currency=fe;v.Date=ye;v.StatusCell=be;const je=({expandable:r,expanded:t,onExpand:n})=>{const{i18n:s}=P.useTranslation();return r?e.jsx("button",{className:"float-start h-full items-center justify-center",children:e.jsx(o.Icon,{onClick:n,name:t?"Chevron_Down":s.language==="fa"?"Chevron_Left":"Chevron_Right"})}):null},we=({title:r,align:t,style:n,className:s})=>typeof r!="string"?r:e.jsx(o.Flex,{style:n,className:C.twMerge("w-full",t==="start"&&"justify-start",t==="center"&&"justify-center",t==="end"&&"justify-end",s),children:e.jsx(o.Text,{size:14,weight:"normal",className:"whitespace-nowrap",color:l.colors.primary,children:r})}),Ce=r=>re.deepMerge({components:{Table:{borderColor:l.colors.light_7,cellPaddingBlock:0,cellPaddingBlockMD:0,cellPaddingBlockSM:0,cellPaddingInline:8,cellPaddingInlineMD:8,cellPaddingInlineSM:8,fixedHeaderSortActiveBg:"transparent",footerBg:l.colors.light_2,headerBg:l.colors.light_2,headerBorderRadius:0,headerColor:l.colors.primary,bodySortBg:l.colors.white_ff,headerSortHoverBg:l.colors.light_1,headerSortActiveBg:l.colors.light_1,headerSplitColor:"transparent",rowExpandedBg:l.colors.light_3,rowHoverBg:l.colors.light_4,rowSelectedBg:l.colors.light_7,rowSelectedHoverBg:l.colors.light_7,selectionColumnWidth:56},Pagination:{itemActiveBg:l.colors.white_ff,itemActiveBgDisabled:l.colors.negative,itemActiveColorDisabled:l.colors.negative,colorPrimaryBorderHover:"red",colorInfoBorderHover:"yellow",colorWarningBorderHover:"green",itemBg:l.colors.white_ff,itemInputBg:l.colors.negative,itemLinkBg:l.colors.negative,itemSize:30,itemSizeSM:30,miniOptionsSizeChangerTop:40,colorPrimary:l.colors.primary,fontFamily:"YekanBakhFaRegular"}}},r??{}),_e=C.twMerge("[&_th]:!border-t h-full [&_.ant-spin-nested-loading]:h-full [&_.ant-spin-container]:h-full [&_.ant-table]:h-full [&_.ant-spin-container]:flex [&_.ant-spin-container]:flex-col [&_.ant-spin-container]:justify-between  [&_.ant-table-column-title]:flex-[0] [&_th]:!border-t-light-7 [&_th]:!pt-4 [&_th]:!pb-1 [&_.ant-table-selection-column]:!ps-4 [&_.ant-table-wrapper]:!p-0 [&_.ant-table-measure-row]:!h-[1px] [&_.ant-table-body]:h-full [&_.ant-table-container]:h-full"),Se=C.twMerge("[&_th]:!bg-transparent h-full [&_th]:!border-t-0  [&_td]:!bg-transparent "),ve={small:"h-[40px] max-h-[40px] min-h-[40px]",middle:"h-[48px] max-h-[48px] min-h-[48px]",large:"h-[56px] max-h-[56px] min-h-[56px]"},Y=x.createContext({}),Ne=()=>{const{setActivatorNodeRef:r,listeners:t}=x.useContext(Y);return e.jsx("button",{style:{cursor:"move"},ref:r,...t,children:e.jsx(o.Icon,{name:"drag_and_drop",color:l.colors.primary_light_2})})},Te=r=>{let{transform:t}=r;return{...t,x:0}},Be=({children:r,onDragEnd:t,dataSource:n=[],rowKey:s})=>{const a=x.useMemo(()=>n.map(d=>d[s]),[n,s]),i=x.useCallback(({active:d,over:g})=>{if(d.id!==g?.id){const c=n.findIndex(u=>u[s]===d?.id),h=n.findIndex(u=>u[s]===g?.id),b=B.arrayMove(n,c,h);t(b)}},[n,s,t]);return e.jsx(e.Fragment,{children:e.jsx(B.DndContext,{modifiers:[Te],onDragEnd:i,children:e.jsx(B.SortableContext,{items:a,strategy:B.verticalListSortingStrategy,children:r})})})},ke=r=>{const{attributes:t,listeners:n,setNodeRef:s,setActivatorNodeRef:a,transform:i,transition:d,isDragging:g}=B.useSortable({id:r["data-row-key"]}),c={...r.style,transform:B.CSS.Translate.toString(i),transition:d,cursor:"default",...g?{position:"relative",zIndex:10}:{}},h=x.useMemo(()=>({setActivatorNodeRef:a,listeners:n}),[a,n]);return e.jsx(Y.Provider,{value:h,children:e.jsx("tr",{...r,ref:s,style:c,...t})})},Ie=({page:r,type:t,current:n,isFa:s})=>{const a=Number(r)===n;return e.jsx(o.Flex,{className:"h-[30px] items-center justify-center",children:t==="page"?e.jsx(o.Text,{weight:a?"bold":"normal",size:a?20:18,color:a?l.colors.primary:l.colors.primary_dark_1,children:r}):t==="next"?e.jsx(o.Flex,{className:"me-4 h-[30px] w-[30px] items-center justify-center rounded border border-light-7",children:e.jsx(o.Icon,{name:s?"Chevron_Right":"Chevron_Left",color:l.colors.primary})}):t==="prev"?e.jsx(o.Flex,{className:"h-[30px] w-[30px] items-center justify-center rounded border border-light-7",children:e.jsx(o.Icon,{name:s?"Chevron_Left":"Chevron_Right",color:l.colors.primary})}):e.jsx(o.Text,{size:18,children:"..."})})},ze="CHANGE_ORDER",U="CHANGE_PAGE",Z="CHANGE",J="page",Ee={order:void 0,orderBy:"",pageSize:10,current:1,filters:{}};function Fe(r,t){switch(t.type){case ze:return{...r,orderBy:t.payload.orderBy,order:t.payload.order};case U:return{...r,current:t.payload.current,pageSize:t.payload.pageSize===void 0?r.pageSize:t.payload.pageSize};case Z:return{...r,current:t.payload.current,pageSize:t.payload.pageSize??r.pageSize,order:t.payload.order,orderBy:t.payload.orderBy,filters:t.payload.filters};default:return r}}function Me({defaultCurrent:r=1,defaultPageSize:t=10,hasQueryParams:n=!1,hideOnSinglePage:s,style:a,...i}){const{isSmallerThanMedium:d}=ae(),g=$.useNavigate(),[c]=$.useSearchParams(),[h,b]=te(W,t),[u,w]=x.useState(0),{i18n:F}=P.useTranslation(),[{current:j,order:M,orderBy:A,pageSize:_,filters:k},L]=x.useReducer(Fe,{...Ee,pageSize:h,current:n?Number(c.get(J)||String(r)):r});localStorage.removeItem(W);const m=x.useCallback((f,T,R)=>{const z=Array.isArray(R)?R[0]:R;b(f.pageSize||t),L({type:Z,payload:{filters:T,current:f.current,pageSize:f.pageSize,orderBy:Array.isArray(z?.field)?z?.field[0]:z?.field,order:z?.order}})},[t,b]),I=(f,T)=>{L({type:U,payload:{current:f,pageSize:T}})},p=f=>w(f||t);x.useEffect(()=>{n&&g({search:`?${J}=${j}`},{replace:!0})},[j,n]);const S={total:u,current:j,pageSize:_,defaultCurrent:r,defaultPageSize:t,onChange:I,pageSizeOptions:["10","20","30"],showSizeChanger:!0,hideOnSinglePage:s,className:"border border-negative",style:{backgroundColor:l.colors.white_ff,paddingInline:d?4:24,paddingBlock:16,margin:0,borderTop:`1px solid ${l.colors.light_7}`,flexDirection:"row-reverse",justifyContent:"flex-start",border:"none",...a},showPrevNextJumpers:!0,showQuickJumper:!0,rootClassName:"flex items-center [&_.ant-select-dropdown]:!p-0 [&_.ant-pagination-options]:flex [&_.ant-pagination-options]:items-center [&_.ant-pagination-options]:justify-between [&_.ant-pagination-options]:flex-1",itemRender:(f,T)=>Ie({current:j,page:f,type:T,isFa:F.language==="fa"}),...i};return{filters:k,current:j,pageSize:_,pagination:S,order:M,orderBy:A,onChange:m,getTotal:p}}const N=({className:r,children:t,expandable:n,rowSelection:s,size:a,pagination:i,loading:d,transparentHeader:g,internalScroll:c=!0,extraHeight:h=100,footer:b,theme:u,dndSort:w,components:F,...j})=>{const[M,A]=x.useState(),_=x.useRef(null);x.useEffect(()=>{_.current&&A(window.innerHeight-_.current.offsetTop-46-(i?65:0)-h)},[i,u?.components?.Table?.headerBg]);const k=x.useMemo(()=>{function m(p){if(!p)return[];if(typeof p=="boolean"||typeof p>"u"||p===null)return[];if(typeof p!="object")throw new Error("Table children must be Column");if(!Array.isArray(p)){if(p.type===V)return[{...p.props,child:p}];if(p.type===x.Fragment)return m(p.props?.children)}return(p||[])?.flatMap(S=>m(S))}return m(t)},[t]),L=({children:m})=>w===void 0?e.jsx(e.Fragment,{children:m}):e.jsx(Be,{children:m,onDragEnd:w.onDragEnd,dataSource:j.dataSource,rowKey:j.rowKey});return e.jsx(E.ConfigProvider,{theme:Ce(u),children:e.jsx(L,{children:e.jsxs(E.Table,{ref:_,loading:{indicator:e.jsx(o.Flex,{className:"items-center justify-center",children:e.jsx(o.Loading,{isLoading:!0,size:32,thickness:3})}),spinning:!!d},scroll:c?{y:M}:void 0,className:C.twMerge(_e,"abrplus-table-custom-scroll-bar w-full !animate-none [&_.ant-table-thead_th]:!pt-2",!!n&&!!s&&"[&_.ant-table-selection-column]:!ps-0",g&&Se,r),rowSelection:s,expandable:n?{...n,expandedRowClassName:()=>"[&_.ant-table-cell]:!p-0  [&_.ant-table-row-expand-icon-cell]:!p-0 ",expandIcon:({expandable:m,expanded:I,onExpand:p,record:S})=>e.jsx(je,{expandable:m,expanded:I,onExpand:f=>p?.(S,f)})}:void 0,pagination:i,footer:b,components:w?{body:{row:ke}}:F,...j,children:[w&&e.jsx(N.Column,{align:"center",width:80,render:()=>e.jsx(Ne,{})},"sort"),k.map(({render:m,children:I,dataIndex:p,align:S,headerStyle:f,headerClassName:T,className:R,filtersOptions:z,sortIconOptions:q,...X},O)=>e.jsx(E.Table.Column,{...X,dataIndex:p?.toString(),className:C.twMerge("h-[56px] [&_.ant-table-column-title]:!flex-1",R),title:e.jsxs(o.Flex,{className:"ant-table-column-title-content items-center justify-between",flex:1,children:[e.jsx(we,{title:I,align:S,style:f,className:T}),z?.renderFilter?.()]}),render:(D,Q,K)=>e.jsx(o.Flex,{className:C.twMerge("items-center",ve[a||"large"]),style:{wordWrap:"break-word",wordBreak:"break-word",paddingInlineEnd:O===k.length-1?24:void 0},children:m?m({index:K,row:Q,value:D}):e.jsx(v,{children:D})}),showSorterTooltip:!1,sortIcon:({sortOrder:D})=>e.jsxs(o.Flex,{vertical:!0,...q,className:C.twMerge("table-filters-sort flex-[4] ps-2",q?.className),children:[e.jsx(o.Icon,{size:12,color:D==="ascend"?l.colors.primary:l.colors.primary_light_3,name:"Chevron_Up",style:{marginBottom:-4}}),e.jsx(o.Icon,{size:12,color:D==="descend"?l.colors.primary:l.colors.primary_light_3,name:"Chevron_Down"})]})},O))]})})})};N.Cell=v;N.Column=V;N.Currency=v.Currency;N.Date=v.Date;N.Status=v.StatusCell;N.usePagination=Me;exports.AvatarGroup=ie;exports.Drawer=ge;exports.Modal=me;exports.Table=N;