@dev-blinq/ui-systems 1.0.118 → 1.0.119

package/dist/index.js

@@ -360,7 +360,6 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
   bottom: 0px;
   background-color: white;
   z-index: 2;
-  margin: 4px;
 `,vm=Y($.Box)`
   display: flex;
   gap: 12px;
@@ -371,7 +370,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
   padding: 4px;
   color: var(--color-grey-80);
   &:hover {
-    border-raidus: 12px;
+    border-radius: 8px;
     background-color: var(--primary-lightest);
   }
 `;Y($.Box)`
@@ -381,7 +380,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
   flex: 1;
   gap: 8px;
   width: 100%;
-`;function yu({value:e,onChange:t,options:n,onEdit:r,label:i,placeholder:a="Select option",showEditIcon:o=!0,showAddOption:s=!0,showDeleteIcon:u=!0,addOptionLabel:c="Add an option",fullWidth:l=!0,onSave:f,noInlineAction:d,onDelete:p,disabledAddOption:x=!1,menuWidth:h,width:v,disabled:b,maxChar:y=80,showWarningForTextLength:g=!1,defaultLabel:C,size:A="small",id:S,dontDeleteSelected:w,showCopyIcon:T=!1,onCopy:k}){const[m,B]=V.useState(!1),[R,P]=V.useState(null),[U,z]=V.useState(""),[J,Z]=V.useState(!1),[ee,ne]=V.useState(""),j=N=>{t(N.target.value)},F=(N,G,re)=>{d?(r==null||r(G,G),W(!1)):(N.stopPropagation(),P(G),z(re))},I=(N,G)=>{U.trim()&&r&&r(G,U.trim()),W(!1)},O=N=>{N.stopPropagation(),W(!0)},M=N=>{x||(d?(f==null||f(""),W(!1)):(N.stopPropagation(),ne(""),Z(!0)))},Q=()=>{f==null||f(ee),W(!1)},W=N=>{B(N),P(""),z(""),ne(""),Z(!1)},te=(N,G)=>{N.stopPropagation(),p==null||p(G),W(!1)};return E.jsxs($.Box,{display:"flex",width:v||"100%",flexDirection:"column",gap:"4px",children:[i&&E.jsx(Ae,{value:i,size:"xs",weight:"medium",color:"var(--color-grey-80)",lineHeight:"14px"}),E.jsx($.FormControl,{fullWidth:l,disabled:b,children:E.jsxs(xm,{value:e,onChange:j,open:m,IconComponent:yr,onOpen:()=>W(!0),onClose:()=>W(!1),renderValue:N=>{const G=n.find(Be=>Be.value===N),re=(G==null?void 0:G.label)||C;return E.jsxs($.Box,{display:"flex",gap:1.5,alignItems:"center",width:"100%",children:[E.jsx($.Box,{display:"flex",alignItems:"center",children:G==null?void 0:G.icon}),E.jsx(Ae,{value:re,weight:"semi",color:"var(--color-grey-90)",shouldTruncate:!0,width:"calc(100% - 42px)"})]})},MenuProps:{PaperProps:{id:S?`${S}-menu`:void 0,sx:{width:h||"inherit",borderRadius:"8px",marginTop:"6px",boxShadow:"0 10px 25px rgba(0, 0, 0, 0.1)",maxHeight:"calc(100vh - 200px)",overflow:"hidden","& .MuiList-root":{padding:"2px 2px 0px 2px",maxHeight:"inherit",overflowY:"auto"},border:"1px solid var(--color-grey-50)"}},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},disableAutoFocusItem:!0,disableAutoFocus:!0,disableScrollLock:!0,keepMounted:!0},size:A,children:[E.jsx(mm,{disabled:!0,noData:n.length===0,children:a}),n.map(N=>E.jsx(gm,{value:N.value,isEditMode:R===N.value,classes:{selected:"selected-option",focusVisible:"selected-focus-visible"},children:R===N.value?E.jsxs($.Box,{width:"100%",children:[E.jsxs(C0,{onClick:G=>G.stopPropagation(),onKeyDown:G=>G.stopPropagation(),children:[E.jsxs($.Box,{display:"flex",gap:1,alignItems:"center",width:"100%",children:[N.icon,E.jsx(Fn,{size:"small",value:U,onChange:G=>{G.stopPropagation(),(G.target.value.length<=y||!g)&&z(G.target.value)},onKeyDown:G=>{G.stopPropagation(),G.key==="Enter"?I(G,N.value):G.key==="Escape"&&O(G)},autoFocus:!0,fullWidth:!0})]}),E.jsxs($.Box,{display:"flex",children:[E.jsx(vt,{size:"small",onClick:G=>I(G,N.value),disabled:!U||U===N.value,children:E.jsx(ni,{size:14,color:"var(--color-success-100)"})}),E.jsx(vt,{size:"small",onClick:O,children:E.jsx(ti,{size:14})})]})]}),g&&E.jsx(Ae,{value:`Max ${y} characters are allowed`,color:"primary",pt:.2,pl:2.8})]}):E.jsxs(E.Fragment,{children:[E.jsxs($.Box,{display:"flex",gap:1,alignItems:"center",width:T?"calc(100% - 78px)":"calc(100% - 60px)",children:[E.jsx($.Box,{display:"flex",alignItems:"center",children:N==null?void 0:N.icon}),E.jsx(Ae,{value:N==null?void 0:N.label,color:"var(--color-grey-90)",shouldTruncate:!0,weight:e===N.value?"bold":"medium"})]}),E.jsxs($.Box,{display:"flex",gap:.2,children:[T&&k&&!N.notHavePermission&&E.jsx(vt,{size:"small",onClick:G=>{G.stopPropagation(),k(N.value)},children:E.jsx(Oo,{color:"var(--color-primary-100)",size:14})}),u&&p&&!N.notHavePermission&&(w?e!==N.value:!0)&&E.jsx(vt,{size:"small",onClick:G=>te(G,N.value),children:E.jsx(Io,{color:"var(--color-error-100)",size:14})}),o&&r&&!N.notHavePermission&&E.jsx(vt,{size:"small",onClick:G=>F(G,N.value,N.label),disabled:N.notHavePermission,children:E.jsx(Nl,{size:14})})]})]})},N.value)),s&&f&&E.jsx(ym,{disabled:x,children:J?E.jsxs($.Box,{width:"100%",p:1,children:[E.jsxs(C0,{onClick:N=>N.stopPropagation(),onKeyDown:N=>N.stopPropagation(),children:[E.jsx(Fn,{size:"small",value:ee,onChange:N=>{N.stopPropagation(),(N.target.value.length<=y||!g)&&ne(N.target.value)},onKeyDown:N=>{N.stopPropagation(),N.key==="Enter"?Q():N.key==="Escape"&&O(N)},autoFocus:!0,fullWidth:!0}),E.jsxs($.Box,{display:"flex",children:[E.jsx(vt,{size:"small",onClick:Q,disabled:!ee,children:E.jsx(ni,{size:14})}),E.jsx(vt,{size:"small",onClick:O,children:E.jsx(ti,{size:14})})]})]}),g&&E.jsx(Ae,{value:`Max ${y} characters are allowed`,color:"primary",pt:.2,pl:1})]}):E.jsxs(vm,{onClick:M,children:[E.jsx(_o,{size:20}),E.jsx(Ae,{value:c,weight:"semi",color:"var(--color-grey-80)"})]})})]})})]})}const bm=Y($.Checkbox)`
+`;function yu({value:e,onChange:t,options:n,onEdit:r,label:i,placeholder:a="Select option",showEditIcon:o=!0,showAddOption:s=!0,showDeleteIcon:u=!0,addOptionLabel:c="Add an option",fullWidth:l=!0,onSave:f,noInlineAction:d,onDelete:p,disabledAddOption:x=!1,menuWidth:h,width:v,disabled:b,maxChar:y=80,showWarningForTextLength:g=!1,defaultLabel:C,size:A="small",id:S,dontDeleteSelected:w,showCopyIcon:T=!1,onCopy:k}){const[m,B]=V.useState(!1),[R,P]=V.useState(null),[U,z]=V.useState(""),[J,Z]=V.useState(!1),[ee,ne]=V.useState(""),j=N=>{t(N.target.value)},F=(N,G,re)=>{d?(r==null||r(G,G),W(!1)):(N.stopPropagation(),P(G),z(re))},I=(N,G)=>{U.trim()&&r&&r(G,U.trim()),W(!1)},O=N=>{N.stopPropagation(),W(!0)},M=N=>{x||(d?(f==null||f(""),W(!1)):(N.stopPropagation(),ne(""),Z(!0)))},Q=()=>{f==null||f(ee),W(!1)},W=N=>{B(N),P(""),z(""),ne(""),Z(!1)},te=(N,G)=>{N.stopPropagation(),p==null||p(G),W(!1)};return E.jsxs($.Box,{display:"flex",width:v||"100%",flexDirection:"column",gap:"4px",children:[i&&E.jsx(Ae,{value:i,size:"xs",weight:"medium",color:"var(--color-grey-80)",lineHeight:"14px"}),E.jsx($.FormControl,{fullWidth:l,disabled:b,children:E.jsxs(xm,{value:e,onChange:j,open:m,IconComponent:yr,onOpen:()=>W(!0),onClose:()=>W(!1),renderValue:N=>{const G=n.find(Be=>Be.value===N),re=(G==null?void 0:G.label)||C;return E.jsxs($.Box,{display:"flex",gap:1.5,alignItems:"center",width:"100%",children:[E.jsx($.Box,{display:"flex",alignItems:"center",children:G==null?void 0:G.icon}),E.jsx(Ae,{value:re,weight:"semi",color:"var(--color-grey-90)",shouldTruncate:!0,width:"calc(100% - 42px)"})]})},MenuProps:{PaperProps:{id:S?`${S}-menu`:void 0,sx:{width:h||"inherit",borderRadius:"8px",marginTop:"6px",boxShadow:"0 10px 25px rgba(0, 0, 0, 0.1)",maxHeight:"calc(100vh - 200px)",overflow:"hidden","& .MuiList-root":{padding:"2px 2px 0px 2px",maxHeight:"inherit",overflowY:"auto"},border:"1px solid var(--color-grey-50)"}},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},disableAutoFocusItem:!0,disableAutoFocus:!0,disableScrollLock:!0,keepMounted:!0},size:A,children:[E.jsx(mm,{disabled:!0,noData:n.length===0,children:a}),n.map(N=>E.jsx(gm,{value:N.value,isEditMode:R===N.value,classes:{selected:"selected-option",focusVisible:"selected-focus-visible"},children:R===N.value?E.jsxs($.Box,{width:"100%",children:[E.jsxs(C0,{onClick:G=>G.stopPropagation(),onKeyDown:G=>G.stopPropagation(),children:[E.jsxs($.Box,{display:"flex",gap:1,alignItems:"center",width:"100%",children:[N.icon,E.jsx(Fn,{size:"small",value:U,onChange:G=>{G.stopPropagation(),(G.target.value.length<=y||!g)&&z(G.target.value)},onKeyDown:G=>{G.stopPropagation(),G.key==="Enter"?I(G,N.value):G.key==="Escape"&&O(G)},autoFocus:!0,fullWidth:!0})]}),E.jsxs($.Box,{display:"flex",children:[E.jsx(vt,{size:"small",onClick:G=>I(G,N.value),disabled:!U||U===N.value,children:E.jsx(ni,{size:14,color:"var(--color-success-100)"})}),E.jsx(vt,{size:"small",onClick:O,children:E.jsx(ti,{size:14})})]})]}),g&&E.jsx(Ae,{value:`Max ${y} characters are allowed`,color:"primary",pt:.2,pl:2.8})]}):E.jsxs(E.Fragment,{children:[E.jsxs($.Box,{display:"flex",gap:1,alignItems:"center",width:T?"calc(100% - 78px)":"calc(100% - 60px)",children:[E.jsx($.Box,{display:"flex",alignItems:"center",children:N==null?void 0:N.icon}),E.jsx(Ae,{value:N==null?void 0:N.label,color:"var(--color-grey-90)",shouldTruncate:!0,weight:e===N.value?"bold":"medium"})]}),E.jsxs($.Box,{display:"flex",gap:.2,children:[T&&k&&!N.notHavePermission&&E.jsx(vt,{size:"small",onClick:G=>{G.stopPropagation(),k(N.value)},children:E.jsx(Oo,{color:"var(--color-primary-100)",size:14})}),u&&p&&!N.notHavePermission&&(w?e!==N.value:!0)&&E.jsx(vt,{size:"small",onClick:G=>te(G,N.value),children:E.jsx(Io,{color:"var(--color-error-100)",size:14})}),o&&r&&!N.notHavePermission&&E.jsx(vt,{size:"small",onClick:G=>F(G,N.value,N.label),disabled:N.notHavePermission,children:E.jsx(Nl,{size:14})})]})]})},N.value)),s&&f&&E.jsx(ym,{disabled:x,children:J?E.jsxs($.Box,{width:"100%",p:1,children:[E.jsxs(C0,{onClick:N=>N.stopPropagation(),onKeyDown:N=>N.stopPropagation(),children:[E.jsx(Fn,{size:"small",value:ee,onChange:N=>{N.stopPropagation(),(N.target.value.length<=y||!g)&&ne(N.target.value)},onKeyDown:N=>{N.stopPropagation(),N.key==="Enter"?Q():N.key==="Escape"&&O(N)},autoFocus:!0,fullWidth:!0}),E.jsxs($.Box,{display:"flex",children:[E.jsx(vt,{size:"small",onClick:Q,disabled:!ee,children:E.jsx(ni,{size:14,color:"var(--color-success-100)"})}),E.jsx(vt,{size:"small",onClick:O,children:E.jsx(ti,{size:14})})]})]}),g&&E.jsx(Ae,{value:`Max ${y} characters are allowed`,color:"primary",pt:.2,pl:1})]}):E.jsxs(vm,{onClick:M,children:[E.jsx(_o,{size:14}),E.jsx(Ae,{value:c,weight:"semi",color:"var(--color-grey-80)"})]})})]})})]})}const bm=Y($.Checkbox)`
   padding: 4px;
 `,Cm=Y($.FormControlLabel)`
   margin-left: 0px;

package/dist/index.mjs

@@ -6670,7 +6670,6 @@ const w0 = Sm(kd)(({ theme: e }) => ({
   bottom: 0px;
   background-color: white;
   z-index: 2;
-  margin: 4px;
 `, zm = K(J)`
   display: flex;
   gap: 12px;
@@ -6681,7 +6680,7 @@ const w0 = Sm(kd)(({ theme: e }) => ({
   padding: 4px;
   color: var(--color-grey-80);
   &:hover {
-    border-raidus: 12px;
+    border-radius: 8px;
     background-color: var(--primary-lightest);
   }
 `;
@@ -6975,7 +6974,7 @@ function Wm({
                             size: "small",
                             onClick: Z,
                             disabled: !Q,
-                            children: /* @__PURE__ */ E.jsx(so, { size: 14 })
+                            children: /* @__PURE__ */ E.jsx(so, { size: 14, color: "var(--color-success-100)" })
                           }
                         ),
                         /* @__PURE__ */ E.jsx(Mt, { size: "small", onClick: O, children: /* @__PURE__ */ E.jsx(oo, { size: 14 }) })
@@ -6993,7 +6992,7 @@ function Wm({
                   }
                 )
               ] }) : /* @__PURE__ */ E.jsxs(zm, { onClick: M, children: [
-                /* @__PURE__ */ E.jsx(Gl, { size: 20 }),
+                /* @__PURE__ */ E.jsx(Gl, { size: 14 }),
                 /* @__PURE__ */ E.jsx(
                   Se,
                   {
@@ -13363,7 +13362,7 @@ const M6 = K(J)`
       opacity: 1;
     }
   }
-`, e3 = ({ isRec: e, stepCount: t, isMainApp: n }) => /* @__PURE__ */ E.jsxs(c2, { isMainApp: n, children: [
+`, e8 = ({ isRec: e, stepCount: t, isMainApp: n }) => /* @__PURE__ */ E.jsxs(c2, { isMainApp: n, children: [
   /* @__PURE__ */ E.jsxs(J, { display: "flex", alignItems: "center", gap: 1, children: [
     /* @__PURE__ */ E.jsx(Se, { value: "Steps", weight: "semi", size: "lg" }),
     e && t >= 1 && /* @__PURE__ */ E.jsx(g2, { icon: /* @__PURE__ */ E.jsx(Kl, { size: 14 }), severity: "warning", children: "Reuse existing steps by clicking Add Step button" })
@@ -13384,7 +13383,7 @@ const M6 = K(J)`
       transition: "transform 0.125s ease-in-out"
     }
   }
-) }) }), t3 = ({
+) }) }), t8 = ({
   showInfoIcon: e = !1,
   stepType: t,
   isActive: n = !1,
@@ -13423,7 +13422,7 @@ const M6 = K(J)`
     }
   ),
   c && /* @__PURE__ */ E.jsx("div", { children: /* @__PURE__ */ E.jsx("img", { src: "./icons/plug_24x24.svg", width: "14px", height: "14px", alt: "" }) })
-] }), n3 = ({
+] }), n8 = ({
   splits: e,
   text: t,
   setIsVisible: n,
@@ -13480,7 +13479,7 @@ const M6 = K(J)`
       weight: "medium"
     }
   )
-) }) }), r3 = ({
+) }) }), r8 = ({
   onCancel: e,
   value: t,
   preventedKeys: n,
@@ -13520,7 +13519,7 @@ const M6 = K(J)`
   ] })
 ] }) }), b2 = (e) => {
   e.stopPropagation();
-}, i3 = ({
+}, i8 = ({
   wrapperProps: e,
   iconProps: t,
   dndProps: n,
@@ -13546,7 +13545,7 @@ const M6 = K(J)`
     /* @__PURE__ */ E.jsx(Kd, { in: r, children: l })
   ] })
 ] });
-function a3(e) {
+function a8(e) {
   if (typeof e != "string") return [];
   const t = [];
   let n = "", r = !1, i = !1, a = 0, o = 0;
@@ -13583,14 +13582,14 @@ function a3(e) {
     isVariable: Ua(n)
   }), t;
 }
-const Ua = (e) => e.startsWith('"') && e.endsWith('"'), o3 = ["Enter", "/", "{", "}", "(", ")"], s3 = ["Given", "When", "Then"], c3 = [
+const Ua = (e) => e.startsWith('"') && e.endsWith('"'), o8 = ["Enter", "/", "{", "}", "(", ")"], s8 = ["Given", "When", "Then"], c8 = [
   "Given",
   "When",
   "Then",
   "And",
   "But"
 ];
-function l3(e) {
+function l8(e) {
   const t = e.split(`
 `).map((f) => f.trim());
   let n = "", r = "";
@@ -13650,7 +13649,7 @@ function l3(e) {
     params: c
   };
 }
-function u3(e) {
+function u8(e) {
   const { featureName: t, scenarioName: n, steps: r, params: i } = e, a = [], o = "    ", s = i && i.length > 0, u = s ? "Scenario Outline" : "Scenario";
   a.push(`${u}: ${n}`), a.push("");
   for (const c of r) {
@@ -15438,7 +15437,7 @@ class sv {
 function In(e, t) {
   return new sv(e, t);
 }
-const { schedule: ws, cancel: f3 } = /* @__PURE__ */ nf(queueMicrotask, !1), mt = {
+const { schedule: ws, cancel: f8 } = /* @__PURE__ */ nf(queueMicrotask, !1), mt = {
   x: !1,
   y: !1
 };
@@ -18613,7 +18612,7 @@ const Q5 = {
         border-left: none;
       `}
 `;
-function h3({
+function h8({
   steps: e,
   currentStep: t,
   onNext: n,
@@ -18815,14 +18814,14 @@ const p6 = Au({
       }
     }
   }
-}), p3 = ({ children: e }) => /* @__PURE__ */ E.jsxs(Tm, { theme: p6, children: [
+}), p8 = ({ children: e }) => /* @__PURE__ */ E.jsxs(Tm, { theme: p6, children: [
   /* @__PURE__ */ E.jsx(Gd, {}),
   /* @__PURE__ */ E.jsx(Jd, { injectFirst: !0, children: e })
 ] });
-function x3(e, t) {
+function x8(e, t) {
   return e.length > t ? e.substring(0, t - 3) + "..." : e;
 }
-function m3(e, t) {
+function m8(e, t) {
   return e.length > t;
 }
 export {
@@ -18844,7 +18843,7 @@ export {
   np as EditIcon,
   ep as EyeIcon,
   tp as EyeOffIcon,
-  h3 as GuidedTour,
+  h8 as GuidedTour,
   Mt as IconButtonCustom,
   Qh as InformationIcon,
   P6 as LinearProgressBar,
@@ -18857,12 +18856,12 @@ export {
   b6 as MailIcon,
   Gl as PlusIcon,
   C6 as SaveIcon,
-  i3 as Step,
+  i8 as Step,
   v2 as StepIcon,
-  t3 as StepKeyoword,
-  e3 as StepPanelHeader,
-  n3 as StepTitle,
-  r3 as StepTitleEditInput,
+  t8 as StepKeyoword,
+  e8 as StepPanelHeader,
+  n8 as StepTitle,
+  r8 as StepTitleEditInput,
   G6 as StyledCommandIcon,
   Y6 as StyledCommandIconImage,
   j6 as StyledCommandList,
@@ -18900,15 +18899,15 @@ export {
   D6 as Transitioner,
   Yl as Trash2Icon,
   Et as TypographyCustom,
-  p3 as UIThemeProvider,
+  p8 as UIThemeProvider,
   oo as XIcon,
-  a3 as extractAndSplitQuotedParts,
-  c3 as fullStepKeywords,
+  a8 as extractAndSplitQuotedParts,
+  c8 as fullStepKeywords,
   Ua as isParam,
-  m3 as isTextLarge,
-  l3 as parseGherkin,
-  o3 as preventedKeys,
-  s3 as stepKeywords,
-  u3 as stringifyGherkin,
-  x3 as textShortner
+  m8 as isTextLarge,
+  l8 as parseGherkin,
+  o8 as preventedKeys,
+  s8 as stepKeywords,
+  u8 as stringifyGherkin,
+  x8 as textShortner
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dev-blinq/ui-systems",
   "description": "this package contains all ui components like button, input, checkbox, colors that blinq.io needs",
-  "version": "1.0.118",
+  "version": "1.0.119",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",