@lanaco/lnc-react-ui 4.0.1 → 4.0.2

package/dist/DropdownItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const c=require("react/jsx-runtime"),d=require("react"),s=require("./index-DXnSjbfJ.cjs"),G=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),C=require("./Icon.cjs"),l=require("./utils-hdRGTsQ7.cjs"),H=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),J=G.newStyled.div`
+"use strict";const c=require("react/jsx-runtime"),d=require("react"),l=require("./index-DXnSjbfJ.cjs"),G=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),C=require("./Icon.cjs"),s=require("./utils-hdRGTsQ7.cjs"),H=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),J=G.newStyled.div`
   box-sizing: border-box;
   cursor: ${o=>o.disabled==!1?"pointer":"context-menu"};
   width: 100%;
@@ -8,19 +8,19 @@
   min-height: 2.25rem;
   gap: 0.563rem;
   padding: 0.563rem;
-  color: ${o=>l.getColorRgbaValue(o.theme,"MenuItem",o.color,o.isActive===!0?"active":"enabled","text")};
+  color: ${o=>s.getColorRgbaValue(o.theme,"MenuItem",o.color,o.isActive===!0?"active":"enabled","text")};
   &:hover {
-    ${o=>o.disabled===!1&&`background-color: ${l.getColorRgbaValue(o.theme,"MenuItem",o.color,"hover","background","backgroundOpacity")};`}
+    ${o=>o.disabled===!1&&`background-color: ${s.getColorRgbaValue(o.theme,"MenuItem",o.color,"hover","background","backgroundOpacity")};`}
 
-    ${o=>o.disabled===!1&&`color: ${l.getColorRgbaValue(o.theme,"MenuItem",o.color,"hover","text")};`}
+    ${o=>o.disabled===!1&&`color: ${s.getColorRgbaValue(o.theme,"MenuItem",o.color,"hover","text")};`}
     & .drop-down-icon-lnc {
-      color: ${o=>l.getColorRgbaValue(o.theme,"MenuItem",o.color,"hover","icon")};
+      ${o=>o.disabled===!1&&`color: ${s.getColorRgbaValue(o.theme,"MenuItem",o.color,"hover","icon")};`}
     }
   }
-  ${o=>l.getComponentTypographyCss(o.theme,"MenuItem",o.size,"enabled")};
+  ${o=>s.getComponentTypographyCss(o.theme,"MenuItem",o.size,"enabled")};
   & .drop-down-icon-lnc {
-    color: ${o=>o.isActive&&o.disabled==!1?l.getColorRgbaValue(o.theme,"MenuItem",o.color,"focus","icon"):l.getColorRgbaValue(o.theme,"MenuItem",o.color,"enabled","icon")};
-    ${o=>o.disabled===!0&&l.getDisabledStateCss(o.theme)};
+    color: ${o=>o.isActive&&o.disabled==!1?s.getColorRgbaValue(o.theme,"MenuItem",o.color,"focus","icon"):s.getColorRgbaValue(o.theme,"MenuItem",o.color,"enabled","icon")};
+    ${o=>o.disabled===!0&&s.getDisabledStateCss(o.theme)};
     background: transparent;
   }
   & .sub-menu-icon-lnc {
@@ -28,9 +28,9 @@
     transform: ${o=>o.showNested?"rotate(180deg)":"rotate(0)"};
     transition: transform 0.25s ease;
   }
-  ${o=>o.isActive==!0&&o.disabled==!1&&`background-color: ${l.getColorRgbaValue(o.theme,"MenuItem",o.color,"focus","background","backgroundOpacity")};
-    color: ${l.getColorRgbaValue(o.theme,"MenuItem",o.color,"focus","text")};
+  ${o=>o.isActive==!0&&o.disabled==!1&&`background-color: ${s.getColorRgbaValue(o.theme,"MenuItem",o.color,"focus","background","backgroundOpacity")};
+    color: ${s.getColorRgbaValue(o.theme,"MenuItem",o.color,"focus","text")};
   `}
   outline: none;
-  ${o=>o.disabled===!0&&l.getDisabledStateCss(o.theme)};
-`,P=d.forwardRef((o,a)=>{const{__TYPE__:Q="MENU_ITEM",active:f=!1,icon:T,disabled:m=!1,isNested:u=!1,showNested:v,value:E,onFocus:M=()=>{},onBlur:N=()=>{},onClick:x=()=>{},onKeyDown:$=()=>{},onMouseEnter:W=()=>{},onMouseLeave:X=()=>{},toggleNested:r=()=>{},onItemSelected:w=()=>{},color:k,className:_="",style:R={},size:S="small",iconProps:A,children:y,...q}=o,D={theme:H.useTheme(),color:k,style:R,size:S},g=d.useRef(),[O,b]=d.useState(f);d.useEffect(()=>{b(f)},[f]);const V=e=>{m==!1&&(u&&r&&r(),w(e,E,y),x(e))},j=e=>{b(!0),M(e)},F=e=>{b(!1),N(e)},z=e=>{e.preventDefault(),e.key=="ArrowDown"?h(a?a.current:g.current):e.key=="ArrowUp"?p(a?a.current:g.current):e.key=="Enter"&&m==!1&&(u&&r&&r(),w(e,E,y)),$(e)},h=e=>{if(e!=null&&e.nextSibling){let n=B(e);if(n!=null&&n.node&&(n==null?void 0:n.type)=="item")n.node.focus();else if(n!=null&&n.node&&(n==null?void 0:n.type)=="nested"){let i=L(n.node);i&&i.focus()}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&h(e.parentElement)}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&h(e.parentElement)},p=e=>{if(e!=null&&e.previousSibling){let n=K(e);if(n!=null&&n.node&&(n==null?void 0:n.type)=="item")n.node.focus();else if(n!=null&&n.node&&(n==null?void 0:n.type)=="nested"){let i=U(n.node);i&&i.focus()}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&p(e.parentElement)}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&p(e.parentElement)},B=e=>{for(;e=e.nextSibling;){if(t(e,"menu-item-lnc"))return{node:e,type:"item"};if(t(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},K=e=>{for(;e=e.previousSibling;){if(t(e,"menu-item-lnc"))return{node:e,type:"item"};if(t(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},L=e=>{var n;return(n=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:n[0]},U=e=>{var n;return(n=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:n.pop()},t=(e,n)=>{var i=" "+e.className+" ",Y=" "+n+" ";return i.indexOf(Y)!=-1};return c.jsx(c.Fragment,{children:c.jsxs(J,{ref:a||g,className:"menu-item-lnc "+_,disabled:m,tabIndex:0,onKeyDown:z,onFocus:j,onBlur:F,onClick:V,isActive:O,showNested:v,...D,...q,children:[T&&c.jsx(C,{icon:T,className:"drop-down-icon-lnc",...A}),c.jsx("div",{className:"menu-item-text-lnc",children:y}),u&&c.jsx(C,{icon:"angle-down",className:"sub-menu-icon-lnc"})]})})});P.propTypes={active:s.PropTypes.bool,icon:s.PropTypes.string,disabled:s.PropTypes.bool,isNested:s.PropTypes.bool,value:s.PropTypes.any,onBlur:s.PropTypes.func,onFocus:s.PropTypes.func,onClick:s.PropTypes.func,onKeyDown:s.PropTypes.func,onMouseEnter:s.PropTypes.func,onMouseLeave:s.PropTypes.func,className:s.PropTypes.string,style:s.PropTypes.object,color:s.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),iconProps:s.PropTypes.any,size:s.PropTypes.oneOf(["small","medium","large"]),__TYPE__:s.PropTypes.string};P.displayName="MENU_ITEM";module.exports=P;
+  ${o=>o.disabled===!0&&s.getDisabledStateCss(o.theme)};
+`,P=d.forwardRef((o,a)=>{const{__TYPE__:Q="MENU_ITEM",active:f=!1,icon:T,disabled:m=!1,isNested:u=!1,showNested:v,value:E,onFocus:M=()=>{},onBlur:N=()=>{},onClick:x=()=>{},onKeyDown:$=()=>{},onMouseEnter:W=()=>{},onMouseLeave:X=()=>{},toggleNested:r=()=>{},onItemSelected:w=()=>{},color:k,className:_="",style:R={},size:S="small",iconProps:A,children:y,...q}=o,D={theme:H.useTheme(),color:k,style:R,size:S},g=d.useRef(),[O,b]=d.useState(f);d.useEffect(()=>{b(f)},[f]);const V=e=>{m==!1&&(u&&r&&r(),w(e,E,y),x(e))},j=e=>{b(!0),M(e)},F=e=>{b(!1),N(e)},z=e=>{e.preventDefault(),e.key=="ArrowDown"?h(a?a.current:g.current):e.key=="ArrowUp"?p(a?a.current:g.current):e.key=="Enter"&&m==!1&&(u&&r&&r(),w(e,E,y)),$(e)},h=e=>{if(e!=null&&e.nextSibling){let n=B(e);if(n!=null&&n.node&&(n==null?void 0:n.type)=="item")n.node.focus();else if(n!=null&&n.node&&(n==null?void 0:n.type)=="nested"){let i=L(n.node);i&&i.focus()}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&h(e.parentElement)}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&h(e.parentElement)},p=e=>{if(e!=null&&e.previousSibling){let n=K(e);if(n!=null&&n.node&&(n==null?void 0:n.type)=="item")n.node.focus();else if(n!=null&&n.node&&(n==null?void 0:n.type)=="nested"){let i=U(n.node);i&&i.focus()}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&p(e.parentElement)}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&p(e.parentElement)},B=e=>{for(;e=e.nextSibling;){if(t(e,"menu-item-lnc"))return{node:e,type:"item"};if(t(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},K=e=>{for(;e=e.previousSibling;){if(t(e,"menu-item-lnc"))return{node:e,type:"item"};if(t(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},L=e=>{var n;return(n=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:n[0]},U=e=>{var n;return(n=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:n.pop()},t=(e,n)=>{var i=" "+e.className+" ",Y=" "+n+" ";return i.indexOf(Y)!=-1};return c.jsx(c.Fragment,{children:c.jsxs(J,{ref:a||g,className:"menu-item-lnc "+_,disabled:m,tabIndex:0,onKeyDown:z,onFocus:j,onBlur:F,onClick:V,isActive:O,showNested:v,...D,...q,children:[T&&c.jsx(C,{icon:T,className:"drop-down-icon-lnc",...A}),c.jsx("div",{className:"menu-item-text-lnc",children:y}),u&&c.jsx(C,{icon:"angle-down",className:"sub-menu-icon-lnc"})]})})});P.propTypes={active:l.PropTypes.bool,icon:l.PropTypes.string,disabled:l.PropTypes.bool,isNested:l.PropTypes.bool,value:l.PropTypes.any,onBlur:l.PropTypes.func,onFocus:l.PropTypes.func,onClick:l.PropTypes.func,onKeyDown:l.PropTypes.func,onMouseEnter:l.PropTypes.func,onMouseLeave:l.PropTypes.func,className:l.PropTypes.string,style:l.PropTypes.object,color:l.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),iconProps:l.PropTypes.any,size:l.PropTypes.oneOf(["small","medium","large"]),__TYPE__:l.PropTypes.string};P.displayName="MENU_ITEM";module.exports=P;

package/dist/DropdownItem.js

@@ -40,13 +40,13 @@ const ne = Z.div`
   "text"
 )};`}
     & .drop-down-icon-lnc {
-      color: ${(n) => s(
+      ${(n) => n.disabled === !1 && `color: ${s(
   n.theme,
   "MenuItem",
   n.color,
   "hover",
   "icon"
-)};
+)};`}
     }
   }
   ${(n) => I(n.theme, "MenuItem", n.size, "enabled")};
@@ -102,11 +102,11 @@ const ne = Z.div`
     //----------------
     onFocus: C = () => {
     },
-    onBlur: p = () => {
+    onBlur: _ = () => {
     },
-    onClick: _ = () => {
+    onClick: x = () => {
     },
-    onKeyDown: x = () => {
+    onKeyDown: A = () => {
     },
     onMouseEnter: le = () => {
     },
@@ -117,25 +117,25 @@ const ne = Z.div`
     onItemSelected: v = () => {
     },
     //----------------
-    color: A,
+    color: p,
     className: S = "",
     style: O = {},
     size: P = "small",
     iconProps: D,
     children: u,
     ...T
-  } = n, F = { theme: ee(), color: A, style: O, size: P }, h = Q(), [R, b] = W(f);
+  } = n, F = { theme: ee(), color: p, style: O, size: P }, h = Q(), [R, b] = W(f);
   X(() => {
     b(f);
   }, [f]);
   const z = (e) => {
-    m == !1 && (r && c && c(), v(e, w, u), _(e));
+    m == !1 && (r && c && c(), v(e, w, u), x(e));
   }, B = (e) => {
     b(!0), C(e);
   }, K = (e) => {
-    b(!1), p(e);
+    b(!1), _(e);
   }, j = (e) => {
-    e.preventDefault(), e.key == "ArrowDown" ? g(a ? a.current : h.current) : e.key == "ArrowUp" ? y(a ? a.current : h.current) : e.key == "Enter" && m == !1 && (r && c && c(), v(e, w, u)), x(e);
+    e.preventDefault(), e.key == "ArrowDown" ? g(a ? a.current : h.current) : e.key == "ArrowUp" ? y(a ? a.current : h.current) : e.key == "Enter" && m == !1 && (r && c && c(), v(e, w, u)), A(e);
   }, g = (e) => {
     if (e != null && e.nextSibling) {
       let o = L(e);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "React component library",
   "type": "module",
   "keywords": [