@lanaco/lnc-react-ui 4.0.198 → 4.0.200

package/dist/Dropdown.js

@@ -1,32 +1,30 @@
-import { jsx as g } from "react/jsx-runtime";
-import { P as e } from "./index-CblbdqjE.js";
-import * as O from "react";
-import { forwardRef as t, useCallback as y } from "react";
-import { u as S, S as M, a as h } from "./CustomStyles-DtWxboEM.js";
-import { c as H } from "./CustomStyles-DtWxboEM.js";
-import { _ as C, u as x } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { jsx as y } from "react/jsx-runtime";
+import * as g from "react";
+import { forwardRef as m, useCallback as x } from "react";
+import { u as h, S as v, a as C } from "./CustomStyles-DtWxboEM.js";
+import { c as A } from "./CustomStyles-DtWxboEM.js";
+import { _ as M, u as w } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import "./index-B1vKwsDE.js";
-import { d as I } from "./index-Dt62UGku.js";
-var T = /* @__PURE__ */ t(function(n, a) {
-  var o = S(n);
-  return /* @__PURE__ */ O.createElement(M, C({
-    ref: a
-  }, o));
-}), P = T;
-const V = t((n, a) => {
+import { d as R } from "./index-Dt62UGku.js";
+var T = /* @__PURE__ */ m(function(t, r) {
+  var e = h(t);
+  return /* @__PURE__ */ g.createElement(v, M({
+    ref: r
+  }, e));
+}), _ = T;
+const P = m((t, r) => {
   const {
     // options,
-    styles: o,
-    debounceTime: l = 0,
-    name: j,
+    styles: e,
+    debounceTime: c = 0,
     // hideSelectedOptions,
     // id,
     // inputId,
     // value,
     // readOnly,
     // tabIndex,
-    isSearchable: s = !0,
-    isClearable: r = !0,
+    isSearchable: l = !0,
+    isClearable: n = !0,
     // isLoading,
     // isRtl,
     // isDisabled,
@@ -64,203 +62,36 @@ const V = t((n, a) => {
     // onMenuClose,
     // onBlur,
     // onFocus,
-    size: u = "small",
-    color: c = "primary",
-    className: i = "",
-    style: m = {},
+    size: i = "small",
+    color: u = "primary",
+    className: p = "",
+    style: f = {},
     // children,
-    ...p
-  } = n, b = x();
-  return y(
-    I((f, d) => {
-      onInputChange == null || onInputChange(f, d);
-    }, l)
-  ), /* @__PURE__ */ g(
-    P,
+    ...S
+  } = t, d = w(), b = x(
+    R((s, o) => {
+      a == null || a(s, o);
+    }, c)
+  ), a = (s, o) => {
+    b(s, o);
+  };
+  return /* @__PURE__ */ y(
+    _,
     {
-      ref: a,
-      styles: o || h,
-      size: u,
-      color: c,
-      theme: b,
-      isSearchable: s,
-      isClearable: r,
-      className: i,
-      style: m,
-      ...p
+      ref: r,
+      styles: e || C,
+      size: i,
+      color: u,
+      theme: d,
+      isSearchable: l,
+      isClearable: n,
+      className: p,
+      style: f,
+      ...S
     }
   );
 });
-V.propTypes = {
-  options: e.array,
-  styles: e.object,
-  debounceTime: e.number,
-  name: e.string,
-  value: e.any,
-  /**
-   * Sets the tabIndex attribute on the input
-   */
-  tabIndex: e.number,
-  /**
-   * Whether to enable search functionality
-   */
-  isSearchable: e.bool,
-  isClearable: e.bool,
-  /**
-   * Is the select in a state of loading (async)
-   */
-  isLoading: e.bool,
-  /**
-   * Is the select direction right-to-left
-   */
-  isRtl: e.bool,
-  isDisabled: e.bool,
-  readOnly: e.bool,
-  /**
-   * Close the select menu when the user selects an option
-   */
-  closeMenuOnSelect: e.bool,
-  /**
-   * If true, close the select menu when the user scrolls the document/body.
-   * If a function, takes a standard javascript ScrollEvent you return a boolean:
-   * true => The menu closes
-   * false => The menu stays open
-   * This is useful when you have a scrollable modal and want to portal the menu out, but want to avoid graphical issues.
-   */
-  closeMenuOnScroll: e.oneOfType([e.bool, e.func]),
-  /**
-   * Clear all values when the user presses escape AND the menu is closed
-   */
-  escapeClearsValue: e.bool,
-  /**
-   * Custom method to filter whether an option should be displayed in the menu. Type: `null` or `() => boolean`
-   */
-  filterOption: e.func,
-  /**
-   * Formats group labels in the menu as React components
-   */
-  formatGroupLabel: e.func,
-  /**
-   * Formats option labels in the menu and control as React components
-   */
-  formatOptionLabel: e.func,
-  /**
-   * Resolves option data to a string to be displayed as the label by components
-   * Note: Failure to resolve to a string type can interfere with filtering and screen reader support.
-   */
-  getOptionLabel: e.func,
-  /**
-   * Resolves option data to a string to compare options and specify value attributes
-   */
-  getOptionValue: e.func,
-  /**
-   * Hide the selected option from the menu
-   */
-  hideSelectedOptions: e.bool,
-  /**
-   * The id to set on the SelectContainer component
-   */
-  id: e.any,
-  /**
-   * The id of the search input
-   */
-  inputid: e.any,
-  /**
-   * Override the built-in logic to detect whether an option is disabled. `(...) => boolean`
-   */
-  isOptionDisabled: e.func,
-  /**
-   * Override the built-in logic to detect whether an option is selected. `(...) => boolean`
-   */
-  isOptionSelected: e.func,
-  /**
-   * Async: Text to display when loading options `(...) => ...`
-   */
-  loadingMessage: e.func,
-  /**
-   * Minimum height of the menu before flipping
-   */
-  minMenuHeight: e.number,
-  /**
-   * Maximum height of the menu before flipping
-   */
-  maxMenuHeight: e.number,
-  /**
-   * Default placement of the menu in relation to the control. 'auto' will flip when there isn't enough space below the control.
-   */
-  menuPlacement: e.oneOf(["bottom", "auto", "top"]),
-  /**
-   *The CSS position value of the menu, when "fixed" extra layout management is required.
-   */
-  menuPosition: e.oneOf(["absolute", "fixed"]),
-  /**
-   * Whether to block scroll events when the menu is open
-   */
-  menuShouldBlockScroll: e.bool,
-  /**
-   * Whether the menu should be scrolled into view when it opens
-   */
-  menuShouldScrollIntoView: e.bool,
-  /**
-   * Allows control of whether the menu is opened when the Select is focused
-   */
-  openMenuOnFocus: e.bool,
-  /**
-   * Allows control of whether the menu is opened when the Select is clicked
-   */
-  openMenuOnClick: e.bool,
-  //----
-  autoFocus: e.bool,
-  placeholder: e.any,
-  noOptionsMessage: e.string,
-  menuIsOpen: e.bool,
-  /**
-   *  This complex object includes all the compositional components that are used in react-select. If you wish to overwrite a component, pass in an object with the appropriate namespace.
-   *  If you only wish to restyle a component, we recommend using the styles prop instead.
-   */
-  components: e.object,
-  /**
-   * initial value of the control
-   */
-  defaultValue: e.any,
-  /**
-   * initial value of the search input
-   */
-  defaultInputValue: e.string,
-  /**
-   * initial open value of the menu
-   */
-  defaultMenuIsOpen: e.bool,
-  /**
-   * Delimiter used to join multiple values into a single HTML Input value
-   */
-  delimiter: e.string,
-  //---------------------------------------------------------------
-  onChange: e.func,
-  /**
-   * control the value of the search input (changing this will update the available options)
-   */
-  onInputChange: e.func,
-  onMenuOpen: e.func,
-  onMenuClose: e.func,
-  onFocus: e.func,
-  onBlur: e.func,
-  //---------------------------------------------------------------
-  className: e.string,
-  style: e.object,
-  color: e.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ]),
-  size: e.oneOf(["small", "medium", "large"])
-};
 export {
-  H as components,
-  V as default
+  A as components,
+  P as default
 };

package/dist/DropdownItem.cjs

@@ -1,6 +1,6 @@
-"use strict";const c=require("react/jsx-runtime"),d=require("react"),s=require("./index-BpbMKBf_.cjs"),G=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./Icon.cjs"),l=require("./utils-RnrgDDZP.cjs"),H=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),J=G.styled.div`
+"use strict";const a=require("react/jsx-runtime"),d=require("react"),H=require("./emotion-styled.browser.esm-BtEseadx.cjs"),$=require("./Icon.cjs"),t=require("./utils-RnrgDDZP.cjs"),J=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),Q=H.styled.div`
   box-sizing: border-box;
-  cursor: ${o=>o.disabled==!1?"pointer":"context-menu"};
+  cursor: ${l=>l.disabled==!1?"pointer":"context-menu"};
   width: 100%;
   border-radius: 6px;
   display: flex;
@@ -8,29 +8,29 @@
   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: ${l=>t.getColorRgbaValue(l.theme,"MenuItem",l.color,l.isActive===!0?"active":"enabled","text")};
   &:hover {
-    ${o=>o.disabled===!1&&`background-color: ${l.getColorRgbaValue(o.theme,"MenuItem",o.color,"hover","background","backgroundOpacity")};`}
+    ${l=>l.disabled===!1&&`background-color: ${t.getColorRgbaValue(l.theme,"MenuItem",l.color,"hover","background","backgroundOpacity")};`}
 
-    ${o=>o.disabled===!1&&`color: ${l.getColorRgbaValue(o.theme,"MenuItem",o.color,"hover","text")};`}
+    ${l=>l.disabled===!1&&`color: ${t.getColorRgbaValue(l.theme,"MenuItem",l.color,"hover","text")};`}
     & .drop-down-icon-lnc {
-      ${o=>o.disabled===!1&&`color: ${l.getColorRgbaValue(o.theme,"MenuItem",o.color,"hover","icon")};`}
+      ${l=>l.disabled===!1&&`color: ${t.getColorRgbaValue(l.theme,"MenuItem",l.color,"hover","icon")};`}
     }
   }
-  ${o=>l.getComponentTypographyCss(o.theme,"MenuItem",o.size,"enabled")};
+  ${l=>t.getComponentTypographyCss(l.theme,"MenuItem",l.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: ${l=>l.isActive&&l.disabled==!1?t.getColorRgbaValue(l.theme,"MenuItem",l.color,"focus","icon"):t.getColorRgbaValue(l.theme,"MenuItem",l.color,"enabled","icon")};
+    ${l=>l.disabled===!0&&t.getDisabledStateCss(l.theme)};
     background: transparent;
   }
   & .sub-menu-icon-lnc {
     margin-left: auto;
-    transform: ${o=>o.showNested?"rotate(180deg)":"rotate(0)"};
+    transform: ${l=>l.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")};
+  ${l=>l.isActive==!0&&l.disabled==!1&&`background-color: ${t.getColorRgbaValue(l.theme,"MenuItem",l.color,"focus","background","backgroundOpacity")};
+    color: ${t.getColorRgbaValue(l.theme,"MenuItem",l.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:C=()=>{},color:k,className:_="",style:R={},size:A="small",iconProps:S,children:y,...q}=o,D={theme:H.useTheme(),color:k,style:R,size:A},g=d.useRef(),[O,b]=d.useState(f);d.useEffect(()=>{b(f)},[f]);const V=e=>{m==!1&&(u&&r&&r(),C(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(),C(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(w,{icon:T,className:"drop-down-icon-lnc",...S}),c.jsx("div",{className:"menu-item-text-lnc",children:y}),u&&c.jsx(w,{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;
+  ${l=>l.disabled===!0&&t.getDisabledStateCss(l.theme)};
+`,x=d.forwardRef((l,i)=>{const{active:m=!1,icon:C,disabled:f=!1,isNested:r=!1,showNested:v,value:w,onFocus:N=()=>{},onBlur:k=()=>{},onClick:R=()=>{},onKeyDown:A=()=>{},toggleNested:c=()=>{},onItemSelected:E=()=>{},color:M,className:S="",style:q={},size:D="small",iconProps:V,children:u,...O}=l,j={theme:J.useTheme(),color:M,style:q,size:D},b=d.useRef(),[F,g]=d.useState(m);d.useEffect(()=>{g(m)},[m]);const _=e=>{f==!1&&(r&&c&&c(),E(e,w,u),R(e))},P=e=>{g(!0),N(e)},z=e=>{g(!1),k(e)},B=e=>{e.preventDefault(),e.key=="ArrowDown"?h(i?i.current:b.current):e.key=="ArrowUp"?y(i?i.current:b.current):e.key=="Enter"&&f==!1&&(r&&c&&c(),E(e,w,u)),A(e)},h=e=>{if(e!=null&&e.nextSibling){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 s=U(n.node);s&&s.focus()}else e!=null&&e.parentElement&&o(e.parentElement,"nested-item-lnc")&&h(e.parentElement)}else e!=null&&e.parentElement&&o(e.parentElement,"nested-item-lnc")&&h(e.parentElement)},y=e=>{if(e!=null&&e.previousSibling){let n=T(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 s=L(n.node);s&&s.focus()}else e!=null&&e.parentElement&&o(e.parentElement,"nested-item-lnc")&&y(e.parentElement)}else e!=null&&e.parentElement&&o(e.parentElement,"nested-item-lnc")&&y(e.parentElement)},K=e=>{for(;e=e.nextSibling;){if(o(e,"menu-item-lnc"))return{node:e,type:"item"};if(o(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},T=e=>{for(;e=e.previousSibling;){if(o(e,"menu-item-lnc"))return{node:e,type:"item"};if(o(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},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()},o=(e,n)=>{var s=" "+e.className+" ",G=" "+n+" ";return s.indexOf(G)!=-1};return a.jsx(a.Fragment,{children:a.jsxs(Q,{ref:i||b,className:"menu-item-lnc "+S,disabled:f,tabIndex:0,onKeyDown:B,onFocus:P,onBlur:z,onClick:_,isActive:F,showNested:v,...j,...O,children:[C&&a.jsx($,{icon:C,className:"drop-down-icon-lnc",...V}),a.jsx("div",{className:"menu-item-text-lnc",children:u}),r&&a.jsx($,{icon:"angle-down",className:"sub-menu-icon-lnc"})]})})});x.displayName="MENU_ITEM";module.exports=x;