@devtron-labs/devtron-fe-common-lib 0.0.55-beta-1 → 0.0.55-beta-2

package/dist/Common/MultiSelectCustomization.js

@@ -1,97 +0,0 @@
-import { jsxs as c, jsx as l } from "react/jsx-runtime";
-import { c as a, R as f } from "../react-select.esm-27b8d563.js";
-import * as r from "react";
-const u = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 28 28", width: 24, height: 24, ...e }, /* @__PURE__ */ r.createElement("g", { fill: "none", fillRule: "evenodd", transform: "translate(2 2)" }, /* @__PURE__ */ r.createElement("rect", { width: 20, height: 20, fill: "#B1B7BC", rx: 10 }), /* @__PURE__ */ r.createElement("path", { fill: "#FFF", fillRule: "nonzero", d: "M6.464 6.464a1 1 0 0 1 1.415 0l2.12 2.12 2.122-2.12a1 1 0 0 1 1.32-.083l.095.083a1 1 0 0 1 0 1.415l-2.122 2.12 2.122 2.122a1 1 0 0 1 .083 1.32l-.083.095a1 1 0 0 1-1.415 0L10 11.414l-2.121 2.122a1 1 0 0 1-1.32.083l-.095-.083a1 1 0 0 1 0-1.415L8.584 10l-2.12-2.121a1 1 0 0 1-.083-1.32z" }))), g = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ r.createElement("g", { fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ r.createElement("path", { stroke: "#06C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3.898 12.564l4.95 4.95L19.455 6.906" }))), v = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 21, viewBox: "0 0 20 21", ...e }, /* @__PURE__ */ r.createElement("g", { fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ r.createElement("path", { fill: "#FDE7E7", stroke: "#F33E3E", strokeLinejoin: "round", strokeWidth: 2, d: "M10 1.667C5.4 1.667 1.667 5.4 1.667 10S5.4 18.333 10 18.333 18.333 14.6 18.333 10 14.6 1.667 10 1.667z" }), /* @__PURE__ */ r.createElement("path", { fill: "#F33E3E", d: "M10 10.833c.46 0 .833-.373.833-.833V6.667c0-.46-.373-.834-.833-.834-.46 0-.833.373-.833.834V10c0 .46.373.833.833.833zm0 3.334c.46 0 .833-.373.833-.834 0-.46-.373-.833-.833-.833-.46 0-.833.373-.833.833 0 .46.373.834.833.834z" }))), E = (e) => {
-  const { selectOption: t, data: n } = e;
-  return /* @__PURE__ */ c("div", { className: "flex left pl-12", style: { background: e.isFocused ? "var(--N100)" : "transparent" }, children: [
-    /* @__PURE__ */ l(
-      "input",
-      {
-        checked: e.isSelected,
-        disabled: e.isDisabled,
-        onChange: (i) => t(n),
-        type: "checkbox",
-        style: { height: "16px", width: "16px", flex: "0 0 16px" },
-        className: "mr-8"
-      }
-    ),
-    /* @__PURE__ */ l(a.Option, { ...e })
-  ] });
-}, C = (e) => {
-  const { selectOption: t, data: n } = e, i = { height: "16px", width: "16px", flex: "0 0 16px" }, o = (s) => t(n);
-  return /* @__PURE__ */ c("div", { className: "flex left pl-12", style: { background: e.isFocused ? "var(--N100)" : "transparent" }, children: [
-    e.isSelected ? /* @__PURE__ */ l(g, { onClick: o, className: "mr-8 icon-dim-16", style: i }) : /* @__PURE__ */ l("span", { onClick: o, className: "mr-8", style: i }),
-    /* @__PURE__ */ l(a.Option, { ...e })
-  ] });
-}, k = (e) => {
-  const { children: t, data: n, innerProps: i, selectProps: o } = e, { label: s, value: d } = n;
-  return /* @__PURE__ */ c(a.MultiValueContainer, { data: n, innerProps: i, selectProps: o, children: [
-    /* @__PURE__ */ l("div", { className: "flex fs-12 ml-4 cn-9", children: s }),
-    t[1]
-  ] });
-}, N = (e) => {
-  const {
-    children: t = /* @__PURE__ */ l(u, { className: "icon-dim-24" }),
-    getStyles: n,
-    innerProps: { ref: i, ...o }
-  } = e;
-  return /* @__PURE__ */ l("div", { ...o, ref: i, style: n("clearIndicator", e), children: /* @__PURE__ */ l("div", { className: "flex pointer", children: t }) });
-}, S = (e) => {
-  const {
-    data: t,
-    innerProps: { onClick: n, onMouseDown: i },
-    selectProps: o
-  } = e;
-  return /* @__PURE__ */ l(a.MultiValueRemove, { ...e, children: /* @__PURE__ */ l(
-    u,
-    {
-      onClick: n,
-      onMouseDown: i,
-      onClick: (s) => n(t),
-      style: { height: "18px", width: "18px" }
-    }
-  ) });
-}, b = ({ validator: e, isAllSelected: t = !1, ...n }) => {
-  const { children: i, data: o, innerProps: s, selectProps: d } = n, { label: p, value: h } = o, m = e ? e(h) : !0;
-  return t && h !== "*" ? null : /* @__PURE__ */ c(a.MultiValueContainer, { data: o, innerProps: s, selectProps: d, children: [
-    /* @__PURE__ */ c("div", { className: "flex left fs-12 pl-4 pr-4 dc__ellipsis-right", children: [
-      !m && /* @__PURE__ */ l(v, { className: "mr-4 icon-dim-16" }),
-      /* @__PURE__ */ l("div", { className: `dc__ellipsis-right ${m ? "cn-9" : "cr-5"}`, children: p })
-    ] }),
-    i[1]
-  ] });
-}, M = {
-  control: (e, t) => ({
-    ...e,
-    cursor: t.isDisabled ? "not-allowed" : "normal",
-    border: t.isFocused ? "1px solid #06c" : "1px solid #d6dbdf",
-    boxShadow: "none"
-  }),
-  menu: (e, t) => ({
-    ...e
-  }),
-  option: (e, t) => ({
-    ...e,
-    backgroundColor: t.isFocused ? "var(--N100)" : "white",
-    color: "var(--N900)",
-    padding: "8px 12px"
-  }),
-  container: (e, t) => ({
-    ...e,
-    cursor: t.isDisabled ? "not-allowed" : "pointer"
-  }),
-  valueContainer: (e, t) => ({
-    ...e,
-    color: t.selectProps.menuIsOpen ? "var(--N500)" : e.color
-  })
-}, F = (e) => /* @__PURE__ */ l(f, { ...e });
-export {
-  N as ClearIndicator,
-  F as CustomSelect,
-  b as MultiValueChipContainer,
-  k as MultiValueContainer,
-  S as MultiValueRemove,
-  E as Option,
-  C as SingleSelectOption,
-  M as multiSelectStyles
-};

package/dist/Common/Pagination/PageSizeSelector.d.ts

@@ -1,3 +0,0 @@
-import { PageSizeSelectorProps } from './types';
-declare const PageSizeSelector: ({ pageSizeOptions, pageSize, changePageSize }: PageSizeSelectorProps) => JSX.Element;
-export default PageSizeSelector;

package/dist/Common/Pagination/PageSizeSelector.js

@@ -1,49 +0,0 @@
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import { useState as f, useRef as g } from "react";
-import "../../Helper-e1262739.js";
-import "../Constants.js";
-import { useClickOutside as O } from "../Hooks/UseClickOutside/UseClickOutside.js";
-import { getDefaultPageValueOptions as S } from "./utils.js";
-const w = ({
-  optionValue: e,
-  options: o,
-  setOptions: c,
-  handleCloseDropdown: i,
-  changePageSize: n
-}) => /* @__PURE__ */ s("div", { className: "select__item", onClick: () => {
-  const a = o.map((l) => ({
-    value: l.value,
-    selected: l.value === e
-  }));
-  c([...a]), i(), n(e);
-}, children: e }, e), b = ({ pageSizeOptions: e, pageSize: o, changePageSize: c }) => {
-  const i = S(e).map((t) => ({
-    value: t.value,
-    selected: t.value === o
-  })), [n, r] = f(!1), [a, l] = f(i), d = () => {
-    r(!1);
-  }, v = () => {
-    r(!n);
-  }, p = g(null);
-  O(p, d);
-  const u = a.find((t) => t.selected), h = n ? "fa fa-caret-up" : "fa fa-caret-down";
-  return /* @__PURE__ */ m("div", { ref: p, children: [
-    n && /* @__PURE__ */ s("div", { className: "pagination__select-menu", children: a.map((t) => /* @__PURE__ */ s(
-      w,
-      {
-        optionValue: t.value,
-        options: a,
-        setOptions: l,
-        handleCloseDropdown: d,
-        changePageSize: c
-      }
-    )) }),
-    /* @__PURE__ */ m("button", { type: "button", className: "select__button", onClick: v, children: [
-      /* @__PURE__ */ s("span", { children: u ? u.value : "" }),
-      /* @__PURE__ */ s("span", { className: "select__icon", children: /* @__PURE__ */ s("i", { className: h }) })
-    ] })
-  ] });
-};
-export {
-  b as default
-};

package/dist/Common/Pagination/Pagination.d.ts

@@ -1,3 +0,0 @@
-import { PaginationProps } from './types';
-declare const Pagination: ({ size, pageSize, offset, changePage, changePageSize, isPageSizeFix, pageSizeOptions, rootClassName, }: PaginationProps) => JSX.Element;
-export default Pagination;

package/dist/Common/Pagination/Pagination.js

@@ -1,95 +0,0 @@
-import "../../assets/Pagination.css";
-import { jsxs as o, jsx as a } from "react/jsx-runtime";
-import { useState as k, useEffect as N } from "react";
-import y from "./PageSizeSelector.js";
-import { createPageArr as g } from "./utils.js";
-const C = ({ value: t, isSelected: s, selectPage: c }) => /* @__PURE__ */ a("li", { className: "page", children: /* @__PURE__ */ a("button", { className: s ? "page__button page__button--selected" : "page__button", onClick: () => {
-  c(t);
-}, type: "button", children: t }) }), E = ({
-  size: t,
-  pageSize: s,
-  offset: c,
-  changePage: u,
-  changePageSize: m,
-  isPageSizeFix: h,
-  pageSizeOptions: P,
-  rootClassName: b
-}) => {
-  const [n, r] = k([]);
-  N(() => {
-    const e = g({ size: t, pageSize: s, selectedPageNo: 1 });
-    r(e);
-  }, [t, s]), N(() => {
-    const e = 1 + Math.floor(c / s), l = g({ size: t, pageSize: s, selectedPageNo: e });
-    r(l);
-  }, [c]);
-  const i = (e) => {
-    const l = g({ size: t, pageSize: s, selectedPageNo: e });
-    r(l), u(e);
-  }, _ = () => {
-    const l = n.find((d) => d.selected).value - 1;
-    i(l);
-  }, f = () => {
-    const l = n.find((d) => d.selected).value + 1;
-    i(l);
-  }, v = c + s < t ? c + s : t, p = n.findIndex((e) => e.selected), x = n.filter((e) => e.isVisible);
-  return (
-    // TODO: Remove pagination-wrapper from dashboard
-    /* @__PURE__ */ o("div", { className: b || "", children: [
-      /* @__PURE__ */ o("div", { className: "page-number", children: [
-        c + 1,
-        " - ",
-        v,
-        " of ",
-        t
-      ] }),
-      /* @__PURE__ */ o("ul", { className: "pagination", children: [
-        /* @__PURE__ */ a("li", { className: "page", children: /* @__PURE__ */ a(
-          "button",
-          {
-            className: "page__button page__button--icon",
-            disabled: !p,
-            onClick: _,
-            type: "button",
-            "aria-label": "Previous page",
-            children: /* @__PURE__ */ a("span", { className: "left-icon", children: /* @__PURE__ */ a("i", { className: "fa fa-chevron-left" }) })
-          }
-        ) }),
-        x.map((e) => /* @__PURE__ */ a(
-          C,
-          {
-            value: e.value,
-            isSelected: e.selected,
-            selectPage: i
-          },
-          e.value
-        )),
-        /* @__PURE__ */ a("li", { className: "page", children: /* @__PURE__ */ a(
-          "button",
-          {
-            className: "page__button page__button--icon",
-            disabled: p === n.length - 1,
-            onClick: f,
-            type: "button",
-            "aria-label": "Next page",
-            children: /* @__PURE__ */ a("span", { className: "left-icon", children: /* @__PURE__ */ a("i", { className: "fa fa-chevron-right" }) })
-          }
-        ) })
-      ] }),
-      !h && /* @__PURE__ */ o("div", { className: "select", children: [
-        /* @__PURE__ */ a("span", { className: "select__placeholder", children: "Rows per page" }),
-        /* @__PURE__ */ a(
-          y,
-          {
-            pageSizeOptions: P,
-            pageSize: s,
-            changePageSize: m
-          }
-        )
-      ] })
-    ] })
-  );
-};
-export {
-  E as default
-};

package/dist/Common/Pagination/constants.d.ts

@@ -1,5 +0,0 @@
-export declare const VISIBLE_PAGES_LIMIT = 5;
-export declare const FALLBACK_PAGE_SIZE_OPTIONS: {
-    value: number;
-    selected: boolean;
-}[];

package/dist/Common/Pagination/constants.js

@@ -1,9 +0,0 @@
-const e = 5, l = [
-  { value: 20, selected: !0 },
-  { value: 40, selected: !1 },
-  { value: 50, selected: !1 }
-];
-export {
-  l as FALLBACK_PAGE_SIZE_OPTIONS,
-  e as VISIBLE_PAGES_LIMIT
-};

package/dist/Common/Pagination/index.d.ts

@@ -1 +0,0 @@
-export { default as Pagination } from './Pagination';

package/dist/Common/Pagination/index.js

@@ -1,4 +0,0 @@
-import { default as t } from "./Pagination.js";
-export {
-  t as Pagination
-};

package/dist/Common/Pagination/types.d.ts

@@ -1,51 +0,0 @@
-/// <reference types="react" />
-export interface PageSizeOption {
-    value: number;
-    selected: boolean;
-}
-export interface PaginationProps {
-    /**
-     * number of items
-     */
-    size: number;
-    /**
-     * pageSize
-     */
-    pageSize: number;
-    offset: number;
-    changePage: (pageNo: number) => void;
-    changePageSize?: (pageSize: number) => void;
-    /**
-     * If true will not show page size selector
-     */
-    isPageSizeFix?: boolean;
-    /**
-     * If given would show these options in page size selector else [20,40,50] with 20 as selected
-     */
-    pageSizeOptions?: PageSizeOption[];
-    /**
-     * class for wrapper
-     */
-    rootClassName?: string;
-}
-export interface Page {
-    value: number;
-    selected: boolean;
-    isVisible: boolean;
-}
-export interface CreatePageArrType extends Pick<PaginationProps, 'size' | 'pageSize'> {
-    selectedPageNo: number;
-}
-export interface PageSizeSelectorProps extends Pick<PaginationProps, 'pageSizeOptions' | 'pageSize' | 'changePageSize'> {
-}
-export interface PageSizeItemsProps extends Pick<PageSizeSelectorProps, 'changePageSize'> {
-    optionValue: PageSizeOption['value'];
-    options: PageSizeOption[];
-    setOptions: React.Dispatch<React.SetStateAction<PageSizeOption[]>>;
-    handleCloseDropdown: () => void;
-}
-export interface PageValueItemProps {
-    value: PageSizeOption['value'];
-    isSelected: PageSizeOption['selected'];
-    selectPage: (selectedPageNo: number) => void;
-}

package/dist/Common/Pagination/types.js

@@ -1 +0,0 @@
-

package/dist/Common/Pagination/utils.d.ts

@@ -1,6 +0,0 @@
-import { CreatePageArrType, Page, PageSizeOption } from './types';
-/**
- * Returns an array of pages numbers and whether they are selected, visible or not
- */
-export declare const createPageArr: ({ size, pageSize, selectedPageNo }: CreatePageArrType) => Page[];
-export declare const getDefaultPageValueOptions: (pageSizeOptions: PageSizeOption[]) => PageSizeOption[];

package/dist/Common/Pagination/utils.js

@@ -1,15 +0,0 @@
-import { VISIBLE_PAGES_LIMIT as s, FALLBACK_PAGE_SIZE_OPTIONS as l } from "./constants.js";
-const _ = ({ size: n, pageSize: I, selectedPageNo: t }) => {
-  const u = [], o = Math.ceil(n / I), c = t - 2 < 1 ? 1 : t - 2, i = t + 2 > o ? o : t + 2;
-  for (let r = 1; r <= o; r++)
-    u.push({
-      value: r,
-      selected: r === t,
-      isVisible: i - s < r && r < c + s
-    });
-  return u;
-}, a = (n) => n?.length ? n : l;
-export {
-  _ as createPageArr,
-  a as getDefaultPageValueOptions
-};

package/dist/Common/Policy.Types.js

@@ -1,6 +0,0 @@
-var O = /* @__PURE__ */ ((_) => (_.PRE_CI = "PRE_CI", _.POST_CI = "POST_CI", _.PRE_OR_POST_CI = "PRE_OR_POST_CI", _))(O || {}), I = /* @__PURE__ */ ((_) => (_.PRE_CI = "preBuildStage", _.POST_CI = "postBuildStage", _.PRE_OR_POST_CI = "PRE_OR_POST_CI", _))(I || {}), E = /* @__PURE__ */ ((_) => (_.BLOCK = "BLOCK", _.ALLOW_UNTIL_TIME = "ALLOW_UNTIL_TIME", _.ALLOW_FOREVER = "ALLOW_FOREVER", _))(E || {});
-export {
-  O as ApplyPolicyToStage,
-  E as ConsequenceAction,
-  I as PluginRequiredStage
-};

package/dist/Common/PopupMenu.js

@@ -1,148 +0,0 @@
-import { jsx as y } from "react/jsx-runtime";
-import l, { useEffect as B } from "react";
-import { Modal as S } from "./Modals/Modal.js";
-const P = l.createContext(null);
-function w() {
-  const o = l.useContext(P);
-  if (!o)
-    throw new Error("Select compound components cannot be rendered outside popupmenup");
-  return o;
-}
-function v({
-  children: o = null,
-  onToggleCallback: i = null,
-  autoClose: a = !1,
-  autoPosition: d = !1
-}) {
-  const [c, u] = l.useState(null), [h, n] = l.useState(0), t = l.useRef(null), r = l.useRef(null), f = l.useRef(null);
-  l.useEffect(() => (t.current = window.IntersectionObserver ? new IntersectionObserver($, O) : null, () => {
-    t && t.current && t.current.disconnect && t.current.disconnect();
-  }), []), B(() => {
-    typeof i == "function" && i(!!c);
-  }, [c]), B(() => {
-    if (r?.current && d && c) {
-      const { height: e, x: p, y: s } = r.current.getBoundingClientRect();
-      u({ left: p, top: s + e });
-    }
-  }, [r?.current?.clientHeight]);
-  let O = {
-    root: null,
-    rootMargin: "0px",
-    threshold: 1
-  };
-  if (!o)
-    return o;
-  function $(e, p) {
-    e.forEach((s) => {
-      if (s.isIntersecting && s.intersectionRatio >= 1)
-        n(1);
-      else {
-        const { boundingClientRect: b, rootBounds: g } = s, { x: R, y: m, height: x, width: C } = b, {
-          x: j,
-          y: H,
-          height: L,
-          width: X,
-          left: Y,
-          right: q,
-          top: z,
-          bottom: A
-        } = r.current.getBoundingClientRect();
-        m + x > g.height && (u({ left: j, bottom: document.documentElement.clientHeight - H }), n(1)), R + C > g.width && (u((I) => ({ ...I, right: "20px", left: "unset" })), n(1));
-      }
-    });
-  }
-  const k = (e) => {
-    e.stopPropagation(), n(0);
-    const { height: p, x: s, y: b } = e.currentTarget.getBoundingClientRect();
-    u({ left: s, top: b + p });
-  }, W = (e, p) => {
-    a || p === "out" ? (t && t.current && t.current.disconnect && t.current.disconnect(), n(0), u(null)) : e.stopPropagation();
-  };
-  function E(e) {
-    e && t?.current?.observe ? t.current.observe(e) : t.current.disconnect();
-  }
-  function M(e) {
-    if (!e)
-      return;
-    r.current = e;
-    const { bottom: p, height: s, left: b, right: g, top: R, width: m, x, y: C } = e.getBoundingClientRect();
-    f.current = m;
-  }
-  return /* @__PURE__ */ y(
-    P.Provider,
-    {
-      value: {
-        handleOpen: k,
-        popupPosition: c,
-        handleClose: W,
-        opacity: h,
-        setPopupPosition: u,
-        callbackRef: E,
-        buttonRef: r,
-        initialiseButtonWidth: M,
-        buttonWidth: f
-      },
-      children: o
-    }
-  );
-}
-function N({
-  children: o = null,
-  disabled: i = !1,
-  rootClassName: a = "",
-  tabIndex: d = 0,
-  onHover: c = !1,
-  isKebab: u = !1,
-  dataTestId: h = ""
-}) {
-  const { handleOpen: n, popupPosition: t, buttonRef: r, initialiseButtonWidth: f } = w();
-  return /* @__PURE__ */ y(
-    "button",
-    {
-      ref: f,
-      type: "button",
-      tabIndex: d,
-      disabled: i,
-      className: `${a} ${t ? "focused" : ""}  ${u ? "popup-button-kebab" : "popup-button"}`,
-      onMouseEnter: c ? i ? null : n : () => {
-      },
-      onClick: i ? null : n,
-      "data-testid": h,
-      children: o
-    }
-  );
-}
-function _({
-  children: o = null,
-  rootClassName: i = "",
-  style: a = {},
-  autoWidth: d = !1,
-  preventWheelDisable: c = !1,
-  noBackDrop: u
-}) {
-  const { handleClose: h, popupPosition: n, opacity: t, callbackRef: r, buttonWidth: f } = w();
-  return n ? /* @__PURE__ */ y(
-    S,
-    {
-      callbackRef: r,
-      onClick: h,
-      rootClassName: `${i} popup-body ${o ? "" : "popup-body--empty"} ${Object.keys(
-        n
-      ).join(" ")}`,
-      style: {
-        ...n,
-        ...a,
-        ...d ? { width: f.current } : {},
-        opacity: t
-      },
-      preventWheelDisable: c,
-      noBackDrop: u,
-      children: o
-    }
-  ) : null;
-}
-v.Button = N;
-v.Body = _;
-export {
-  v as default
-};

package/dist/Common/Progressing.js

@@ -1,52 +0,0 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-function d({ pageLoader: r, size: t, theme: a, styles: l, fillColor: i }) {
-  const s = t ? `${t}px` : r ? "48px" : "20px";
-  return /* @__PURE__ */ e("div", { className: `loader ${a || "default"}-background`, style: l, "data-testid": "progressing", children: /* @__PURE__ */ e("div", { style: { width: s, height: s }, children: /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", className: "loader__svg", children: /* @__PURE__ */ n("g", { fill: "none", fillRule: "evenodd", strokeLinecap: "round", children: [
-    /* @__PURE__ */ e(
-      "animateTransform",
-      {
-        attributeName: "transform",
-        attributeType: "XML",
-        dur: "0.5s",
-        from: "0 12 12",
-        repeatCount: "indefinite",
-        to: "360 12 12",
-        type: "rotate"
-      }
-    ),
-    /* @__PURE__ */ e(
-      "path",
-      {
-        fill: i || "#06C",
-        fillRule: "nonzero",
-        d: "M12 2.5A9.5 9.5 0 1 1 2.5 12a1.5 1.5 0 0 1 3 0A6.5 6.5 0 1 0 12 5.5a1.5 1.5 0 0 1 0-3z"
-      }
-    )
-  ] }) }) }) });
-}
-function c({
-  loadingText: r,
-  size: t = 24,
-  fullHeight: a = !1,
-  styles: l,
-  fillColor: i,
-  children: s
-}) {
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      className: `details-loader bcn-0 flex column fs-14 fw-6 ${a ? "h-100" : "details-loader-height"}`,
-      style: l,
-      "data-testid": "details-progressing",
-      children: [
-        /* @__PURE__ */ e("span", { style: { width: `${t}px`, height: `${t}px` }, children: /* @__PURE__ */ e(d, { size: t, fillColor: i }) }),
-        r && /* @__PURE__ */ e("span", { className: "mt-10", children: r }),
-        s
-      ]
-    }
-  );
-}
-export {
-  c as DetailsProgressing,
-  d as Progressing
-};