@devtron-labs/devtron-fe-common-lib 0.0.82-beta-12 → 0.0.82-beta-13

package/dist/Common/SearchBar/SearchBar.component.d.ts

@@ -34,5 +34,5 @@ import { SearchBarProps } from './types';
  * <SearchBar inputProps={{ placeholder: 'Enter search text' }} />
  * ```
  */
-declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, }: SearchBarProps) => JSX.Element;
+declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, noBackgroundAndBorder, }: SearchBarProps) => JSX.Element;
 export default SearchBar;

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

@@ -32,4 +32,8 @@ export interface SearchBarProps {
      * Timeout for the debounce handler to be triggered
      */
     debounceTimeout?: number;
+    /**
+     * Hide the background and border of the search
+     */
+    noBackgroundAndBorder?: boolean;
 }

package/dist/Shared/Components/ButtonWithSelector/ButtonWithSelector.d.ts

@@ -14,5 +14,5 @@ import { ButtonWithSelectorProps } from './types';
  * </ButtonWithSelector>
  * ```
  */
-declare const ButtonWithSelector: ({ content, onClick, children, className, popUpBodyClassName, showPopUp, }: ButtonWithSelectorProps) => JSX.Element;
+declare const ButtonWithSelector: ({ content, onClick, children, className, popUpBodyClassName, showPopUp, disabled, }: ButtonWithSelectorProps) => JSX.Element;
 export default ButtonWithSelector;

package/dist/Shared/Components/ButtonWithSelector/types.d.ts

@@ -7,4 +7,5 @@ export interface ButtonWithSelectorProps {
     className?: string;
     popUpBodyClassName?: string;
     showPopUp?: boolean;
+    disabled?: boolean;
 }

package/dist/index.js

@@ -14544,9 +14544,10 @@ const Sy = ({
   children: n,
   className: r = "",
   popUpBodyClassName: i = "",
-  showPopUp: a = !0
+  showPopUp: a = !0,
+  disabled: s = !1
 }) => {
-  const [s, c] = k(!1);
+  const [c, l] = k(!1);
   return /* @__PURE__ */ o.jsxs("div", { className: "flexbox bcb-5 br-4", children: [
     /* @__PURE__ */ o.jsx(
       "button",
@@ -14554,17 +14555,25 @@ const Sy = ({
         className: `cta flex h-28 ${a ? "dc__no-right-radius" : ""} dc__no-border-imp fs-12 fw-6 lh-20-imp ${r}`,
         type: "button",
         onClick: t,
+        disabled: s,
         children: e
       }
     ),
-    a && /* @__PURE__ */ o.jsxs(Pt, { autoClose: !0, autoPosition: !0, onToggleCallback: c, children: [
-      /* @__PURE__ */ o.jsx(Pt.Button, { rootClassName: "flex dc__transparent p-0 w-28 bcb-5 dc__right-radius-4 dc__no-left-radius dc__no-top-border dc__no-bottom-border dc__no-right-border button-with-selector", children: /* @__PURE__ */ o.jsx(
-        sa,
+    a && /* @__PURE__ */ o.jsxs(Pt, { autoClose: !0, autoPosition: !0, onToggleCallback: l, children: [
+      /* @__PURE__ */ o.jsx(
+        Pt.Button,
         {
-          className: "icon-dim-16 fcn-0 dc__no-shrink rotate",
-          style: { "--rotateBy": s ? "180deg" : "0deg" }
+          disabled: s,
+          rootClassName: "flex dc__transparent p-0 w-28 bcb-5 dc__right-radius-4 dc__no-left-radius dc__no-top-border dc__no-bottom-border dc__no-right-border button-with-selector",
+          children: /* @__PURE__ */ o.jsx(
+            sa,
+            {
+              className: "icon-dim-16 fcn-0 dc__no-shrink rotate",
+              style: { "--rotateBy": c ? "180deg" : "0deg" }
+            }
+          )
         }
-      ) }),
+      ),
       /* @__PURE__ */ o.jsx(Pt.Body, { rootClassName: `pt-4 pb-4 dc__border dc__overflow-hidden ${i}`, children: n })
     ] })
   ] });
@@ -16573,57 +16582,64 @@ const zb = ({
   inputProps: r = {},
   containerClassName: i,
   shouldDebounce: a = !1,
-  debounceTimeout: s = 300
+  debounceTimeout: s = 300,
+  noBackgroundAndBorder: c = !1
 }) => {
-  const [c, l] = k(!!e), u = De(), d = ft(Zy(t, s), [
+  const [l, u] = k(!!e), d = De(), g = ft(Zy(t, s), [
     t,
     s
   ]);
   ne(() => {
-    u.current.value = e, l(!!e);
+    d.current.value = e, u(!!e);
   }, [e]);
-  const g = (A) => {
-    t(A), n(A);
-  }, f = () => {
-    u.current.value = "", g(""), l(!1);
-  }, I = (A) => {
-    const { value: M } = A.target;
-    l(!!M), a ? d(M) : t(M);
-  }, p = (A) => {
-    const { key: M } = A;
-    if (M === "Enter") {
-      A.preventDefault();
-      const v = A.target.value.trim();
-      g(v);
+  const f = (M) => {
+    t(M), n(M);
+  }, I = () => {
+    d.current.value = "", f(""), u(!1);
+  }, p = (M) => {
+    const { value: N } = M.target;
+    u(!!N), a ? g(N) : t(N);
+  }, A = (M) => {
+    const { key: N } = M;
+    if (N === "Enter") {
+      M.preventDefault();
+      const E = M.target.value.trim();
+      f(E);
     }
   };
-  return /* @__PURE__ */ o.jsx("div", { className: i, children: /* @__PURE__ */ o.jsxs("div", { className: "search-bar bc-n50 focus-within-border-b5 dc__hover-border-n300 dc__block w-100 min-w-200 dc__position-rel en-2 bw-1 br-4 h-32", children: [
-    /* @__PURE__ */ o.jsx(Lb, { className: "search-bar__icon dc__position-abs icon-color-n6 icon-dim-16" }),
-    /* @__PURE__ */ o.jsx(
-      "input",
-      {
-        placeholder: "Search",
-        "data-testid": "search-bar",
-        type: "text",
-        ...r,
-        defaultValue: e,
-        className: `search-bar__input bc-n50 dc__position-abs w-100 h-100 br-4 dc__no-border pt-6 pr-10 pb-6 pl-30 fs-13 lh-20 fw-4 cn-9 placeholder-cn5 ${c ? "pr-30" : "pr-10"}`,
-        onChange: I,
-        onKeyDown: p,
-        ref: u
-      }
-    ),
-    c && /* @__PURE__ */ o.jsx(
-      "button",
-      {
-        className: "flex search-bar__clear-button dc__position-abs dc__transparent mt-0 mb-0 mr-5 ml-5",
-        type: "button",
-        onClick: f,
-        "aria-label": "Clear search",
-        children: /* @__PURE__ */ o.jsx(V0, { className: "icon-dim-16 icon-n4 dc__vertical-align-middle" })
-      }
-    )
-  ] }) });
+  return /* @__PURE__ */ o.jsx("div", { className: i, children: /* @__PURE__ */ o.jsxs(
+    "div",
+    {
+      className: `search-bar ${c ? "dc__no-border dc__no-background dc__hover-n50" : "bc-n50 en-2 dc__hover-border-n300"} focus-within-border-b5 dc__block w-100 min-w-200 dc__position-rel br-4 bw-1 h-32`,
+      children: [
+        /* @__PURE__ */ o.jsx(Lb, { className: "search-bar__icon dc__position-abs icon-color-n6 icon-dim-16" }),
+        /* @__PURE__ */ o.jsx(
+          "input",
+          {
+            placeholder: "Search",
+            "data-testid": "search-bar",
+            type: "text",
+            ...r,
+            defaultValue: e,
+            className: `search-bar__input  dc__position-abs w-100 h-100 br-4 dc__no-border pt-6 pr-10 pb-6 pl-30 fs-13 lh-20 fw-4 cn-9 placeholder-cn5 ${l ? "pr-30" : "pr-10"} ${c ? "dc__no-background" : "bc-n50"}`,
+            onChange: p,
+            onKeyDown: A,
+            ref: d
+          }
+        ),
+        l && /* @__PURE__ */ o.jsx(
+          "button",
+          {
+            className: "flex search-bar__clear-button dc__position-abs dc__transparent mt-0 mb-0 mr-5 ml-5",
+            type: "button",
+            onClick: I,
+            "aria-label": "Clear search",
+            children: /* @__PURE__ */ o.jsx(V0, { className: "icon-dim-16 icon-n4 dc__vertical-align-middle" })
+          }
+        )
+      ]
+    }
+  ) });
 }, v6 = zb, Pb = (e) => /* @__PURE__ */ C.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", ...e }, /* @__PURE__ */ C.createElement("path", { d: "M4.125 8.5L6 10.75L7.875 8.5M4.125 3.5L6 1.25L7.875 3.5", stroke: "#3B444C", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), Rb = (e) => /* @__PURE__ */ C.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { d: "M3.5 7.50009L6.00004 10.0001M6.00004 10.0001L8.5 7.50054M6.00004 10.0001V2", stroke: "#596168", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), kb = ({
   isSorted: e,
   triggerSorting: t,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.0.82-beta-12",
+    "version": "0.0.82-beta-13",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",