@lanaco/lnc-react-ui 4.0.198 → 4.0.200

package/dist/DropdownItem.js

@@ -1,13 +1,12 @@
-import { jsx as d, Fragment as G, jsxs as H } from "react/jsx-runtime";
-import { forwardRef as J, useRef as Q, useState as W, useEffect as X } from "react";
-import { P as l } from "./index-CblbdqjE.js";
-import { s as Z } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import M from "./Icon.js";
-import { b as t, c as I, h as N } from "./utils-DtEfC-TX.js";
-import { u as ee } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const ne = Z.div`
+import { jsx as d, Fragment as _, jsxs as G } from "react/jsx-runtime";
+import { forwardRef as H, useRef as J, useState as Q, useEffect as W } from "react";
+import { s as X } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import $ from "./Icon.js";
+import { b as o, c as Y, h as v } from "./utils-DtEfC-TX.js";
+import { u as Z } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const I = X.div`
   box-sizing: border-box;
-  cursor: ${(n) => n.disabled == !1 ? "pointer" : "context-menu"};
+  cursor: ${(l) => l.disabled == !1 ? "pointer" : "context-menu"};
   width: 100%;
   border-radius: 6px;
   display: flex;
@@ -15,227 +14,192 @@ const ne = Z.div`
   min-height: 2.25rem;
   gap: 0.563rem;
   padding: 0.563rem;
-  color: ${(n) => t(
-  n.theme,
+  color: ${(l) => o(
+  l.theme,
   "MenuItem",
-  n.color,
-  n.isActive === !0 ? "active" : "enabled",
+  l.color,
+  l.isActive === !0 ? "active" : "enabled",
   "text"
 )};
   &:hover {
-    ${(n) => n.disabled === !1 && `background-color: ${t(
-  n.theme,
+    ${(l) => l.disabled === !1 && `background-color: ${o(
+  l.theme,
   "MenuItem",
-  n.color,
+  l.color,
   "hover",
   "background",
   "backgroundOpacity"
 )};`}
 
-    ${(n) => n.disabled === !1 && `color: ${t(
-  n.theme,
+    ${(l) => l.disabled === !1 && `color: ${o(
+  l.theme,
   "MenuItem",
-  n.color,
+  l.color,
   "hover",
   "text"
 )};`}
     & .drop-down-icon-lnc {
-      ${(n) => n.disabled === !1 && `color: ${t(
-  n.theme,
+      ${(l) => l.disabled === !1 && `color: ${o(
+  l.theme,
   "MenuItem",
-  n.color,
+  l.color,
   "hover",
   "icon"
 )};`}
     }
   }
-  ${(n) => I(n.theme, "MenuItem", n.size, "enabled")};
+  ${(l) => Y(l.theme, "MenuItem", l.size, "enabled")};
   & .drop-down-icon-lnc {
-    color: ${(n) => n.isActive && n.disabled == !1 ? t(
-  n.theme,
+    color: ${(l) => l.isActive && l.disabled == !1 ? o(
+  l.theme,
   "MenuItem",
-  n.color,
+  l.color,
   "focus",
   "icon"
-) : t(
-  n.theme,
+) : o(
+  l.theme,
   "MenuItem",
-  n.color,
+  l.color,
   "enabled",
   "icon"
 )};
-    ${(n) => n.disabled === !0 && N(n.theme)};
+    ${(l) => l.disabled === !0 && v(l.theme)};
     background: transparent;
   }
   & .sub-menu-icon-lnc {
     margin-left: auto;
-    transform: ${(n) => n.showNested ? "rotate(180deg)" : "rotate(0)"};
+    transform: ${(l) => l.showNested ? "rotate(180deg)" : "rotate(0)"};
     transition: transform 0.25s ease;
   }
-  ${(n) => n.isActive == !0 && n.disabled == !1 && `background-color: ${t(
-  n.theme,
+  ${(l) => l.isActive == !0 && l.disabled == !1 && `background-color: ${o(
+  l.theme,
   "MenuItem",
-  n.color,
+  l.color,
   "focus",
   "background",
   "backgroundOpacity"
 )};
-    color: ${t(
-  n.theme,
+    color: ${o(
+  l.theme,
   "MenuItem",
-  n.color,
+  l.color,
   "focus",
   "text"
 )};
   `}
   outline: none;
-  ${(n) => n.disabled === !0 && N(n.theme)};
-`, $ = J((n, a) => {
+  ${(l) => l.disabled === !0 && v(l.theme)};
+`, ee = H((l, s) => {
   const {
-    __TYPE__: oe = "MENU_ITEM",
-    active: f = !1,
-    icon: E,
+    active: c = !1,
+    icon: y,
     disabled: m = !1,
-    isNested: r = !1,
-    showNested: k,
+    isNested: f = !1,
+    showNested: N,
     value: w,
     //----------------
-    onFocus: C = () => {
+    onFocus: k = () => {
     },
-    onBlur: x = () => {
+    onBlur: C = () => {
     },
-    onClick: A = () => {
+    onClick: x = () => {
     },
-    onKeyDown: p = () => {
+    onKeyDown: A = () => {
     },
-    onMouseEnter: le = () => {
+    toggleNested: a = () => {
     },
-    onMouseLeave: se = () => {
-    },
-    toggleNested: c = () => {
-    },
-    onItemSelected: v = () => {
+    onItemSelected: E = () => {
     },
     //----------------
-    color: _,
-    className: O = "",
-    style: P = {},
-    size: S = "small",
-    iconProps: D,
-    children: u,
-    ...T
-  } = n, F = { theme: ee(), color: _, style: P, size: S }, h = Q(), [z, b] = W(f);
-  X(() => {
-    b(f);
-  }, [f]);
+    color: M,
+    className: S = "",
+    style: D = {},
+    size: O = "small",
+    iconProps: F,
+    children: r,
+    ...P
+  } = l, R = { theme: Z(), color: M, style: D, size: O }, h = J(), [z, u] = Q(c);
+  W(() => {
+    u(c);
+  }, [c]);
   const B = (e) => {
-    m == !1 && (r && c && c(), v(e, w, u), A(e));
+    m == !1 && (f && a && a(), E(e, w, r), x(e));
   }, K = (e) => {
-    b(!0), C(e);
-  }, R = (e) => {
-    b(!1), x(e);
+    u(!0), k(e);
+  }, T = (e) => {
+    u(!1), C(e);
   }, j = (e) => {
-    e.preventDefault(), e.key == "ArrowDown" ? y(a ? a.current : h.current) : e.key == "ArrowUp" ? g(a ? a.current : h.current) : e.key == "Enter" && m == !1 && (r && c && c(), v(e, w, u)), p(e);
-  }, y = (e) => {
+    e.preventDefault(), e.key == "ArrowDown" ? b(s ? s.current : h.current) : e.key == "ArrowUp" ? g(s ? s.current : h.current) : e.key == "Enter" && m == !1 && (f && a && a(), E(e, w, r)), A(e);
+  }, b = (e) => {
     if (e != null && e.nextSibling) {
-      let o = L(e);
-      if (o != null && o.node && (o == null ? void 0 : o.type) == "item")
-        o.node.focus();
-      else if (o != null && o.node && (o == null ? void 0 : o.type) == "nested") {
-        let i = q(o.node);
+      let n = p(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 && s(e.parentElement, "nested-item-lnc") && y(e.parentElement);
-    } else e != null && e.parentElement && s(e.parentElement, "nested-item-lnc") && y(e.parentElement);
+      } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && b(e.parentElement);
+    } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && b(e.parentElement);
   }, g = (e) => {
     if (e != null && e.previousSibling) {
-      let o = U(e);
-      if (o != null && o.node && (o == null ? void 0 : o.type) == "item")
-        o.node.focus();
-      else if (o != null && o.node && (o == null ? void 0 : o.type) == "nested") {
-        let i = Y(o.node);
+      let n = q(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 && s(e.parentElement, "nested-item-lnc") && g(e.parentElement);
-    } else e != null && e.parentElement && s(e.parentElement, "nested-item-lnc") && g(e.parentElement);
-  }, L = (e) => {
+      } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && g(e.parentElement);
+    } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && g(e.parentElement);
+  }, p = (e) => {
     for (; e = e.nextSibling; ) {
-      if (s(e, "menu-item-lnc"))
+      if (t(e, "menu-item-lnc"))
         return { node: e, type: "item" };
-      if (s(e, "nested-item-lnc"))
+      if (t(e, "nested-item-lnc"))
         return { node: e, type: "nested" };
     }
     return null;
-  }, U = (e) => {
+  }, q = (e) => {
     for (; e = e.previousSibling; ) {
-      if (s(e, "menu-item-lnc"))
+      if (t(e, "menu-item-lnc"))
         return { node: e, type: "item" };
-      if (s(e, "nested-item-lnc"))
+      if (t(e, "nested-item-lnc"))
         return { node: e, type: "nested" };
     }
     return null;
-  }, q = (e) => {
-    var o;
-    return (o = Array.from(e.querySelectorAll(".menu-item-lnc"))) == null ? void 0 : o[0];
-  }, Y = (e) => {
-    var o;
-    return (o = Array.from(e.querySelectorAll(".menu-item-lnc"))) == null ? void 0 : o.pop();
-  }, s = (e, o) => {
-    var i = " " + e.className + " ", V = " " + o + " ";
+  }, U = (e) => {
+    var n;
+    return (n = Array.from(e.querySelectorAll(".menu-item-lnc"))) == null ? void 0 : n[0];
+  }, L = (e) => {
+    var n;
+    return (n = Array.from(e.querySelectorAll(".menu-item-lnc"))) == null ? void 0 : n.pop();
+  }, t = (e, n) => {
+    var i = " " + e.className + " ", V = " " + n + " ";
     return i.indexOf(V) != -1;
   };
-  return /* @__PURE__ */ d(G, { children: /* @__PURE__ */ H(
-    ne,
+  return /* @__PURE__ */ d(_, { children: /* @__PURE__ */ G(
+    I,
     {
-      ref: a || h,
-      className: "menu-item-lnc " + O,
+      ref: s || h,
+      className: "menu-item-lnc " + S,
       disabled: m,
       tabIndex: 0,
       onKeyDown: j,
       onFocus: K,
-      onBlur: R,
+      onBlur: T,
       onClick: B,
       isActive: z,
-      showNested: k,
-      ...F,
-      ...T,
+      showNested: N,
+      ...R,
+      ...P,
       children: [
-        E && /* @__PURE__ */ d(M, { icon: E, className: "drop-down-icon-lnc", ...D }),
-        /* @__PURE__ */ d("div", { className: "menu-item-text-lnc", children: u }),
-        r && /* @__PURE__ */ d(M, { icon: "angle-down", className: "sub-menu-icon-lnc" })
+        y && /* @__PURE__ */ d($, { icon: y, className: "drop-down-icon-lnc", ...F }),
+        /* @__PURE__ */ d("div", { className: "menu-item-text-lnc", children: r }),
+        f && /* @__PURE__ */ d($, { icon: "angle-down", className: "sub-menu-icon-lnc" })
       ]
     }
   ) });
 });
-$.propTypes = {
-  active: l.bool,
-  icon: l.string,
-  disabled: l.bool,
-  isNested: l.bool,
-  value: l.any,
-  //---------------------------------------------------------------
-  onBlur: l.func,
-  onFocus: l.func,
-  onClick: l.func,
-  onKeyDown: l.func,
-  onMouseEnter: l.func,
-  onMouseLeave: l.func,
-  //---------------------------------------------------------------
-  className: l.string,
-  style: l.object,
-  color: l.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ]),
-  iconProps: l.any,
-  size: l.oneOf(["small", "medium", "large"]),
-  __TYPE__: l.string
-};
-$.displayName = "MENU_ITEM";
+ee.displayName = "MENU_ITEM";
 export {
-  $ as default
+  ee as default
 };

package/dist/DropdownLookup.cjs

@@ -1 +1 @@
-"use strict";const le=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),t=require("react"),B=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),s=require("./CustomStyles-C86XQqBE.cjs"),ce=require("./defineProperty-CqVRDJI8.cjs");require("./index-41nUb2kP.cjs");const fe=require("./index-Cp66dWMi.cjs");function de(o){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(p,n,a.get?a:{enumerable:!0,get:()=>o[n]})}}return p.default=o,Object.freeze(p)}const ye=de(t);var Te=["defaultOptions","cacheOptions","loadOptions","options","isLoading","onInputChange","filterOption"];function Pe(o){var p=o.defaultOptions,n=p===void 0?!1:p,a=o.cacheOptions,i=a===void 0?!1:a,y=o.loadOptions;o.options;var l=o.isLoading,h=l===void 0?!1:l,S=o.onInputChange,m=o.filterOption,C=m===void 0?null:m,g=s._objectWithoutProperties(o,Te),_=g.inputValue,u=t.useRef(void 0),c=t.useRef(!1),T=t.useState(Array.isArray(n)?n:void 0),f=s._slicedToArray(T,2),G=f[0],x=f[1],W=t.useState(typeof _<"u"?_:""),q=s._slicedToArray(W,2),D=q[0],I=q[1],J=t.useState(n===!0),R=s._slicedToArray(J,2),K=R[0],P=R[1],Q=t.useState(void 0),w=s._slicedToArray(Q,2),A=w[0],L=w[1],U=t.useState([]),E=s._slicedToArray(U,2),X=E[0],j=E[1],Y=t.useState(!1),$=s._slicedToArray(Y,2),Z=$[0],v=$[1],ee=t.useState({}),k=s._slicedToArray(ee,2),O=k[0],F=k[1],te=t.useState(void 0),z=s._slicedToArray(te,2),oe=z[0],ne=z[1],se=t.useState(void 0),N=s._slicedToArray(se,2),re=N[0],pe=N[1];i!==re&&(F({}),pe(i)),n!==oe&&(x(Array.isArray(n)?n:void 0),ne(n)),t.useEffect(function(){return c.current=!0,function(){c.current=!1}},[]);var M=t.useCallback(function(b,d){if(!y)return d();var r=y(b,d);r&&typeof r.then=="function"&&r.then(d,function(){return d()})},[y]);t.useEffect(function(){n===!0&&M(D,function(b){c.current&&(x(b||[]),P(!!u.current))})},[]);var ae=t.useCallback(function(b,d){var r=s.handleInputChange(b,d,S);if(!r){u.current=void 0,I(""),L(""),j([]),P(!1),v(!1);return}if(i&&O[r])I(r),L(r),j(O[r]),P(!1),v(!1);else{var ie=u.current={};I(r),P(!0),v(!A),M(r,function(V){c&&ie===u.current&&(u.current=void 0,P(!1),L(r),j(V||[]),v(!1),F(V?s._objectSpread2(s._objectSpread2({},O),{},ce._defineProperty({},r,V)):O))})}},[i,M,A,O,S]),ue=Z?[]:D&&A?X:G||[];return s._objectSpread2(s._objectSpread2({},g),{},{options:ue,isLoading:K||h,onInputChange:ae,filterOption:C})}var Oe=t.forwardRef(function(o,p){var n=Pe(o),a=s.useStateManager(n);return ye.createElement(s.Select,B._extends({ref:p},a))}),be=Oe;const H=t.forwardRef((o,p)=>{const{styles:n,debounceTime:a=0,isSearchable:i=!0,isClearable:y=!0,onInputChange:l,size:h="small",color:S="primary",className:m="",style:C={},...g}=o,_=B.useTheme(),u=t.useCallback(fe.debounce((T,f)=>{l==null||l(T,f)},a)),c=(T,f)=>{u(T,f)};return le.jsx(be,{ref:p,styles:n||s.customStyles,size:h,color:S,theme:_,isSearchable:i,isClearable:y,onInputChange:c,className:m,style:C,...g})});H.propTypes={defaultOptions:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.array]),cacheOptions:e.PropTypes.any,loadOptions:e.PropTypes.func,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=H;
+"use strict";const ie=require("react/jsx-runtime"),e=require("react"),F=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),s=require("./CustomStyles-C86XQqBE.cjs"),ce=require("./defineProperty-CqVRDJI8.cjs");require("./index-41nUb2kP.cjs");const pe=require("./index-Cp66dWMi.cjs");function le(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const u=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(a,n,u.get?u:{enumerable:!0,get:()=>t[n]})}}return a.default=t,Object.freeze(a)}const de=le(e);var fe=["defaultOptions","cacheOptions","loadOptions","options","isLoading","onInputChange","filterOption"];function Se(t){var a=t.defaultOptions,n=a===void 0?!1:a,u=t.cacheOptions,i=u===void 0?!1:u,f=t.loadOptions;t.options;var c=t.isLoading,A=c===void 0?!1:c,y=t.onInputChange,h=t.filterOption,C=h===void 0?null:h,g=s._objectWithoutProperties(t,fe),m=g.inputValue,o=e.useRef(void 0),p=e.useRef(!1),S=e.useState(Array.isArray(n)?n:void 0),l=s._slicedToArray(S,2),W=l[0],R=l[1],B=e.useState(typeof m<"u"?m:""),D=s._slicedToArray(B,2),V=D[0],I=D[1],G=e.useState(n===!0),x=s._slicedToArray(G,2),H=x[0],_=x[1],J=e.useState(void 0),E=s._slicedToArray(J,2),T=E[0],j=E[1],K=e.useState([]),w=s._slicedToArray(K,2),Q=w[0],L=w[1],U=e.useState(!1),$=s._slicedToArray(U,2),X=$[0],b=$[1],Y=e.useState({}),M=s._slicedToArray(Y,2),O=M[0],k=M[1],Z=e.useState(void 0),z=s._slicedToArray(Z,2),ee=z[0],te=z[1],ne=e.useState(void 0),N=s._slicedToArray(ne,2),se=N[0],re=N[1];i!==se&&(k({}),re(i)),n!==ee&&(R(Array.isArray(n)?n:void 0),te(n)),e.useEffect(function(){return p.current=!0,function(){p.current=!1}},[]);var P=e.useCallback(function(v,d){if(!f)return d();var r=f(v,d);r&&typeof r.then=="function"&&r.then(d,function(){return d()})},[f]);e.useEffect(function(){n===!0&&P(V,function(v){p.current&&(R(v||[]),_(!!o.current))})},[]);var ae=e.useCallback(function(v,d){var r=s.handleInputChange(v,d,y);if(!r){o.current=void 0,I(""),j(""),L([]),_(!1),b(!1);return}if(i&&O[r])I(r),j(r),L(O[r]),_(!1),b(!1);else{var oe=o.current={};I(r),_(!0),b(!T),P(r,function(q){p&&oe===o.current&&(o.current=void 0,_(!1),j(r),L(q||[]),b(!1),k(q?s._objectSpread2(s._objectSpread2({},O),{},ce._defineProperty({},r,q)):O))})}},[i,P,T,O,y]),ue=X?[]:V&&T?Q:W||[];return s._objectSpread2(s._objectSpread2({},g),{},{options:ue,isLoading:H||A,onInputChange:ae,filterOption:C})}var _e=e.forwardRef(function(t,a){var n=Se(t),u=s.useStateManager(n);return de.createElement(s.Select,F._extends({ref:a},u))}),Oe=_e;const ve=e.forwardRef((t,a)=>{const{styles:n,debounceTime:u=0,isSearchable:i=!0,isClearable:f=!0,onInputChange:c,size:A="small",color:y="primary",className:h="",style:C={},...g}=t,m=F.useTheme(),o=e.useCallback(pe.debounce((S,l)=>{c==null||c(S,l)},u)),p=(S,l)=>{o(S,l)};return ie.jsx(Oe,{ref:a,styles:n||s.customStyles,size:A,color:y,theme:m,isSearchable:i,isClearable:f,onInputChange:p,className:h,style:C,...g})});module.exports=ve;