@lanaco/lnc-react-ui 4.0.199 → 4.0.201

package/dist/Modal.js

@@ -1,14 +1,13 @@
-import { jsx as t, Fragment as L, jsxs as R } from "react/jsx-runtime";
-import { forwardRef as z, useRef as V, useState as q, useImperativeHandle as J, useEffect as K } from "react";
-import { P as o } from "./index-CblbdqjE.js";
+import { jsx as t, Fragment as L, jsxs as T } from "react/jsx-runtime";
+import { forwardRef as U, useRef as X, useState as V, useImperativeHandle as q, useEffect as J } from "react";
 import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import P from "./Icon.js";
+import K from "./Icon.js";
 import { b as w } from "./utils-DtEfC-TX.js";
 import { r as Q } from "./index-B1vKwsDE.js";
 import { m as M } from "./motion-Ckekul_K.js";
 import { u as Y } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { A as S } from "./index-D-c5IxDk.js";
-const h = "5rem", g = "3.8rem", l = "1.5rem", Z = (e, n, a) => n && a ? e == "FULL" ? `calc(100dvh - ${g} - ${h})` : `calc(100dvh - ${g} - ${h} - ${l})` : n ? e == "FULL" ? `calc(100dvh - ${g})` : `calc(100dvh - ${g} - ${l})` : a ? e == "FULL" ? `calc(100dvh - ${h})` : `calc(100dvh - ${h} - ${l})` : e == "FULL" ? "100dvh" : `calc(100dvh - ${l})`, ee = (e) => e == "FULL" ? "100vw" : `calc(100vw - ${l})`, oe = (e, n, a) => e == "FULL" ? "0" : `${n ? "0" : "16px"} 0 ${a ? "0" : "16px"} 0`, te = C(M.div)`
+import { A } from "./index-D-c5IxDk.js";
+const f = "5rem", h = "3.8rem", n = "1.5rem", Z = (e, r, a) => r && a ? e == "FULL" ? `calc(100dvh - ${h} - ${f})` : `calc(100dvh - ${h} - ${f} - ${n})` : r ? e == "FULL" ? `calc(100dvh - ${h})` : `calc(100dvh - ${h} - ${n})` : a ? e == "FULL" ? `calc(100dvh - ${f})` : `calc(100dvh - ${f} - ${n})` : e == "FULL" ? "100dvh" : `calc(100dvh - ${n})`, P = (e) => e == "FULL" ? "100vw" : `calc(100vw - ${n})`, ee = (e, r, a) => e == "FULL" ? "0" : `${r ? "0" : "16px"} 0 ${a ? "0" : "16px"} 0`, te = C(M.div)`
   position: ${(e) => e.scrollOverlay == !0 ? "absolute" : "fixed"};
   top: 0;
   left: 0;
@@ -17,17 +16,16 @@ const h = "5rem", g = "3.8rem", l = "1.5rem", Z = (e, n, a) => n && a ? e == "FU
   background: ${(e) => e.scrollOverlay === !0 ? "transparent" : e.overlayColor};
   z-index: ${(e) => e.zIndex};
   display: flex;
-`, re = C(M.div)`
+`, oe = C(M.div)`
   position: relative;
   width: 50%;
   background-color: white;
   ${(e) => e.scrollOverlay == !1 ? "position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" : "height: fit-content; margin-right: auto; margin-left: auto;"}
   background-color: ${(e) => w(e.theme, "Modal", "default", "enabled", "bg")};
   z-index: ${(e) => e.zIndex};
-  width: ${(e) => ie[e.size.toUpperCase()]};
-  max-width: ${(e) => ee(e.size.toUpperCase())};
-  box-shadow:
-    0px 20px 25px -5px rgba(0, 0, 0, 0.1),
+  width: ${(e) => ne[e.size.toUpperCase()]};
+  max-width: ${(e) => P(e.size.toUpperCase())};
+  box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1),
     0px 10px 10px -5px rgba(0, 0, 0, 0.04);
   border-radius: ${(e) => e.size.toUpperCase() != "FULL" ? "16px" : "0"};
   display: flex;
@@ -35,9 +33,9 @@ const h = "5rem", g = "3.8rem", l = "1.5rem", Z = (e, n, a) => n && a ? e == "FU
   gap: 0.5rem;
 
   & .lnc-modal-header {
-    max-height: ${g};
+    max-height: ${h};
     overflow: hidden;
-    padding: ${l} ${l} 0 ${l};
+    padding: ${n} ${n} 0 ${n};
   }
   & .lnc-modal-header > h1,
   h2,
@@ -45,7 +43,7 @@ const h = "5rem", g = "3.8rem", l = "1.5rem", Z = (e, n, a) => n && a ? e == "FU
     margin: 0;
   }
   & .lnc-modal-footer {
-    max-height: ${h};
+    max-height: ${f};
     overflow: hidden;
     padding-top: 1rem;
   }
@@ -62,10 +60,10 @@ const h = "5rem", g = "3.8rem", l = "1.5rem", Z = (e, n, a) => n && a ? e == "FU
   e.footer
 )};`}
     overflow: auto;
-    margin: ${(e) => oe(e.size, e.header, e.footer)};
-    padding: 0 ${l} 0 ${l};
+    margin: ${(e) => ee(e.size, e.header, e.footer)};
+    padding: 0 ${n} 0 ${n};
   }
-`, ne = C.div`
+`, re = C.div`
   position: absolute;
   cursor: pointer;
   top: 1.375rem;
@@ -116,28 +114,28 @@ const h = "5rem", g = "3.8rem", l = "1.5rem", Z = (e, n, a) => n && a ? e == "FU
   width: 100%;
   background-color: ${(e) => e.overlayColor};
   z-index: 3;
-`, le = z((e, n) => {
+`, ge = U((e, r) => {
   const {
     preventDefault: a = !1,
-    portalElement: m = document.body,
-    isOpen: s = !1,
+    portalElement: d = document.body,
+    isOpen: c = !1,
     header: i,
-    footer: c,
-    scrollOverlay: d = !1,
-    overlay: p = !0,
-    overlayColor: f = "rgba(0, 0, 0, 0.3)",
+    footer: l,
+    scrollOverlay: s = !1,
+    overlay: m = !0,
+    overlayColor: p = "rgba(0, 0, 0, 0.3)",
     showCloseButton: u = !0,
-    onOpen: x = () => {
+    onOpen: g = () => {
     },
-    onClose: U = () => {
+    onClose: O = () => {
     },
-    zIndex: y = 1e3,
+    zIndex: x = 1e3,
     size: $ = "fluid",
-    clickOutsideToClose: b = !0,
-    className: G = "",
-    style: _ = {},
+    clickOutsideToClose: y = !0,
+    className: j = "",
+    style: G = {},
     overlayProps: F,
-    overlayAnimation: k = {
+    overlayAnimation: z = {
       animate: { opacity: 1 },
       exit: { opacity: 0 },
       initial: {
@@ -145,7 +143,7 @@ const h = "5rem", g = "3.8rem", l = "1.5rem", Z = (e, n, a) => n && a ? e == "FU
       },
       transition: { type: "spring", duration: 0.6 }
     },
-    modalAnimation: B = {
+    modalAnimation: k = {
       animate: { opacity: 1 },
       exit: { opacity: 0 },
       initial: {
@@ -153,218 +151,185 @@ const h = "5rem", g = "3.8rem", l = "1.5rem", Z = (e, n, a) => n && a ? e == "FU
       },
       transition: { type: "spring", duration: 0.6 }
     },
-    onFinishOpen: W = () => {
+    onFinishOpen: _ = () => {
     },
-    children: T,
+    children: B,
     rest: I
-  } = e, E = V(), [v, N] = q(s);
-  let D = { theme: Y(), size: $, zIndex: y, className: G, style: _ };
-  const j = (r) => {
-    a && (r == null || r.preventDefault(), r == null || r.stopPropagation()), r.target === r.currentTarget && b && O(r);
+  } = e, D = X(), [v, E] = V(c);
+  let N = { theme: Y(), size: $, zIndex: x, className: j, style: G };
+  const H = (o) => {
+    a && (o == null || o.preventDefault(), o == null || o.stopPropagation()), o.target === o.currentTarget && y && b(o);
   };
-  J(n, () => ({
+  q(r, () => ({
     open() {
-      X();
+      W();
     },
     close() {
-      O();
+      b();
     },
     isOpen() {
       return v;
     }
   }));
-  const X = (r) => {
-    N(!0), x(r);
-  }, O = (r) => {
-    N(!1), U(r);
+  const W = (o) => {
+    E(!0), g(o);
+  }, b = (o) => {
+    E(!1), O(o);
   };
-  return K(() => {
-    v === !0 && W();
-  }, [v]), /* @__PURE__ */ t(L, { children: v && /* @__PURE__ */ t(L, { children: m ? /* @__PURE__ */ t(L, { children: Q.createPortal(
+  return J(() => {
+    v === !0 && _();
+  }, [v]), /* @__PURE__ */ t(L, { children: v && /* @__PURE__ */ t(L, { children: d ? /* @__PURE__ */ t(L, { children: Q.createPortal(
     /* @__PURE__ */ t(
-      A,
+      R,
       {
-        ref: E,
-        overlay: p,
-        scrollOverlay: d,
-        onClickOutsideModal: j,
-        overlayColor: f,
+        ref: D,
+        overlay: m,
+        scrollOverlay: s,
+        onClickOutsideModal: H,
+        overlayColor: p,
         overlayProps: F,
-        overlayAnimation: k,
-        modalAnimation: B,
-        themeProps: D,
+        overlayAnimation: z,
+        modalAnimation: k,
+        themeProps: N,
         showCloseButton: u,
-        close: O,
+        close: b,
         header: i,
-        footer: c,
-        isOpen: s,
+        footer: l,
+        isOpen: c,
         ...I,
-        children: T
+        children: B
       }
     ),
-    m
+    d
   ) }) : /* @__PURE__ */ t(
-    A,
+    R,
     {
-      ref: E,
-      overlay: p,
-      scrollOverlay: d,
-      onClickOutsideModal: j,
-      overlayColor: f,
+      ref: D,
+      overlay: m,
+      scrollOverlay: s,
+      onClickOutsideModal: H,
+      overlayColor: p,
       overlayProps: F,
-      overlayAnimation: k,
-      modalAnimation: B,
-      themeProps: D,
+      overlayAnimation: z,
+      modalAnimation: k,
+      themeProps: N,
       showCloseButton: u,
-      close: O,
+      close: b,
       header: i,
-      footer: c,
-      isOpen: s,
+      footer: l,
+      isOpen: c,
       ...I,
-      children: T
+      children: B
     }
   ) }) });
-}), A = z(
+}), R = U(
   ({
     overlay: e,
-    scrollOverlay: n,
+    scrollOverlay: r,
     onClickOutsideModal: a,
-    overlayColor: m,
-    overlayProps: s,
+    overlayColor: d,
+    overlayProps: c,
     overlayAnimation: i,
-    modalAnimation: c,
-    themeProps: d,
-    showCloseButton: p,
-    header: f,
+    modalAnimation: l,
+    themeProps: s,
+    showCloseButton: m,
+    header: p,
     footer: u,
-    close: x,
-    isOpen: U,
-    children: y,
+    close: g,
+    isOpen: O,
+    children: x,
     ...$
-  }, b) => /* @__PURE__ */ t(S, { children: e ? /* @__PURE__ */ R(L, { children: [
+  }, y) => /* @__PURE__ */ t(A, { children: e ? /* @__PURE__ */ T(L, { children: [
     /* @__PURE__ */ t(
       ae,
       {
-        scrollOverlay: n,
+        scrollOverlay: r,
         onClick: a,
-        overlayColor: m,
-        ...s,
+        overlayColor: d,
+        ...c,
         ...i
       }
     ),
     /* @__PURE__ */ t(
       te,
       {
-        ...d,
-        onClick: a,
-        scrollOverlay: n,
-        overlayColor: m,
-        isOpen: U,
         ...s,
+        onClick: a,
+        scrollOverlay: r,
+        overlayColor: d,
+        isOpen: O,
+        ...c,
         ...i,
         children: /* @__PURE__ */ t(
-          H,
+          S,
           {
-            ref: b,
-            themeProps: d,
-            scrollOverlay: n,
-            modalAnimation: c,
-            showCloseButton: p,
-            close: x,
-            header: f,
+            ref: y,
+            themeProps: s,
+            scrollOverlay: r,
+            modalAnimation: l,
+            showCloseButton: m,
+            close: g,
+            header: p,
             footer: u,
             ...$,
-            children: y
+            children: x
           }
         )
       }
     )
   ] }) : /* @__PURE__ */ t(
-    H,
+    S,
     {
-      ref: b,
-      themeProps: d,
-      modalAnimation: c,
-      showCloseButton: p,
-      close: x,
-      header: f,
+      ref: y,
+      themeProps: s,
+      modalAnimation: l,
+      showCloseButton: m,
+      close: g,
+      header: p,
       footer: u,
       ...$,
-      children: y
+      children: x
     }
   ) })
-), H = z(
+), S = U(
   ({
     themeProps: e,
-    scrollOverlay: n,
+    scrollOverlay: r,
     modalAnimation: a,
-    showCloseButton: m,
-    close: s,
+    showCloseButton: d,
+    close: c,
     header: i,
-    footer: c,
-    children: d,
-    ...p
-  }, f) => /* @__PURE__ */ t(S, { children: /* @__PURE__ */ R(
-    re,
+    footer: l,
+    children: s,
+    ...m
+  }, p) => /* @__PURE__ */ t(A, { children: /* @__PURE__ */ T(
+    oe,
     {
-      ref: f,
+      ref: p,
       ...e,
       ...a,
       header: i,
-      footer: c,
-      scrollOverlay: n,
-      ...p,
+      footer: l,
+      scrollOverlay: r,
+      ...m,
       className: `modal-lnc-container ${e == null ? void 0 : e.className}`,
       children: [
-        m && /* @__PURE__ */ t(
-          ne,
+        d && /* @__PURE__ */ t(
+          re,
           {
             ...e,
             className: "modal-lnc-times",
-            onClick: s,
-            children: /* @__PURE__ */ t(P, { icon: "times" })
+            onClick: c,
+            children: /* @__PURE__ */ t(K, { icon: "times" })
           }
         ),
         i && /* @__PURE__ */ t("div", { className: "lnc-modal-header", children: i }),
-        /* @__PURE__ */ t("div", { className: "lnc-modal-content", children: d }),
-        c && /* @__PURE__ */ t("div", { className: "lnc-modal-footer", children: c })
+        /* @__PURE__ */ t("div", { className: "lnc-modal-content", children: s }),
+        l && /* @__PURE__ */ t("div", { className: "lnc-modal-footer", children: l })
       ]
     }
   ) })
-);
-le.propTypes = {
-  /**
-   * If the value is given modal will use createPortal to be rendered in portalElement
-   */
-  portalElement: o.any,
-  /**
-   * Is modal open by default
-   */
-  isOpen: o.bool,
-  header: o.oneOfType([o.string, o.element]),
-  footer: o.oneOfType([o.string, o.element]),
-  showCloseButton: o.bool,
-  overlay: o.bool,
-  /**
-   * when scrollOverlay=false whole modal contetn will be shown inside viewport and modal content will be scrollable,
-   * when scrollOverlay=true modal content won't be scrollable it will be fully shown inside overlay which will be scrollable
-   * to use this prop `overlay` must be set to `true`
-   * Make sure when setting `scrollOverlay={true} that the parent element has `position: relative`;
-   */
-  scrollOverlay: o.bool,
-  onOpen: o.func,
-  onClose: o.func,
-  zIndex: o.number,
-  clickOutsideToClose: o.bool,
-  overlayColor: o.string,
-  overlayAnimation: o.object,
-  modalAnimation: o.object,
-  className: o.string,
-  style: o.object,
-  size: o.oneOf(["fluid", "xs", "s", "m", "l", "xl", "full"]),
-  overlayProps: o.any
-};
-const ie = {
+), ne = {
   FLUID: "max-content",
   XS: "320px",
   S: "412px",
@@ -374,5 +339,5 @@ const ie = {
   FULL: "100vw"
 };
 export {
-  le as default
+  ge as default
 };

package/dist/MultiSelectDropdown.cjs

@@ -1 +1 @@
-"use strict";const O=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),g=require("./CustomStyles-C86XQqBE.cjs"),h=require("./index-Cp66dWMi.cjs"),M=require("./Dropdown.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),r=s.forwardRef((n,l)=>{const{styles:p,debounceTime:t=0,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:i="small",color:a="primary",className:c="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((d,f)=>{o==null||o(d,f)},t));return O.jsx(M.default,{isMulti:!0,ref:l,styles:p||g.customStyles,size:i,color:a,theme:b,isSearchable:u,isClearable:y,className:c,style:T,...P,onInputChange:m})});r.propTypes={options:e.PropTypes.array,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,onKeyDown: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=r;
+"use strict";const h=require("react/jsx-runtime"),t=require("react"),w=require("./CustomStyles-C86XQqBE.cjs"),x=require("./index-Cp66dWMi.cjs"),S=require("./Dropdown.cjs"),f=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),C=t.forwardRef((r,o)=>{const{styles:s,debounceTime:n=0,isSearchable:u=!0,isClearable:c=!0,onInputChange:e,size:l="small",color:i="primary",className:a="",style:m={},...d}=r,b=f.useTheme(),q=t.useCallback(x.debounce((y,p)=>{e==null||e(y,p)},n));return h.jsx(S.default,{isMulti:!0,ref:o,styles:s||w.customStyles,size:l,color:i,theme:b,isSearchable:u,isClearable:c,className:a,style:m,...d,onInputChange:q})});module.exports=C;