@devtron-labs/devtron-fe-common-lib 0.0.51 → 0.0.52-beta-1

package/dist/Common/Modals/VisibleModal2.js

@@ -0,0 +1,31 @@
+var i = Object.defineProperty;
+var n = (s, o, e) => o in s ? i(s, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[o] = e;
+var t = (s, o, e) => (n(s, typeof o != "symbol" ? o + "" : o, e), e);
+import { jsx as c } from "react/jsx-runtime";
+import d from "react";
+import { R as l } from "../../index-5a231705.js";
+class p extends d.Component {
+  constructor(e) {
+    super(e);
+    t(this, "modalRef", document.getElementById("visible-modal-2"));
+    this.escFunction = this.escFunction.bind(this);
+  }
+  escFunction(e) {
+    e.keyCode === 27 && this.props.close && this.props.close(e);
+  }
+  componentDidMount() {
+    document.addEventListener("keydown", this.escFunction), this.modalRef.classList.add("show-with-bg");
+  }
+  componentWillUnmount() {
+    document.removeEventListener("keydown", this.escFunction), this.modalRef.classList.remove("show-with-bg");
+  }
+  render() {
+    return l.createPortal(
+      /* @__PURE__ */ c("div", { className: `visible-modal__body ${this.props.className}`, onClick: this.props?.close, "data-testid": "visible-modal2-close", children: this.props.children }),
+      document.getElementById("visible-modal-2")
+    );
+  }
+}
+export {
+  p as VisibleModal2
+};

package/dist/Common/MultiSelectCustomization.d.ts

@@ -1,37 +1,37 @@
-import React from 'react';
-export declare const Option: (props: any) => JSX.Element;
-export declare const SingleSelectOption: (props: any) => JSX.Element;
-export declare const MultiValueContainer: (props: any) => JSX.Element;
-export declare const ClearIndicator: (props: any) => JSX.Element;
-export declare const MultiValueRemove: (props: any) => JSX.Element;
-export declare const MultiValueChipContainer: ({ validator, isAllSelected, ...props }: {
-    [x: string]: any;
-    validator: any;
-    isAllSelected?: boolean;
-}) => JSX.Element;
-export declare const multiSelectStyles: {
-    control: (base: any, state: any) => any;
-    menu: (base: any, state: any) => any;
-    option: (base: any, state: any) => any;
-    container: (base: any, state: any) => any;
-    valueContainer: (base: any, state: any) => any;
-};
-export interface CustomSelect {
-    sortSelected?: boolean;
-    options: any[];
-    onChange: (...args: any[]) => void;
-    value?: any;
-    name?: string;
-    placeholder?: string;
-    className?: string;
-    classNamePrefix?: string;
-    menuPortalTarget?: any;
-    components?: object;
-    styles?: object;
-    isMulti?: boolean;
-    isDisabled?: boolean;
-    closeMenuOnSelect?: boolean;
-    hideSelectedOptions?: boolean;
-    formatOptionLabel?: (...args: any[]) => any;
-}
-export declare const CustomSelect: React.FC<CustomSelect>;
+import React from 'react';
+export declare const Option: (props: any) => JSX.Element;
+export declare const SingleSelectOption: (props: any) => JSX.Element;
+export declare const MultiValueContainer: (props: any) => JSX.Element;
+export declare const ClearIndicator: (props: any) => JSX.Element;
+export declare const MultiValueRemove: (props: any) => JSX.Element;
+export declare const MultiValueChipContainer: ({ validator, isAllSelected, ...props }: {
+    [x: string]: any;
+    validator: any;
+    isAllSelected?: boolean;
+}) => JSX.Element;
+export declare const multiSelectStyles: {
+    control: (base: any, state: any) => any;
+    menu: (base: any, state: any) => any;
+    option: (base: any, state: any) => any;
+    container: (base: any, state: any) => any;
+    valueContainer: (base: any, state: any) => any;
+};
+export interface CustomSelect {
+    sortSelected?: boolean;
+    options: any[];
+    onChange: (...args: any[]) => void;
+    value?: any;
+    name?: string;
+    placeholder?: string;
+    className?: string;
+    classNamePrefix?: string;
+    menuPortalTarget?: any;
+    components?: object;
+    styles?: object;
+    isMulti?: boolean;
+    isDisabled?: boolean;
+    closeMenuOnSelect?: boolean;
+    hideSelectedOptions?: boolean;
+    formatOptionLabel?: (...args: any[]) => any;
+}
+export declare const CustomSelect: React.FC<CustomSelect>;

package/dist/Common/MultiSelectCustomization.js

@@ -0,0 +1,97 @@
+import { jsxs as c, jsx as l } from "react/jsx-runtime";
+import { c as a, R as f } from "../react-select.esm-fa95915b.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/Policy.Types.d.ts

@@ -1,56 +1,56 @@
-import { VariableType } from "./CIPipeline.Types";
-import { ResponseType } from "./Types";
-export declare enum ApplyPolicyToStage {
-    PRE_CI = "PRE_CI",
-    POST_CI = "POST_CI",
-    PRE_OR_POST_CI = "PRE_OR_POST_CI"
-}
-export declare enum PluginRequiredStage {
-    PRE_CI = "preBuildStage",
-    POST_CI = "postBuildStage",
-    PRE_OR_POST_CI = "PRE_OR_POST_CI"
-}
-export interface DefinitionSourceType {
-    projectName: string;
-    isDueToProductionEnvironment: boolean;
-    isDueToLinkedPipeline: boolean;
-    policyName: string;
-    appName?: string;
-    clusterName?: string;
-    environmentName?: string;
-    branchNames?: string[];
-    ciPipelineName?: string;
-}
-export interface MandatoryPluginDetailType {
-    id: number;
-    icon: string;
-    name: string;
-    description?: string;
-    requiredIn: PluginRequiredStage;
-    applied?: boolean;
-    inputVariables?: VariableType[];
-    outputVariables?: VariableType[];
-    definitionSources?: DefinitionSourceType[];
-}
-export interface MandatoryPluginDataType {
-    pluginData: MandatoryPluginDetailType[];
-    isValidPre: boolean;
-    isValidPost: boolean;
-}
-export declare enum ConsequenceAction {
-    BLOCK = "BLOCK",
-    ALLOW_UNTIL_TIME = "ALLOW_UNTIL_TIME",
-    ALLOW_FOREVER = "ALLOW_FOREVER"
-}
-export interface ConsequenceType {
-    action: ConsequenceAction;
-    metadataField: string;
-}
-export interface BlockedStateData {
-    isOffendingMandatoryPlugin: boolean;
-    isCITriggerBlocked: boolean;
-    ciBlockState: ConsequenceType;
-}
-export interface GetBlockedStateResponse extends ResponseType {
-    result?: BlockedStateData;
-}
+import { VariableType } from "./CIPipeline.Types";
+import { ResponseType } from "./Types";
+export declare enum ApplyPolicyToStage {
+    PRE_CI = "PRE_CI",
+    POST_CI = "POST_CI",
+    PRE_OR_POST_CI = "PRE_OR_POST_CI"
+}
+export declare enum PluginRequiredStage {
+    PRE_CI = "preBuildStage",
+    POST_CI = "postBuildStage",
+    PRE_OR_POST_CI = "PRE_OR_POST_CI"
+}
+export interface DefinitionSourceType {
+    projectName: string;
+    isDueToProductionEnvironment: boolean;
+    isDueToLinkedPipeline: boolean;
+    policyName: string;
+    appName?: string;
+    clusterName?: string;
+    environmentName?: string;
+    branchNames?: string[];
+    ciPipelineName?: string;
+}
+export interface MandatoryPluginDetailType {
+    id: number;
+    icon: string;
+    name: string;
+    description?: string;
+    requiredIn: PluginRequiredStage;
+    applied?: boolean;
+    inputVariables?: VariableType[];
+    outputVariables?: VariableType[];
+    definitionSources?: DefinitionSourceType[];
+}
+export interface MandatoryPluginDataType {
+    pluginData: MandatoryPluginDetailType[];
+    isValidPre: boolean;
+    isValidPost: boolean;
+}
+export declare enum ConsequenceAction {
+    BLOCK = "BLOCK",
+    ALLOW_UNTIL_TIME = "ALLOW_UNTIL_TIME",
+    ALLOW_FOREVER = "ALLOW_FOREVER"
+}
+export interface ConsequenceType {
+    action: ConsequenceAction;
+    metadataField: string;
+}
+export interface BlockedStateData {
+    isOffendingMandatoryPlugin: boolean;
+    isCITriggerBlocked: boolean;
+    ciBlockState: ConsequenceType;
+}
+export interface GetBlockedStateResponse extends ResponseType {
+    result?: BlockedStateData;
+}

package/dist/Common/Policy.Types.js

@@ -0,0 +1,6 @@
+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.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { PopupMenuBodyType, PopupMenuButtonType, PopupMenuType } from './Types';
-declare function PopupMenu({ children, onToggleCallback, autoClose, autoPosition, }: PopupMenuType): any;
-declare namespace PopupMenu {
-    var Button: ({ children, disabled, rootClassName, tabIndex, onHover, isKebab, dataTestId, }: PopupMenuButtonType) => JSX.Element;
-    var Body: ({ children, rootClassName, style, autoWidth, preventWheelDisable, noBackDrop, }: PopupMenuBodyType) => JSX.Element;
-}
-export default PopupMenu;
+/// <reference types="react" />
+import { PopupMenuBodyType, PopupMenuButtonType, PopupMenuType } from './Types';
+declare function PopupMenu({ children, onToggleCallback, autoClose, autoPosition, }: PopupMenuType): any;
+declare namespace PopupMenu {
+    var Button: ({ children, disabled, rootClassName, tabIndex, onHover, isKebab, dataTestId, }: PopupMenuButtonType) => JSX.Element;
+    var Body: ({ children, rootClassName, style, autoWidth, preventWheelDisable, noBackDrop, }: PopupMenuBodyType) => JSX.Element;
+}
+export default PopupMenu;

package/dist/Common/PopupMenu.js

@@ -0,0 +1,148 @@
+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.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ProgressingProps } from './Types';
-export declare function Progressing({ pageLoader, size, theme, styles, fillColor }: ProgressingProps): JSX.Element;
-export declare function DetailsProgressing({ loadingText, size, fullHeight, styles, fillColor, children, }: ProgressingProps): JSX.Element;
+/// <reference types="react" />
+import { ProgressingProps } from './Types';
+export declare function Progressing({ pageLoader, size, theme, styles, fillColor }: ProgressingProps): JSX.Element;
+export declare function DetailsProgressing({ loadingText, size, fullHeight, styles, fillColor, children, }: ProgressingProps): JSX.Element;

package/dist/Common/Progressing.js

@@ -0,0 +1,52 @@
+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
+};

package/dist/Common/RJSF/Form.d.ts

@@ -1,4 +1,2 @@
-/// <reference types="react" />
-import { FormProps } from './types';
-import './rjsfForm.scss';
-export declare const RJSFForm: (props: FormProps) => JSX.Element;
+import { FormProps } from './types';
+export declare const RJSFForm: (props: FormProps) => JSX.Element;