@lanaco/lnc-react-ui 4.0.161 → 4.0.163

package/dist/index-Be-_NM9Q.cjs

@@ -0,0 +1,4 @@
+"use strict";const d=require("react/jsx-runtime"),t=require("react"),l=require("./index-BpbMKBf_.cjs"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./useUpdateEffect-BtMgpgIV.cjs"),m=s=>{const[i,n]=t.useState(!1),e=t.useMemo(()=>new IntersectionObserver(([r])=>n(r.isIntersecting)),[]);return t.useEffect(()=>(e.observe(s.current),()=>{e.disconnect()}),[s,e]),i},I=a.styled.div`
+  min-height: 1px;
+  ${s=>s.isHorizontal===!0?"min-width: 1px; width: 1px;":"width: 100%;"}
+`,u=t.forwardRef((s,i)=>{const{onIsVisible:n=()=>{},onIsNotVisible:e,isHorizontal:r=!1,className:f=""}=s,o=t.useRef(null),c=m(o);return p.useUpdateEffect(()=>{c?n():e==null||e()},[c]),d.jsx(I,{ref:o,className:`scroller-element ${f}`,isHorizontal:r})});u.propTypes={onIsVisible:l.PropTypes.func,isHorizontal:l.PropTypes.bool};exports.InfiniteScrollEndElement=u;

package/dist/index-BvQx3xAm.cjs

@@ -0,0 +1,95 @@
+"use strict";const l=require("react/jsx-runtime"),n=require("react"),r=require("./index-BpbMKBf_.cjs"),V=require("./FlexBox.cjs"),R=require("./IconButton.cjs"),_=require("./ThemeProvider.cjs"),z=require("./emotion-styled.browser.esm-BtEseadx.cjs"),E=require("./consts-goSZX3xP.cjs"),D=require("./useDetectMobile-zkbzoOGV.cjs"),K=require("./index-Be-_NM9Q.cjs"),O=require("./Button.cjs"),F=require("./Icon.cjs"),G=require("./utils-Dl9xPH4c.cjs"),X=z.styled.div`
+  position: relative;
+  padding: ${e=>e.padding};
+
+  & button {
+    white-space: nowrap;
+  }
+
+  & .badge-button {
+    ${e=>e.showTimesBtn===!0&&"padding-left: 0.5rem; padding-right: 0.5rem;"}
+  }
+
+  & .gradient {
+    position: absolute;
+    top: 50%;
+    transform: translate(0, -50%);
+    z-index: 4;
+    transition: ${"0.3s"};
+    right: ${e=>e.noArrows!==!0?"6rem":"0"};
+    width: 2rem;
+    background: #fff;
+    height: 100%;
+    -webkit-mask-image: linear-gradient(to left, black 10%, transparent 50%);
+    mask-image: linear-gradient(to left, black 10%, transparent 50%);
+  }
+
+  & .scrollable-container {
+    max-width: -webkit-fill-available;
+    max-width: -moz-available; /* WebKit-based browsers will ignore this. */
+    max-width: fill-available;
+
+    ${e=>e.rightAlignArrows===!0&&e.noArrows!==!0&&"margin-right: 6rem"};
+    scroll-behavior: smooth;
+    overflow: hidden;
+    -webkit-overflow-scrolling: touch;
+    ::-webkit-scrollbar {
+      -webkit-appearance: none;
+    }
+    -ms-overflow-style: none;
+    /* Internet Explorer 10+ */
+    scrollbar-width: none;
+    /* Firefox */
+
+    &::-webkit-scrollbar {
+      display: none;
+      /* Safari and Chrome */
+    }
+
+    @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
+      margin-right: 0;
+    }
+  }
+  & .scroll-arrow-right,
+  & .scroll-arrow-left {
+    position: absolute;
+    top: 50%;
+    transform: translate(0, -50%);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+
+    visibility: ${e=>e.arrowsVisibleOnHover===!1&&e.hasOverflow?"visible":"hidden"};
+    z-index: 4;
+    transition: ${"0.3s"};
+  }
+  & .scroll-arrow-right {
+    ${e=>e.rightAlignArrows===!0?"right: 0":"right: 0.7rem"};
+  }
+  & .scroll-arrow-left {
+    ${e=>e.rightAlignArrows===!0?"right: 2.625rem":"left: 0.7rem"};
+  }
+  & .scrollable-container:hover > .scroll-arrow-left,
+  & .scrollable-container:hover > .scroll-arrow-right {
+    visibility: ${e=>e.hasOverflow?"visible":"hidden"};
+  }
+
+  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
+    & .scrollable-container {
+      overflow: auto;
+    }
+    & .scroll-arrow-left,
+    & .scroll-arrow-right {
+      display: none;
+    }
+
+    & .gradient {
+      right: 0;
+    }
+
+    & .scrollable-container button:nth-of-type(3) {
+      ${e=>e.noMargin!==!0&&"margin-left: 1rem"};
+    }
+  }
+`,W=n.forwardRef(({columnGap:e="2rem",rowGap:w="1.25rem",scrollBySize:u=300,wrapForMobile:y=!1,wrap:a=!1,children:p,methodsRef:b,arrowsVisibleOnHover:T=!0,rightAlignArrows:v=!1,padding:f="0",showTimesBtn:h,noArrows:c,noGradient:x=!1,hideDisabledArrows:d=!1,noMargin:g=!1,...P},S)=>{const k=D.useDetectMobile(),{theme:o}=_.useTheme(),[t,j]=n.useState(!1),[m,N]=n.useState(!1),[H,I]=n.useState(!0),s=n.useRef(),q=()=>{var i;(i=s.current)==null||i.scrollBy(u,0)},B=()=>{var i;(i=s.current)==null||i.scrollBy(-u,0)},[$,L]=n.useState(!1);n.useEffect(()=>{var i,A;L(((i=s==null?void 0:s.current)==null?void 0:i.scrollWidth)>((A=s==null?void 0:s.current)==null?void 0:A.clientWidth))},[p]),n.useImperativeHandle(b,()=>({scrollToEnd(){M()},scrollLeft(){B()},scrollRight(){q()}}));const M=()=>{s.current.scrollLeft=s.current.scrollWidth};return l.jsx(X,{ref:S,arrowsVisibleOnHover:T,hasOverflow:$,noArrows:c,padding:f,rightAlignArrows:v,showTimesBtn:h,theme:o,noMargin:g,...P,children:l.jsxs(V,{ref:s,className:"scrollable-container",columnGap:e,rowGap:w,wrap:a||y&&k?"Wrap":"NoWrap",children:[c!==!0&&l.jsxs(l.Fragment,{children:[!(d===!0&&m===!0)&&l.jsx(R,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-left",color:"neutral",disabled:m,icon:"angle-left",onClick:B}),!(d===!0&&t===!0)&&l.jsx(R,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-right",color:"neutral",disabled:t,icon:"angle-right",onClick:q})]}),l.jsx(K.InfiniteScrollEndElement,{isHorizontal:!0,onIsNotVisible:()=>{m===!0&&N(!1)},onIsVisible:()=>{m===!1&&N(!0)}}),p,l.jsx(K.InfiniteScrollEndElement,{className:"right-scroller",isHorizontal:!0,onIsNotVisible:()=>{t===!0&&j(!1),I(!0)},onIsVisible:()=>{t===!1&&j(!0),I(!1)}}),H&&$&&x!==!0&&l.jsx("div",{className:"gradient"})]})})});W.propTypes={title:r.PropTypes.string,rowGap:r.PropTypes.string,columnGap:r.PropTypes.string,scrollBySize:r.PropTypes.number,wrapForMobile:r.PropTypes.bool,wrap:r.PropTypes.bool,methodsRef:r.PropTypes.any,arrowsVisibleOnHover:r.PropTypes.bool,rightAlignArrows:r.PropTypes.bool,padding:r.PropTypes.string};const C=n.forwardRef((e,w)=>{const{allButton:u=!0,items:y=[],selectedIds:a=[],onSelect:p=()=>{},onRemove:b=()=>{},onSelectAll:T=()=>{},className:v,showTimesBtn:f=!1,labelKey:h="label",valueKey:c="value",codeKey:x="code",uniqueKey:d,typeKey:g,productsToolbarName:P="All",...S}=e,k=(o,t)=>{a!=null&&a.includes(t)?b(o,t):p(o,t)};return l.jsxs(W,{ref:w,arrowsVisibleOnHover:!1,className:v,columnGap:"0.75rem",padding:"0.25rem 0",rightAlignArrows:!0,showTimesBtn:f,...S,children:[u&&l.jsx(O,{borderRadius:"curved",btnType:a.length===0?"filled":"tinted",className:"badge-button",color:"neutral",onClick:T,children:P}),y.map((o,t)=>l.jsxs(O,{borderRadius:"curved",btnType:a.includes(o.uuid)?"filled":"tinted",className:"badge-button",color:"neutral",onClick:()=>k(o,o[c]),children:[G.isDefined(o==null?void 0:o.icon)&&l.jsxs(l.Fragment,{children:[l.jsx("i",{className:o==null?void 0:o.icon})," "]}),o[h],f===!0&&l.jsx(F,{className:"times-btn",icon:"times",sizeInUnits:"0.75rem",onClick:()=>b(o[c],o[h],o[x],d?o[d]:null,g?o[g]:null)})]},t))]})});C.propTypes={allButton:r.PropTypes.bool,items:r.PropTypes.array,selectedIds:r.PropTypes.array,onSelect:r.PropTypes.func,onRemove:r.PropTypes.func,onSelectAll:r.PropTypes.func,className:r.PropTypes.string,showTimesBtn:r.PropTypes.bool,valuKey:r.PropTypes.string,labelKey:r.PropTypes.string,codeKey:r.PropTypes.string};exports.SelectBar=C;

package/dist/index-C0LcDEqa.js

@@ -0,0 +1,47 @@
+import { jsx as f } from "react/jsx-runtime";
+import { useState as m, useMemo as a, useEffect as p, forwardRef as u, useRef as d } from "react";
+import { P as c } from "./index-CblbdqjE.js";
+import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { u as b } from "./useUpdateEffect-CuYWz7EA.js";
+const w = (s) => {
+  const [n, t] = m(!1), e = a(
+    () => new IntersectionObserver(
+      ([r]) => t(r.isIntersecting)
+    ),
+    []
+  );
+  return p(() => (e.observe(s.current), () => {
+    e.disconnect();
+  }), [s, e]), n;
+}, h = I.div`
+  min-height: 1px;
+  ${(s) => s.isHorizontal === !0 ? "min-width: 1px; width: 1px;" : "width: 100%;"}
+`, v = u((s, n) => {
+  const {
+    onIsVisible: t = () => {
+    },
+    onIsNotVisible: e,
+    isHorizontal: r = !1,
+    className: l = ""
+  } = s, o = d(null), i = w(o);
+  return b(() => {
+    i ? t() : e == null || e();
+  }, [i]), /* @__PURE__ */ f(
+    h,
+    {
+      ref: o,
+      className: `scroller-element ${l}`,
+      isHorizontal: r
+    }
+  );
+});
+v.propTypes = {
+  onIsVisible: c.func,
+  /**
+   * For horizontal scroll InfiniteScrollEndElement has to have some widh otherwise it won't ever be visible and trigger onIsVisible callback
+   */
+  isHorizontal: c.bool
+};
+export {
+  v as I
+};

package/dist/index-dXWRbvgi.js

@@ -0,0 +1,345 @@
+import { jsx as i, jsxs as d, Fragment as z } from "react/jsx-runtime";
+import _, { useState as w, useRef as F, useEffect as j, useImperativeHandle as P, forwardRef as q } from "react";
+import { P as r } from "./index-CblbdqjE.js";
+import U from "./FlexBox.js";
+import W from "./IconButton.js";
+import { useTheme as X } from "./ThemeProvider.js";
+import { s as Z } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as C } from "./consts-BuFChS64.js";
+import { u as J } from "./useDetectMobile-Bkvj0VMa.js";
+import { I as H } from "./index-C0LcDEqa.js";
+import V from "./Button.js";
+import Q from "./Icon.js";
+import { l as Y } from "./utils-BdsZgOUE.js";
+const ee = Z.div`
+  position: relative;
+  padding: ${(e) => e.padding};
+
+  & button {
+    white-space: nowrap;
+  }
+
+  & .badge-button {
+    ${(e) => e.showTimesBtn === !0 && "padding-left: 0.5rem; padding-right: 0.5rem;"}
+  }
+
+  & .gradient {
+    position: absolute;
+    top: 50%;
+    transform: translate(0, -50%);
+    z-index: 4;
+    transition: ${"0.3s"};
+    right: ${(e) => e.noArrows !== !0 ? "6rem" : "0"};
+    width: 2rem;
+    background: #fff;
+    height: 100%;
+    -webkit-mask-image: linear-gradient(to left, black 10%, transparent 50%);
+    mask-image: linear-gradient(to left, black 10%, transparent 50%);
+  }
+
+  & .scrollable-container {
+    max-width: -webkit-fill-available;
+    max-width: -moz-available; /* WebKit-based browsers will ignore this. */
+    max-width: fill-available;
+
+    ${(e) => e.rightAlignArrows === !0 && e.noArrows !== !0 && "margin-right: 6rem"};
+    scroll-behavior: smooth;
+    overflow: hidden;
+    -webkit-overflow-scrolling: touch;
+    ::-webkit-scrollbar {
+      -webkit-appearance: none;
+    }
+    -ms-overflow-style: none;
+    /* Internet Explorer 10+ */
+    scrollbar-width: none;
+    /* Firefox */
+
+    &::-webkit-scrollbar {
+      display: none;
+      /* Safari and Chrome */
+    }
+
+    @media (max-width: ${C + "px"}) {
+      margin-right: 0;
+    }
+  }
+  & .scroll-arrow-right,
+  & .scroll-arrow-left {
+    position: absolute;
+    top: 50%;
+    transform: translate(0, -50%);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+
+    visibility: ${(e) => e.arrowsVisibleOnHover === !1 && e.hasOverflow ? "visible" : "hidden"};
+    z-index: 4;
+    transition: ${"0.3s"};
+  }
+  & .scroll-arrow-right {
+    ${(e) => e.rightAlignArrows === !0 ? "right: 0" : "right: 0.7rem"};
+  }
+  & .scroll-arrow-left {
+    ${(e) => e.rightAlignArrows === !0 ? "right: 2.625rem" : "left: 0.7rem"};
+  }
+  & .scrollable-container:hover > .scroll-arrow-left,
+  & .scrollable-container:hover > .scroll-arrow-right {
+    visibility: ${(e) => e.hasOverflow ? "visible" : "hidden"};
+  }
+
+  @media (max-width: ${C + "px"}) {
+    & .scrollable-container {
+      overflow: auto;
+    }
+    & .scroll-arrow-left,
+    & .scroll-arrow-right {
+      display: none;
+    }
+
+    & .gradient {
+      right: 0;
+    }
+
+    & .scrollable-container button:nth-of-type(3) {
+      ${(e) => e.noMargin !== !0 && "margin-left: 1rem"};
+    }
+  }
+`, L = _.forwardRef(
+  ({
+    columnGap: e = "2rem",
+    rowGap: v = "1.25rem",
+    scrollBySize: f = 300,
+    wrapForMobile: y = !1,
+    wrap: a = !1,
+    children: u,
+    methodsRef: b,
+    arrowsVisibleOnHover: k = !0,
+    rightAlignArrows: x = !1,
+    padding: m = "0",
+    showTimesBtn: h,
+    noArrows: n,
+    noGradient: S = !1,
+    hideDisabledArrows: c = !1,
+    noMargin: g = !1,
+    ...N
+  }, T) => {
+    const $ = J(), { theme: l } = X(), [t, A] = w(!1), [p, B] = w(!1), [M, I] = w(!0), o = F(), R = () => {
+      var s;
+      (s = o.current) == null || s.scrollBy(f, 0);
+    }, K = () => {
+      var s;
+      (s = o.current) == null || s.scrollBy(-f, 0);
+    }, [E, D] = w(!1);
+    j(() => {
+      var s, O;
+      D(
+        ((s = o == null ? void 0 : o.current) == null ? void 0 : s.scrollWidth) > ((O = o == null ? void 0 : o.current) == null ? void 0 : O.clientWidth)
+      );
+    }, [u]), P(b, () => ({
+      scrollToEnd() {
+        G();
+      },
+      scrollLeft() {
+        K();
+      },
+      scrollRight() {
+        R();
+      }
+    }));
+    const G = () => {
+      o.current.scrollLeft = o.current.scrollWidth;
+    };
+    return /* @__PURE__ */ i(
+      ee,
+      {
+        ref: T,
+        arrowsVisibleOnHover: k,
+        hasOverflow: E,
+        noArrows: n,
+        padding: m,
+        rightAlignArrows: x,
+        showTimesBtn: h,
+        theme: l,
+        noMargin: g,
+        ...N,
+        children: /* @__PURE__ */ d(
+          U,
+          {
+            ref: o,
+            className: "scrollable-container",
+            columnGap: e,
+            rowGap: v,
+            wrap: a || y && $ ? "Wrap" : "NoWrap",
+            children: [
+              n !== !0 && /* @__PURE__ */ d(z, { children: [
+                !(c === !0 && p === !0) && /* @__PURE__ */ i(
+                  W,
+                  {
+                    borderRadius: "curved",
+                    btnType: "tinted",
+                    className: "scroll-arrow-left",
+                    color: "neutral",
+                    disabled: p,
+                    icon: "angle-left",
+                    onClick: K
+                  }
+                ),
+                !(c === !0 && t === !0) && /* @__PURE__ */ i(
+                  W,
+                  {
+                    borderRadius: "curved",
+                    btnType: "tinted",
+                    className: "scroll-arrow-right",
+                    color: "neutral",
+                    disabled: t,
+                    icon: "angle-right",
+                    onClick: R
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ i(
+                H,
+                {
+                  isHorizontal: !0,
+                  onIsNotVisible: () => {
+                    p === !0 && B(!1);
+                  },
+                  onIsVisible: () => {
+                    p === !1 && B(!0);
+                  }
+                }
+              ),
+              u,
+              /* @__PURE__ */ i(
+                H,
+                {
+                  className: "right-scroller",
+                  isHorizontal: !0,
+                  onIsNotVisible: () => {
+                    t === !0 && A(!1), I(!0);
+                  },
+                  onIsVisible: () => {
+                    t === !1 && A(!0), I(!1);
+                  }
+                }
+              ),
+              M && E && S !== !0 && /* @__PURE__ */ i("div", { className: "gradient" })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+L.propTypes = {
+  title: r.string,
+  rowGap: r.string,
+  columnGap: r.string,
+  scrollBySize: r.number,
+  wrapForMobile: r.bool,
+  wrap: r.bool,
+  methodsRef: r.any,
+  arrowsVisibleOnHover: r.bool,
+  rightAlignArrows: r.bool,
+  padding: r.string
+};
+const re = q((e, v) => {
+  const {
+    allButton: f = !0,
+    items: y = [],
+    selectedIds: a = [],
+    onSelect: u = () => {
+    },
+    onRemove: b = () => {
+    },
+    onSelectAll: k = () => {
+    },
+    className: x,
+    showTimesBtn: m = !1,
+    labelKey: h = "label",
+    valueKey: n = "value",
+    codeKey: S = "code",
+    uniqueKey: c,
+    typeKey: g,
+    productsToolbarName: N = "All",
+    ...T
+  } = e, $ = (l, t) => {
+    a != null && a.includes(t) ? b(l, t) : u(l, t);
+  };
+  return /* @__PURE__ */ d(
+    L,
+    {
+      ref: v,
+      arrowsVisibleOnHover: !1,
+      className: x,
+      columnGap: "0.75rem",
+      padding: "0.25rem 0",
+      rightAlignArrows: !0,
+      showTimesBtn: m,
+      ...T,
+      children: [
+        f && /* @__PURE__ */ i(
+          V,
+          {
+            borderRadius: "curved",
+            btnType: a.length === 0 ? "filled" : "tinted",
+            className: "badge-button",
+            color: "neutral",
+            onClick: k,
+            children: N
+          }
+        ),
+        y.map((l, t) => /* @__PURE__ */ d(
+          V,
+          {
+            borderRadius: "curved",
+            btnType: a.includes(l.uuid) ? "filled" : "tinted",
+            className: "badge-button",
+            color: "neutral",
+            onClick: () => $(l, l[n]),
+            children: [
+              Y(l == null ? void 0 : l.icon) && /* @__PURE__ */ d(z, { children: [
+                /* @__PURE__ */ i("i", { className: l == null ? void 0 : l.icon }),
+                " "
+              ] }),
+              l[h],
+              m === !0 && /* @__PURE__ */ i(
+                Q,
+                {
+                  className: "times-btn",
+                  icon: "times",
+                  sizeInUnits: "0.75rem",
+                  onClick: () => b(
+                    l[n],
+                    l[h],
+                    l[S],
+                    c ? l[c] : null,
+                    g ? l[g] : null
+                  )
+                }
+              )
+            ]
+          },
+          t
+        ))
+      ]
+    }
+  );
+});
+re.propTypes = {
+  allButton: r.bool,
+  items: r.array,
+  selectedIds: r.array,
+  onSelect: r.func,
+  onRemove: r.func,
+  onSelectAll: r.func,
+  className: r.string,
+  showTimesBtn: r.bool,
+  valuKey: r.string,
+  labelKey: r.string,
+  codeKey: r.string
+};
+export {
+  re as S
+};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./CheckBoxInput.cjs"),t=require("./ColorInput.cjs"),e=require("./DateInput.cjs"),n=require("./DecimalInput.cjs"),i=require("./DecimalInputV2.cjs"),c=require("./FileInput.cjs"),a=require("./NumberInput.cjs"),s=require("./PasswordInput.cjs"),u=require("./RadioInput.cjs"),d=require("./RangeSlider.cjs"),q=require("./TextAreaInput.cjs"),l=require("./TextInput.cjs"),S=require("./TimeInput.cjs"),p=require("./Badge.cjs"),g=require("./Chip.cjs"),C=require("./DataView.cjs"),m=require("./DetailsView.cjs"),B=require("./EditableTable.cjs"),I=require("./FormView.cjs"),D=require("./Kanban.cjs"),b=require("./KanbanCard-BDvoqTDS.cjs"),T=require("./KanbanHeader.cjs"),F=require("./KanbanFooter.cjs"),P=require("./KanbanView.cjs"),w=require("./KanbanActionsToolbar.cjs"),h=require("./Table.cjs"),f=require("./TableView.cjs"),M=require("./ActionsToolbar.cjs"),A=require("./Alert.cjs"),v=require("./Notification.cjs"),G=require("./NotificationContainer.cjs"),x=require("./NotificationMessage.cjs"),L=require("./ProgressBar.cjs"),y=require("./Spinner.cjs"),K=require("./Avatar.cjs"),N=require("./Button.cjs"),V=require("./Icon.cjs"),W=require("./IconButton.cjs"),k=require("./Link.cjs"),H=require("./Surface.cjs"),R=require("./UploadedFile.cjs"),O=require("./DoubleRangeSlider.cjs"),E=require("./DragAndDropFile.cjs"),Q=require("./DragDropFiles.cjs"),U=require("./Dropdown.cjs"),z=require("./DropdownLookup.cjs"),j=require("./MultiSelectDropdown.cjs"),J=require("./MultiSelectDropdownLookup.cjs"),X=require("./RadioGroup.cjs"),Y=require("./SearchBar.cjs"),Z=require("./Toggle.cjs"),_=require("./ButtonGroup.cjs"),$=require("./Content.cjs"),ee=require("./FlexBox.cjs"),re=require("./FlexGrid.cjs"),oe=require("./FlexGridItem.cjs"),te=require("./Footer.cjs"),ne=require("./FormField.cjs"),ie=require("./Grid.cjs"),ce=require("./GridItem.cjs"),ae=require("./Header.cjs"),se=require("./PageLayout.cjs"),ue=require("./Sidebar.cjs"),de=require("./Tabs.cjs"),qe=require("./TabItem.cjs"),le=require("./Accordion.cjs"),Se=require("./AccordionSummary.cjs"),pe=require("./AccordionDetails.cjs"),ge=require("./Breadcrumbs.cjs"),Ce=require("./ConfirmationForm.cjs"),me=require("./Drawer.cjs"),Be=require("./DropdownMenu.cjs"),Ie=require("./DropdownItem.cjs"),De=require("./NestedDropdownItem.cjs"),be=require("./Separator.cjs"),Te=require("./Modal.cjs"),Fe=require("./Pagination.cjs"),Pe=require("./Popover.cjs"),we=require("./PopoverClose.cjs"),he=require("./PopoverHeading.cjs"),fe=require("./PopoverContent.cjs"),Me=require("./PopoverTrigger.cjs"),Ae=require("./PopoverDescription.cjs"),ve=require("./SwipeableDrawer.cjs"),Ge=require("./TreeMenu.cjs"),xe=require("./MenuItem.cjs"),Le=require("./NestedMenuItem.cjs"),ye=require("./TreeMenuSeparator.cjs"),Ke=require("./MasonryGeneralCardsSection.cjs"),Ne=require("./DetailedProductsSection.cjs"),Ve=require("./DetailedProductsInfinitiveSection.cjs"),We=require("./ProductsWithBannerSection.cjs"),ke=require("./SimpleProductsSection.cjs"),He=require("./UrgentSaleProductsSection.cjs"),Re=require("./BannerSectionCarousel.cjs"),Oe=require("./BannerSectionGrid.cjs"),Ee=require("./BannerSectionSimple.cjs"),Qe=require("./BannerSectionWithList.cjs"),Ue=require("./BannerSectionWithListImage.cjs"),ze=require("./GiftCardsSection.cjs"),je=require("./BrandHitsSection.cjs"),Je=require("./FieldOfInterestsMasonrySection.cjs"),Xe=require("./FieldOfInterestsWithAvatarsCardsSection.cjs"),Ye=require("./FieldOfInterestsWithTagsCardsSection.cjs"),Ze=require("./BannerSectionBasic.cjs"),_e=require("./GeneralWithTagsCardsSection.cjs"),$e=require("./ShopCardsSection.cjs"),er=require("./QuizSection.cjs"),rr=require("./SalesCampaignsSection.cjs"),or=require("./CalorieCalculatorSection.cjs"),tr=require("./BlogCategoryCardsSection.cjs"),nr=require("./BlogProductCardsSection.cjs"),ir=require("./BlogShopCardsSection.cjs"),cr=require("./BlogCardsSponsoredSection.cjs"),ar=require("./BlogListSection.cjs"),sr=require("./AdBannerSection.cjs"),ur=require("./QuattroCardsSection.cjs"),dr=require("./FeedbackSection.cjs"),qr=require("./HelpBannerSection.cjs"),lr=require("./ContactSection.cjs"),Sr=require("./FaqSection.cjs"),pr=require("./SearchSection-BcbHP6QF.cjs"),gr=require("./StatsSection.cjs"),Cr=require("./ToggleSection.cjs"),mr=require("./BlogExploreSection.cjs"),r=require("./ThemeProvider.cjs"),Br=require("./CustomStyles-BwHfr4iM.cjs");exports.CheckBoxInput=o;exports.ColorInput=t;exports.DateInput=e.default;exports.registerLocale=e.registerLocale;exports.DecimalInput=n;exports.DecimalInputV2=i;exports.FileInput=c;exports.NumberInput=a;exports.PasswordInput=s;exports.RadioInput=u;exports.RangeSlider=d;exports.TextAreaInput=q;exports.TextInput=l;exports.TimeInput=S;exports.Badge=p;exports.Chip=g;exports.DataView=C;exports.DetailsView=m;exports.EditableTable=B;exports.FormView=I;exports.Kanban=D;exports.KanbanCard=b.KanbanCard;exports.KanbanHeader=T;exports.KanbanFooter=F;exports.KanbanView=P;exports.KanbanActionsToolbar=w;exports.Table=h.default;exports.TableView=f;exports.ActionsToolbar=M;exports.Alert=A;exports.Notification=v;exports.NotificationContainer=G;exports.NotificationMessage=x;exports.ProgressBar=L;exports.Spinner=y;exports.Avatar=K;exports.Button=N;exports.Icon=V;exports.IconButton=W;exports.Link=k;exports.Surface=H;exports.UploadedFile=R;exports.DoubleRangeSlider=O;exports.DragAndDropFile=E;exports.DragDropFiles=Q;exports.Dropdown=U.default;exports.DropdownLookup=z;exports.MultiSelectDropdown=j;exports.MultiSelectDropdownLookup=J;exports.RadioGroup=X;exports.SearchBar=Y;exports.Toggle=Z;exports.ButtonGroup=_;exports.Content=$;exports.FlexBox=ee;exports.FlexGrid=re;exports.FlexGridItem=oe;exports.Footer=te;exports.FormField=ne;exports.Grid=ie;exports.GridItem=ce;exports.Header=ae;exports.PageLayout=se;exports.Sidebar=ue;exports.Tabs=de;exports.TabItem=qe;exports.Accordion=le;exports.AccordionSummary=Se;exports.AccordionDetails=pe.default;exports.Breadcrumbs=ge;exports.ConfirmationForm=Ce;exports.Drawer=me;exports.DropdownMenu=Be;exports.DropdownItem=Ie;exports.NestedDropdownItem=De;exports.Separator=be;exports.Modal=Te;exports.Pagination=Fe;exports.Popover=Pe;exports.PopoverClose=we;exports.PopoverHeading=he;exports.PopoverContent=fe;exports.PopoverTrigger=Me;exports.PopoverDescription=Ae;exports.SwipeableDrawer=ve;exports.TreeMenu=Ge;exports.MenuItem=xe;exports.NestedMenuItem=Le;exports.TreeMenuSeparator=ye;exports.MasonryGeneralCardsSection=Ke;exports.DetailedProductsSection=Ne;exports.DetailedProductsInfinitiveSection=Ve;exports.ProductsWithBannerSection=We;exports.SimpleProductsSection=ke;exports.UrgentSaleProductsSection=He;exports.BannerSectionCarousel=Re;exports.BannerSectionGrid=Oe;exports.BannerSectionSimple=Ee;exports.BannerSectionWithList=Qe;exports.BannerSectionWithListImage=Ue;exports.GiftCardsSection=ze;exports.BrandHitsSection=je;exports.FieldOfInterestsMasonrySection=Je;exports.FieldOfInterestsWithAvatarsCardsSection=Xe;exports.FieldOfInterestsWithTagsCardsSection=Ye;exports.BannerSectionBasic=Ze;exports.GeneralWithTagsCardsSection=_e;exports.ShopCardsSection=$e;exports.QuizSection=er;exports.SalesCampaignsSection=rr;exports.CalorieCalculatorSection=or;exports.BlogCategoryCardsSection=tr;exports.BlogProductCardsSection=nr;exports.BlogShopCardsSection=ir;exports.BlogCardsSponsoredSection=cr;exports.BlogListSection=ar;exports.AdBannerSection=sr;exports.QuattroCardsSection=ur;exports.FeedbackSection=dr;exports.HelpBannerSection=qr;exports.ContactSection=lr;exports.FaqSection=Sr;exports.SearchSection=pr.SearchSection;exports.StatsSection=gr;exports.ToggleSection=Cr;exports.BlogExploreSection=mr;exports.ThemeProvider=r.default;exports.useTheme=r.useTheme;exports.components=Br.components;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./CheckBoxInput.cjs"),t=require("./ColorInput.cjs"),e=require("./DateInput.cjs"),n=require("./DecimalInput.cjs"),i=require("./DecimalInputV2.cjs"),c=require("./FileInput.cjs"),a=require("./NumberInput.cjs"),s=require("./PasswordInput.cjs"),u=require("./RadioInput.cjs"),d=require("./RangeSlider.cjs"),q=require("./TextAreaInput.cjs"),l=require("./TextInput.cjs"),S=require("./TimeInput.cjs"),p=require("./Badge.cjs"),g=require("./Chip.cjs"),C=require("./DataView.cjs"),m=require("./DetailsView.cjs"),B=require("./EditableTable.cjs"),I=require("./FormView.cjs"),D=require("./Kanban.cjs"),b=require("./KanbanCard-BDvoqTDS.cjs"),T=require("./KanbanHeader.cjs"),F=require("./KanbanFooter.cjs"),P=require("./KanbanView.cjs"),w=require("./KanbanActionsToolbar.cjs"),h=require("./Table.cjs"),f=require("./TableView.cjs"),M=require("./ActionsToolbar.cjs"),A=require("./Alert.cjs"),v=require("./Notification.cjs"),G=require("./NotificationContainer.cjs"),x=require("./NotificationMessage.cjs"),L=require("./ProgressBar.cjs"),y=require("./Spinner.cjs"),K=require("./Avatar.cjs"),N=require("./Button.cjs"),V=require("./Icon.cjs"),W=require("./IconButton.cjs"),k=require("./Link.cjs"),H=require("./Surface.cjs"),R=require("./UploadedFile.cjs"),O=require("./DoubleRangeSlider.cjs"),E=require("./DragAndDropFile.cjs"),Q=require("./DragDropFiles.cjs"),U=require("./Dropdown.cjs"),z=require("./DropdownLookup.cjs"),j=require("./MultiSelectDropdown.cjs"),J=require("./MultiSelectDropdownLookup.cjs"),X=require("./RadioGroup.cjs"),Y=require("./SearchBar.cjs"),Z=require("./Toggle.cjs"),_=require("./ButtonGroup.cjs"),$=require("./Content.cjs"),ee=require("./FlexBox.cjs"),re=require("./FlexGrid.cjs"),oe=require("./FlexGridItem.cjs"),te=require("./Footer.cjs"),ne=require("./FormField.cjs"),ie=require("./Grid.cjs"),ce=require("./GridItem.cjs"),ae=require("./Header.cjs"),se=require("./PageLayout.cjs"),ue=require("./Sidebar.cjs"),de=require("./Tabs.cjs"),qe=require("./TabItem.cjs"),le=require("./Accordion.cjs"),Se=require("./AccordionSummary.cjs"),pe=require("./AccordionDetails.cjs"),ge=require("./Breadcrumbs.cjs"),Ce=require("./ConfirmationForm.cjs"),me=require("./Drawer.cjs"),Be=require("./DropdownMenu.cjs"),Ie=require("./DropdownItem.cjs"),De=require("./NestedDropdownItem.cjs"),be=require("./Separator.cjs"),Te=require("./Modal.cjs"),Fe=require("./Pagination.cjs"),Pe=require("./Popover.cjs"),we=require("./PopoverClose.cjs"),he=require("./PopoverHeading.cjs"),fe=require("./PopoverContent.cjs"),Me=require("./PopoverTrigger.cjs"),Ae=require("./PopoverDescription.cjs"),ve=require("./SwipeableDrawer.cjs"),Ge=require("./TreeMenu.cjs"),xe=require("./MenuItem.cjs"),Le=require("./NestedMenuItem.cjs"),ye=require("./TreeMenuSeparator.cjs"),Ke=require("./MasonryGeneralCardsSection.cjs"),Ne=require("./DetailedProductsSection.cjs"),Ve=require("./DetailedProductsInfinitiveSection.cjs"),We=require("./ProductsWithBannerSection.cjs"),ke=require("./SimpleProductsSection.cjs"),He=require("./UrgentSaleProductsSection.cjs"),Re=require("./BannerSectionCarousel.cjs"),Oe=require("./BannerSectionGrid.cjs"),Ee=require("./BannerSectionSimple.cjs"),Qe=require("./BannerSectionWithList.cjs"),Ue=require("./BannerSectionWithListImage.cjs"),ze=require("./GiftCardsSection.cjs"),je=require("./BrandHitsSection.cjs"),Je=require("./FieldOfInterestsMasonrySection.cjs"),Xe=require("./FieldOfInterestsWithAvatarsCardsSection.cjs"),Ye=require("./FieldOfInterestsWithTagsCardsSection.cjs"),Ze=require("./BannerSectionBasic.cjs"),_e=require("./GeneralWithTagsCardsSection.cjs"),$e=require("./ShopCardsSection.cjs"),er=require("./QuizSection.cjs"),rr=require("./SalesCampaignsSection.cjs"),or=require("./CalorieCalculatorSection.cjs"),tr=require("./BlogCategoryCardsSection.cjs"),nr=require("./BlogProductCardsSection.cjs"),ir=require("./BlogShopCardsSection.cjs"),cr=require("./BlogCardsSponsoredSection.cjs"),ar=require("./BlogListSection.cjs"),sr=require("./AdBannerSection.cjs"),ur=require("./QuattroCardsSection.cjs"),dr=require("./FeedbackSection.cjs"),qr=require("./HelpBannerSection.cjs"),lr=require("./ContactSection.cjs"),Sr=require("./FaqSection.cjs"),pr=require("./SearchSection-BcbHP6QF.cjs"),gr=require("./StatsSection.cjs"),Cr=require("./ToggleSection.cjs"),mr=require("./BlogExploreSection.cjs"),r=require("./ThemeProvider.cjs"),Br=require("./CustomStyles-Q6et9atl.cjs");exports.CheckBoxInput=o;exports.ColorInput=t;exports.DateInput=e.default;exports.registerLocale=e.registerLocale;exports.DecimalInput=n;exports.DecimalInputV2=i;exports.FileInput=c;exports.NumberInput=a;exports.PasswordInput=s;exports.RadioInput=u;exports.RangeSlider=d;exports.TextAreaInput=q;exports.TextInput=l;exports.TimeInput=S;exports.Badge=p;exports.Chip=g;exports.DataView=C;exports.DetailsView=m;exports.EditableTable=B;exports.FormView=I;exports.Kanban=D;exports.KanbanCard=b.KanbanCard;exports.KanbanHeader=T;exports.KanbanFooter=F;exports.KanbanView=P;exports.KanbanActionsToolbar=w;exports.Table=h.default;exports.TableView=f;exports.ActionsToolbar=M;exports.Alert=A;exports.Notification=v;exports.NotificationContainer=G;exports.NotificationMessage=x;exports.ProgressBar=L;exports.Spinner=y;exports.Avatar=K;exports.Button=N;exports.Icon=V;exports.IconButton=W;exports.Link=k;exports.Surface=H;exports.UploadedFile=R;exports.DoubleRangeSlider=O;exports.DragAndDropFile=E;exports.DragDropFiles=Q;exports.Dropdown=U.default;exports.DropdownLookup=z;exports.MultiSelectDropdown=j;exports.MultiSelectDropdownLookup=J;exports.RadioGroup=X;exports.SearchBar=Y;exports.Toggle=Z;exports.ButtonGroup=_;exports.Content=$;exports.FlexBox=ee;exports.FlexGrid=re;exports.FlexGridItem=oe;exports.Footer=te;exports.FormField=ne;exports.Grid=ie;exports.GridItem=ce;exports.Header=ae;exports.PageLayout=se;exports.Sidebar=ue;exports.Tabs=de;exports.TabItem=qe;exports.Accordion=le;exports.AccordionSummary=Se;exports.AccordionDetails=pe.default;exports.Breadcrumbs=ge;exports.ConfirmationForm=Ce;exports.Drawer=me;exports.DropdownMenu=Be;exports.DropdownItem=Ie;exports.NestedDropdownItem=De;exports.Separator=be;exports.Modal=Te;exports.Pagination=Fe;exports.Popover=Pe;exports.PopoverClose=we;exports.PopoverHeading=he;exports.PopoverContent=fe;exports.PopoverTrigger=Me;exports.PopoverDescription=Ae;exports.SwipeableDrawer=ve;exports.TreeMenu=Ge;exports.MenuItem=xe;exports.NestedMenuItem=Le;exports.TreeMenuSeparator=ye;exports.MasonryGeneralCardsSection=Ke;exports.DetailedProductsSection=Ne;exports.DetailedProductsInfinitiveSection=Ve;exports.ProductsWithBannerSection=We;exports.SimpleProductsSection=ke;exports.UrgentSaleProductsSection=He;exports.BannerSectionCarousel=Re;exports.BannerSectionGrid=Oe;exports.BannerSectionSimple=Ee;exports.BannerSectionWithList=Qe;exports.BannerSectionWithListImage=Ue;exports.GiftCardsSection=ze;exports.BrandHitsSection=je;exports.FieldOfInterestsMasonrySection=Je;exports.FieldOfInterestsWithAvatarsCardsSection=Xe;exports.FieldOfInterestsWithTagsCardsSection=Ye;exports.BannerSectionBasic=Ze;exports.GeneralWithTagsCardsSection=_e;exports.ShopCardsSection=$e;exports.QuizSection=er;exports.SalesCampaignsSection=rr;exports.CalorieCalculatorSection=or;exports.BlogCategoryCardsSection=tr;exports.BlogProductCardsSection=nr;exports.BlogShopCardsSection=ir;exports.BlogCardsSponsoredSection=cr;exports.BlogListSection=ar;exports.AdBannerSection=sr;exports.QuattroCardsSection=ur;exports.FeedbackSection=dr;exports.HelpBannerSection=qr;exports.ContactSection=lr;exports.FaqSection=Sr;exports.SearchSection=pr.SearchSection;exports.StatsSection=gr;exports.ToggleSection=Cr;exports.BlogExploreSection=mr;exports.ThemeProvider=r.default;exports.useTheme=r.useTheme;exports.components=Br.components;

package/dist/index.js

@@ -124,7 +124,7 @@ import { default as Lr } from "./StatsSection.js";
 import { default as Nr } from "./ToggleSection.js";
 import { default as Wr } from "./BlogExploreSection.js";
 import { default as yr, useTheme as Hr } from "./ThemeProvider.js";
-import { c as Or } from "./CustomStyles-iconSXFL.js";
+import { c as Or } from "./CustomStyles-SyQRnjuy.js";
 export {
   wo as Accordion,
   vo as AccordionDetails,

package/package.json

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

package/dist/index-D0xXo7W6.cjs

@@ -1,98 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),o=require("react"),r=require("./index-BpbMKBf_.cjs"),D=require("./FlexBox.cjs"),E=require("./IconButton.cjs"),L=require("./ThemeProvider.cjs"),V=require("./emotion-styled.browser.esm-BtEseadx.cjs"),H=require("./consts-goSZX3xP.cjs"),_=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./useUpdateEffect-BtMgpgIV.cjs"),O=require("./Button.cjs"),G=require("./Icon.cjs"),U=require("./utils-Dl9xPH4c.cjs"),X=V.styled.div`
-  position: relative;
-  padding: ${e=>e.padding};
-
-  & button {
-    white-space: nowrap;
-  }
-
-  & .badge-button {
-    ${e=>e.showTimesBtn===!0&&"padding-left: 0.5rem; padding-right: 0.5rem;"}
-  }
-
-  & .gradient {
-    position: absolute;
-    top: 50%;
-    transform: translate(0, -50%);
-    z-index: 4;
-    transition: ${"0.3s"};
-    right: ${e=>e.noArrows!==!0?"6rem":"0"};
-    width: 2rem;
-    background: #fff;
-    height: 100%;
-    -webkit-mask-image: linear-gradient(to left, black 10%, transparent 50%);
-    mask-image: linear-gradient(to left, black 10%, transparent 50%);
-  }
-
-  & .scrollable-container {
-    max-width: -webkit-fill-available;
-    max-width: -moz-available; /* WebKit-based browsers will ignore this. */
-    max-width: fill-available;
-
-    ${e=>e.rightAlignArrows===!0&&e.noArrows!==!0&&"margin-right: 6rem"};
-    scroll-behavior: smooth;
-    overflow: hidden;
-    -webkit-overflow-scrolling: touch;
-    ::-webkit-scrollbar {
-      -webkit-appearance: none;
-    }
-    -ms-overflow-style: none;
-    /* Internet Explorer 10+ */
-    scrollbar-width: none;
-    /* Firefox */
-
-    &::-webkit-scrollbar {
-      display: none;
-      /* Safari and Chrome */
-    }
-
-    @media (max-width: ${H.MOBILE_SIZE_PX+"px"}) {
-      margin-right: 0;
-    }
-  }
-  & .scroll-arrow-right,
-  & .scroll-arrow-left {
-    position: absolute;
-    top: 50%;
-    transform: translate(0, -50%);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-
-    visibility: ${e=>e.arrowsVisibleOnHover===!1&&e.hasOverflow?"visible":"hidden"};
-    z-index: 4;
-    transition: ${"0.3s"};
-  }
-  & .scroll-arrow-right {
-    ${e=>e.rightAlignArrows===!0?"right: 0":"right: 0.7rem"};
-  }
-  & .scroll-arrow-left {
-    ${e=>e.rightAlignArrows===!0?"right: 2.625rem":"left: 0.7rem"};
-  }
-  & .scrollable-container:hover > .scroll-arrow-left,
-  & .scrollable-container:hover > .scroll-arrow-right {
-    visibility: ${e=>e.hasOverflow?"visible":"hidden"};
-  }
-
-  @media (max-width: ${H.MOBILE_SIZE_PX+"px"}) {
-    & .scrollable-container {
-      overflow: auto;
-    }
-    & .scroll-arrow-left,
-    & .scroll-arrow-right {
-      display: none;
-    }
-
-    & .gradient {
-      right: 0;
-    }
-
-    & .scrollable-container button:nth-of-type(3) {
-      ${e=>e.noMargin!==!0&&"margin-left: 1rem"};
-    }
-  }
-`,Z=e=>{const[p,c]=o.useState(!1),l=o.useMemo(()=>new IntersectionObserver(([n])=>c(n.isIntersecting)),[]);return o.useEffect(()=>(l.observe(e.current),()=>{l.disconnect()}),[e,l]),p},J=V.styled.div`
-  min-height: 1px;
-  ${e=>e.isHorizontal===!0?"min-width: 1px; width: 1px;":"width: 100%;"}
-`,j=o.forwardRef((e,p)=>{const{onIsVisible:c=()=>{},onIsNotVisible:l,isHorizontal:n=!1,className:f=""}=e,d=o.useRef(null),b=Z(d);return F.useUpdateEffect(()=>{b?c():l==null||l()},[b]),t.jsx(J,{ref:d,className:`scroller-element ${f}`,isHorizontal:n})});j.propTypes={onIsVisible:r.PropTypes.func,isHorizontal:r.PropTypes.bool};const z=o.forwardRef(({columnGap:e="2rem",rowGap:p="1.25rem",scrollBySize:c=300,wrapForMobile:l=!1,wrap:n=!1,children:f,methodsRef:d,arrowsVisibleOnHover:b=!0,rightAlignArrows:v=!1,padding:m="0",showTimesBtn:w,noArrows:h,noGradient:x=!1,hideDisabledArrows:g=!1,noMargin:y=!1,...P},S)=>{const I=_.useDetectMobile(),{theme:s}=L.useTheme(),[a,k]=o.useState(!1),[T,N]=o.useState(!1),[M,R]=o.useState(!0),i=o.useRef(),$=()=>{var u;(u=i.current)==null||u.scrollBy(c,0)},q=()=>{var u;(u=i.current)==null||u.scrollBy(-c,0)},[B,W]=o.useState(!1);o.useEffect(()=>{var u,A;W(((u=i==null?void 0:i.current)==null?void 0:u.scrollWidth)>((A=i==null?void 0:i.current)==null?void 0:A.clientWidth))},[f]),o.useImperativeHandle(d,()=>({scrollToEnd(){C()},scrollLeft(){q()},scrollRight(){$()}}));const C=()=>{i.current.scrollLeft=i.current.scrollWidth};return t.jsx(X,{ref:S,arrowsVisibleOnHover:b,hasOverflow:B,noArrows:h,padding:m,rightAlignArrows:v,showTimesBtn:w,theme:s,noMargin:y,...P,children:t.jsxs(D,{ref:i,className:"scrollable-container",columnGap:e,rowGap:p,wrap:n||l&&I?"Wrap":"NoWrap",children:[h!==!0&&t.jsxs(t.Fragment,{children:[!(g===!0&&T===!0)&&t.jsx(E,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-left",color:"neutral",disabled:T,icon:"angle-left",onClick:q}),!(g===!0&&a===!0)&&t.jsx(E,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-right",color:"neutral",disabled:a,icon:"angle-right",onClick:$})]}),t.jsx(j,{isHorizontal:!0,onIsNotVisible:()=>{T===!0&&N(!1)},onIsVisible:()=>{T===!1&&N(!0)}}),f,t.jsx(j,{className:"right-scroller",isHorizontal:!0,onIsNotVisible:()=>{a===!0&&k(!1),R(!0)},onIsVisible:()=>{a===!1&&k(!0),R(!1)}}),M&&B&&x!==!0&&t.jsx("div",{className:"gradient"})]})})});z.propTypes={title:r.PropTypes.string,rowGap:r.PropTypes.string,columnGap:r.PropTypes.string,scrollBySize:r.PropTypes.number,wrapForMobile:r.PropTypes.bool,wrap:r.PropTypes.bool,methodsRef:r.PropTypes.any,arrowsVisibleOnHover:r.PropTypes.bool,rightAlignArrows:r.PropTypes.bool,padding:r.PropTypes.string};const K=o.forwardRef((e,p)=>{const{allButton:c=!0,items:l=[],selectedIds:n=[],onSelect:f=()=>{},onRemove:d=()=>{},onSelectAll:b=()=>{},className:v,showTimesBtn:m=!1,labelKey:w="label",valueKey:h="value",codeKey:x="code",uniqueKey:g,typeKey:y,productsToolbarName:P="All",...S}=e,I=(s,a)=>{n!=null&&n.includes(a)?d(s,a):f(s,a)};return t.jsxs(z,{ref:p,arrowsVisibleOnHover:!1,className:v,columnGap:"0.75rem",padding:"0.25rem 0",rightAlignArrows:!0,showTimesBtn:m,...S,children:[c&&t.jsx(O,{borderRadius:"curved",btnType:n.length===0?"filled":"tinted",className:"badge-button",color:"neutral",onClick:b,children:P}),l.map((s,a)=>t.jsxs(O,{borderRadius:"curved",btnType:n.includes(s.uuid)?"filled":"tinted",className:"badge-button",color:"neutral",onClick:()=>I(s,s[h]),children:[U.isDefined(s==null?void 0:s.icon)&&t.jsxs(t.Fragment,{children:[t.jsx("i",{className:s==null?void 0:s.icon})," "]}),s[w],m===!0&&t.jsx(G,{className:"times-btn",icon:"times",sizeInUnits:"0.75rem",onClick:()=>d(s[h],s[w],s[x],g?s[g]:null,y?s[y]:null)})]},a))]})});K.propTypes={allButton:r.PropTypes.bool,items:r.PropTypes.array,selectedIds:r.PropTypes.array,onSelect:r.PropTypes.func,onRemove:r.PropTypes.func,onSelectAll:r.PropTypes.func,className:r.PropTypes.string,showTimesBtn:r.PropTypes.bool,valuKey:r.PropTypes.string,labelKey:r.PropTypes.string,codeKey:r.PropTypes.string};exports.SelectBar=K;