linear-react-components-ui 1.1.26-beta.4 → 1.1.26-beta.6

package/lib/inputs/search/index.js

@@ -1,21 +1,21 @@
-import { j as a } from "../../chunks/jsx-runtime.gtoSnx-V.js";
-import { useState as u, useEffect as S, Fragment as E } from "react";
-import I from "../base/InputTextBase.js";
-import w from "../../buttons/Button.js";
+import { j as o } from "../../chunks/jsx-runtime.C7wFtzyj.js";
+import { useState as u, useEffect as S, Fragment as D } from "react";
+import E from "../base/InputTextBase.js";
+import I from "../../buttons/Button.js";
 import m from "../../icons/index.js";
 import '../../assets/button.css';import '../../assets/index25.css';/* empty css                           */
-import D from "../../drawer/index.js";
+import w from "../../drawer/index.js";
 import P from "../../drawer/Header.js";
 import T from "../../drawer/Content.js";
 const M = (e) => {
-  const { resetButton: g = !0, advancedFilterProps: h = {}, value: s } = e, [i, C] = u(!1), [l, c] = u(""), [t, v] = u(), { headerTitle: x, content: p, onStateChange: r, ...O } = h, b = (o) => {
-    e.onReset && e.onReset(o), c("");
-  }, y = (o) => {
-    o && (e.onChange && e.onChange(o), c(o.target.value));
-  }, d = () => e.disabled || t && (t.disabled || t.hideContent), j = () => e.readOnly || t && t.readOnly, B = t == null ? void 0 : t.hideContent, k = () => {
-    const o = j() || d() || B;
-    let n = {
-      icon: /* @__PURE__ */ a.jsx(m, { name: "filter1", color: "#a9a8a8" }, "filter-icon"),
+  const { resetButton: g = !0, advancedFilterProps: h = {}, value: s } = e, [i, C] = u(!1), [l, c] = u(""), [a, v] = u(), { headerTitle: x, content: p, onStateChange: r, ...O } = h, b = (n) => {
+    e.onReset && e.onReset(n), c("");
+  }, y = (n) => {
+    n && (e.onChange && e.onChange(n), c(n.target.value));
+  }, d = () => e.disabled || a && (a.disabled || a.hideContent), j = () => e.readOnly || a && a.readOnly, B = a?.hideContent, k = () => {
+    const n = j() || d() || B;
+    let t = {
+      icon: /* @__PURE__ */ o.jsx(m, { name: "filter1", color: "#a9a8a8" }, "filter-icon"),
       key: "advanced-filter-button",
       boxShadow: !1,
       readOnly: j(),
@@ -23,17 +23,17 @@ const M = (e) => {
       transparent: !0,
       disabled: d()
     };
-    return o || (n = {
-      ...n,
+    return n || (t = {
+      ...t,
       onClick: (f) => {
         e.onClick && e.onClick(f), C(!i), r && r(!i);
       },
-      ...n
-    }), n;
+      ...t
+    }), t;
   }, F = () => {
-    const o = Object.keys(h).length > 0;
-    let n = [/* @__PURE__ */ a.jsx(m, { name: "search", color: "#a9a8a8", disabled: d() }, "search-icon")];
-    const f = /* @__PURE__ */ a.jsx(
+    const n = Object.keys(h).length > 0;
+    let t = [/* @__PURE__ */ o.jsx(m, { name: "search", color: "#a9a8a8", disabled: d() }, "search-icon")];
+    const f = /* @__PURE__ */ o.jsx(
       m,
       {
         name: "cancel2",
@@ -42,14 +42,14 @@ const M = (e) => {
         onClick: b
       },
       "inputSearchIcon"
-    ), R = /* @__PURE__ */ a.jsx(w, { ...k() });
-    return o && (n = [...n, R]), g && l.trim() !== "" && (n = [f, ...n]), n;
+    ), R = /* @__PURE__ */ o.jsx(I, { ...k() });
+    return n && (t = [...t, R]), g && l.trim() !== "" && (t = [f, ...t]), t;
   };
   return S(() => {
     s !== void 0 && s !== l && c(s);
-  }, [s]), t && t.unvisible ? null : /* @__PURE__ */ a.jsxs(E, { children: [
-    /* @__PURE__ */ a.jsx(
-      I,
+  }, [s]), a && a.unvisible ? null : /* @__PURE__ */ o.jsxs(D, { children: [
+    /* @__PURE__ */ o.jsx(
+      E,
       {
         ...e,
         onReset: b,
@@ -60,16 +60,16 @@ const M = (e) => {
         rightElements: F()
       }
     ),
-    i && /* @__PURE__ */ a.jsxs(
-      D,
+    i && /* @__PURE__ */ o.jsxs(
+      w,
       {
         handlerClose: () => {
           C(!1), r && r(!1);
         },
         ...O,
         children: [
-          x && /* @__PURE__ */ a.jsx(P, { title: x }),
-          /* @__PURE__ */ a.jsx(T, { children: p })
+          x && /* @__PURE__ */ o.jsx(P, { title: x }),
+          /* @__PURE__ */ o.jsx(T, { children: p })
         ]
       }
     )

package/lib/inputs/select/ActionButtons.js

@@ -1,4 +1,4 @@
-import { j as n } from "../../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as n } from "../../chunks/jsx-runtime.C7wFtzyj.js";
 import e from "../../icons/index.js";
 const d = (o) => {
   const {

package/lib/inputs/select/Dropdown.js

@@ -1,102 +1,102 @@
-import { j as n } from "../../chunks/jsx-runtime.gtoSnx-V.js";
-import { useState as I, useEffect as P } from "react";
-import h from "../../icons/index.js";
-import A from "../../avatar/index.js";
-import { returnDropdownDynamicStyles as x, getDropdownItemCssClass as B } from "./helper.js";
-import E from "../../dropdown/Popup.js";
+import { j as n } from "../../chunks/jsx-runtime.C7wFtzyj.js";
+import { useState as I, useEffect as R } from "react";
+import f from "../../icons/index.js";
+import P from "../../avatar/index.js";
+import { returnDropdownDynamicStyles as h, getDropdownItemCssClass as A } from "./helper.js";
+import B from "../../dropdown/Popup.js";
 const V = (s) => {
   const {
-    imageAlign: i = "left",
-    striped: y = !1,
-    dataCombo: t,
+    imageAlign: c = "left",
+    striped: x = !1,
+    dataCombo: o,
     descriptionKey: r,
-    imgSrcKey: g,
+    imgSrcKey: y,
     dropdownRef: a,
     currents: l = [],
-    dropdownWidth: w,
-    gridWrapperStyle: m,
-    handleOnSelect: j,
-    inputValue: D,
-    handleOnFocus: N,
-    opened: S,
-    handleOnFilter: v,
-    selected: p = null,
-    searchOnDropdown: C,
-    handleOnKeydown: K,
-    searchNotFoundText: b,
-    idKey: o,
-    selectFieldRef: d
-  } = s, [c, O] = I(x({ ...s }));
-  return P(() => {
-    a.current && O(x({ ...s }));
-  }, [a.current, t]), /* @__PURE__ */ n.jsx(
-    E,
+    dropdownWidth: g,
+    gridWrapperStyle: i,
+    handleOnSelect: w,
+    inputValue: j,
+    handleOnFocus: D,
+    opened: N,
+    handleOnFilter: S,
+    selected: m = null,
+    searchOnDropdown: v,
+    handleOnKeydown: C,
+    searchNotFoundText: K,
+    idKey: t,
+    selectFieldRef: b
+  } = s, [d, F] = I(h({ ...s }));
+  return R(() => {
+    a.current && F(h({ ...s }));
+  }, [a.current, o]), /* @__PURE__ */ n.jsx(
+    B,
     {
       align: "left",
-      leftPosition: c.left,
-      topPosition: c.top,
-      targetRef: d == null ? void 0 : d.current,
+      leftPosition: d.left,
+      topPosition: d.top,
+      targetRef: b?.current,
       children: /* @__PURE__ */ n.jsxs(
         "div",
         {
           className: "select-dropdown",
           ref: a,
           style: {
-            width: w,
-            marginLeft: m ? m.paddingLeft : "0",
-            maxHeight: c.maxHeight
+            width: g,
+            marginLeft: i ? i.paddingLeft : "0",
+            maxHeight: d.maxHeight
           },
           children: [
-            C && /* @__PURE__ */ n.jsxs("div", { className: "filtercontainer", children: [
+            v && /* @__PURE__ */ n.jsxs("div", { className: "filtercontainer", children: [
               /* @__PURE__ */ n.jsx(
                 "input",
                 {
                   className: "filterinput",
                   type: "text",
-                  value: D,
+                  value: j,
                   onFocus: () => {
-                    N();
+                    D();
                   },
                   onChange: (e) => {
-                    v(e.target.value);
+                    S(e.target.value);
                   },
                   onKeyDown: (e) => {
-                    K(e);
+                    C(e);
                   },
-                  autoFocus: S
+                  autoFocus: N
                 }
               ),
-              /* @__PURE__ */ n.jsx(h, { name: "search", viewBox: "0 0 32 32" })
+              /* @__PURE__ */ n.jsx(f, { name: "search", viewBox: "0 0 32 32" })
             ] }),
-            t.map((e) => {
-              const u = l && l.length > 0 ? l.some((f) => f[o] === e[o]) : !1, F = !!(p && p[o] === e[o]);
+            o.map((e) => {
+              const p = l && l.length > 0 ? l.some((u) => u[t] === e[t]) : !1, O = !!(m && m[t] === e[t]);
               return /* @__PURE__ */ n.jsx(
                 "div",
                 {
-                  className: B(F, u, y),
+                  className: A(O, p, x),
                   children: /* @__PURE__ */ n.jsxs(
                     "button",
                     {
                       className: "menubutton",
                       tabIndex: -1,
-                      onClick: (f) => {
-                        u || j(e);
+                      onClick: (u) => {
+                        p || w(e);
                       },
                       children: [
                         e.iconName && /* @__PURE__ */ n.jsx(
-                          h,
+                          f,
                           {
                             name: e.iconName,
                             customClass: "menuicon",
-                            style: { order: i === "left" ? 0 : 1 }
+                            style: { order: c === "left" ? 0 : 1 }
                           }
                         ),
-                        g && e.imgSrcKey && /* @__PURE__ */ n.jsx(
-                          A,
+                        y && e.imgSrcKey && /* @__PURE__ */ n.jsx(
+                          P,
                           {
                             src: e.imgSrcKey,
                             customClass: "menuicon",
-                            style: { order: i === "left" ? 0 : 1 }
+                            style: { order: c === "left" ? 0 : 1 }
                           }
                         ),
                         /* @__PURE__ */ n.jsx("span", { className: "label", children: typeof r == "string" ? e[r] : r(e) })
@@ -104,10 +104,10 @@ const V = (s) => {
                     }
                   )
                 },
-                `dropdowmIten ${e[o]}}`
+                `dropdowmIten ${e[t]}}`
               );
             }),
-            t && t.length === 0 && /* @__PURE__ */ n.jsx("div", { className: "notfound", children: b })
+            o && o.length === 0 && /* @__PURE__ */ n.jsx("div", { className: "notfound", children: K })
           ]
         }
       )

package/lib/inputs/select/helper.d.ts

@@ -2,7 +2,7 @@ import { IDropdownSelectProps } from '../types';
 import { GetMultipleFilteredParams, GetSimpleFilteredParams } from './types';
 export declare const contentClass: (props: IDropdownSelectProps) => string;
 export declare const getDropdownItemCssClass: (selected: boolean, disabled: boolean, striped: boolean) => string;
-export declare const getFilteredSimpleDataCombo: ({ dataSource, descriptionKey, inputText, }: Omit<GetSimpleFilteredParams, 'currents'>) => any[];
+export declare const getFilteredSimpleDataCombo: ({ dataSource, descriptionKey, inputText, }: Omit<GetSimpleFilteredParams, "currents">) => any[];
 export declare const getFilteredMultipleDataCombo: ({ dataSource, inputText, descriptionKey, currents, }: GetMultipleFilteredParams) => any[];
 export declare const returnDropdownDynamicStyles: ({ selectFieldRef, dropdownMaxHeight, dropdownRef }: IDropdownSelectProps) => {
     maxHeight: number;

package/lib/inputs/select/helper.js

@@ -1,50 +1,44 @@
-const i = (n) => `content ${n.showClearButton ? "" : "noclear"}`, m = (n, r, t) => {
-  let o = "item";
-  return o += n && !r ? " -selected " : "", o += r ? " -disabled" : "", o += !n && !r && t ? " -striped " : "", o;
-}, L = ({
-  dataSource: n,
-  descriptionKey: r,
-  inputText: t
-}) => n && n.filter((o) => {
-  var s, a;
-  return typeof r == "string" ? ((s = o[r]) == null ? void 0 : s.toLowerCase().indexOf(t == null ? void 0 : t.toString().toLowerCase())) > -1 : ((a = r(o)) == null ? void 0 : a.toLowerCase().indexOf(t == null ? void 0 : t.toString().toLowerCase())) > -1;
-}), O = ({
-  dataSource: n,
-  inputText: r,
-  descriptionKey: t,
-  currents: o
-}) => n.filter((s) => {
-  var a;
-  return typeof t == "string" ? s[t].toLowerCase().indexOf(r == null ? void 0 : r.toString().toLowerCase()) > -1 && !o.includes(s) : ((a = t(s)) == null ? void 0 : a.toLowerCase().indexOf(r == null ? void 0 : r.toString().toLowerCase())) > -1 && !o.includes(s);
-}), l = ({
-  selectFieldRects: n,
-  dropdownRef: r,
-  dropdownRects: t
-}, o = !1) => o && (r != null && r.current) && (t != null && t.height) ? n.top + window.scrollY - (r.current && t.height) - 10 : n.top + window.scrollY + n.height, B = ({
-  selectFieldRef: n,
-  dropdownMaxHeight: r,
-  dropdownRef: t
+const C = (o) => `content ${o.showClearButton ? "" : "noclear"}`, f = (o, n, e) => {
+  let t = "item";
+  return t += o && !n ? " -selected " : "", t += n ? " -disabled" : "", t += !o && !n && e ? " -striped " : "", t;
+}, h = ({
+  dataSource: o,
+  descriptionKey: n,
+  inputText: e
+}) => o && o.filter((t) => typeof n == "string" ? t[n]?.toLowerCase().indexOf(e?.toString().toLowerCase()) > -1 : n(t)?.toLowerCase().indexOf(e?.toString().toLowerCase()) > -1), D = ({
+  dataSource: o,
+  inputText: n,
+  descriptionKey: e,
+  currents: t
+}) => o.filter((r) => typeof e == "string" ? r[e].toLowerCase().indexOf(n?.toString().toLowerCase()) > -1 && !t.includes(r) : e(r)?.toLowerCase().indexOf(n?.toString().toLowerCase()) > -1 && !t.includes(r)), l = ({
+  selectFieldRects: o,
+  dropdownRef: n,
+  dropdownRects: e
+}, t = !1) => t && n?.current && e?.height ? o.top + window.scrollY - (n.current && e.height) - 10 : o.top + window.scrollY + o.height, m = ({
+  selectFieldRef: o,
+  dropdownMaxHeight: n,
+  dropdownRef: e
 }) => {
-  const o = n != null && n.current ? n.current.getBoundingClientRect() : void 0, s = t != null && t.current ? t.current.getBoundingClientRect() : void 0, a = o ? o == null ? void 0 : o.bottom : 0, h = o ? o == null ? void 0 : o.top : 0, c = window.innerHeight - a, D = 30;
-  let e = 200, g = r, C;
-  return !g || g <= 0 ? c < e && o ? (g = h, C = l({
-    selectFieldRects: o,
-    dropdownRef: t,
-    dropdownRects: s
-  }, !0)) : (g = c, C = o ? l({ selectFieldRects: o }) : 0) : (e = g, c < e && o ? C = l({
-    selectFieldRects: o,
-    dropdownRef: t,
-    dropdownRects: s
-  }, !0) : C = o ? l({ selectFieldRects: o }) : 0), {
-    maxHeight: g - D,
-    top: C,
-    left: o ? o.left : 0
+  const t = o?.current ? o.current.getBoundingClientRect() : void 0, r = e?.current ? e.current.getBoundingClientRect() : void 0, u = t ? t?.bottom : 0, g = t ? t?.top : 0, c = window.innerHeight - u, w = 30;
+  let a = 200, s = n, i;
+  return !s || s <= 0 ? c < a && t ? (s = g, i = l({
+    selectFieldRects: t,
+    dropdownRef: e,
+    dropdownRects: r
+  }, !0)) : (s = c, i = t ? l({ selectFieldRects: t }) : 0) : (a = s, c < a && t ? i = l({
+    selectFieldRects: t,
+    dropdownRef: e,
+    dropdownRects: r
+  }, !0) : i = t ? l({ selectFieldRects: t }) : 0), {
+    maxHeight: s - w,
+    top: i,
+    left: t ? t.left : 0
   };
 };
 export {
-  i as contentClass,
-  m as getDropdownItemCssClass,
-  O as getFilteredMultipleDataCombo,
-  L as getFilteredSimpleDataCombo,
-  B as returnDropdownDynamicStyles
+  C as contentClass,
+  f as getDropdownItemCssClass,
+  D as getFilteredMultipleDataCombo,
+  h as getFilteredSimpleDataCombo,
+  m as returnDropdownDynamicStyles
 };

package/lib/inputs/select/index.js

@@ -1,4 +1,4 @@
-import { j as t } from "../../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as t } from "../../chunks/jsx-runtime.C7wFtzyj.js";
 import a from "./multiple/index.js";
 import '../../assets/gridlayout.css';import '../../assets/index26.css';/* empty css                               */
 import l from "../../gridlayout/GridCol.js";

package/lib/inputs/select/multiple/Selecteds.js

@@ -1,4 +1,4 @@
-import { j as a } from "../../../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as a } from "../../../chunks/jsx-runtime.C7wFtzyj.js";
 import r from "react";
 const x = ({
   currents: o,