linear-react-components-ui 1.1.26-beta.15 → 1.1.26-beta.17

package/lib/inputs/search/index.js

@@ -1,23 +1,24 @@
-import { jsx as f, jsxs as K } from "react/jsx-runtime";
-import { c as N } from "react/compiler-runtime";
-import { useState as q, useEffect as Q, Fragment as U } from "react";
-import W from "../base/InputTextBase.js";
-import X from "../../buttons/Button.js";
-import z from "../../icons/index.js";
-import '../../styles/assets/styles/search.css';import '../../styles/assets/styles/button.css';/* empty css                              */
+import { jsx as f, jsxs as Q } from "react/jsx-runtime";
+import { c as Y } from "../../_virtual/compiler-runtime.js";
+import { useState as K, useEffect as U, Fragment as Z } from "react";
+import _ from "../base/InputTextBase.js";
+import p from "../../buttons/Button.js";
+import '../../assets/styles/search.css';import '../../assets/styles/button.css';/* empty css                              */
+import L from "../../icons/index.js";
 /* empty css                              */
-import Y from "../../drawer/index.js";
-import Z from "../../drawer/Header.js";
-import _ from "../../drawer/Content.js";
-const ce = (t) => {
-  const e = N(53), {
-    resetButton: G,
-    advancedFilterProps: g,
-    value: s
-  } = t, j = G === void 0 ? !0 : G;
-  let y;
-  e[0] !== g ? (y = g === void 0 ? {} : g, e[0] = g, e[1] = y) : y = e[1];
-  const m = y, [r, J] = q(!1), [o, w] = q(""), [n, L] = q();
+import ee from "../../drawer/index.js";
+import te from "../../drawer/Header.js";
+import ne from "../../drawer/Content.js";
+const he = (t) => {
+  const e = Y.c(56), {
+    resetButton: M,
+    advancedFilterProps: y,
+    value: s,
+    drawerFilterIsOpened: N
+  } = t, A = M === void 0 ? !0 : M;
+  let F;
+  e[0] !== y ? (F = y === void 0 ? {} : y, e[0] = y, e[1] = F) : F = e[1];
+  const m = F, g = N === void 0 ? !1 : N, [r, H] = K(g), [o, V] = K(""), [n, W] = K();
   let u, h, d, l;
   e[2] !== m ? ({
     headerTitle: d,
@@ -27,28 +28,28 @@ const ce = (t) => {
   } = m, e[2] = m, e[3] = u, e[4] = h, e[5] = d, e[6] = l) : (u = e[3], h = e[4], d = e[5], l = e[6]);
   let B;
   e[7] !== t ? (B = (a) => {
-    t.onReset && t.onReset(a), w("");
+    t.onReset && t.onReset(a), V("");
   }, e[7] = t, e[8] = B) : B = e[8];
   const C = B;
-  let F;
-  e[9] !== t ? (F = (a) => {
-    a && (t.onChange && t.onChange(a), w(a.target.value));
-  }, e[9] = t, e[10] = F) : F = e[10];
-  const T = F;
   let k;
-  e[11] !== n || e[12] !== t.disabled ? (k = () => t.disabled || n && (n.disabled || n.hideContent), e[11] = n, e[12] = t.disabled, e[13] = k) : k = e[13];
-  const c = k;
+  e[9] !== t ? (k = (a) => {
+    a && (t.onChange && t.onChange(a), V(a.target.value));
+  }, e[9] = t, e[10] = k) : k = e[10];
+  const $ = k;
   let x;
-  e[14] !== n || e[15] !== t.readOnly ? (x = () => t.readOnly || n && n.readOnly, e[14] = n, e[15] = t.readOnly, e[16] = x) : x = e[16];
-  const S = x, A = n?.hideContent;
-  let D;
-  e[17] !== r || e[18] !== A || e[19] !== l || e[20] !== t || e[21] !== S || e[22] !== c ? (D = () => {
-    const a = S() || c() || A;
+  e[11] !== n || e[12] !== t.disabled ? (x = () => t.disabled || n && (n.disabled || n.hideContent), e[11] = n, e[12] = t.disabled, e[13] = x) : x = e[13];
+  const c = x;
+  let I;
+  e[14] !== n || e[15] !== t.readOnly ? (I = () => t.readOnly || n && n.readOnly, e[14] = n, e[15] = t.readOnly, e[16] = I) : I = e[16];
+  const R = I, q = n?.hideContent;
+  let S;
+  e[17] !== r || e[18] !== q || e[19] !== l || e[20] !== t || e[21] !== R || e[22] !== c ? (S = () => {
+    const a = R() || c() || q;
     let i = {
-      icon: /* @__PURE__ */ f(z, { name: "filter1", color: "#a9a8a8" }, "filter-icon"),
+      icon: /* @__PURE__ */ f(L, { name: "filter1", color: "#a9a8a8" }, "filter-icon"),
       key: "advanced-filter-button",
       boxShadow: !1,
-      readOnly: S(),
+      readOnly: R(),
       style: {
         padding: "0 0 0 5px",
         width: 30
@@ -58,49 +59,53 @@ const ce = (t) => {
     };
     return a || (i = {
       ...i,
-      onClick: ($) => {
-        t.onClick && t.onClick($), J(!r), l && l(!r);
+      onClick: (J) => {
+        t.onClick && t.onClick(J), H(!r), l && l(!r);
       },
       ...i
     }), i;
-  }, e[17] = r, e[18] = A, e[19] = l, e[20] = t, e[21] = S, e[22] = c, e[23] = D) : D = e[23];
-  const H = D;
-  let R;
-  e[24] !== m || e[25] !== H || e[26] !== C || e[27] !== j || e[28] !== c || e[29] !== o ? (R = () => {
+  }, e[17] = r, e[18] = q, e[19] = l, e[20] = t, e[21] = R, e[22] = c, e[23] = S) : S = e[23];
+  const z = S;
+  let w;
+  e[24] !== m || e[25] !== z || e[26] !== C || e[27] !== A || e[28] !== c || e[29] !== o ? (w = () => {
     const a = Object.keys(m).length > 0;
-    let i = [/* @__PURE__ */ f(z, { name: "search", color: "#a9a8a8", disabled: c() }, "search-icon")];
-    const $ = /* @__PURE__ */ f(z, { name: "cancel2", color: "#a9a8a8", style: {
+    let i = [/* @__PURE__ */ f(L, { name: "search", color: "#a9a8a8", disabled: c() }, "search-icon")];
+    const J = /* @__PURE__ */ f(L, { name: "cancel2", color: "#a9a8a8", style: {
       cursor: "pointer",
       pointerEvents: "auto"
-    }, onClick: C }, "inputSearchIcon"), M = /* @__PURE__ */ f(X, { ...H() });
-    return a && (i = [...i, M]), j && o.trim() !== "" && (i = [$, ...i]), i;
-  }, e[24] = m, e[25] = H, e[26] = C, e[27] = j, e[28] = c, e[29] = o, e[30] = R) : R = e[30];
-  const V = R;
+    }, onClick: C }, "inputSearchIcon"), X = /* @__PURE__ */ f(p, { ...z() });
+    return a && (i = [...i, X]), A && o.trim() !== "" && (i = [J, ...i]), i;
+  }, e[24] = m, e[25] = z, e[26] = C, e[27] = A, e[28] = c, e[29] = o, e[30] = w) : w = e[30];
+  const G = w;
+  let D;
+  e[31] !== o || e[32] !== s ? (D = () => {
+    s !== void 0 && s !== o && V(s);
+  }, e[31] = o, e[32] = s, e[33] = D) : D = e[33];
   let E;
-  e[31] !== o || e[32] !== s ? (E = () => {
-    s !== void 0 && s !== o && w(s);
-  }, e[31] = o, e[32] = s, e[33] = E) : E = e[33];
-  let I;
-  if (e[34] !== s ? (I = [s], e[34] = s, e[35] = I) : I = e[35], Q(E, I), n && n.unvisible)
+  e[34] !== s ? (E = [s], e[34] = s, e[35] = E) : E = e[35], U(D, E);
+  let P, j;
+  if (e[36] !== g ? (P = () => {
+    H(g);
+  }, j = [g], e[36] = g, e[37] = P, e[38] = j) : (P = e[37], j = e[38]), U(P, j), n && n.unvisible)
     return null;
   let b;
-  e[36] !== V ? (b = V(), e[36] = V, e[37] = b) : b = e[37];
+  e[39] !== G ? (b = G(), e[39] = G, e[40] = b) : b = e[40];
   let v;
-  e[38] !== T || e[39] !== C || e[40] !== t || e[41] !== b || e[42] !== o ? (v = /* @__PURE__ */ f(W, { ...t, onReset: C, onChange: T, value: o, customClass: "", handlerSetOnDenied: L, rightElements: b }), e[38] = T, e[39] = C, e[40] = t, e[41] = b, e[42] = o, e[43] = v) : v = e[43];
+  e[41] !== $ || e[42] !== C || e[43] !== t || e[44] !== b || e[45] !== o ? (v = /* @__PURE__ */ f(_, { ...t, onReset: C, onChange: $, value: o, customClass: "", handlerSetOnDenied: W, rightElements: b }), e[41] = $, e[42] = C, e[43] = t, e[44] = b, e[45] = o, e[46] = v) : v = e[46];
   let O;
-  e[44] !== r || e[45] !== u || e[46] !== h || e[47] !== d || e[48] !== l ? (O = r && /* @__PURE__ */ K(Y, { handlerClose: () => {
-    J(!1), l && l(!1);
+  e[47] !== r || e[48] !== u || e[49] !== h || e[50] !== d || e[51] !== l ? (O = r && /* @__PURE__ */ Q(ee, { handlerClose: () => {
+    H(!1), l && l(!1);
   }, ...u, children: [
-    d && /* @__PURE__ */ f(Z, { title: d }),
-    /* @__PURE__ */ f(_, { children: h })
-  ] }), e[44] = r, e[45] = u, e[46] = h, e[47] = d, e[48] = l, e[49] = O) : O = e[49];
-  let P;
-  return e[50] !== v || e[51] !== O ? (P = /* @__PURE__ */ K(U, { children: [
+    d && /* @__PURE__ */ f(te, { title: d }),
+    /* @__PURE__ */ f(ne, { children: h })
+  ] }), e[47] = r, e[48] = u, e[49] = h, e[50] = d, e[51] = l, e[52] = O) : O = e[52];
+  let T;
+  return e[53] !== v || e[54] !== O ? (T = /* @__PURE__ */ Q(Z, { children: [
     v,
     O
-  ] }), e[50] = v, e[51] = O, e[52] = P) : P = e[52], P;
+  ] }), e[53] = v, e[54] = O, e[55] = T) : T = e[55], T;
 };
 export {
-  ce as default
+  he as default
 };
 //# sourceMappingURL=index.js.map

package/lib/inputs/search/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/search/index.tsx"],"sourcesContent":["import React, { Fragment, useState, MouseEvent, useEffect } from 'react';\nimport InputTextBase from '../base/InputTextBase';\nimport Button from '../../buttons';\nimport Icon from '../../icons';\nimport '../../assets/styles/search.scss';\nimport Drawer, { DrawerHeader, DrawerContent } from '../../drawer';\nimport { IButtonsProps, ISearchProps } from '../types';\nimport { OnDenied } from '../../@types/PermissionAttr';\nimport { CustomInputEvent } from '../base/types';\n\nconst SearchField = (props: ISearchProps) => {\n  const { resetButton = true, advancedFilterProps = {}, value } = props;\n  const [advancedFilterOpened, setAdvancedFilterOpened] = useState(false);\n  const [valorCampo, setValorCampo] = useState('');\n  const [onDenied, setOnDenied] = useState<OnDenied>();\n  const { headerTitle, content, onStateChange, ...advancedFilterPropsRest } = advancedFilterProps;\n\n  const onReset = (event?: CustomInputEvent) => {\n    if (props.onReset) props.onReset(event);\n    setValorCampo('');\n  };\n\n  const onChange = (event?: CustomInputEvent) => {\n    if (event) {\n      if (props.onChange) props.onChange(event);\n      setValorCampo(event.target.value);\n    }\n  };\n\n  const shouldDisable = () => props.disabled ||\n    (onDenied && (onDenied.disabled || onDenied.hideContent));\n\n  const shouldBeReadOnly = () => props.readOnly || (onDenied && (onDenied.readOnly));\n  const hideContent = onDenied?.hideContent;\n\n  const buttonProps = () => {\n    const disableCallbacks = shouldBeReadOnly() || shouldDisable() || hideContent;\n    let propsButton: IButtonsProps = {\n      icon: <Icon name=\"filter1\" color=\"#a9a8a8\" key=\"filter-icon\" />,\n      key: 'advanced-filter-button',\n      boxShadow: false,\n      readOnly: shouldBeReadOnly(),\n      style: { padding: '0 0 0 5px', width: 30 },\n      transparent: true,\n      disabled: shouldDisable(),\n    };\n    if (!disableCallbacks) {\n      propsButton = {\n        ...propsButton,\n        onClick: (e: MouseEvent<HTMLButtonElement>) => {\n          if (props.onClick) props.onClick(e);\n          setAdvancedFilterOpened(!advancedFilterOpened);\n          if (onStateChange) onStateChange(!advancedFilterOpened);\n        },\n        ...propsButton,\n      };\n    }\n\n    return propsButton;\n  };\n\n  const rightElements = () => {\n    const enableFilterButton = Object.keys(advancedFilterProps).length > 0;\n    let elements = [<Icon name=\"search\" color=\"#a9a8a8\" key=\"search-icon\" disabled={shouldDisable()} />];\n    const resetButtonIcon =\n      (<Icon\n        name=\"cancel2\"\n        color=\"#a9a8a8\"\n        key=\"inputSearchIcon\"\n        style={{ cursor: 'pointer', pointerEvents: 'auto' }}\n        onClick={onReset} />);\n    const filterButton = (\n      <Button {...buttonProps()} />\n    );\n    if (enableFilterButton) elements = [...elements, filterButton];\n    if (resetButton && valorCampo.trim() !== '') elements = [resetButtonIcon, ...elements];\n    return elements;\n  };\n\n  useEffect(() => {\n    if (value !== undefined && value !== valorCampo) {\n      setValorCampo(value);\n    }\n  }, [value]);\n\n  if (onDenied && onDenied.unvisible) {\n    return null;\n  }\n\n  return (\n    <Fragment>\n      <InputTextBase\n        {...props}\n        onReset={onReset}\n        onChange={onChange}\n        value={valorCampo}\n        customClass=\"\"\n        handlerSetOnDenied={setOnDenied}\n        rightElements={rightElements()} />\n      {advancedFilterOpened && (\n        <Drawer\n          handlerClose={() => {\n            setAdvancedFilterOpened(false);\n            if (onStateChange) onStateChange(false);\n          }}\n          {...advancedFilterPropsRest}>\n          {headerTitle && <DrawerHeader title={headerTitle} />}\n          <DrawerContent>\n            {content}\n          </DrawerContent>\n        </Drawer>\n      )}\n    </Fragment>\n  );\n};\n\nexport default SearchField;\n"],"names":["SearchField","props","$","_c","resetButton","t0","advancedFilterProps","t1","value","undefined","t2","advancedFilterOpened","setAdvancedFilterOpened","useState","valorCampo","setValorCampo","onDenied","setOnDenied","advancedFilterPropsRest","content","headerTitle","onStateChange","t3","event","onReset","t4","event_0","onChange","target","t5","disabled","hideContent","shouldDisable","t6","readOnly","shouldBeReadOnly","t7","disableCallbacks","propsButton","icon","jsx","Icon","key","boxShadow","style","padding","width","transparent","onClick","e","buttonProps","t8","enableFilterButton","Object","keys","length","elements","resetButtonIcon","cursor","pointerEvents","filterButton","Button","trim","rightElements","t9","t10","useEffect","unvisible","t11","t12","InputTextBase","t13","jsxs","Drawer","DrawerHeader","DrawerContent","t14","Fragment"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/search/index.tsx"],"sourcesContent":["import { Fragment, useState, MouseEvent, useEffect } from 'react';\nimport InputTextBase from '../base/InputTextBase';\nimport Button from '../../buttons';\nimport Icon from '../../icons';\nimport '../../assets/styles/search.scss';\nimport Drawer, { DrawerHeader, DrawerContent } from '../../drawer';\nimport { IButtonsProps, ISearchProps } from '../types';\nimport { OnDenied } from '../../@types/PermissionAttr';\nimport { CustomInputEvent } from '../base/types';\n\nconst SearchField = (props: ISearchProps) => {\n  const { \n    resetButton = true, advancedFilterProps = {}, value, drawerFilterIsOpened = false, \n  } = props;\n  const [advancedFilterOpened, setAdvancedFilterOpened] = useState(drawerFilterIsOpened);\n  const [valorCampo, setValorCampo] = useState('');\n  const [onDenied, setOnDenied] = useState<OnDenied>();\n  const { headerTitle, content, onStateChange, ...advancedFilterPropsRest } = advancedFilterProps;\n\n  const onReset = (event?: CustomInputEvent) => {\n    if (props.onReset) props.onReset(event);\n    setValorCampo('');\n  };\n\n  const onChange = (event?: CustomInputEvent) => {\n    if (event) {\n      if (props.onChange) props.onChange(event);\n      setValorCampo(event.target.value);\n    }\n  };\n\n  const shouldDisable = () => props.disabled ||\n    (onDenied && (onDenied.disabled || onDenied.hideContent));\n\n  const shouldBeReadOnly = () => props.readOnly || (onDenied && (onDenied.readOnly));\n  const hideContent = onDenied?.hideContent;\n\n  const buttonProps = () => {\n    const disableCallbacks = shouldBeReadOnly() || shouldDisable() || hideContent;\n    let propsButton: IButtonsProps = {\n      icon: <Icon name=\"filter1\" color=\"#a9a8a8\" key=\"filter-icon\" />,\n      key: 'advanced-filter-button',\n      boxShadow: false,\n      readOnly: shouldBeReadOnly(),\n      style: { padding: '0 0 0 5px', width: 30 },\n      transparent: true,\n      disabled: shouldDisable(),\n    };\n    if (!disableCallbacks) {\n      propsButton = {\n        ...propsButton,\n        onClick: (e: MouseEvent<HTMLButtonElement>) => {\n          if (props.onClick) props.onClick(e);\n          setAdvancedFilterOpened(!advancedFilterOpened);\n          if (onStateChange) onStateChange(!advancedFilterOpened);\n        },\n        ...propsButton,\n      };\n    }\n\n    return propsButton;\n  };\n\n  const rightElements = () => {\n    const enableFilterButton = Object.keys(advancedFilterProps).length > 0;\n    let elements = [<Icon name=\"search\" color=\"#a9a8a8\" key=\"search-icon\" disabled={shouldDisable()} />];\n    const resetButtonIcon =\n      (<Icon\n        name=\"cancel2\"\n        color=\"#a9a8a8\"\n        key=\"inputSearchIcon\"\n        style={{ cursor: 'pointer', pointerEvents: 'auto' }}\n        onClick={onReset} />);\n    const filterButton = (\n      <Button {...buttonProps()} />\n    );\n    if (enableFilterButton) elements = [...elements, filterButton];\n    if (resetButton && valorCampo.trim() !== '') elements = [resetButtonIcon, ...elements];\n    return elements;\n  };\n\n  useEffect(() => {\n    if (value !== undefined && value !== valorCampo) {\n      setValorCampo(value);\n    }\n  }, [value]);\n\n  useEffect(() => {\n    setAdvancedFilterOpened(drawerFilterIsOpened);\n  }, [drawerFilterIsOpened]);\n\n  if (onDenied && onDenied.unvisible) {\n    return null;\n  }\n\n  return (\n    <Fragment>\n      <InputTextBase\n        {...props}\n        onReset={onReset}\n        onChange={onChange}\n        value={valorCampo}\n        customClass=\"\"\n        handlerSetOnDenied={setOnDenied}\n        rightElements={rightElements()} />\n      {advancedFilterOpened && (\n        <Drawer\n          handlerClose={() => {\n            setAdvancedFilterOpened(false);\n            if (onStateChange) onStateChange(false);\n          }}\n          {...advancedFilterPropsRest}>\n          {headerTitle && <DrawerHeader title={headerTitle} />}\n          <DrawerContent>\n            {content}\n          </DrawerContent>\n        </Drawer>\n      )}\n    </Fragment>\n  );\n};\n\nexport default SearchField;\n"],"names":["SearchField","props","$","_c","resetButton","t0","advancedFilterProps","t1","value","drawerFilterIsOpened","t2","undefined","t3","advancedFilterOpened","setAdvancedFilterOpened","useState","valorCampo","setValorCampo","onDenied","setOnDenied","advancedFilterPropsRest","content","headerTitle","onStateChange","t4","event","onReset","t5","event_0","onChange","target","t6","disabled","hideContent","shouldDisable","t7","readOnly","shouldBeReadOnly","t8","disableCallbacks","propsButton","icon","jsx","Icon","key","boxShadow","style","padding","width","transparent","onClick","e","buttonProps","t9","enableFilterButton","Object","keys","length","elements","resetButtonIcon","cursor","pointerEvents","filterButton","Button","trim","rightElements","t10","t11","useEffect","t12","t13","unvisible","t14","t15","InputTextBase","t16","jsxs","Drawer","DrawerHeader","DrawerContent","t17","Fragment"],"mappings":"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"}

package/lib/inputs/select/ActionButtons.js

@@ -1,29 +1,29 @@
-import { jsx as i, jsxs as v } from "react/jsx-runtime";
-import { c as x } from "react/compiler-runtime";
-import p from "../../icons/index.js";
-const N = (f) => {
-  const t = x(14), {
+import { jsx as i, jsxs as x } from "react/jsx-runtime";
+import { c as v } from "../../_virtual/compiler-runtime.js";
+import b from "../../icons/index.js";
+const I = (f) => {
+  const t = v.c(14), {
     disabled: m,
-    showClearButton: b,
+    showClearButton: p,
     dropDownOpened: h,
     handlerOpenClose: c,
     handlerClear: a,
     customClassForSideButtons: C
-  } = f, e = m === void 0 ? !1 : m, r = b === void 0 ? !0 : b, d = `actionbuttonsselect ${C}`;
+  } = f, e = m === void 0 ? !1 : m, r = p === void 0 ? !0 : p, d = `actionbuttonsselect ${C}`;
   let n;
-  t[0] !== e || t[1] !== a || t[2] !== r ? (n = r && /* @__PURE__ */ i("button", { disabled: e, tabIndex: -1, className: "actionbutton buttonclear", onClick: a, children: /* @__PURE__ */ i(p, { name: "cancel", pointerEvents: "none" }) }), t[0] = e, t[1] = a, t[2] = r, t[3] = n) : n = t[3];
+  t[0] !== e || t[1] !== a || t[2] !== r ? (n = r && /* @__PURE__ */ i("button", { disabled: e, tabIndex: -1, className: "actionbutton buttonclear", onClick: a, children: /* @__PURE__ */ i(b, { name: "cancel", pointerEvents: "none" }) }), t[0] = e, t[1] = a, t[2] = r, t[3] = n) : n = t[3];
   const u = h ? "mini_up" : "mini_down";
   let o;
-  t[4] !== u ? (o = /* @__PURE__ */ i(p, { pointerEvents: "none", name: u }), t[4] = u, t[5] = o) : o = t[5];
+  t[4] !== u ? (o = /* @__PURE__ */ i(b, { pointerEvents: "none", name: u }), t[4] = u, t[5] = o) : o = t[5];
   let s;
   t[6] !== e || t[7] !== c || t[8] !== o ? (s = /* @__PURE__ */ i("button", { disabled: e, tabIndex: -1, className: "actionbutton buttonopenclose", onClick: c, children: o }), t[6] = e, t[7] = c, t[8] = o, t[9] = s) : s = t[9];
   let l;
-  return t[10] !== d || t[11] !== n || t[12] !== s ? (l = /* @__PURE__ */ v("div", { className: d, children: [
+  return t[10] !== d || t[11] !== n || t[12] !== s ? (l = /* @__PURE__ */ x("div", { className: d, children: [
     n,
     s
   ] }), t[10] = d, t[11] = n, t[12] = s, t[13] = l) : l = t[13], l;
 };
 export {
-  N as default
+  I as default
 };
 //# sourceMappingURL=ActionButtons.js.map

package/lib/inputs/select/ActionButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtons.js","sources":["../../../src/lib/inputs/select/ActionButtons.tsx"],"sourcesContent":["import React from 'react';\nimport _ from 'lodash';\nimport Icon from '../../icons';\nimport { IActionButtonsSelectProps } from '../types';\n\nconst ActionButtons = (props: IActionButtonsSelectProps) => {\n  const {\n    disabled = false, showClearButton = true, dropDownOpened, handlerOpenClose, handlerClear,\n    customClassForSideButtons,\n  } = props;\n\n  return (\n    <div className={`actionbuttonsselect ${customClassForSideButtons}`}>\n      {showClearButton &&\n        <button\n          disabled={disabled}\n          tabIndex={-1}\n          className=\"actionbutton buttonclear\"\n          onClick={handlerClear}>\n          <Icon\n            name=\"cancel\"\n            pointerEvents=\"none\" />\n        </button>\n      }\n      <button\n        disabled={disabled}\n        tabIndex={-1}\n        className=\"actionbutton buttonopenclose\"\n        onClick={handlerOpenClose}>\n        <Icon\n          pointerEvents=\"none\"\n          name={dropDownOpened ? 'mini_up' : 'mini_down'} />\n      </button>\n    </div>\n  );\n};\n\nexport default ActionButtons;\n"],"names":["ActionButtons","props","$","_c","disabled","t0","showClearButton","t1","dropDownOpened","handlerOpenClose","handlerClear","customClassForSideButtons","undefined","t2","t3","jsx","Icon","t4","t5","t6","t7","jsxs"],"mappings":";;;AAKA,MAAMA,IAAgBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GACpB;AAAA,IAAAC,UAAAC;AAAAA,IAAAC,iBAAAC;AAAAA,IAAAC,gBAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,2BAAAA;AAAAA,EAAAA,IAGIV,GAFFG,IAAAC,MAAAO,SAAA,KAAAP,GAAkBC,IAAAC,MAAAK,SAAA,KAAAL,GAKFM,IAAA,uBAAuBF,CAAyB;AAAE,MAAAG;AAAA,EAAAZ,EAAA,CAAA,MAAAE,KAAAF,SAAAQ,KAAAR,EAAA,CAAA,MAAAI,KAC/DQ,IAAAR,KACC,gBAAAS,EAAA,UAAA,EACYX,UAAAA,GACA,UAAA,IACA,WAAA,4BACDM,SAAAA,GACT,4BAACM,GAAA,EACM,MAAA,UACS,eAAA,QAAM,GACxB,GAASd,OAAAE,GAAAF,OAAAQ,GAAAR,OAAAI,GAAAJ,OAAAY,KAAAA,IAAAZ,EAAA,CAAA;AASD,QAAAe,IAAAT,IAAA,YAAA;AAAwC,MAAAU;AAAA,EAAAhB,SAAAe,KAFhDC,IAAA,gBAAAH,EAACC,GAAA,EACe,eAAA,QACR,MAAAC,GAAwC,GAAIf,OAAAe,GAAAf,OAAAgB,KAAAA,IAAAhB,EAAA,CAAA;AAAA,MAAAiB;AAAA,EAAAjB,EAAA,CAAA,MAAAE,KAAAF,SAAAO,KAAAP,EAAA,CAAA,MAAAgB,KAPtDC,IAAA,gBAAAJ,EAAA,YACYX,UAAAA,GACA,UAAA,IACA,WAAA,gCACDK,SAAAA,GACTS,UAAAA,EAAAA,CAGF,GAAShB,OAAAE,GAAAF,OAAAO,GAAAP,OAAAgB,GAAAhB,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAAA,MAAAkB;AAAA,SAAAlB,EAAA,EAAA,MAAAW,KAAAX,UAAAY,KAAAZ,EAAA,EAAA,MAAAiB,KApBXC,IAAA,gBAAAC,EAAA,OAAA,EAAgB,WAAAR,GACbC,UAAAA;AAAAA,IAAAA;AAAAA,IAWDK;AAAAA,EAAAA,GASF,GAAMjB,QAAAW,GAAAX,QAAAY,GAAAZ,QAAAiB,GAAAjB,QAAAkB,KAAAA,IAAAlB,EAAA,EAAA,GArBNkB;AAqBM;"}
+{"version":3,"file":"ActionButtons.js","sources":["../../../src/lib/inputs/select/ActionButtons.tsx"],"sourcesContent":["import Icon from '../../icons';\nimport { IActionButtonsSelectProps } from '../types';\n\nconst ActionButtons = (props: IActionButtonsSelectProps) => {\n  const {\n    disabled = false, showClearButton = true, dropDownOpened, handlerOpenClose, handlerClear,\n    customClassForSideButtons,\n  } = props;\n\n  return (\n    <div className={`actionbuttonsselect ${customClassForSideButtons}`}>\n      {showClearButton &&\n        <button\n          disabled={disabled}\n          tabIndex={-1}\n          className=\"actionbutton buttonclear\"\n          onClick={handlerClear}>\n          <Icon\n            name=\"cancel\"\n            pointerEvents=\"none\" />\n        </button>\n      }\n      <button\n        disabled={disabled}\n        tabIndex={-1}\n        className=\"actionbutton buttonopenclose\"\n        onClick={handlerOpenClose}>\n        <Icon\n          pointerEvents=\"none\"\n          name={dropDownOpened ? 'mini_up' : 'mini_down'} />\n      </button>\n    </div>\n  );\n};\n\nexport default ActionButtons;\n"],"names":["ActionButtons","props","$","_c","disabled","t0","showClearButton","t1","dropDownOpened","handlerOpenClose","handlerClear","customClassForSideButtons","undefined","t2","t3","jsx","Icon","t4","t5","t6","t7","jsxs"],"mappings":";;;AAGA,MAAMA,IAAgBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACpB;AAAA,IAAAC,UAAAC;AAAAA,IAAAC,iBAAAC;AAAAA,IAAAC,gBAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,2BAAAA;AAAAA,EAAAA,IAGIV,GAFFG,IAAAC,MAAAO,SAAA,KAAAP,GAAkBC,IAAAC,MAAAK,SAAA,KAAAL,GAKFM,IAAA,uBAAuBF,CAAyB;AAAE,MAAAG;AAAA,EAAAZ,EAAA,CAAA,MAAAE,KAAAF,SAAAQ,KAAAR,EAAA,CAAA,MAAAI,KAC/DQ,IAAAR,KACC,gBAAAS,EAAA,UAAA,EACYX,UAAAA,GACA,UAAA,IACA,WAAA,4BACDM,SAAAA,GACT,4BAACM,GAAA,EACM,MAAA,UACS,eAAA,QAAM,GACxB,GAASd,OAAAE,GAAAF,OAAAQ,GAAAR,OAAAI,GAAAJ,OAAAY,KAAAA,IAAAZ,EAAA,CAAA;AASD,QAAAe,IAAAT,IAAA,YAAA;AAAwC,MAAAU;AAAA,EAAAhB,SAAAe,KAFhDC,IAAA,gBAAAH,EAACC,GAAA,EACe,eAAA,QACR,MAAAC,GAAwC,GAAIf,OAAAe,GAAAf,OAAAgB,KAAAA,IAAAhB,EAAA,CAAA;AAAA,MAAAiB;AAAA,EAAAjB,EAAA,CAAA,MAAAE,KAAAF,SAAAO,KAAAP,EAAA,CAAA,MAAAgB,KAPtDC,IAAA,gBAAAJ,EAAA,YACYX,UAAAA,GACA,UAAA,IACA,WAAA,gCACDK,SAAAA,GACTS,UAAAA,EAAAA,CAGF,GAAShB,OAAAE,GAAAF,OAAAO,GAAAP,OAAAgB,GAAAhB,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAAA,MAAAkB;AAAA,SAAAlB,EAAA,EAAA,MAAAW,KAAAX,UAAAY,KAAAZ,EAAA,EAAA,MAAAiB,KApBXC,IAAA,gBAAAC,EAAA,OAAA,EAAgB,WAAAR,GACbC,UAAAA;AAAAA,IAAAA;AAAAA,IAWDK;AAAAA,EAAAA,GASF,GAAMjB,QAAAW,GAAAX,QAAAY,GAAAZ,QAAAiB,GAAAjB,QAAAkB,KAAAA,IAAAlB,EAAA,EAAA,GArBNkB;AAqBM;"}

package/lib/inputs/select/Dropdown.js

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

package/lib/inputs/select/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../src/lib/inputs/select/Dropdown.tsx"],"sourcesContent":["import React, { ChangeEvent, KeyboardEvent, useEffect, useState } from 'react';\nimport Icon from '../../icons';\nimport Avatar from '../../avatar';\nimport * as helper from './helper';\nimport DropdownPopup from '../../dropdown/Popup';\nimport { IDropdownSelectProps } from '../types';\nimport { DataCombo } from '../../@types/DataCombo';\n\nconst Dropdown = (props: IDropdownSelectProps) => {\n  const {\n    imageAlign = 'left', striped = false, dataCombo, descriptionKey, imgSrcKey, dropdownRef,\n    currents = [], dropdownWidth, gridWrapperStyle, handleOnSelect, inputValue,\n    handleOnFocus, opened, handleOnFilter, selected = null, searchOnDropdown, handleOnKeydown,\n    searchNotFoundText, idKey, selectFieldRef,\n  } = props;\n  const [dropdownDynamicStyles, setDropdownDynamicStyles] =\n    useState(helper.returnDropdownDynamicStyles({ ...props }));\n\n  useEffect(() => {\n    if (dropdownRef.current) {\n      setDropdownDynamicStyles(helper.returnDropdownDynamicStyles({ ...props }));\n    }\n  }, [dropdownRef.current, dataCombo]);\n\n  return (\n    <DropdownPopup\n      align=\"left\"\n      leftPosition={dropdownDynamicStyles.left}\n      topPosition={dropdownDynamicStyles.top}\n      targetRef={selectFieldRef?.current}>\n      <div\n        className=\"select-dropdown\"\n        ref={dropdownRef}\n        style={{\n          width: dropdownWidth,\n          marginLeft: gridWrapperStyle ? gridWrapperStyle.paddingLeft : '0',\n          maxHeight: dropdownDynamicStyles.maxHeight,\n        }}>\n        {searchOnDropdown &&\n          <div className=\"filtercontainer\">\n            <input\n              className=\"filterinput\"\n              type=\"text\"\n              value={inputValue}\n              onFocus={() => { handleOnFocus(); }}\n              onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                handleOnFilter(e.target.value);\n              }}\n              onKeyDown={(e: KeyboardEvent<Element>) => { handleOnKeydown(e); }}\n              autoFocus={opened} />\n            <Icon name=\"search\" viewBox=\"0 0 32 32\" />\n          </div>\n        }\n        {dataCombo.map((item: DataCombo) => {\n          const disabled = (currents && currents.length > 0 ?\n              currents.some(s => s[idKey] === item[idKey])\n            : false);\n          const itemSelected = Boolean(selected && selected[idKey] === item[idKey]);\n          return (\n            <div\n              key={`dropdowmIten ${item[idKey]}}`}\n              className={helper.getDropdownItemCssClass(itemSelected, disabled, striped)} >\n              <button\n                className=\"menubutton\"\n                tabIndex={-1}\n                onClick={(event) => { if (!disabled) { handleOnSelect(item); } }}>\n                {item.iconName &&\n                  <Icon\n                    name={item.iconName}\n                    customClass=\"menuicon\"\n                    style={{ order: imageAlign === 'left' ? 0 : 1 }} />\n                }\n                {imgSrcKey && item.imgSrcKey &&\n                  <Avatar\n                    src={item.imgSrcKey}\n                    customClass=\"menuicon\"\n                    style={{ order: imageAlign === 'left' ? 0 : 1 }} />\n                }\n                <span className=\"label\">{typeof descriptionKey === 'string' ? item[descriptionKey] : descriptionKey(item)}</span>\n              </button>\n            </div>\n          );\n        })}\n        {dataCombo && dataCombo.length === 0 &&\n          <div className=\"notfound\">{searchNotFoundText}</div>\n        }\n      </div>\n    </DropdownPopup>\n  );\n};\n\nexport default Dropdown;\n"],"names":["Dropdown","props","imageAlign","striped","dataCombo","descriptionKey","imgSrcKey","dropdownRef","currents","dropdownWidth","gridWrapperStyle","handleOnSelect","inputValue","handleOnFocus","opened","handleOnFilter","selected","searchOnDropdown","handleOnKeydown","searchNotFoundText","idKey","selectFieldRef","dropdownDynamicStyles","setDropdownDynamicStyles","useState","helper","useEffect","current","DropdownPopup","left","top","jsxs","width","marginLeft","paddingLeft","maxHeight","jsx","e","target","value","Icon","map","item","disabled","length","some","s","itemSelected","Boolean","event","iconName","order","Avatar"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sources":["../../../src/lib/inputs/select/Dropdown.tsx"],"sourcesContent":["import { ChangeEvent, KeyboardEvent, useEffect, useState } from 'react';\nimport Icon from '../../icons';\nimport Avatar from '../../avatar';\nimport * as helper from './helper';\nimport DropdownPopup from '../../dropdown/Popup';\nimport { IDropdownSelectProps } from '../types';\nimport { DataCombo } from '../../@types/DataCombo';\n\nconst Dropdown = (props: IDropdownSelectProps) => {\n  const {\n    imageAlign = 'left', striped = false, dataCombo, descriptionKey, imgSrcKey, dropdownRef,\n    currents = [], dropdownWidth, gridWrapperStyle, handleOnSelect, inputValue,\n    handleOnFocus, opened, handleOnFilter, selected = null, searchOnDropdown, handleOnKeydown,\n    searchNotFoundText, idKey, selectFieldRef,\n  } = props;\n  const [dropdownDynamicStyles, setDropdownDynamicStyles] =\n    useState(helper.returnDropdownDynamicStyles({ ...props }));\n\n  useEffect(() => {\n    if (dropdownRef.current) {\n      setDropdownDynamicStyles(helper.returnDropdownDynamicStyles({ ...props }));\n    }\n  }, [dropdownRef.current, dataCombo]);\n\n  return (\n    <DropdownPopup\n      align=\"left\"\n      leftPosition={dropdownDynamicStyles.left}\n      topPosition={dropdownDynamicStyles.top}\n      targetRef={selectFieldRef?.current}>\n      <div\n        className=\"select-dropdown\"\n        ref={dropdownRef}\n        style={{\n          width: dropdownWidth,\n          marginLeft: gridWrapperStyle ? gridWrapperStyle.paddingLeft : '0',\n          maxHeight: dropdownDynamicStyles.maxHeight,\n        }}>\n        {searchOnDropdown &&\n          <div className=\"filtercontainer\">\n            <input\n              className=\"filterinput\"\n              type=\"text\"\n              value={inputValue}\n              onFocus={() => { handleOnFocus(); }}\n              onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                handleOnFilter(e.target.value);\n              }}\n              onKeyDown={(e: KeyboardEvent<Element>) => { handleOnKeydown(e); }}\n              autoFocus={opened} />\n            <Icon name=\"search\" viewBox=\"0 0 32 32\" />\n          </div>\n        }\n        {dataCombo.map((item: DataCombo) => {\n          const disabled = (currents && currents.length > 0 ?\n              currents.some(s => s[idKey] === item[idKey])\n            : false);\n          const itemSelected = Boolean(selected && selected[idKey] === item[idKey]);\n          return (\n            <div\n              key={`dropdowmIten ${item[idKey]}}`}\n              className={helper.getDropdownItemCssClass(itemSelected, disabled, striped)} >\n              <button\n                className=\"menubutton\"\n                tabIndex={-1}\n                onClick={() => { if (!disabled) { handleOnSelect(item); } }}>\n                {item.iconName &&\n                  <Icon\n                    name={item.iconName}\n                    customClass=\"menuicon\"\n                    style={{ order: imageAlign === 'left' ? 0 : 1 }} />\n                }\n                {imgSrcKey && item.imgSrcKey &&\n                  <Avatar\n                    src={item.imgSrcKey}\n                    customClass=\"menuicon\"\n                    style={{ order: imageAlign === 'left' ? 0 : 1 }} />\n                }\n                <span className=\"label\">{typeof descriptionKey === 'string' ? item[descriptionKey] : descriptionKey(item)}</span>\n              </button>\n            </div>\n          );\n        })}\n        {dataCombo && dataCombo.length === 0 &&\n          <div className=\"notfound\">{searchNotFoundText}</div>\n        }\n      </div>\n    </DropdownPopup>\n  );\n};\n\nexport default Dropdown;\n"],"names":["Dropdown","props","imageAlign","striped","dataCombo","descriptionKey","imgSrcKey","dropdownRef","currents","dropdownWidth","gridWrapperStyle","handleOnSelect","inputValue","handleOnFocus","opened","handleOnFilter","selected","searchOnDropdown","handleOnKeydown","searchNotFoundText","idKey","selectFieldRef","dropdownDynamicStyles","setDropdownDynamicStyles","useState","helper","useEffect","current","DropdownPopup","left","top","jsxs","width","marginLeft","paddingLeft","maxHeight","jsx","e","target","value","Icon","map","item","disabled","length","some","s","itemSelected","Boolean","iconName","order","Avatar"],"mappings":"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"}

package/lib/inputs/select/helper.js

@@ -1,36 +1,36 @@
-const C = (o) => `content ${o.showClearButton ? "" : "noclear"}`, f = (o, n, e) => {
+const f = (r, o, e) => {
   let t = "item";
-  return t += o && !n ? " -selected " : "", t += n ? " -disabled" : "", t += !o && !n && e ? " -striped " : "", t;
-}, h = ({
-  dataSource: o,
-  descriptionKey: n,
+  return t += r && !o ? " -selected " : "", t += o ? " -disabled" : "", t += !r && !o && e ? " -striped " : "", t;
+}, C = ({
+  dataSource: r,
+  descriptionKey: o,
   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,
+}) => r && r.filter((t) => typeof o == "string" ? t[o]?.toLowerCase().indexOf(e?.toString().toLowerCase()) > -1 : o(t)?.toLowerCase().indexOf(e?.toString().toLowerCase()) > -1), D = ({
+  dataSource: r,
+  inputText: o,
   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,
+}) => r.filter((n) => typeof e == "string" ? n[e].toLowerCase().indexOf(o?.toString().toLowerCase()) > -1 && !t.includes(n) : e(n)?.toLowerCase().indexOf(o?.toString().toLowerCase()) > -1 && !t.includes(n)), l = ({
+  selectFieldRects: r,
+  dropdownRef: o,
   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,
+}, t = !1) => t && o?.current && e?.height ? r.top + window.scrollY - (o.current && e.height) - 10 : r.top + window.scrollY + r.height, h = ({
+  selectFieldRef: r,
+  dropdownMaxHeight: o,
   dropdownRef: e
 }) => {
-  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({
+  const t = r?.current ? r.current.getBoundingClientRect() : void 0, n = e?.current ? e.current.getBoundingClientRect() : void 0, u = t ? t?.bottom : 0, a = t ? t?.top : 0, c = window.innerHeight - u, w = 30;
+  let g = 200, s = o, i;
+  return !s || s <= 0 ? c < g && t ? (s = a, i = l({
     selectFieldRects: t,
     dropdownRef: e,
-    dropdownRects: r
+    dropdownRects: n
   }, !0)) : (s = c, i = t ? l({
     selectFieldRects: t
-  }) : 0) : (a = s, c < a && t ? i = l({
+  }) : 0) : (g = s, c < g && t ? i = l({
     selectFieldRects: t,
     dropdownRef: e,
-    dropdownRects: r
+    dropdownRects: n
   }, !0) : i = t ? l({
     selectFieldRects: t
   }) : 0), {
@@ -40,10 +40,9 @@ const C = (o) => `content ${o.showClearButton ? "" : "noclear"}`, f = (o, n, e)
   };
 };
 export {
-  C as contentClass,
   f as getDropdownItemCssClass,
   D as getFilteredMultipleDataCombo,
-  h as getFilteredSimpleDataCombo,
-  m as returnDropdownDynamicStyles
+  C as getFilteredSimpleDataCombo,
+  h as returnDropdownDynamicStyles
 };
 //# sourceMappingURL=helper.js.map

package/lib/inputs/select/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","sources":["../../../src/lib/inputs/select/helper.ts"],"sourcesContent":["import { RefObject } from 'react';\nimport { DataCombo } from '../../@types/DataCombo';\nimport { IDropdownSelectProps } from '../types';\nimport { GetMultipleFilteredParams, GetSimpleFilteredParams } from './types';\n\nexport const contentClass = (props: IDropdownSelectProps) => (\n  `content ${props.showClearButton ? '' : 'noclear'}`\n);\n\nexport const getDropdownItemCssClass = (\n  selected: boolean,\n  disabled: boolean,\n  striped: boolean,\n) => {\n  let className = 'item';\n  className += (selected && !disabled ? ' -selected ' : '');\n  className += disabled ? ' -disabled' : '';\n  className += (!selected && !disabled && striped ? ' -striped ' : '');\n\n  return className;\n};\n\nexport const getFilteredSimpleDataCombo = ({\n  dataSource, descriptionKey, inputText,\n}: Omit<GetSimpleFilteredParams, 'currents'>) => dataSource && dataSource.filter((item: DataCombo) => {\n  if (typeof descriptionKey === 'string') {\n    return item[descriptionKey]?.toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1;\n  }\n  return descriptionKey(item)?.toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1;\n});\n\nexport const getFilteredMultipleDataCombo = ({\n  dataSource, inputText, descriptionKey, currents,\n}: GetMultipleFilteredParams) =>\n  dataSource.filter((item) => {\n    if (typeof descriptionKey === 'string') {\n      return item[descriptionKey].toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1 &&\n      !currents.includes(item);\n    }\n    return descriptionKey(item)?.toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1\n      && !currents.includes(item);\n  });\n\nconst returnDropdownPosition = ({\n  selectFieldRects, dropdownRef, dropdownRects }:\n{ selectFieldRects: DOMRect,\n  dropdownRef?: RefObject<HTMLDivElement>,\n  dropdownRects?: DOMRect }, aboveDropdown = false) => {\n  const DEFAULT_MARGIN_BOTTOM = 10;\n  if (aboveDropdown && dropdownRef?.current && dropdownRects?.height) {\n    return (selectFieldRects.top + window.scrollY) -\n      (dropdownRef.current && dropdownRects.height) - DEFAULT_MARGIN_BOTTOM;\n  }\n  return ((selectFieldRects.top) + window.scrollY) + selectFieldRects.height;\n};\n\nexport const returnDropdownDynamicStyles = ({ selectFieldRef,\n  dropdownMaxHeight,\n  dropdownRef }: IDropdownSelectProps) => {\n  const selectFieldRects =\n    selectFieldRef?.current ? selectFieldRef.current.getBoundingClientRect() : undefined;\n  const dropdownRects =\n    dropdownRef?.current ? dropdownRef.current.getBoundingClientRect() : undefined;\n  const selectFieldRectsBottom = selectFieldRects ? selectFieldRects?.bottom : 0;\n  const selectFieldRectsTop = selectFieldRects ? selectFieldRects?.top : 0;\n\n  const dropdownBottomDistance = window.innerHeight - selectFieldRectsBottom;\n  const bottomOffset = 30;\n  let maxDropdownBottomDistance = 200;\n  let height = dropdownMaxHeight;\n  let dropdownPosition;\n  if (!height || height <= 0) {\n    if (dropdownBottomDistance < maxDropdownBottomDistance && selectFieldRects) {\n      height = selectFieldRectsTop;\n      dropdownPosition =\n        returnDropdownPosition({ \n          selectFieldRects, dropdownRef: dropdownRef as any, dropdownRects,\n        }, true);\n    } else {\n      height = dropdownBottomDistance;\n      dropdownPosition = selectFieldRects ? returnDropdownPosition({ selectFieldRects }) : 0;\n    }\n  } else {\n    maxDropdownBottomDistance = height;\n    if (dropdownBottomDistance < maxDropdownBottomDistance && selectFieldRects) {\n      dropdownPosition =\n        returnDropdownPosition({ \n          selectFieldRects, dropdownRef: dropdownRef as any, dropdownRects, \n        }, true);\n    } else {\n      dropdownPosition = selectFieldRects ? returnDropdownPosition({ selectFieldRects }) : 0;\n    }\n  }\n\n  return {\n    maxHeight: height - bottomOffset,\n    top: dropdownPosition,\n    left: selectFieldRects ? selectFieldRects.left : 0,\n  };\n};\n"],"names":["contentClass","props","showClearButton","getDropdownItemCssClass","selected","disabled","striped","className","getFilteredSimpleDataCombo","dataSource","descriptionKey","inputText","filter","item","toLowerCase","indexOf","toString","getFilteredMultipleDataCombo","currents","includes","returnDropdownPosition","selectFieldRects","dropdownRef","dropdownRects","aboveDropdown","current","height","top","window","scrollY","DEFAULT_MARGIN_BOTTOM","returnDropdownDynamicStyles","selectFieldRef","dropdownMaxHeight","getBoundingClientRect","undefined","selectFieldRectsBottom","bottom","selectFieldRectsTop","dropdownBottomDistance","innerHeight","bottomOffset","maxDropdownBottomDistance","dropdownPosition","maxHeight","left"],"mappings":"AAKO,MAAMA,IAAeA,CAACC,MAC3B,WAAWA,EAAMC,kBAAkB,KAAK,SAAS,IAGtCC,IAA0BA,CACrCC,GACAC,GACAC,MACG;AACH,MAAIC,IAAY;AAChBA,SAAAA,KAAcH,KAAY,CAACC,IAAW,gBAAgB,IACtDE,KAAaF,IAAW,eAAe,IACvCE,KAAc,CAACH,KAAY,CAACC,KAAYC,IAAU,eAAe,IAE1DC;AACT,GAEaC,IAA6BA,CAAC;AAAA,EACzCC,YAAAA;AAAAA,EAAYC,gBAAAA;AAAAA,EAAgBC,WAAAA;AACa,MAAMF,KAAcA,EAAWG,OAAO,CAACC,MAC5E,OAAOH,KAAmB,WACrBG,EAAKH,CAAc,GAAGI,cAAcC,QAAQJ,GAAWK,SAAAA,EAAWF,YAAAA,CAAa,IAAI,KAErFJ,EAAeG,CAAI,GAAGC,cAAcC,QAAQJ,GAAWK,SAAAA,EAAWF,YAAAA,CAAa,IAAI,EAC3F,GAEYG,IAA+BA,CAAC;AAAA,EAC3CR,YAAAA;AAAAA,EAAYE,WAAAA;AAAAA,EAAWD,gBAAAA;AAAAA,EAAgBQ,UAAAA;AACd,MACzBT,EAAWG,OAAQC,CAAAA,MACb,OAAOH,KAAmB,WACrBG,EAAKH,CAAc,EAAEI,YAAAA,EAAcC,QAAQJ,GAAWK,SAAAA,EAAWF,YAAAA,CAAa,IAAI,MACzF,CAACI,EAASC,SAASN,CAAI,IAElBH,EAAeG,CAAI,GAAGC,YAAAA,EAAcC,QAAQJ,GAAWK,SAAAA,EAAWF,YAAAA,CAAa,IAAI,MACrF,CAACI,EAASC,SAASN,CAAI,CAC7B,GAEGO,IAAyBA,CAAC;AAAA,EAC9BC,kBAAAA;AAAAA,EAAkBC,aAAAA;AAAAA,EAAaC,eAAAA;AAGP,GAAGC,IAAgB,OAEvCA,KAAiBF,GAAaG,WAAWF,GAAeG,SAClDL,EAAiBM,MAAMC,OAAOC,WACnCP,EAAYG,WAAWF,EAAcG,UAAUI,KAE3CT,EAAiBM,MAAOC,OAAOC,UAAWR,EAAiBK,QAGzDK,IAA8BA,CAAC;AAAA,EAAEC,gBAAAA;AAAAA,EAC5CC,mBAAAA;AAAAA,EACAX,aAAAA;AAAkC,MAAM;AACxC,QAAMD,IACJW,GAAgBP,UAAUO,EAAeP,QAAQS,0BAA0BC,QACvEZ,IACJD,GAAaG,UAAUH,EAAYG,QAAQS,0BAA0BC,QACjEC,IAAyBf,IAAmBA,GAAkBgB,SAAS,GACvEC,IAAsBjB,IAAmBA,GAAkBM,MAAM,GAEjEY,IAAyBX,OAAOY,cAAcJ,GAC9CK,IAAe;AACrB,MAAIC,IAA4B,KAC5BhB,IAASO,GACTU;AACJ,SAAI,CAACjB,KAAUA,KAAU,IACnBa,IAAyBG,KAA6BrB,KACxDK,IAASY,GACTK,IACEvB,EAAuB;AAAA,IACrBC,kBAAAA;AAAAA,IAAkBC,aAAAA;AAAAA,IAAiCC,eAAAA;AAAAA,EAAAA,GAClD,EAAI,MAETG,IAASa,GACTI,IAAmBtB,IAAmBD,EAAuB;AAAA,IAAEC,kBAAAA;AAAAA,EAAAA,CAAkB,IAAI,MAGvFqB,IAA4BhB,GACxBa,IAAyBG,KAA6BrB,IACxDsB,IACEvB,EAAuB;AAAA,IACrBC,kBAAAA;AAAAA,IAAkBC,aAAAA;AAAAA,IAAiCC,eAAAA;AAAAA,EAAAA,GAClD,EAAI,IAEToB,IAAmBtB,IAAmBD,EAAuB;AAAA,IAAEC,kBAAAA;AAAAA,EAAAA,CAAkB,IAAI,IAIlF;AAAA,IACLuB,WAAWlB,IAASe;AAAAA,IACpBd,KAAKgB;AAAAA,IACLE,MAAMxB,IAAmBA,EAAiBwB,OAAO;AAAA,EAAA;AAErD;"}
+{"version":3,"file":"helper.js","sources":["../../../src/lib/inputs/select/helper.ts"],"sourcesContent":["import { RefObject } from 'react';\nimport { DataCombo } from '../../@types/DataCombo';\nimport { IDropdownSelectProps } from '../types';\nimport { GetMultipleFilteredParams, GetSimpleFilteredParams } from './types';\n\nexport const contentClass = (props: IDropdownSelectProps) => (\n  `content ${props.showClearButton ? '' : 'noclear'}`\n);\n\nexport const getDropdownItemCssClass = (\n  selected: boolean,\n  disabled: boolean,\n  striped: boolean,\n) => {\n  let className = 'item';\n  className += (selected && !disabled ? ' -selected ' : '');\n  className += disabled ? ' -disabled' : '';\n  className += (!selected && !disabled && striped ? ' -striped ' : '');\n\n  return className;\n};\n\nexport const getFilteredSimpleDataCombo = ({\n  dataSource, descriptionKey, inputText,\n}: Omit<GetSimpleFilteredParams, 'currents'>) => dataSource && dataSource.filter((item: DataCombo) => {\n  if (typeof descriptionKey === 'string') {\n    return item[descriptionKey]?.toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1;\n  }\n  return descriptionKey(item)?.toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1;\n});\n\nexport const getFilteredMultipleDataCombo = ({\n  dataSource, inputText, descriptionKey, currents,\n}: GetMultipleFilteredParams) =>\n  dataSource.filter((item) => {\n    if (typeof descriptionKey === 'string') {\n      return item[descriptionKey].toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1 &&\n      !currents.includes(item);\n    }\n    return descriptionKey(item)?.toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1\n      && !currents.includes(item);\n  });\n\nconst returnDropdownPosition = ({\n  selectFieldRects, dropdownRef, dropdownRects }:\n{ selectFieldRects: DOMRect,\n  dropdownRef?: RefObject<HTMLDivElement>,\n  dropdownRects?: DOMRect }, aboveDropdown = false) => {\n  const DEFAULT_MARGIN_BOTTOM = 10;\n  if (aboveDropdown && dropdownRef?.current && dropdownRects?.height) {\n    return (selectFieldRects.top + window.scrollY) -\n      (dropdownRef.current && dropdownRects.height) - DEFAULT_MARGIN_BOTTOM;\n  }\n  return ((selectFieldRects.top) + window.scrollY) + selectFieldRects.height;\n};\n\nexport const returnDropdownDynamicStyles = ({ selectFieldRef,\n  dropdownMaxHeight,\n  dropdownRef }: IDropdownSelectProps) => {\n  const selectFieldRects =\n    selectFieldRef?.current ? selectFieldRef.current.getBoundingClientRect() : undefined;\n  const dropdownRects =\n    dropdownRef?.current ? dropdownRef.current.getBoundingClientRect() : undefined;\n  const selectFieldRectsBottom = selectFieldRects ? selectFieldRects?.bottom : 0;\n  const selectFieldRectsTop = selectFieldRects ? selectFieldRects?.top : 0;\n\n  const dropdownBottomDistance = window.innerHeight - selectFieldRectsBottom;\n  const bottomOffset = 30;\n  let maxDropdownBottomDistance = 200;\n  let height = dropdownMaxHeight;\n  let dropdownPosition;\n  if (!height || height <= 0) {\n    if (dropdownBottomDistance < maxDropdownBottomDistance && selectFieldRects) {\n      height = selectFieldRectsTop;\n      dropdownPosition =\n        returnDropdownPosition({ \n          selectFieldRects, dropdownRef: dropdownRef as any, dropdownRects,\n        }, true);\n    } else {\n      height = dropdownBottomDistance;\n      dropdownPosition = selectFieldRects ? returnDropdownPosition({ selectFieldRects }) : 0;\n    }\n  } else {\n    maxDropdownBottomDistance = height;\n    if (dropdownBottomDistance < maxDropdownBottomDistance && selectFieldRects) {\n      dropdownPosition =\n        returnDropdownPosition({ \n          selectFieldRects, dropdownRef: dropdownRef as any, dropdownRects, \n        }, true);\n    } else {\n      dropdownPosition = selectFieldRects ? returnDropdownPosition({ selectFieldRects }) : 0;\n    }\n  }\n\n  return {\n    maxHeight: height - bottomOffset,\n    top: dropdownPosition,\n    left: selectFieldRects ? selectFieldRects.left : 0,\n  };\n};\n"],"names":["getDropdownItemCssClass","selected","disabled","striped","className","getFilteredSimpleDataCombo","dataSource","descriptionKey","inputText","filter","item","toLowerCase","indexOf","toString","getFilteredMultipleDataCombo","currents","includes","returnDropdownPosition","selectFieldRects","dropdownRef","dropdownRects","aboveDropdown","current","height","top","window","scrollY","DEFAULT_MARGIN_BOTTOM","returnDropdownDynamicStyles","selectFieldRef","dropdownMaxHeight","getBoundingClientRect","undefined","selectFieldRectsBottom","bottom","selectFieldRectsTop","dropdownBottomDistance","innerHeight","bottomOffset","maxDropdownBottomDistance","dropdownPosition","maxHeight","left"],"mappings":"AASO,MAAMA,IAA0BA,CACrCC,GACAC,GACAC,MACG;AACH,MAAIC,IAAY;AAChBA,SAAAA,KAAcH,KAAY,CAACC,IAAW,gBAAgB,IACtDE,KAAaF,IAAW,eAAe,IACvCE,KAAc,CAACH,KAAY,CAACC,KAAYC,IAAU,eAAe,IAE1DC;AACT,GAEaC,IAA6BA,CAAC;AAAA,EACzCC,YAAAA;AAAAA,EAAYC,gBAAAA;AAAAA,EAAgBC,WAAAA;AACa,MAAMF,KAAcA,EAAWG,OAAO,CAACC,MAC5E,OAAOH,KAAmB,WACrBG,EAAKH,CAAc,GAAGI,cAAcC,QAAQJ,GAAWK,SAAAA,EAAWF,YAAAA,CAAa,IAAI,KAErFJ,EAAeG,CAAI,GAAGC,cAAcC,QAAQJ,GAAWK,SAAAA,EAAWF,YAAAA,CAAa,IAAI,EAC3F,GAEYG,IAA+BA,CAAC;AAAA,EAC3CR,YAAAA;AAAAA,EAAYE,WAAAA;AAAAA,EAAWD,gBAAAA;AAAAA,EAAgBQ,UAAAA;AACd,MACzBT,EAAWG,OAAQC,CAAAA,MACb,OAAOH,KAAmB,WACrBG,EAAKH,CAAc,EAAEI,YAAAA,EAAcC,QAAQJ,GAAWK,SAAAA,EAAWF,YAAAA,CAAa,IAAI,MACzF,CAACI,EAASC,SAASN,CAAI,IAElBH,EAAeG,CAAI,GAAGC,YAAAA,EAAcC,QAAQJ,GAAWK,SAAAA,EAAWF,YAAAA,CAAa,IAAI,MACrF,CAACI,EAASC,SAASN,CAAI,CAC7B,GAEGO,IAAyBA,CAAC;AAAA,EAC9BC,kBAAAA;AAAAA,EAAkBC,aAAAA;AAAAA,EAAaC,eAAAA;AAGP,GAAGC,IAAgB,OAEvCA,KAAiBF,GAAaG,WAAWF,GAAeG,SAClDL,EAAiBM,MAAMC,OAAOC,WACnCP,EAAYG,WAAWF,EAAcG,UAAUI,KAE3CT,EAAiBM,MAAOC,OAAOC,UAAWR,EAAiBK,QAGzDK,IAA8BA,CAAC;AAAA,EAAEC,gBAAAA;AAAAA,EAC5CC,mBAAAA;AAAAA,EACAX,aAAAA;AAAkC,MAAM;AACxC,QAAMD,IACJW,GAAgBP,UAAUO,EAAeP,QAAQS,0BAA0BC,QACvEZ,IACJD,GAAaG,UAAUH,EAAYG,QAAQS,0BAA0BC,QACjEC,IAAyBf,IAAmBA,GAAkBgB,SAAS,GACvEC,IAAsBjB,IAAmBA,GAAkBM,MAAM,GAEjEY,IAAyBX,OAAOY,cAAcJ,GAC9CK,IAAe;AACrB,MAAIC,IAA4B,KAC5BhB,IAASO,GACTU;AACJ,SAAI,CAACjB,KAAUA,KAAU,IACnBa,IAAyBG,KAA6BrB,KACxDK,IAASY,GACTK,IACEvB,EAAuB;AAAA,IACrBC,kBAAAA;AAAAA,IAAkBC,aAAAA;AAAAA,IAAiCC,eAAAA;AAAAA,EAAAA,GAClD,EAAI,MAETG,IAASa,GACTI,IAAmBtB,IAAmBD,EAAuB;AAAA,IAAEC,kBAAAA;AAAAA,EAAAA,CAAkB,IAAI,MAGvFqB,IAA4BhB,GACxBa,IAAyBG,KAA6BrB,IACxDsB,IACEvB,EAAuB;AAAA,IACrBC,kBAAAA;AAAAA,IAAkBC,aAAAA;AAAAA,IAAiCC,eAAAA;AAAAA,EAAAA,GAClD,EAAI,IAEToB,IAAmBtB,IAAmBD,EAAuB;AAAA,IAAEC,kBAAAA;AAAAA,EAAAA,CAAkB,IAAI,IAIlF;AAAA,IACLuB,WAAWlB,IAASe;AAAAA,IACpBd,KAAKgB;AAAAA,IACLE,MAAMxB,IAAmBA,EAAiBwB,OAAO;AAAA,EAAA;AAErD;"}

package/lib/inputs/select/index.js

@@ -1,12 +1,11 @@
 import { jsx as y } from "react/jsx-runtime";
-import { c as n } from "react/compiler-runtime";
+import { c as n } from "../../_virtual/compiler-runtime.js";
 import m from "./multiple/index.js";
-import '../../styles/assets/styles/gridlayout.css';import '../../styles/assets/styles/select.css';/* empty css                              */
-/* empty css                                  */
+import '../../assets/styles/select.css';/* empty css                              */
 import u from "../../gridlayout/GridCol.js";
 import K from "./simple/index.js";
-const x = (i) => {
-  const e = n(15);
+const h = (i) => {
+  const e = n.c(15);
   let d, c, l, t;
   e[0] !== i ? ({
     gridLayout: d,
@@ -24,6 +23,6 @@ const x = (i) => {
   return a;
 };
 export {
-  x as default
+  h as default
 };
 //# sourceMappingURL=index.js.map

package/lib/inputs/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/select/index.tsx"],"sourcesContent":["import React from 'react';\nimport MultipleSelect from './multiple';\nimport '../../assets/styles/select.scss';\nimport Grid from '../../gridlayout';\nimport { ISelectFieldProps } from './types';\nimport SimpleSelect from './simple';\n\nconst SelectField = (props: ISelectFieldProps) => {\n  const { gridLayout, multiple, value, ...newProps } = props;\n  const component = multiple ?\n      (<MultipleSelect\n        {...newProps}\n        dataSource={props.dataSource ? props.dataSource : []}\n        idKey={props.idKey ? props.idKey : ''}\n        value={Array.isArray(value) ? value : undefined}\n        descriptionKey={props.descriptionKey ? props.descriptionKey : ''} />) :\n      (<SimpleSelect\n        {...newProps}\n        idKey={props.idKey ? props.idKey : ''}\n        value={!Array.isArray(value) ? value : undefined}\n        descriptionKey={props.descriptionKey ? props.descriptionKey : ''} />);\n  if (gridLayout !== undefined) {\n    return <Grid customClass=\"-withinput\" cols={gridLayout}>{component}</Grid>;\n  }\n  return component;\n};\n\nexport default SelectField;\n"],"names":["SelectField","props","$","_c","gridLayout","multiple","newProps","value","t0","dataSource","descriptionKey","idKey","jsx","MultipleSelect","Array","isArray","undefined","SimpleSelect","component","t1","Grid"],"mappings":";;;;;;;AAOA,MAAMA,IAAcC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAL,SAAAD,KAClB;AAAA,IAAAG,YAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAE,OAAAA;AAAAA,IAAA,GAAAD;AAAAA,EAAAA,IAAqDL,GAAMC,OAAAD,GAAAC,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,MAAAH,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA;AAAA,MAAAM;AAAA,EAAAN,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAD,EAAAQ,cAAAP,EAAA,CAAA,MAAAD,EAAAS,kBAAAR,EAAA,CAAA,MAAAD,EAAAU,SAAAT,EAAA,EAAA,MAAAK,KACzCC,IAAAH,IACb,gBAAAO,EAACC,GAAA,KACIP,GACQ,YAAAL,EAAKQ,aAAcR,EAAKQ,aAAxB,CAAA,GACL,OAAAR,EAAKU,QAASV,EAAKU,QAAnB,IACA,OAAAG,MAAKC,QAASR,CAAyB,IAAvCA,IAAAS,QACS,gBAAAf,EAAKS,iBAAkBT,EAAKS,iBAA5B,GAAA,CAAgD,IACjE,gBAAAE,EAACK,GAAA,EAAY,GACRX,GACG,OAAAL,EAAKU,QAASV,EAAKU,QAAnB,IACA,OAACG,MAAKC,QAASR,CAAK,IAApBS,SAAAT,GACS,gBAAAN,EAAKS,iBAAkBT,EAAKS,iBAA5B,GAAA,CAAgD,GAAKR,OAAAG,GAAAH,OAAAI,GAAAJ,EAAA,CAAA,IAAAD,EAAAQ,YAAAP,EAAA,CAAA,IAAAD,EAAAS,gBAAAR,EAAA,CAAA,IAAAD,EAAAU,OAAAT,QAAAK,GAAAL,QAAAM,KAAAA,IAAAN,EAAA,EAAA;AAX3E,QAAAgB,IAAkBV;AAYlB,MAAIJ,MAAeY,QAAS;AAAA,QAAAG;AAAA,WAAAjB,EAAA,EAAA,MAAAgB,KAAAhB,UAAAE,KACnBe,sBAACC,GAAA,EAAiB,aAAA,cAAmBhB,MAAAA,GAAac,UAAAA,GAAU,GAAOhB,QAAAgB,GAAAhB,QAAAE,GAAAF,QAAAiB,KAAAA,IAAAjB,EAAA,EAAA,GAAnEiB;AAAAA,EAAmE;AAC3E,SACMD;AAAS;"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/select/index.tsx"],"sourcesContent":["import MultipleSelect from './multiple';\nimport '../../assets/styles/select.scss';\nimport Grid from '../../gridlayout';\nimport { ISelectFieldProps } from './types';\nimport SimpleSelect from './simple';\n\nconst SelectField = (props: ISelectFieldProps) => {\n  const { gridLayout, multiple, value, ...newProps } = props;\n  const component = multiple ?\n      (<MultipleSelect\n        {...newProps}\n        dataSource={props.dataSource ? props.dataSource : []}\n        idKey={props.idKey ? props.idKey : ''}\n        value={Array.isArray(value) ? value : undefined}\n        descriptionKey={props.descriptionKey ? props.descriptionKey : ''} />) :\n      (<SimpleSelect\n        {...newProps}\n        idKey={props.idKey ? props.idKey : ''}\n        value={!Array.isArray(value) ? value : undefined}\n        descriptionKey={props.descriptionKey ? props.descriptionKey : ''} />);\n  if (gridLayout !== undefined) {\n    return <Grid customClass=\"-withinput\" cols={gridLayout}>{component}</Grid>;\n  }\n  return component;\n};\n\nexport default SelectField;\n"],"names":["SelectField","props","$","_c","gridLayout","multiple","newProps","value","t0","dataSource","descriptionKey","idKey","jsx","MultipleSelect","Array","isArray","undefined","SimpleSelect","component","t1","Grid"],"mappings":";;;;;;AAMA,MAAMA,IAAcC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAL,SAAAD,KAClB;AAAA,IAAAG,YAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAE,OAAAA;AAAAA,IAAA,GAAAD;AAAAA,EAAAA,IAAqDL,GAAMC,OAAAD,GAAAC,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,MAAAH,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA;AAAA,MAAAM;AAAA,EAAAN,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAD,EAAAQ,cAAAP,EAAA,CAAA,MAAAD,EAAAS,kBAAAR,EAAA,CAAA,MAAAD,EAAAU,SAAAT,EAAA,EAAA,MAAAK,KACzCC,IAAAH,IACb,gBAAAO,EAACC,GAAA,KACIP,GACQ,YAAAL,EAAKQ,aAAcR,EAAKQ,aAAxB,CAAA,GACL,OAAAR,EAAKU,QAASV,EAAKU,QAAnB,IACA,OAAAG,MAAKC,QAASR,CAAyB,IAAvCA,IAAAS,QACS,gBAAAf,EAAKS,iBAAkBT,EAAKS,iBAA5B,GAAA,CAAgD,IACjE,gBAAAE,EAACK,GAAA,EAAY,GACRX,GACG,OAAAL,EAAKU,QAASV,EAAKU,QAAnB,IACA,OAACG,MAAKC,QAASR,CAAK,IAApBS,SAAAT,GACS,gBAAAN,EAAKS,iBAAkBT,EAAKS,iBAA5B,GAAA,CAAgD,GAAKR,OAAAG,GAAAH,OAAAI,GAAAJ,EAAA,CAAA,IAAAD,EAAAQ,YAAAP,EAAA,CAAA,IAAAD,EAAAS,gBAAAR,EAAA,CAAA,IAAAD,EAAAU,OAAAT,QAAAK,GAAAL,QAAAM,KAAAA,IAAAN,EAAA,EAAA;AAX3E,QAAAgB,IAAkBV;AAYlB,MAAIJ,MAAeY,QAAS;AAAA,QAAAG;AAAA,WAAAjB,EAAA,EAAA,MAAAgB,KAAAhB,UAAAE,KACnBe,sBAACC,GAAA,EAAiB,aAAA,cAAmBhB,MAAAA,GAAac,UAAAA,GAAU,GAAOhB,QAAAgB,GAAAhB,QAAAE,GAAAF,QAAAiB,KAAAA,IAAAjB,EAAA,EAAA,GAAnEiB;AAAAA,EAAmE;AAC3E,SACMD;AAAS;"}

package/lib/inputs/select/multiple/Selecteds.d.ts

@@ -1,3 +1,3 @@
 import { ISelectedsMultipleProps } from '../types';
-declare const Selecteds: ({ currents, descriptionKey, idKey, handlerOnUnselect, }: ISelectedsMultipleProps) => import("react/jsx-runtime").JSX.Element;
+declare const Selecteds: ({ currents, descriptionKey, idKey, disabled, handlerOnUnselect, }: ISelectedsMultipleProps) => import("react/jsx-runtime").JSX.Element;
 export default Selecteds;