@sisense/sdk-shared-ui 2.11.0 → 2.13.0

package/dist/{lightweight/Dropdown-DtISatbx.js → Dropdown-2YrIrxvu.js}

@@ -1,14 +1,14 @@
-import { jsxs as x, jsx as c, Fragment as j } from "react/jsx-runtime";
-import v from "classnames";
+import { jsxs as x, jsx as a, Fragment as j } from "react/jsx-runtime";
 import { forwardRef as E, useState as T, useCallback as F, useEffect as y, useRef as $ } from "react";
+import B from "classnames";
 import { s as q } from "./styleguideConstants-D4Yls16w.js";
-import { i as z, a as L } from "./Menu-dqrqcZgC.js";
-import { P as U } from "./Popover-BAehEo3a.js";
-import { I as G } from "./Input-CNvYE0Er.js";
-import { D as N } from "./DEPRECATED_Icon-Bgufd-9Q.js";
-const J = "Dropdown-module__menu___u8qzp", K = {
+import { i as z, a as L } from "./Menu-B2cJDLLQ.js";
+import { P as U } from "./Popover-dB_aFhmo.js";
+import { I as G } from "./Input-BYv0WSZt.js";
+import { D as N } from "./DEPRECATED_Icon-Dgk7vjsh.js";
+const J = "csdk_Dropdown-module__menu___u8qzp", K = {
   menu: J
-}, Q = "#2c3342", X = "#f4f4f8", Y = "#dee1e7", Z = "#fff", I = "DropdownButton-module__dropdownButton___oc3-H", P = "DropdownButton-module__inlineVariant___WSkxA", oo = "DropdownButton-module__open___bh-yG", no = "DropdownButton-module__disabled___I9nuu", to = "DropdownButton-module__selectedIcon___hIp5j", eo = "DropdownButton-module__chosenTitle___AgQJR", lo = "DropdownButton-module__clickIcon___U2low", p = {
+}, Q = "#2c3342", X = "#f4f4f8", Y = "#dee1e7", Z = "#fff", I = "csdk_DropdownButton-module__dropdownButton___oc3-H", P = "csdk_DropdownButton-module__inlineVariant___WSkxA", oo = "csdk_DropdownButton-module__open___bh-yG", no = "csdk_DropdownButton-module__disabled___I9nuu", to = "csdk_DropdownButton-module__selectedIcon___hIp5j", eo = "csdk_DropdownButton-module__chosenTitle___AgQJR", lo = "csdk_DropdownButton-module__clickIcon___U2low", p = {
   loginDarkColor: Q,
   darkBtnHoverColor: X,
   greyHoverColor: Y,
@@ -20,38 +20,38 @@ const J = "Dropdown-module__menu___u8qzp", K = {
   selectedIcon: to,
   chosenTitle: eo,
   clickIcon: lo
-}, ao = ({
+}, co = ({
   selectedItem: l,
   width: n,
   dropDownButtonClasses: o,
   selectedShowIcon: t = !0,
   placeholder: s = ""
 }) => {
-  const { caption: e, iconName: d } = l || {};
+  const { caption: e, iconName: r } = l || {};
   return /* @__PURE__ */ x("div", { className: o, title: e, style: n ? { width: n, minWidth: "inherit" } : {}, children: [
-    t && d && /* @__PURE__ */ c(N, { className: p.selectedIcon, name: d }),
-    /* @__PURE__ */ c("div", { className: p.chosenTitle, children: e || s }),
-    /* @__PURE__ */ c("div", { className: p.clickIcon, children: /* @__PURE__ */ c(N, { name: "general-arrow-down" }) })
+    t && r && /* @__PURE__ */ a(N, { className: p.selectedIcon, name: r }),
+    /* @__PURE__ */ a("div", { className: p.chosenTitle, children: e || s }),
+    /* @__PURE__ */ a("div", { className: p.clickIcon, children: /* @__PURE__ */ a(N, { name: "general-arrow-down" }) })
   ] });
-}, co = 136, so = "DropdownButtonSearch-module__searchInputWrapper___zKFuM", ro = {
+}, ao = 136, so = "csdk_DropdownButtonSearch-module__searchInputWrapper___zKFuM", ro = {
   searchInputWrapper: so
 }, b = () => {
 }, io = E(
   ({
-    width: l = co,
+    width: l = ao,
     onClick: n = b,
     inputProps: o = { onChange: b },
     className: t = ""
   }, s) => {
-    const e = v(t || ro.searchInputWrapper);
-    return /* @__PURE__ */ c(
+    const e = B(t || ro.searchInputWrapper);
+    return /* @__PURE__ */ a(
       "div",
       {
         ref: s,
         style: { width: l },
         className: e,
         "data-testid": "search_input_container",
-        children: /* @__PURE__ */ c(G, { onClicked: n, ...o })
+        children: /* @__PURE__ */ a(G, { onClicked: n, ...o })
       }
     );
   }
@@ -59,21 +59,21 @@ const J = "Dropdown-module__menu___u8qzp", K = {
   const [s, e] = T({
     ...o,
     value: n == null ? void 0 : n.caption
-  }), d = (a) => {
-    a.stopPropagation();
-  }, _ = (a) => {
-    o == null || o.onChange(a), e({ ...o, value: a });
-  }, r = F(() => {
+  }), r = (c) => {
+    c.stopPropagation();
+  }, _ = (c) => {
+    o == null || o.onChange(c), e({ ...o, value: c });
+  }, d = F(() => {
     var u;
-    const a = (u = t == null ? void 0 : t.current) == null ? void 0 : u.getElementsByTagName("input")[0];
-    a == null || a.select();
+    const c = (u = t == null ? void 0 : t.current) == null ? void 0 : u.getElementsByTagName("input")[0];
+    c == null || c.select();
   }, [t]);
   return y(() => {
-    l ? (e({ ...o, value: n == null ? void 0 : n.caption }), r()) : o == null || o.onChange("");
-  }, [l, o, n == null ? void 0 : n.caption, r]), y(() => {
-    l && s.value !== (o == null ? void 0 : o.value) && r();
-  }, [s.value, l, o == null ? void 0 : o.value, r]), { handlers: {
-    handleOnSearchInputClick: d,
+    l ? (e({ ...o, value: n == null ? void 0 : n.caption }), d()) : o == null || o.onChange("");
+  }, [l, o, n == null ? void 0 : n.caption, d]), y(() => {
+    l && s.value !== (o == null ? void 0 : o.value) && d();
+  }, [s.value, l, o == null ? void 0 : o.value, d]), { handlers: {
+    handleOnSearchInputClick: r,
     handleOnSearchInputChange: _
   }, inputProps: s };
 }, _o = ({
@@ -83,43 +83,43 @@ const J = "Dropdown-module__menu___u8qzp", K = {
   disabled: t,
   selectedItemId: s,
   width: e,
-  inlineVariant: d,
+  inlineVariant: r,
   classNameDropdown: _,
-  classNameButton: r,
+  classNameButton: d,
   classNameSearch: m,
-  searchInputProps: a,
+  searchInputProps: c,
   isOpen: u = !1
 }) => {
-  const f = l.find((B) => B.id === s), C = $(null), {
-    inputProps: D,
-    handlers: { handleOnSearchInputClick: w, handleOnSearchInputChange: h }
-  } = uo(u, f, a, C), g = v(
-    r,
+  const f = l.find((g) => g.id === s), C = $(null), {
+    inputProps: k,
+    handlers: { handleOnSearchInputClick: D, handleOnSearchInputChange: w }
+  } = uo(u, f, c, C), h = B(
+    d,
     p.dropdownButton,
     {
       [p.disabled]: t,
       [p.open]: u,
-      [p.inlineVariant]: d
+      [p.inlineVariant]: r
     },
     _
   );
-  return /* @__PURE__ */ c(j, { children: a && u && !t ? /* @__PURE__ */ c(
+  return /* @__PURE__ */ a(j, { children: c && u && !t ? /* @__PURE__ */ a(
     io,
     {
       ref: C,
       width: e,
-      onClick: w,
-      inputProps: { ...D, onChange: h },
+      onClick: D,
+      inputProps: { ...k, onChange: w },
       className: m
     }
-  ) : /* @__PURE__ */ c(
-    ao,
+  ) : /* @__PURE__ */ a(
+    co,
     {
       selectedItem: f,
       width: e,
       placeholder: o,
       selectedShowIcon: n,
-      dropDownButtonClasses: g
+      dropDownButtonClasses: h
     }
   ) });
 }, po = (l, n, o) => {
@@ -127,8 +127,8 @@ const J = "Dropdown-module__menu___u8qzp", K = {
     o || s(!t);
   };
   return { handlers: {
-    handleOnSelectItem: (r) => {
-      l(r), e();
+    handleOnSelectItem: (d) => {
+      l(d), e();
     },
     handleDropdownClick: e
   }, isOpen: t };
@@ -141,19 +141,19 @@ const J = "Dropdown-module__menu___u8qzp", K = {
     popoverOverlayLevel: t = 0,
     selectedShowIcon: s = !0,
     mask: e = !0,
-    placeholder: d = "",
+    placeholder: r = "",
     placement: _ = "bottomLeft",
-    disabled: r = !1,
+    disabled: d = !1,
     selectedItemId: m,
-    width: a,
+    width: c,
     scrollbarProps: u,
     classNameMenu: f,
     inlineVariant: C,
-    classNameDropdown: D,
-    classNameButton: w,
-    classNameSearch: h,
-    classNameTooltip: g,
-    zIndex: B,
+    classNameDropdown: k,
+    classNameButton: D,
+    classNameSearch: w,
+    classNameTooltip: h,
+    zIndex: g,
     searchInputProps: A,
     open: H = !1,
     isLoading: W = !1
@@ -168,35 +168,35 @@ const J = "Dropdown-module__menu___u8qzp", K = {
       tooltip: i.tooltip,
       disabled: i.disabled
     })), {
-      isOpen: k,
+      isOpen: v,
       handlers: { handleOnSelectItem: M, handleDropdownClick: S }
-    } = po(o, H, r);
-    return /* @__PURE__ */ c("div", { ref: O, "data-testid": "popover_container", children: /* @__PURE__ */ c(
+    } = po(o, H, d);
+    return /* @__PURE__ */ a("div", { ref: O, "data-testid": "popover_container", children: /* @__PURE__ */ a(
       U,
       {
-        zIndex: B,
+        zIndex: g,
         bubbleMouseEvents: l,
         trigger: ["click"],
-        visible: k,
+        visible: v,
         placement: _,
         overlay: () => {
-          const i = v(
+          const i = B(
             K.menu,
             // SLF.BACK,
             // SLF.TEXT_PRIMARY,
             q.SISENSE_NAMESPACE,
             f
           );
-          return /* @__PURE__ */ c(
+          return /* @__PURE__ */ a(
             L,
             {
               items: V,
               onItemSelected: M,
               className: i,
-              width: a,
+              width: c,
               scrollbarProps: u,
               isLoading: W,
-              classNameTooltip: g
+              classNameTooltip: h
             }
           );
         },
@@ -205,18 +205,18 @@ const J = "Dropdown-module__menu___u8qzp", K = {
         onRequestClose: S,
         align: { offset: [0, R] },
         mask: e,
-        children: /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(
+        children: /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
           _o,
           {
-            isOpen: k,
+            isOpen: v,
             items: n,
             selectedShowIcon: s,
-            placeholder: d,
-            width: a,
-            disabled: r,
-            classNameButton: w,
-            classNameDropdown: D,
-            classNameSearch: h,
+            placeholder: r,
+            width: c,
+            disabled: d,
+            classNameButton: D,
+            classNameDropdown: k,
+            classNameSearch: w,
             inlineVariant: C,
             searchInputProps: A,
             selectedItemId: m

package/dist/Dropdown-B6PGOm1j.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),C=require("react"),m=require("classnames"),M=require("./styleguideConstants-CtXkvIZK.cjs"),j=require("./Menu-CeLnAuxU.cjs"),O=require("./Popover-Cb2FhRJS.cjs"),V=require("./Input-CmAWWO-S.cjs"),x=require("./DEPRECATED_Icon-WhkrHLXK.cjs"),F="csdk_Dropdown-module__menu___u8qzp",$={menu:F},z="#2c3342",L="#f4f4f8",U="#dee1e7",G="#fff",J="csdk_DropdownButton-module__dropdownButton___oc3-H",K="csdk_DropdownButton-module__inlineVariant___WSkxA",Q="csdk_DropdownButton-module__open___bh-yG",X="csdk_DropdownButton-module__disabled___I9nuu",Y="csdk_DropdownButton-module__selectedIcon___hIp5j",Z="csdk_DropdownButton-module__chosenTitle___AgQJR",I="csdk_DropdownButton-module__clickIcon___U2low",p={loginDarkColor:z,darkBtnHoverColor:L,greyHoverColor:U,defaultBackgroundColor:G,dropdownButton:J,inlineVariant:K,open:Q,disabled:X,selectedIcon:Y,chosenTitle:Z,clickIcon:I},P=({selectedItem:c,width:o,dropDownButtonClasses:n,selectedShowIcon:e=!0,placeholder:a=""})=>{const{caption:s,iconName:d}=c||{},u=o?{width:o,minWidth:"inherit"}:{};return t.jsxs("div",{className:n,title:s,style:u,children:[e&&d&&t.jsx(x.DEPRECATED_Icon,{className:p.selectedIcon,name:d}),t.jsx("div",{className:p.chosenTitle,children:s||a}),t.jsx("div",{className:p.clickIcon,children:t.jsx(x.DEPRECATED_Icon,{name:"general-arrow-down"})})]})},nn=136,on="csdk_DropdownButtonSearch-module__searchInputWrapper___zKFuM",en={searchInputWrapper:on},y=()=>{},tn=C.forwardRef(({width:c=nn,onClick:o=y,inputProps:n={onChange:y},className:e=""},a)=>{const s=m(e||en.searchInputWrapper),d={width:c};return t.jsx("div",{ref:a,style:d,className:s,"data-testid":"search_input_container",children:t.jsx(V.Input,{onClicked:o,...n})})}),sn=(c,o,n,e)=>{const[a,s]=C.useState({...n,value:o==null?void 0:o.caption}),d=l=>{l.stopPropagation()},u=l=>{n==null||n.onChange(l),s({...n,value:l})},r=C.useCallback(()=>{var _;const l=(_=e==null?void 0:e.current)==null?void 0:_.getElementsByTagName("input")[0];l==null||l.select()},[e]);return C.useEffect(()=>{c?(s({...n,value:o==null?void 0:o.caption}),r()):n==null||n.onChange("")},[c,n,o==null?void 0:o.caption,r]),C.useEffect(()=>{c&&a.value!==(n==null?void 0:n.value)&&r()},[a.value,c,n==null?void 0:n.value,r]),{handlers:{handleOnSearchInputClick:d,handleOnSearchInputChange:u},inputProps:a}},cn=({items:c=[],selectedShowIcon:o=!0,placeholder:n="",disabled:e,selectedItemId:a,width:s,inlineVariant:d,classNameDropdown:u,classNameButton:r,classNameSearch:D,searchInputProps:l,isOpen:_=!1})=>{const f=c.find(B=>B.id===a),k=C.useRef(null),{inputProps:w,handlers:{handleOnSearchInputClick:g,handleOnSearchInputChange:h}}=sn(_,f,l,k),v=m(r,p.dropdownButton,{[p.disabled]:e,[p.open]:_,[p.inlineVariant]:d},u);return t.jsx(t.Fragment,{children:l&&_&&!e?t.jsx(tn,{ref:k,width:s,onClick:g,inputProps:{...w,onChange:h},className:D}):t.jsx(P,{selectedItem:f,width:s,placeholder:n,selectedShowIcon:o,dropDownButtonClasses:v})})},ln=(c,o,n)=>{const[e,a]=C.useState(o),s=()=>{n||a(!e)};return{handlers:{handleOnSelectItem:r=>{c(r),s()},handleDropdownClick:s},isOpen:e}},an=()=>{},dn=C.forwardRef(({bubblePopoverMouseEvents:c=!1,items:o=[],onSelectItem:n=an,popoverOverlayLevel:e=0,selectedShowIcon:a=!0,mask:s=!0,placeholder:d="",placement:u="bottomLeft",disabled:r=!1,selectedItemId:D,width:l,scrollbarProps:_,classNameMenu:f,inlineVariant:k,classNameDropdown:w,classNameButton:g,classNameSearch:h,classNameTooltip:v,zIndex:B,searchInputProps:N,open:b=!1,isLoading:T=!1},R)=>{const q=k?12:0,A=o.map(i=>({id:i.id,caption:i.caption||i.id,type:j.itemTypes.ITEM,iconName:i.iconName,iconClass:i.iconClass,selected:i.id===D,tooltip:i.tooltip,disabled:i.disabled})),{isOpen:S,handlers:{handleOnSelectItem:H,handleDropdownClick:E}}=ln(n,b,r),W=()=>{const i=m($.menu,M.styleguideConstants.SISENSE_NAMESPACE,f);return t.jsx(j.Menu,{items:A,onItemSelected:H,className:i,width:l,scrollbarProps:_,isLoading:T,classNameTooltip:v})};return t.jsx("div",{ref:R,"data-testid":"popover_container",children:t.jsx(O.Popover,{zIndex:B,bubbleMouseEvents:c,trigger:["click"],visible:S,placement:u,overlay:W,level:e,onVisibleChange:E,onRequestClose:E,align:{offset:[0,q]},mask:s,children:t.jsx("div",{children:t.jsx(cn,{isOpen:S,items:o,selectedShowIcon:a,placeholder:d,width:l,disabled:r,classNameButton:g,classNameDropdown:w,classNameSearch:h,inlineVariant:k,searchInputProps:N,selectedItemId:D})})})})});exports.Dropdown=dn;

package/dist/{Icon-CJxir64u.js → Icon-BZz3Dwnt.js}

@@ -1,10 +1,10 @@
 import { jsx as l, jsxs as i } from "react/jsx-runtime";
-import { i as s, E as h, T as m } from "./emotion-cache-provider-CbsuuMnH.js";
+import { forwardRef as s } from "react";
+import { i as h, E as m, T as p } from "./emotion-cache-provider-CbsuuMnH.js";
 import n from "classnames";
-import { forwardRef as p } from "react";
 import { siColors as v } from "./lib/themes/themes.js";
 import { S as w } from "./SvgIcon-Cx2GHl0w.js";
-const u = s({
+const u = h({
   components: {
     MuiIcon: {
       styleOverrides: {
@@ -122,9 +122,9 @@ const u = s({
       }
     ) })
   ] });
-}, y = p((a, r) => {
+}, y = s((a, r) => {
   const { dataTestId: o, name: e, className: t } = a, d = /* @__PURE__ */ l(f, { ...a }), c = n("app-icon", `app-icon--${e}`, t);
-  return /* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(m, { theme: u, children: /* @__PURE__ */ l("span", { "data-testid": o, ...a, ref: r, className: c, children: d }) }) });
+  return /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(p, { theme: u, children: /* @__PURE__ */ l("span", { "data-testid": o, ...a, ref: r, className: c, children: d }) }) });
 });
 export {
   y as I

package/dist/{Icon-MnCGEEQV.cjs → Icon-BmdiZYyc.cjs}

@@ -1 +1 @@
-"use strict";const l=require("react/jsx-runtime"),s=require("./emotion-cache-provider-BA0VP8z6.cjs"),i=require("classnames"),d=require("react"),x=require("./lib/themes/themes.cjs"),h=require("./SvgIcon-DOhrb2-I.cjs"),m=s.createTheme$1({components:{MuiIcon:{styleOverrides:{root:{color:`${x.siColors.StPrimaryColors.primary}`,top:0}}},MuiSvgIcon:{}}}),j=e=>{const{name:r,sx:a}=e,o=i("app-icon__svg");return l.jsxs(h.SvgIcon,{classes:{root:o},sx:a,inheritViewBox:!0,children:[l.jsx("use",{xlinkHref:`#${r}`}),l.jsx("symbol",{id:"general-arrow-big-down",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M7.589 10L7 10.777 11.99 15 17 10.777 16.413 10l-4.422 3.727z"})}),l.jsx("symbol",{id:"general-arrow-left",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M13.878 9.325a.5.5 0 1 0-.76-.65l-2.998 3.5a.5.5 0 0 0 0 .65l2.999 3.5a.5.5 0 1 0 .76-.65l-2.72-3.175 2.72-3.175z"})}),l.jsx("symbol",{id:"general-arrow-long-right",viewBox:"0 0 29 8",children:l.jsx("path",{d:"M28.354 4.354a.5.5 0 0 0 0-.708L25.172.464a.5.5 0 1 0-.707.708L27.293 4l-2.828 2.828a.5.5 0 1 0 .707.708l3.182-3.182zM0 4.5h28v-1H0v1z",fill:"#3A4356"})}),l.jsx("symbol",{id:"general-arrow-right",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M13.34 12.5l-2.72-3.175a.5.5 0 1 1 .76-.65l2.998 3.5a.5.5 0 0 1 0 .65l-2.998 3.5a.5.5 0 1 1-.76-.65l2.72-3.175z"})}),l.jsx("symbol",{id:"general-arrow-up",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M12 10.16l-3.174 2.719a.5.5 0 0 1-.65-.76l3.5-2.998a.5.5 0 0 1 .65 0l3.5 2.998a.5.5 0 1 1-.65.76L12 10.159z"})}),l.jsx("symbol",{id:"general-arrow-up-down",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M15.646 14.646a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L12 18.293l3.646-3.647zm0-5.292L12 5.707 8.354 9.354a.5.5 0 1 1-.708-.708l4-4a.5.5 0 0 1 .708 0l4 4a.5.5 0 0 1-.708.708z"})}),l.jsx("symbol",{id:"general-double-arrow-back",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M9.658 12.5l2.72 3.175a.5.5 0 1 1-.76.65l-2.998-3.5a.5.5 0 0 1 0-.65l2.999-3.5a.5.5 0 1 1 .76.65L9.658 12.5zm5.719-3.175l-2.72 3.175 2.72 3.175a.5.5 0 1 1-.76.65l-2.998-3.5a.5.5 0 0 1 0-.65l2.998-3.5a.5.5 0 1 1 .76.65z"})}),l.jsx("symbol",{id:"general-double-arrow-front",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M11.34 12.5L8.62 9.325a.5.5 0 0 1 .76-.65l2.998 3.5a.5.5 0 0 1 0 .65l-2.998 3.5a.5.5 0 1 1-.76-.65l2.72-3.175zm.279-3.175a.5.5 0 0 1 .76-.65l2.998 3.5a.5.5 0 0 1 0 .65l-2.999 3.5a.5.5 0 1 1-.76-.65l2.72-3.175-2.72-3.175z"})}),l.jsx("symbol",{id:"general-double-big-arrow-back",viewBox:"0 0 31 31",children:l.jsxs("g",{fill:"currentColor",children:[l.jsx("path",{d:"M16 11.825l-3.842 4.297 3.662 4.087a.5.5 0 1 1-.76.65l-3.94-4.412a.5.5 0 0 1 0-.65l4.12-4.622a.5.5 0 1 1 .76.65zm5 0l-3.842 4.297 3.662 4.087a.5.5 0 1 1-.76.65l-3.94-4.412a.5.5 0 0 1 0-.65l4.12-4.622a.5.5 0 1 1 .76.65z"}),l.jsx("path",{d:"M10 11.5a.5.5 0 0 1 1 0v9a.5.5 0 0 1-1 0v-9z"})]})}),l.jsx("symbol",{id:"general-double-big-arrow-front",viewBox:"0 0 31 31",children:l.jsxs("g",{fill:"currentColor",children:[l.jsx("path",{d:"M15 20.175l3.842-4.297-3.662-4.087a.5.5 0 1 1 .76-.65l3.94 4.412a.5.5 0 0 1 0 .65l-4.12 4.622a.5.5 0 1 1-.76-.65zm-5 0l3.842-4.297-3.662-4.087a.5.5 0 1 1 .76-.65l3.94 4.412a.5.5 0 0 1 0 .65l-4.12 4.622a.5.5 0 1 1-.76-.65z"}),l.jsx("path",{d:"M21 20.5a.5.5 0 0 1-1 0v-9a.5.5 0 0 1 1 0v9z"})]})}),l.jsx("symbol",{id:"general-x",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M12 12.293L6.854 7.146a.5.5 0 1 0-.708.708L11.293 13l-5.147 5.146a.5.5 0 0 0 .708.708L12 13.707l5.146 5.147a.5.5 0 0 0 .708-.708L12.707 13l5.147-5.146a.5.5 0 0 0-.708-.708L12 12.293z"})}),l.jsx("symbol",{id:"header-doc",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M14 5.562V10h3.698L14 5.562zM18 11h-5V5H7a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-8zm1-1v9a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h7l5 6zm-7 5.84l3.174-2.719a.5.5 0 0 1 .65.76l-3.5 2.998a.5.5 0 0 1-.65 0l-3.5-2.998a.5.5 0 1 1 .65-.76L12 15.841z"})}),l.jsx("symbol",{id:"general-arrow-down",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M12 13.84l3.174-2.719a.5.5 0 0 1 .65.76l-3.5 2.998a.5.5 0 0 1-.65 0l-3.5-2.998a.5.5 0 1 1 .65-.76L12 13.841z"})}),l.jsx("symbol",{id:"general-plus",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M12 12V7.5a.5.5 0 1 0-1 0V12H6.5a.5.5 0 1 0 0 1H11v4.5a.5.5 0 1 0 1 0V13h4.5a.5.5 0 1 0 0-1H12z"})})]})},u=d.forwardRef((e,r)=>{const{dataTestId:a,name:o,className:n}=e,t=l.jsx(j,{...e}),c=i("app-icon",`app-icon--${o}`,n);return l.jsx(s.EmotionCacheProvider,{children:l.jsx(s.ThemeProvider,{theme:m,children:l.jsx("span",{"data-testid":a,...e,ref:r,className:c,children:t})})})});exports.Icon=u;
+"use strict";const l=require("react/jsx-runtime"),d=require("react"),s=require("./emotion-cache-provider-BA0VP8z6.cjs"),i=require("classnames"),x=require("./lib/themes/themes.cjs"),h=require("./SvgIcon-DOhrb2-I.cjs"),m=s.createTheme$1({components:{MuiIcon:{styleOverrides:{root:{color:`${x.siColors.StPrimaryColors.primary}`,top:0}}},MuiSvgIcon:{}}}),j=e=>{const{name:r,sx:a}=e,o=i("app-icon__svg");return l.jsxs(h.SvgIcon,{classes:{root:o},sx:a,inheritViewBox:!0,children:[l.jsx("use",{xlinkHref:`#${r}`}),l.jsx("symbol",{id:"general-arrow-big-down",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M7.589 10L7 10.777 11.99 15 17 10.777 16.413 10l-4.422 3.727z"})}),l.jsx("symbol",{id:"general-arrow-left",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M13.878 9.325a.5.5 0 1 0-.76-.65l-2.998 3.5a.5.5 0 0 0 0 .65l2.999 3.5a.5.5 0 1 0 .76-.65l-2.72-3.175 2.72-3.175z"})}),l.jsx("symbol",{id:"general-arrow-long-right",viewBox:"0 0 29 8",children:l.jsx("path",{d:"M28.354 4.354a.5.5 0 0 0 0-.708L25.172.464a.5.5 0 1 0-.707.708L27.293 4l-2.828 2.828a.5.5 0 1 0 .707.708l3.182-3.182zM0 4.5h28v-1H0v1z",fill:"#3A4356"})}),l.jsx("symbol",{id:"general-arrow-right",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M13.34 12.5l-2.72-3.175a.5.5 0 1 1 .76-.65l2.998 3.5a.5.5 0 0 1 0 .65l-2.998 3.5a.5.5 0 1 1-.76-.65l2.72-3.175z"})}),l.jsx("symbol",{id:"general-arrow-up",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M12 10.16l-3.174 2.719a.5.5 0 0 1-.65-.76l3.5-2.998a.5.5 0 0 1 .65 0l3.5 2.998a.5.5 0 1 1-.65.76L12 10.159z"})}),l.jsx("symbol",{id:"general-arrow-up-down",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M15.646 14.646a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L12 18.293l3.646-3.647zm0-5.292L12 5.707 8.354 9.354a.5.5 0 1 1-.708-.708l4-4a.5.5 0 0 1 .708 0l4 4a.5.5 0 0 1-.708.708z"})}),l.jsx("symbol",{id:"general-double-arrow-back",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M9.658 12.5l2.72 3.175a.5.5 0 1 1-.76.65l-2.998-3.5a.5.5 0 0 1 0-.65l2.999-3.5a.5.5 0 1 1 .76.65L9.658 12.5zm5.719-3.175l-2.72 3.175 2.72 3.175a.5.5 0 1 1-.76.65l-2.998-3.5a.5.5 0 0 1 0-.65l2.998-3.5a.5.5 0 1 1 .76.65z"})}),l.jsx("symbol",{id:"general-double-arrow-front",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M11.34 12.5L8.62 9.325a.5.5 0 0 1 .76-.65l2.998 3.5a.5.5 0 0 1 0 .65l-2.998 3.5a.5.5 0 1 1-.76-.65l2.72-3.175zm.279-3.175a.5.5 0 0 1 .76-.65l2.998 3.5a.5.5 0 0 1 0 .65l-2.999 3.5a.5.5 0 1 1-.76-.65l2.72-3.175-2.72-3.175z"})}),l.jsx("symbol",{id:"general-double-big-arrow-back",viewBox:"0 0 31 31",children:l.jsxs("g",{fill:"currentColor",children:[l.jsx("path",{d:"M16 11.825l-3.842 4.297 3.662 4.087a.5.5 0 1 1-.76.65l-3.94-4.412a.5.5 0 0 1 0-.65l4.12-4.622a.5.5 0 1 1 .76.65zm5 0l-3.842 4.297 3.662 4.087a.5.5 0 1 1-.76.65l-3.94-4.412a.5.5 0 0 1 0-.65l4.12-4.622a.5.5 0 1 1 .76.65z"}),l.jsx("path",{d:"M10 11.5a.5.5 0 0 1 1 0v9a.5.5 0 0 1-1 0v-9z"})]})}),l.jsx("symbol",{id:"general-double-big-arrow-front",viewBox:"0 0 31 31",children:l.jsxs("g",{fill:"currentColor",children:[l.jsx("path",{d:"M15 20.175l3.842-4.297-3.662-4.087a.5.5 0 1 1 .76-.65l3.94 4.412a.5.5 0 0 1 0 .65l-4.12 4.622a.5.5 0 1 1-.76-.65zm-5 0l3.842-4.297-3.662-4.087a.5.5 0 1 1 .76-.65l3.94 4.412a.5.5 0 0 1 0 .65l-4.12 4.622a.5.5 0 1 1-.76-.65z"}),l.jsx("path",{d:"M21 20.5a.5.5 0 0 1-1 0v-9a.5.5 0 0 1 1 0v9z"})]})}),l.jsx("symbol",{id:"general-x",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M12 12.293L6.854 7.146a.5.5 0 1 0-.708.708L11.293 13l-5.147 5.146a.5.5 0 0 0 .708.708L12 13.707l5.146 5.147a.5.5 0 0 0 .708-.708L12.707 13l5.147-5.146a.5.5 0 0 0-.708-.708L12 12.293z"})}),l.jsx("symbol",{id:"header-doc",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M14 5.562V10h3.698L14 5.562zM18 11h-5V5H7a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-8zm1-1v9a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h7l5 6zm-7 5.84l3.174-2.719a.5.5 0 0 1 .65.76l-3.5 2.998a.5.5 0 0 1-.65 0l-3.5-2.998a.5.5 0 1 1 .65-.76L12 15.841z"})}),l.jsx("symbol",{id:"general-arrow-down",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M12 13.84l3.174-2.719a.5.5 0 0 1 .65.76l-3.5 2.998a.5.5 0 0 1-.65 0l-3.5-2.998a.5.5 0 1 1 .65-.76L12 13.841z"})}),l.jsx("symbol",{id:"general-plus",viewBox:"0 0 24 24",children:l.jsx("path",{fill:"currentColor",d:"M12 12V7.5a.5.5 0 1 0-1 0V12H6.5a.5.5 0 1 0 0 1H11v4.5a.5.5 0 1 0 1 0V13h4.5a.5.5 0 1 0 0-1H12z"})})]})},u=d.forwardRef((e,r)=>{const{dataTestId:a,name:o,className:n}=e,t=l.jsx(j,{...e}),c=i("app-icon",`app-icon--${o}`,n);return l.jsx(s.EmotionCacheProvider,{children:l.jsx(s.ThemeProvider,{theme:m,children:l.jsx("span",{"data-testid":a,...e,ref:r,className:c,children:t})})})});exports.Icon=u;

package/dist/{lightweight/Input-CNvYE0Er.js → Input-BYv0WSZt.js}

@@ -1,8 +1,8 @@
-import { jsxs as E, jsx as t } from "react/jsx-runtime";
-import n from "classnames";
+import { jsxs as E, jsx as a } from "react/jsx-runtime";
 import { useState as g, useRef as j, useEffect as R } from "react";
-import { D as r } from "./DEPRECATED_Icon-Bgufd-9Q.js";
-const K = "#2c3342", M = "#f4f4f8", S = "#dee1e7", T = "#fff", q = "Input-module__component___4OcHW", z = "Input-module__searchIcon___aQP42", A = "Input-module__large___BPwgK", F = "Input-module__clearIcon___ihSot", O = "Input-module__clearIconHidden___gPP7c", Q = "Input-module__passwordVisibilityIcon___mrN83", U = "Input-module__customIcon___5KikU", W = "Input-module__isLeft___uqdwf", G = "Input-module__input___js3cI", J = "Input-module__withLeftIcon___BgCVf", e = {
+import n from "classnames";
+import { D as r } from "./DEPRECATED_Icon-Dgk7vjsh.js";
+const K = "#2c3342", M = "#f4f4f8", S = "#dee1e7", T = "#fff", q = "csdk_Input-module__component___4OcHW", z = "csdk_Input-module__searchIcon___aQP42", A = "csdk_Input-module__large___BPwgK", F = "csdk_Input-module__clearIcon___ihSot", O = "csdk_Input-module__clearIconHidden___gPP7c", Q = "csdk_Input-module__passwordVisibilityIcon___mrN83", U = "csdk_Input-module__customIcon___5KikU", W = "csdk_Input-module__isLeft___uqdwf", G = "csdk_Input-module__input___js3cI", J = "csdk_Input-module__withLeftIcon___BgCVf", e = {
   loginDarkColor: K,
   darkBtnHoverColor: M,
   greyHoverColor: S,
@@ -17,46 +17,46 @@ const K = "#2c3342", M = "#f4f4f8", S = "#dee1e7", T = "#fff", q = "Input-module
   isLeft: W,
   input: G,
   withLeftIcon: J
-}, ee = (h) => {
+}, ee = (k) => {
   const {
-    className: w,
-    inputClassName: C,
+    className: h,
+    inputClassName: w,
     onChange: _,
-    onClicked: v,
-    onBlur: k = () => {
+    onClicked: C,
+    onBlur: v = () => {
     },
     placeholder: N,
-    search: m,
+    search: d,
     dataTestId: b,
-    defaultValue: d,
-    value: s,
+    defaultValue: m,
+    value: t,
     autoFocus: V,
     clearable: p,
-    password: l,
+    password: c,
     disabled: D = !1,
-    size: a,
-    icon: c,
+    size: s,
+    icon: l,
     trimInput: H,
     ariaLabel: L = "input"
-  } = h, [I, i] = g(d || s || ""), [u, y] = g(!1), B = j(null), { name: P = "", placement: f } = c || {};
+  } = k, [I, i] = g(m || t || ""), [u, y] = g(!1), B = j(null), { name: P = "", placement: f } = l || {};
   return R(() => {
-    i(s || "");
-  }, [s]), /* @__PURE__ */ E("div", { className: n(e.component, w), children: [
-    m && /* @__PURE__ */ t(
+    i(t || "");
+  }, [t]), /* @__PURE__ */ E("div", { className: n(e.component, h), children: [
+    d && /* @__PURE__ */ a(
       r,
       {
         className: n(e.searchIcon, {
-          [e.large]: a === "large"
+          [e.large]: s === "large"
         }),
         name: "general-search-small"
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ a(
       "input",
       {
-        className: n(e.input, C, {
-          [e.withLeftIcon]: m || c && f === "left",
-          [e.large]: a === "large"
+        className: n(e.input, w, {
+          [e.withLeftIcon]: d || l && f === "left",
+          [e.large]: s === "large"
         }),
         placeholder: N,
         disabled: D,
@@ -64,23 +64,23 @@ const K = "#2c3342", M = "#f4f4f8", S = "#dee1e7", T = "#fff", q = "Input-module
           const x = H ? o.target.value.trim() : o.target.value;
           _(x), i(o.target.value);
         },
-        onClick: v,
-        onBlur: k,
+        onClick: C,
+        onBlur: v,
         "data-testid": b,
-        defaultValue: d,
-        value: s ?? I,
+        defaultValue: m,
+        value: t ?? I,
         autoFocus: V,
-        type: l && !u ? "password" : "text",
+        type: c && !u ? "password" : "text",
         ref: B,
         "aria-label": L
       }
     ),
-    p && !l && !c && /* @__PURE__ */ t(
+    p && !c && !l && /* @__PURE__ */ a(
       r,
       {
         className: n(e.clearIcon, {
           [e.clearIconHidden]: I === "",
-          [e.large]: a === "large"
+          [e.large]: s === "large"
         }),
         name: "general-x",
         onClick: () => {
@@ -89,11 +89,11 @@ const K = "#2c3342", M = "#f4f4f8", S = "#dee1e7", T = "#fff", q = "Input-module
         onMouseDown: (o) => o.preventDefault()
       }
     ),
-    l && /* @__PURE__ */ t(
+    c && /* @__PURE__ */ a(
       r,
       {
         className: n(e.passwordVisibilityIcon, {
-          [e.large]: a === "large"
+          [e.large]: s === "large"
         }),
         name: u ? "general-unhide" : "general-show",
         onClick: () => {
@@ -102,11 +102,11 @@ const K = "#2c3342", M = "#f4f4f8", S = "#dee1e7", T = "#fff", q = "Input-module
         onMouseDown: (o) => o.preventDefault()
       }
     ),
-    c && !p && !l && /* @__PURE__ */ t(
+    l && !p && !c && /* @__PURE__ */ a(
       r,
       {
         className: n(e.customIcon, {
-          [e.large]: a === "large",
+          [e.large]: s === "large",
           [e.isLeft]: f === "left"
         }),
         name: P

package/dist/Input-CmAWWO-S.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime"),r=require("react"),s=require("classnames"),u=require("./DEPRECATED_Icon-WhkrHLXK.cjs"),j="#2c3342",y="#f4f4f8",B="#dee1e7",T="#fff",q="csdk_Input-module__component___4OcHW",A="csdk_Input-module__searchIcon___aQP42",S="csdk_Input-module__large___BPwgK",K="csdk_Input-module__clearIcon___ihSot",M="csdk_Input-module__clearIconHidden___gPP7c",z="csdk_Input-module__passwordVisibilityIcon___mrN83",F="csdk_Input-module__customIcon___5KikU",O="csdk_Input-module__isLeft___uqdwf",Q="csdk_Input-module__input___js3cI",U="csdk_Input-module__withLeftIcon___BgCVf",e={loginDarkColor:j,darkBtnHoverColor:y,greyHoverColor:B,defaultBackgroundColor:T,component:q,searchIcon:A,large:S,clearIcon:K,clearIconHidden:M,passwordVisibilityIcon:z,customIcon:F,isLeft:O,input:Q,withLeftIcon:U},W=k=>{const{className:C,inputClassName:h,onChange:d,onClicked:w,onBlur:D=()=>{},placeholder:E,search:I,dataTestId:v,defaultValue:m,value:t,autoFocus:N,clearable:p,password:a,disabled:P=!1,size:c,icon:l,trimInput:b,ariaLabel:V="input"}=k,[g,i]=r.useState(m||t||""),[_,x]=r.useState(!1),H=r.useRef(null),{name:L="",placement:f}=l||{};return r.useEffect(()=>{i(t||"")},[t]),o.jsxs("div",{className:s(e.component,C),children:[I&&o.jsx(u.DEPRECATED_Icon,{className:s(e.searchIcon,{[e.large]:c==="large"}),name:"general-search-small"}),o.jsx("input",{className:s(e.input,h,{[e.withLeftIcon]:I||l&&f==="left",[e.large]:c==="large"}),placeholder:E,disabled:P,onChange:n=>{const R=b?n.target.value.trim():n.target.value;d(R),i(n.target.value)},onClick:w,onBlur:D,"data-testid":v,defaultValue:m,value:t??g,autoFocus:N,type:a&&!_?"password":"text",ref:H,"aria-label":V}),p&&!a&&!l&&o.jsx(u.DEPRECATED_Icon,{className:s(e.clearIcon,{[e.clearIconHidden]:g==="",[e.large]:c==="large"}),name:"general-x",onClick:()=>{i(""),d("")},onMouseDown:n=>n.preventDefault()}),a&&o.jsx(u.DEPRECATED_Icon,{className:s(e.passwordVisibilityIcon,{[e.large]:c==="large"}),name:_?"general-unhide":"general-show",onClick:()=>{x(!_)},onMouseDown:n=>n.preventDefault()}),l&&!p&&!a&&o.jsx(u.DEPRECATED_Icon,{className:s(e.customIcon,{[e.large]:c==="large",[e.isLeft]:f==="left"}),name:L})]})};exports.Input=W;

package/dist/LazyLoader-6TX7Ggk6.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("react/jsx-runtime"),o=require("classnames"),i="csdk_LazyLoader-module__loader___Cvl1N",_="csdk_LazyLoader-module__caption___fA3Vm",s={loader:i,caption:_},m=c=>{const{className:d="",caption:e="",isLoading:t=!1}=c,n=o(s["loader-two-dots"],{[s["loader-two-dots--inactive"]]:!t},d),l=o(s.loader,s["loader-two-dots-indicator"]),r=o(s.caption);return a.jsx("div",{className:n,children:t&&a.jsx("div",{"data-testid":"loader-component",className:l,children:e&&a.jsx("div",{className:r,children:a.jsx("span",{children:e})})})})};exports.LazyLoader=m;

package/dist/{LazyLoader-DB86QSSx.js → LazyLoader-D5Wtlj0B.js}

@@ -1,17 +1,17 @@
 import { jsx as a } from "react/jsx-runtime";
 import s from "classnames";
-const i = "LazyLoader-module__loader___Cvl1N", m = "LazyLoader-module__caption___fA3Vm", o = {
+const i = "csdk_LazyLoader-module__loader___Cvl1N", m = "csdk_LazyLoader-module__caption___fA3Vm", o = {
   loader: i,
   caption: m
-}, L = (d) => {
-  const { className: c = "", caption: t = "", isLoading: e = !1 } = d, l = s(
+}, L = (e) => {
+  const { className: c = "", caption: t = "", isLoading: d = !1 } = e, l = s(
     o["loader-two-dots"],
     {
-      [o["loader-two-dots--inactive"]]: !e
+      [o["loader-two-dots--inactive"]]: !d
     },
     c
   ), n = s(o.loader, o["loader-two-dots-indicator"]), r = s(o.caption);
-  return /* @__PURE__ */ a("div", { className: l, children: e && /* @__PURE__ */ a("div", { "data-testid": "loader-component", className: n, children: t && /* @__PURE__ */ a("div", { className: r, children: /* @__PURE__ */ a("span", { children: t }) }) }) });
+  return /* @__PURE__ */ a("div", { className: l, children: d && /* @__PURE__ */ a("div", { "data-testid": "loader-component", className: n, children: t && /* @__PURE__ */ a("div", { className: r, children: /* @__PURE__ */ a("span", { children: t }) }) }) });
 };
 export {
   L