linear-react-components-ui 1.1.26-beta.21 → 1.1.26-beta.22

package/lib/tooltip/useTooltip.js

@@ -1,96 +1,78 @@
-import { c as q } from "../_virtual/compiler-runtime.js";
-import { useState as W, useRef as z, useEffect as k } from "react";
-const F = 40;
-function Q(G) {
-  const t = q.c(33), {
-    targetRef: V,
-    text: l,
-    width: O,
-    space: C,
-    position: H,
-    errorMessage: f,
-    onDeniedText: r
-  } = G, D = O === void 0 ? "auto" : O, c = C === void 0 ? 0 : C, h = H === void 0 ? "bottom" : H, [n, a] = W(h), [I, X] = W(""), [M, u] = W(!1);
-  let w;
-  t[0] !== D ? (w = {
-    width: D,
-    height: F
-  }, t[0] = D, t[1] = w) : w = t[1];
-  const [s, j] = W(w), o = V, P = z(null);
-  let g;
-  t[2] !== o.current ? (g = (m) => {
-    o.current && o.current.contains(m.target) ? u(!0) : u(!1);
-  }, t[2] = o.current, t[3] = g) : g = t[3];
-  const v = g;
-  let b;
-  t[4] === Symbol.for("react.memo_cache_sentinel") ? (b = () => {
+import { useState as h, useRef as B, useEffect as p } from "react";
+const C = 40;
+function P({
+  targetRef: y,
+  text: f,
+  width: L = "auto",
+  space: l = 0,
+  position: b = "bottom",
+  errorMessage: v,
+  onDeniedText: m
+}) {
+  const [a, c] = h(b), [R, S] = h(""), [g, u] = h(!1), [E, O] = h({
+    width: L,
+    height: C
+  }), e = y, r = B(null), T = (i) => {
+    e.current && e.current.contains(i.target) ? u(!0) : u(!1);
+  }, x = () => {
     u(!1);
-  }, t[4] = b) : b = t[4];
-  const A = b;
-  let x;
-  t[5] === Symbol.for("react.memo_cache_sentinel") ? (x = () => {
+  }, $ = () => {
     u(!1);
-  }, t[5] = x) : x = t[5];
-  const N = x;
-  let T;
-  t[6] !== f || t[7] !== r || t[8] !== v || t[9] !== o || t[10] !== l ? (T = () => ((l || r) && (f ? u(!0) : (u(!1), document.addEventListener("mouseover", v), document.addEventListener("scroll", N, !0), o && o.current && o.current.addEventListener("mouseout", A))), () => {
-    (l || r) && (document.removeEventListener("mouseover", v), document.removeEventListener("scroll", N, !0), o && o.current && o.current.removeEventListener("mouseout", A));
-  }), t[6] = f, t[7] = r, t[8] = v, t[9] = o, t[10] = l, t[11] = T) : T = t[11];
-  let E;
-  t[12] !== f || t[13] !== r || t[14] !== l ? (E = [f, l, r], t[12] = f, t[13] = r, t[14] = l, t[15] = E) : E = t[15], k(T, E);
-  let y;
-  t[16] !== c || t[17] !== n || t[18] !== o.current || t[19] !== s ? (y = () => {
-    if (o.current && P.current) {
+  };
+  return p(() => ((f || m) && (v ? u(!0) : (u(!1), document.addEventListener("mouseover", T), document.addEventListener("scroll", $, !0), e && e.current && e.current.addEventListener("mouseout", x))), () => {
+    (f || m) && (document.removeEventListener("mouseover", T), document.removeEventListener("scroll", $, !0), e && e.current && e.current.removeEventListener("mouseout", x));
+  }), [v, f, m]), p(() => {
+    if (e.current && r.current) {
       const {
-        width: m,
-        height: p
-      } = s, i = o.current.getBoundingClientRect(), B = (i.top + i.bottom) / 2, d = P.current.clientWidth;
-      let e = `width: ${typeof m == "string" ? m : `${m}px`}`, Y = i.left + i.width / 2 - d / 2;
-      Y = Math.min(Y, document.body.clientWidth - d - c), e = e + `; left: ${Math.max(c, Y)}px`;
-      t: switch (n) {
-        case "top": {
-          i.top < p ? a("bottom") : e = e + `; top: ${i.top + window.scrollY - p - c - 5}px`;
-          break t;
-        }
-        case "bottom": {
-          window.innerHeight - i.bottom < p ? a("top") : e = e + `; top: ${i.top + window.scrollY + i.height + c + 5}px`;
-          break t;
-        }
-        case "left": {
-          i.left < d ? window.innerWidth - i.right < d ? a("bottom") : a("right") : (e = e + `; top: ${B + window.scrollY - p / 2}px`, e = e + `; left: ${i.left - d - 6 - c}px`);
-          break t;
-        }
-        case "right": {
-          window.innerWidth - i.right < d ? a("left") : (e = e + `; top: ${B + window.scrollY - p / 2}px`, e = e + `; left: ${i.left + i.width + 5 + c}px`);
-          break t;
-        }
+        width: i,
+        height: s
+      } = E, t = e.current.getBoundingClientRect(), w = (t.top + t.bottom) / 2, n = r.current.clientWidth;
+      let o = `width: ${typeof i == "string" ? i : `${i}px`}`, d = t.left + t.width / 2 - n / 2;
+      switch (d = Math.min(d, document.body.clientWidth - n - l), o += `; left: ${Math.max(l, d)}px`, a) {
+        case "top":
+          t.top < s ? c("bottom") : o += `; top: ${t.top + window.scrollY - s - l - 5}px`;
+          break;
+        case "bottom":
+          window.innerHeight - t.bottom < s ? c("top") : o += `; top: ${t.top + window.scrollY + t.height + l + 5}px`;
+          break;
+        case "left":
+          t.left < n ? window.innerWidth - t.right < n ? c("bottom") : c("right") : (o += `; top: ${w + window.scrollY - s / 2}px`, o += `; left: ${t.left - n - 6 - l}px`);
+          break;
+        case "right":
+          window.innerWidth - t.right < n ? c("left") : (o += `; top: ${w + window.scrollY - s / 2}px`, o += `; left: ${t.left + t.width + 5 + l}px`);
+          break;
         default:
-          e = e + "";
+          o += "";
       }
-      X(e);
+      S(o);
     }
-  }, t[16] = c, t[17] = n, t[18] = o.current, t[19] = s, t[20] = y) : y = t[20];
-  let S;
-  t[21] !== n || t[22] !== s ? (S = [s, n], t[21] = n, t[22] = s, t[23] = S) : S = t[23], k(y, S);
-  let $;
-  t[24] !== h ? ($ = () => {
-    a(h);
-  }, t[24] = h, t[25] = $) : $ = t[25];
-  let L;
-  t[26] === Symbol.for("react.memo_cache_sentinel") ? (L = [window.scrollY, window.scrollX, window.innerWidth], t[26] = L) : L = t[26], k($, L);
-  const R = r || l;
-  let _;
-  return t[27] !== M || t[28] !== n || t[29] !== R || t[30] !== s || t[31] !== I ? (_ = {
-    text: R,
-    tooltipRef: P,
-    style: I,
-    className: n,
-    handlerSetDimensions: j,
-    tooltipDimensions: s,
-    showTooltip: M
-  }, t[27] = M, t[28] = n, t[29] = R, t[30] = s, t[31] = I, t[32] = _) : _ = t[32], _;
+  }, [E, a]), p(() => {
+    if (e.current && r.current && g) {
+      const i = e.current?.getBoundingClientRect() ?? {
+        x: 0,
+        width: 0
+      }, s = i.x, t = i.width, w = s + t / 2;
+      requestAnimationFrame(() => {
+        const n = r.current?.getBoundingClientRect() ?? {
+          x: 0,
+          width: 0
+        }, o = n.x, d = n.width, W = o + d / 2, A = (0.5 + Number(((w - W) / d * 100).toFixed(2)) / 100) * 100;
+        r.current?.style.setProperty("--arrow-position", `${A}%`);
+      });
+    }
+  }, [g, r.current, e.current]), p(() => {
+    c(b);
+  }, [window.scrollY, window.scrollX, window.innerWidth]), {
+    text: m || f,
+    tooltipRef: r,
+    style: R,
+    className: a,
+    handlerSetDimensions: O,
+    tooltipDimensions: E,
+    showTooltip: g
+  };
 }
 export {
-  Q as useTooltip
+  P as useTooltip
 };
 //# sourceMappingURL=useTooltip.js.map

package/lib/tooltip/useTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltip.js","sources":["../../src/lib/tooltip/useTooltip.ts"],"sourcesContent":["import { RefObject, useEffect, useRef, useState } from 'react';\nimport { Position } from '../@types/Position';\n\nconst TOOLTIP_INITIAL_HEIGHT = 40;\n\ninterface UseTooltipProps {\n  text?: string;\n  width?: number | string;\n  space?: number;\n  position?: Exclude<Position, 'center'>;\n  errorMessage?: string;\n  targetRef: RefObject<HTMLElement | null>;\n  onDeniedText?: string;\n}\n\nexport function useTooltip({\n  targetRef, \n  text,\n  width: widthProp = 'auto', \n  space = 0,\n  position: positionProp = 'bottom',\n  errorMessage,\n  onDeniedText,\n}: UseTooltipProps) {\n  const [stateTooltipPosition, setStateTooltipPosition] = useState(positionProp);\n  const [tooltipStyle, setTooltipStyle] = useState('');\n  const [showTooltip, setShowTooltip] = useState(false);\n  const [tooltipDimensions, setTooltipDimensions] = useState({\n    width: widthProp,\n    height: TOOLTIP_INITIAL_HEIGHT,\n  });\n  const targetElement = targetRef;\n  const tooltipElement = useRef<HTMLElement | null>(null);\n\n  const onMouseOver = (e: Event) => {\n    if (targetElement.current && targetElement.current.contains(e.target as Node)) {\n      setShowTooltip(true);\n    } else setShowTooltip(false);\n  };\n\n  const onMouseOut = () => {\n    setShowTooltip(false);\n  };\n\n  const onAnyScroll = () => {\n    setShowTooltip(false);\n  };\n\n  useEffect(() => {\n    if (text || onDeniedText) {\n      if (errorMessage) {\n        setShowTooltip(true);\n      } else {\n        setShowTooltip(false);\n        document.addEventListener('mouseover', onMouseOver);\n        document.addEventListener('scroll', onAnyScroll, true);\n        \n        if (targetElement && targetElement.current) {\n          targetElement.current.addEventListener('mouseout', onMouseOut);\n        }\n      }\n    }\n      \n    return () => {\n      if (text || onDeniedText) {\n        document.removeEventListener('mouseover', onMouseOver);\n        document.removeEventListener('scroll', onAnyScroll, true);\n    \n        if (targetElement && targetElement.current) {\n          targetElement.current.removeEventListener('mouseout', onMouseOut);\n        }\n      }\n    };\n  }, [errorMessage, text, onDeniedText]);\n\n  useEffect(() => {\n    if (targetElement.current && tooltipElement.current) {\n      const { width, height } = tooltipDimensions;\n      const targetDimensions = targetElement.current.getBoundingClientRect();\n      const targetVerticalCenter = (targetDimensions.top + targetDimensions.bottom) / 2;\n      const tooltipClientWidth = tooltipElement.current.clientWidth;\n      let style = `width: ${typeof width === 'string' ? width : `${width}px`}`;\n      let left = (targetDimensions.left + (targetDimensions.width / 2)) -\n          (tooltipClientWidth / 2);\n      left = Math.min(left, document.body.clientWidth - tooltipClientWidth - space);\n      style += `; left: ${Math.max(space, left)}px`;\n\n      switch (stateTooltipPosition) {\n        case 'top':\n          if (targetDimensions.top < height) {\n            setStateTooltipPosition('bottom');\n          } else {\n            style += `; top: ${targetDimensions.top + window.scrollY - height - space - 5}px`;\n          }\n          break;\n        case 'bottom':\n          if (window.innerHeight - targetDimensions.bottom < height) {\n            setStateTooltipPosition('top');\n          } else {\n            style += `; top: ${targetDimensions.top + window.scrollY + targetDimensions.height + space + 5}px`;\n          }\n          break;\n        case 'left':\n          if (targetDimensions.left < tooltipClientWidth) {\n            if (window.innerWidth - targetDimensions.right < tooltipClientWidth) {\n              setStateTooltipPosition('bottom');\n            } else {\n              setStateTooltipPosition('right');\n            }\n          } else {\n            style += `; top: ${(targetVerticalCenter + window.scrollY) - (height / 2)}px`;\n            style += `; left: ${(targetDimensions.left - tooltipClientWidth) - 6 - space}px`;\n          }\n          break;\n        case 'right':\n          if (window.innerWidth - targetDimensions.right < tooltipClientWidth) {\n            setStateTooltipPosition('left');\n          } else {\n            style += `; top: ${(targetVerticalCenter + window.scrollY) - (height / 2)}px`;\n            style += `; left: ${targetDimensions.left + targetDimensions.width + 5 + space}px`;\n          }\n          break;\n        default:\n          style += '';\n      }\n      setTooltipStyle(style);\n    }\n  }, [tooltipDimensions, stateTooltipPosition]);\n\n  useEffect(() => {\n    setStateTooltipPosition(positionProp);\n  }, [window.scrollY, window.scrollX, window.innerWidth]);\n\n  return {\n    text: onDeniedText || text,\n    tooltipRef: tooltipElement,\n    style: tooltipStyle,\n    className: stateTooltipPosition,\n    handlerSetDimensions: setTooltipDimensions,\n    tooltipDimensions: tooltipDimensions,\n    showTooltip,\n  };\n}\n"],"names":["TOOLTIP_INITIAL_HEIGHT","useTooltip","t0","$","_c","targetRef","text","width","t1","space","t2","position","t3","errorMessage","onDeniedText","widthProp","undefined","positionProp","stateTooltipPosition","setStateTooltipPosition","useState","tooltipStyle","setTooltipStyle","showTooltip","setShowTooltip","t4","height","tooltipDimensions","setTooltipDimensions","targetElement","tooltipElement","useRef","t5","current","e","contains","target","onMouseOver","t6","Symbol","for","onMouseOut","t7","onAnyScroll","t8","document","addEventListener","removeEventListener","t9","useEffect","t10","targetDimensions","getBoundingClientRect","targetVerticalCenter","top","bottom","tooltipClientWidth","clientWidth","style","left","Math","min","body","max","bb60","window","scrollY","innerHeight","innerWidth","right","t11","t12","t13","scrollX","t14","t15","tooltipRef","className","handlerSetDimensions"],"mappings":"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"}
+{"version":3,"file":"useTooltip.js","sources":["../../src/lib/tooltip/useTooltip.ts"],"sourcesContent":["import { RefObject, useEffect, useRef, useState } from 'react';\nimport { Position } from '../@types/Position';\n\nconst TOOLTIP_INITIAL_HEIGHT = 40;\n\ninterface UseTooltipProps {\n  text?: string;\n  width?: number | string;\n  space?: number;\n  position?: Exclude<Position, 'center'>;\n  errorMessage?: string;\n  targetRef: RefObject<HTMLElement | null>;\n  onDeniedText?: string;\n}\n\nexport function useTooltip({\n  targetRef, \n  text,\n  width: widthProp = 'auto', \n  space = 0,\n  position: positionProp = 'bottom',\n  errorMessage,\n  onDeniedText,\n}: UseTooltipProps) {\n  const [stateTooltipPosition, setStateTooltipPosition] = useState(positionProp);\n  const [tooltipStyle, setTooltipStyle] = useState('');\n  const [showTooltip, setShowTooltip] = useState(false);\n  const [tooltipDimensions, setTooltipDimensions] = useState({\n    width: widthProp,\n    height: TOOLTIP_INITIAL_HEIGHT,\n  });\n  const targetElement = targetRef;\n  const tooltipElement = useRef<HTMLElement | null>(null);\n\n  const onMouseOver = (e: Event) => {\n    if (targetElement.current && targetElement.current.contains(e.target as Node)) {\n      setShowTooltip(true);\n    } else setShowTooltip(false);\n  };\n\n  const onMouseOut = () => {\n    setShowTooltip(false);\n  };\n\n  const onAnyScroll = () => {\n    setShowTooltip(false);\n  };\n\n  useEffect(() => {\n    if (text || onDeniedText) {\n      if (errorMessage) {\n        setShowTooltip(true);\n      } else {\n        setShowTooltip(false);\n        document.addEventListener('mouseover', onMouseOver);\n        document.addEventListener('scroll', onAnyScroll, true);\n        \n        if (targetElement && targetElement.current) {\n          targetElement.current.addEventListener('mouseout', onMouseOut);\n        }\n      }\n    }\n      \n    return () => {\n      if (text || onDeniedText) {\n        document.removeEventListener('mouseover', onMouseOver);\n        document.removeEventListener('scroll', onAnyScroll, true);\n    \n        if (targetElement && targetElement.current) {\n          targetElement.current.removeEventListener('mouseout', onMouseOut);\n        }\n      }\n    };\n  }, [errorMessage, text, onDeniedText]);\n\n  useEffect(() => {\n    if (targetElement.current && tooltipElement.current) {\n      const { width, height } = tooltipDimensions;\n      const targetDimensions = targetElement.current.getBoundingClientRect();\n      const targetVerticalCenter = (targetDimensions.top + targetDimensions.bottom) / 2;\n      const tooltipClientWidth = tooltipElement.current.clientWidth;\n      let style = `width: ${typeof width === 'string' ? width : `${width}px`}`;\n      let left = (targetDimensions.left + (targetDimensions.width / 2)) -\n          (tooltipClientWidth / 2);\n      left = Math.min(left, document.body.clientWidth - tooltipClientWidth - space);\n      style += `; left: ${Math.max(space, left)}px`;\n\n      switch (stateTooltipPosition) {\n        case 'top':\n          if (targetDimensions.top < height) {\n            setStateTooltipPosition('bottom');\n          } else {\n            style += `; top: ${targetDimensions.top + window.scrollY - height - space - 5}px`;\n          }\n          break;\n        case 'bottom':\n          if (window.innerHeight - targetDimensions.bottom < height) {\n            setStateTooltipPosition('top');\n          } else {\n            style += `; top: ${targetDimensions.top + window.scrollY + targetDimensions.height + space + 5}px`;\n          }\n          break;\n        case 'left':\n          if (targetDimensions.left < tooltipClientWidth) {\n            if (window.innerWidth - targetDimensions.right < tooltipClientWidth) {\n              setStateTooltipPosition('bottom');\n            } else {\n              setStateTooltipPosition('right');\n            }\n          } else {\n            style += `; top: ${(targetVerticalCenter + window.scrollY) - (height / 2)}px`;\n            style += `; left: ${(targetDimensions.left - tooltipClientWidth) - 6 - space}px`;\n          }\n          break;\n        case 'right':\n          if (window.innerWidth - targetDimensions.right < tooltipClientWidth) {\n            setStateTooltipPosition('left');\n          } else {\n            style += `; top: ${(targetVerticalCenter + window.scrollY) - (height / 2)}px`;\n            style += `; left: ${targetDimensions.left + targetDimensions.width + 5 + space}px`;\n          }\n          break;\n        default:\n          style += '';\n      }\n      setTooltipStyle(style);\n    }\n  }, [tooltipDimensions, stateTooltipPosition]);\n\n  useEffect(() => {\n    if (targetElement.current && tooltipElement.current && showTooltip) {\n      const targetRect = targetElement.current?.getBoundingClientRect() ?? { x: 0, width: 0 };\n      const elementHorizontalPosition = targetRect.x;\n      const widthElement = targetRect.width;\n      const centerOfElement = elementHorizontalPosition + (widthElement / 2);\n\n      requestAnimationFrame(() => {\n        const tooltipRect = tooltipElement.current?.getBoundingClientRect() ?? { x: 0, width: 0 };\n        const tooltipHorizontalPosition = tooltipRect.x;\n        const widthTooltip = tooltipRect.width;\n        const centerOfTooltip = tooltipHorizontalPosition + (widthTooltip / 2);\n        \n        const centerDifferenceBetweenElementAndTooltip = Number(\n          (((centerOfElement - centerOfTooltip) / widthTooltip) * 100).toFixed(2),\n        );\n        \n        const sumDifference = (0.5 + centerDifferenceBetweenElementAndTooltip / 100) * 100;\n        tooltipElement.current?.style.setProperty('--arrow-position', `${sumDifference}%`);\n      });\n    }\n  }, [showTooltip, tooltipElement.current, targetElement.current]);\n\n  useEffect(() => {\n    setStateTooltipPosition(positionProp);\n  }, [window.scrollY, window.scrollX, window.innerWidth]);\n\n  return {\n    text: onDeniedText || text,\n    tooltipRef: tooltipElement,\n    style: tooltipStyle,\n    className: stateTooltipPosition,\n    handlerSetDimensions: setTooltipDimensions,\n    tooltipDimensions: tooltipDimensions,\n    showTooltip,\n  };\n}\n"],"names":["TOOLTIP_INITIAL_HEIGHT","useTooltip","targetRef","text","width","widthProp","space","position","positionProp","errorMessage","onDeniedText","stateTooltipPosition","setStateTooltipPosition","useState","tooltipStyle","setTooltipStyle","showTooltip","setShowTooltip","tooltipDimensions","setTooltipDimensions","height","targetElement","tooltipElement","useRef","onMouseOver","e","current","contains","target","onMouseOut","onAnyScroll","useEffect","document","addEventListener","removeEventListener","targetDimensions","getBoundingClientRect","targetVerticalCenter","top","bottom","tooltipClientWidth","clientWidth","style","left","Math","min","body","max","window","scrollY","innerHeight","innerWidth","right","targetRect","x","elementHorizontalPosition","widthElement","centerOfElement","requestAnimationFrame","tooltipRect","tooltipHorizontalPosition","widthTooltip","centerOfTooltip","sumDifference","Number","toFixed","setProperty","scrollX","tooltipRef","className","handlerSetDimensions"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.26-beta.21",
+  "version": "1.1.26-beta.22",
   "description": "Linear Sistemas ReactJs Components",
   "type": "module",
   "main": "./lib/index.js",

package/lib/inputs2/selectfield/simple.d.ts

@@ -1,9 +0,0 @@
-import { SelectFieldInputProps } from './types';
-interface SimpleSelectFieldProps extends SelectFieldInputProps {
-    dataSource: Array<Record<string, any>>;
-    idKey: string;
-    descriptionKey: string;
-}
-declare const Simple: import('react').ForwardRefExoticComponent<Omit<SimpleSelectFieldProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
-export { Simple };
-export type { SimpleSelectFieldProps };

package/lib/inputs2/selectfield/simple.js

@@ -1,24 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as s } from "../../_virtual/compiler-runtime.js";
-import { forwardRef as d } from "react";
-import { Input as f } from "./index.js";
-import { Item as u } from "./item.js";
-const S = d((c, a) => {
-  const e = s.c(13);
-  let r, t, l, i;
-  e[0] !== c ? ({
-    idKey: l,
-    descriptionKey: t,
-    dataSource: r,
-    ...i
-  } = c, e[0] = c, e[1] = r, e[2] = t, e[3] = l, e[4] = i) : (r = e[1], t = e[2], l = e[3], i = e[4]);
-  let o;
-  e[5] !== r || e[6] !== t || e[7] !== l ? (o = r?.map((p) => /* @__PURE__ */ n(u, { value: p[l], label: p[t], children: p[t] }, p[l])), e[5] = r, e[6] = t, e[7] = l, e[8] = o) : o = e[8];
-  let m;
-  return e[9] !== a || e[10] !== i || e[11] !== o ? (m = /* @__PURE__ */ n(f, { ...i, ref: a, children: o }), e[9] = a, e[10] = i, e[11] = o, e[12] = m) : m = e[12], m;
-});
-S.displayName = "SimpleSelectFieldInput";
-export {
-  S as Simple
-};
-//# sourceMappingURL=simple.js.map

package/lib/inputs2/selectfield/simple.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"simple.js","sources":["../../../src/lib/inputs2/selectfield/simple.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Input, Item } from \".\";\nimport type { SelectFieldInputProps } from \"./types\";\n\ninterface SimpleSelectFieldProps extends SelectFieldInputProps {\n  dataSource: Array<Record<string, any>>;\n  idKey: string;\n  descriptionKey: string;\n}\n\nconst Simple = forwardRef<HTMLInputElement, SimpleSelectFieldProps>(\n  (props, ref) => {\n    const { idKey, descriptionKey, dataSource, ...rest } = props;\n\n    return (\n      <Input {...rest} ref={ref}>\n        {dataSource?.map(item => (\n          <Item key={item[idKey]} value={item[idKey]} label={item[descriptionKey]}>\n            {item[descriptionKey]}\n          </Item>\n        ))}\n      </Input>\n    );\n  },\n);\n\nSimple.displayName = 'SimpleSelectFieldInput';\nexport { Simple };\nexport type { SimpleSelectFieldProps };\n"],"names":["Simple","forwardRef","props","ref","$","_c","dataSource","descriptionKey","idKey","rest","t0","map","item","Item","t1","jsx","Input","displayName"],"mappings":";;;;;AAUA,MAAMA,IAASC,EACb,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAL,SAAAF,KACE;AAAA,IAAAM,OAAAA;AAAAA,IAAAD,gBAAAA;AAAAA,IAAAD,YAAAA;AAAAA,IAAA,GAAAG;AAAAA,EAAAA,IAAuDP,GAAME,OAAAF,GAAAE,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,MAAAE,KAAAF,SAAAG,KAAAH,EAAA,CAAA,MAAAI,KAIxDE,IAAAJ,GAAUK,IAAMC,CAAAA,wBACdC,GAAA,EAA8B,OAAAD,EAAKJ,CAAK,GAAU,OAAAI,EAAKL,CAAc,GACnEK,UAAAA,EAAKL,CAAc,KADXK,EAAKJ,CAAK,CAErB,CACD,GAACJ,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAAA,MAAAU;AAAA,SAAAV,EAAA,CAAA,MAAAD,KAAAC,UAAAK,KAAAL,EAAA,EAAA,MAAAM,KALJI,IAAA,gBAAAC,EAACC,GAAA,EAAK,GAAKP,GAAWN,KAAAA,GACnBO,UAAAA,GAKH,GAAQN,OAAAD,GAAAC,QAAAK,GAAAL,QAAAM,GAAAN,QAAAU,KAAAA,IAAAV,EAAA,EAAA,GANRU;AAMQ,CAGd;AAEAd,EAAOiB,cAAc;"}