linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

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

@@ -1,156 +1,168 @@
-import { j as W } from "../../../chunks/jsx-runtime.D1SHvdVE.js";
-import { useState as m, useRef as R, useEffect as F } from "react";
-import { _ as Y } from "../../../chunks/lodash.CIAK_hAg.js";
-import we from "../Dropdown.js";
-import ye from "../ActionButtons.js";
-import { keyCodes as x } from "../../../internals/constants.js";
-import { getFilteredSimpleDataCombo as Z } from "../helper.js";
-import Se from "../../base/InputTextBase.js";
-import { v as Re } from "../../../chunks/v1.Ds1rkxUj.js";
-const Le = (i) => {
-  const {
-    value: C,
-    descriptionKey: t,
-    dataSource: D = [],
-    gridLayout: B,
-    onSearch: K,
-    disabled: ee,
-    readOnly: ne,
-    openDropdownOnFocus: te = !0,
-    selectFirstOnEnter: oe = !1,
-    idKey: g,
-    remoteSearch: k = !1,
-    name: N = "",
-    undigitable: I,
-    searchOnDropdown: _ = !1,
-    allOptions: a = void 0,
-    showClearButton: ie = !1,
-    searchNotFoundText: se,
-    rightElements: re = [],
-    customClassForWrapper: le,
-    customClassForInputContent: ce,
-    customClassForLabel: ue,
-    customClassForSideButtons: ae
-  } = i, r = typeof t == "string", o = a ? [{
-    [g]: a.idValue,
-    [r ? t : t(a.label)]: a.label
-  }, ...D] : D, [s, v] = m(o), [c, p] = m(null), [O, u] = m(""), [y, d] = m(!1), [de, L] = m(0), [fe, me] = m(!1), [S, pe] = m(), [$, A] = m(!1), E = R(null), P = `select-component-${N}-${Re()}`, z = R(null), l = R(null), b = R(null), h = R(null), V = () => {
-    l.current && L(l.current.clientWidth);
-  }, q = (e) => {
-    const {
-      target: n
-    } = e;
-    n !== l.current && !l.current?.contains(n) && !E.current?.contains(n) && d(!1);
-  }, M = (e) => {
-    const n = e.target, f = E.current?.parentElement?.id || "", Oe = !!document.getElementById(f)?.contains(n);
-    me(Oe);
-  }, J = (e) => ({
-    target: {
-      value: e ? e[g] : void 0,
-      name: N
-    }
-  }), w = (e) => {
-    if (i.onChange) {
-      const n = J(e);
-      i.onChange(n);
-    }
-  }, U = (e) => {
-    let n = null;
-    if (k)
-      K && K(e);
-    else {
-      const f = Z({
-        inputText: e,
-        descriptionKey: t,
-        dataSource: o
-      });
-      f && f.length > 0 && (n = f[0], p(n)), v(f);
-    }
-    d(!0), u(e), n && (r && e === n[t] || !r && e === t(n)) && w(n);
-  }, G = (e) => {
-    e && (p(e), u(r ? e[t] : t(e)), new Promise((n) => {
-      n(w(e));
-    }).finally(() => {
-      h && h.current && h.current.focus(), d(!1);
-    }), E.current?.focus());
-  }, he = () => {
-    d((e) => !e), l.current && L(l.current.clientWidth);
-  }, T = () => {
-    if (te && d(!0), l) {
-      const e = l.current ? l.current.clientWidth : 0;
-      L(e);
-    }
-  }, H = () => {
-    if (i.onBlur) {
-      const e = J(c);
-      i.onBlur(e), (c && r && O !== c[t] || !r && O !== t(c)) && (p(null), u(O), new Promise((n) => {
-        n(w(null));
-      }).finally(() => {
-        w();
-      }));
-    }
-    fe || (d(!1), A(!1), v(o));
-  }, Q = (e) => {
-    if (e.keyCode) {
-      if (e.keyCode === x.ENTER && c && y)
-        e.preventDefault?.(), G(c);
-      else if ([x.ARROW_UP, x.ARROW_DOWN].includes(e.keyCode)) {
-        y || d(!0);
-        let n = s.length > 0 ? s.findIndex((f) => c && f[g] === c[g]) : 0;
-        e.keyCode === x.ARROW_DOWN ? n = s && n === s.length - 1 ? 0 : n + 1 : n = s && n === 0 ? s?.length - 1 : n - 1, p(s[n]), r && u(s[n][t]), r || u(t(s[n]));
-      }
-    }
-    $ || A(!0);
-  }, Ce = () => {
-    new Promise((e) => {
-      e(w(null));
-    }).finally(() => {
-      p(null), u(""), w(), h && h.current && h.current.focus(), d(!1);
-    });
-  }, ge = (e) => {
-    pe(e);
-  }, X = () => ee || S && (S.disabled || S.hideContent), j = () => ne || S && S.readOnly;
-  return F(() => (window.addEventListener("resize", V), document.addEventListener("click", q), document.addEventListener("mousemove", M), () => {
-    window.removeEventListener("resize", V), document.removeEventListener("click", q), document.removeEventListener("mousemove", M);
-  }), []), F(() => {
-    if (B) {
-      const e = document.querySelector(`#${P}>.-withinput.grid-container`);
-      b.current !== e && e && (b.current = e);
-    }
-  }, [B]), F(() => {
-    if (o.length > 0) {
-      let e = null;
-      C || C === 0 ? e = o.find((n) => (C || C === 0) && n[g]?.toString().toLowerCase() === C?.toString().toLowerCase()) : o.length > 0 && oe && (e = o[0]), p(e), u(r ? e ? e[t] : "" : e ? t(e) : "");
-    }
-  }, [o.length, C]), F(() => {
-    if (!Y.isEqual(s, o)) {
-      const e = I || k || !$ ? o : Z({
-        inputText: O,
-        dataSource: o,
-        descriptionKey: t
-      });
-      if (v(e), o.length > 0 && k) {
-        const n = o[0];
-        p(n);
-      }
-    }
-    a && v([{
-      [g]: a.idValue,
-      [r ? t : t(a.label)]: a.label
-    }, ...D]);
-  }, [JSON.stringify(o)]), /* @__PURE__ */ W.jsxs("span", { id: P, ref: z, className: "select-component", children: [
-    /* @__PURE__ */ W.jsx(Se, { ...i, inputRef: (e) => {
-      i.inputRef && (Y.isFunction(i.inputRef) ? i.inputRef(e) : i.inputRef.current = e), h.current = e;
-    }, autoComplete: "off", readOnly: I || j(), value: O, onFocus: T, onBlur: H, onChange: (e) => {
-      e && U(e.target.value);
-    }, onClick: T, onKeyDown: Q, customClassForLabel: ue, customClassForWrapper: `selectwrapper ${(I || _ || j()) && " -undigitable"} ${le}`, customClassForInputContent: `multiselect ${ce}`, inputBaseRef: (e) => {
-      l.current = e;
-    }, handlerSetOnDenied: (e) => ge(e), rightElements: [...re, /* @__PURE__ */ W.jsx(ye, { disabled: X() || j(), showClearButton: ie, dropDownOpened: y, handlerClear: () => X() ? null : Ce(), handlerOpenClose: he, customClassForSideButtons: ae }, "action-buttons-simpleselect")] }),
-    y && /* @__PURE__ */ W.jsx(we, { ...i, opened: y, selected: c, inputValue: O, selectFieldRef: z, dropdownRef: E, searchOnDropdown: _, gridWrapperStyle: B && b.current ? window.getComputedStyle(b.current) : void 0, handleOnSelect: (e) => {
-      e && G(e);
-    }, handleOnFilter: (e) => U(e), handleOnKeydown: Q, handleOnBlur: () => H, handleOnFocus: T, dataCombo: s, dropdownWidth: de || 0, searchNotFoundText: se })
-  ] });
-};
-export {
-  Le as default
+import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
+import t from "../../../node_modules/uuid/dist/v1.js";
+import { require_lodash as n } from "../../../node_modules/lodash/lodash.js";
+import { keyCodes as r, keys as ee } from "../../../internals/constants.js";
+import te from "../../base/InputTextBase.js";
+import { getFilteredSimpleDataCombo as i } from "../helper.js";
+import ne from "../Dropdown.js";
+import a from "../ActionButtons.js";
+import { useEffect as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as re } from "react/jsx-runtime";
+//#region src/lib/inputs/select/simple/index.tsx
+var u = /* @__PURE__ */ e(n(), 1), d = (e) => {
+	let { value: n, descriptionKey: d, dataSource: f = [], gridLayout: p, onSearch: m, disabled: ie, readOnly: ae, openDropdownOnFocus: oe = !0, selectFirstOnEnter: se = !1, idKey: h, remoteSearch: g = !1, name: _ = "", undigitable: v, searchOnDropdown: y = !1, allOptions: b = void 0, showClearButton: ce = !1, searchNotFoundText: le, rightElements: ue = [], customClassForWrapper: de, customClassForInputContent: fe, customClassForLabel: pe, customClassForSideButtons: me, dropdownMaxWidth: x = void 0 } = e, S = typeof d == "string", C = b ? [{
+		[h]: b.idValue,
+		[S ? d : d(b.label)]: b.label
+	}, ...f] : f, [w, T] = c(C), [E, D] = c(null), [O, k] = c(""), [A, j] = c(!1), [he, M] = c(0), [ge, _e] = c(!1), [N, ve] = c(), [P, F] = c(!1), I = s(null), L = `select-component-${_}-${t()}`, R = s(null), z = s(null), B = s(null), V = s(null), H = () => {
+		z.current && M(z.current.clientWidth);
+	}, U = (e) => {
+		let { target: t } = e;
+		t !== z.current && !z.current?.contains(t) && !I.current?.contains(t) && j(!1);
+	}, W = (e) => {
+		let t = e.target, n = I.current?.parentElement?.id || "";
+		_e(!!document.getElementById(n)?.contains(t));
+	}, G = (e) => ({ target: {
+		value: e ? e[h] : void 0,
+		name: _
+	} }), K = (t) => {
+		if (e.onChange) {
+			let n = G(t);
+			e.onChange(n);
+		}
+	}, q = (e) => {
+		let t = null;
+		if (g) m && m(e);
+		else {
+			let n = i({
+				inputText: e,
+				descriptionKey: d,
+				dataSource: C
+			});
+			n && n.length > 0 && (t = n[0], D(t)), T(n);
+		}
+		j(!0), k(e), t && (S && e === t[d] || !S && e === d(t)) && K(t);
+	}, J = (e) => {
+		e && (D(e), k(S ? e[d] : d(e)), new Promise((t) => {
+			t(K(e));
+		}).finally(() => {
+			V && V.current && V.current.focus(), j(!1);
+		}), I.current?.focus());
+	}, ye = () => {
+		j((e) => !e), z.current && M(z.current.clientWidth);
+	}, Y = () => {
+		oe && j(!0), z && M(z.current ? z.current.clientWidth : 0);
+	}, X = () => {
+		if (e.onBlur) {
+			let t = G(E);
+			e.onBlur(t), (E && S && O !== E[d] || !S && O !== d(E)) && (D(null), k(O), new Promise((e) => {
+				e(K(null));
+			}).finally(() => {
+				K();
+			}));
+		}
+		ge || (j(!1), F(!1), T(C));
+	}, Z = (e) => {
+		if (e.keyCode) {
+			if ((e.keyCode === r.ENTER || e.key === ee.TAB) && E && A) e.keyCode === r.ENTER && e.preventDefault?.(), J(E);
+			else if ([r.ARROW_UP, r.ARROW_DOWN].includes(e.keyCode)) {
+				A || j(!0);
+				let t = w.length > 0 ? w.findIndex((e) => E && e[h] === E[h]) : 0;
+				t = e.keyCode === r.ARROW_DOWN ? w && t === w.length - 1 ? 0 : t + 1 : w && t === 0 ? w?.length - 1 : t - 1, D(w[t]), S && k(w[t][d]), S || k(d(w[t]));
+			}
+		}
+		P || F(!0);
+	}, be = () => {
+		new Promise((e) => {
+			e(K(null));
+		}).finally(() => {
+			D(null), k(""), K(), V && V.current && V.current.focus(), j(!1);
+		});
+	}, xe = (e) => {
+		ve(e);
+	}, Q = () => ie || N && (N.disabled || N.hideContent), $ = () => ae || N && N.readOnly;
+	return o(() => (window.addEventListener("resize", H), document.addEventListener("click", U), document.addEventListener("mousemove", W), () => {
+		window.removeEventListener("resize", H), document.removeEventListener("click", U), document.removeEventListener("mousemove", W);
+	}), []), o(() => {
+		if (p) {
+			let e = document.querySelector(`#${L}>.-withinput.grid-container`);
+			B.current !== e && e && (B.current = e);
+		}
+	}, [p]), o(() => {
+		if (C.length > 0) {
+			let e = null;
+			n || n === 0 ? e = C.find((e) => (n || n === 0) && e[h]?.toString().toLowerCase() === n?.toString().toLowerCase()) : C.length > 0 && se && (e = C[0]), D(e), k(S ? e ? e[d] : "" : e ? d(e) : "");
+		}
+		C.length === 0 && O && k("");
+	}, [C.length, n]), o(() => {
+		if (!u.default.isEqual(w, C) && (T(v || g || !P ? C : i({
+			inputText: O,
+			dataSource: C,
+			descriptionKey: d
+		})), C.length > 0 && g)) {
+			let e = C[0];
+			D(e);
+		}
+		b && T([{
+			[h]: b.idValue,
+			[S ? d : d(b.label)]: b.label
+		}, ...f]);
+	}, [JSON.stringify(C)]), /* @__PURE__ */ re("span", {
+		id: L,
+		ref: R,
+		className: "select-component",
+		children: [/* @__PURE__ */ l(te, {
+			...e,
+			inputRef: (t) => {
+				e.inputRef && (u.default.isFunction(e.inputRef) ? e.inputRef(t) : e.inputRef.current = t), V.current = t;
+			},
+			autoComplete: "off",
+			readOnly: v || $(),
+			value: O,
+			onFocus: Y,
+			onBlur: X,
+			onChange: (e) => {
+				e && q(e.target.value);
+			},
+			onClick: Y,
+			onKeyDown: Z,
+			customClassForLabel: pe,
+			customClassForWrapper: `selectwrapper ${(v || y || $()) && " -undigitable"} ${de}`,
+			customClassForInputContent: `multiselect ${fe}`,
+			inputBaseRef: (e) => {
+				z.current = e;
+			},
+			handlerSetOnDenied: (e) => xe(e),
+			rightElements: [...ue, /* @__PURE__ */ l(a, {
+				disabled: Q() || $(),
+				showClearButton: ce,
+				dropDownOpened: A,
+				handlerClear: () => Q() ? null : be(),
+				handlerOpenClose: ye,
+				customClassForSideButtons: me
+			}, "action-buttons-simpleselect")]
+		}), A && /* @__PURE__ */ l(ne, {
+			...e,
+			opened: A,
+			selected: E,
+			inputValue: O,
+			selectFieldRef: R,
+			dropdownRef: I,
+			searchOnDropdown: y,
+			gridWrapperStyle: p && B.current ? window.getComputedStyle(B.current) : void 0,
+			handleOnSelect: (e) => {
+				e && J(e);
+			},
+			handleOnFilter: (e) => q(e),
+			handleOnKeydown: Z,
+			handleOnBlur: () => X,
+			handleOnFocus: Y,
+			dataCombo: w,
+			searchNotFoundText: le,
+			dropdownWidth: x || he || 0
+		})]
+	});
 };
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/lib/inputs/select/simple/index.tsx"],"sourcesContent":["import { KeyboardEvent as KeyboardEventReact, useEffect, useRef, useState } from 'react';\nimport * as uuid from 'uuid';\nimport _ from 'lodash';\nimport Dropdown from '../Dropdown';\nimport ActionButtons from '../ActionButtons';\nimport * as constants from '../../../internals/constants';\nimport { getFilteredSimpleDataCombo } from '../helper';\nimport { DataCombo } from '../../../@types/DataCombo';\nimport { OnDenied } from '../../../@types/PermissionAttr';\nimport InputTextBase from '../../base/InputTextBase';\nimport { ISimpleSelectProps } from '../types';\nimport { CustomInputEvent } from '../../base/types';\n\nconst SimpleSelect = (props: ISimpleSelectProps) => {\n  const {\n    value, descriptionKey, dataSource = [], gridLayout, onSearch, disabled, readOnly,\n    openDropdownOnFocus = true, selectFirstOnEnter = false, idKey, remoteSearch = false, name = '',\n    undigitable, searchOnDropdown = false, allOptions = undefined, showClearButton = false,\n    searchNotFoundText, rightElements = [], customClassForWrapper, customClassForInputContent, \n    customClassForLabel, customClassForSideButtons, dropdownMaxWidth = undefined,\n  } = props;\n\n  const descriptionKeyIsString = typeof descriptionKey === 'string';\n  const dataSourceWithAllOptions = allOptions\n    ? [{\n        [idKey]: allOptions.idValue,\n        [descriptionKeyIsString ?\n          descriptionKey :\n            descriptionKey(allOptions.label)]: allOptions.label,\n      }, ...dataSource]\n    : dataSource;\n  const [dataCombo, setDataCombo] = useState<DataCombo[]>(dataSourceWithAllOptions);\n  const [selected, setSelected] = useState<DataCombo | null>(null);\n  const [inputText, setInputText] = useState('');\n  const [opened, setOpened] = useState(false);\n  const [dropdownWidth, setDropdownWidth] = useState(0);\n  const [insideComponent, setInsideComponent] = useState(false);\n  const [onDenied, setOnDeniedSelect] = useState<OnDenied>();\n  const [isTyping, setIsTyping] = useState(false);\n\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const componentId = `select-component-${name}-${uuid.v1()}`;\n  const componentRef = useRef<HTMLInputElement>(null);\n  const selectWrapper = useRef<HTMLDivElement>(null);\n  const gridElement = useRef<Element>(null);\n  const inputTextRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n\n  const onScreenResize = () => {\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onClickOutside = (event: MouseEvent) => {\n    const { target } = event;\n    if (target !== selectWrapper.current && !selectWrapper.current?.contains(target as Node) &&\n      !dropdownRef.current?.contains(target as Node)) {\n      setOpened(false);\n    }\n  };\n\n  const onMouseMove = (event: MouseEvent) => {\n    const target = event.target as Element;\n    const idDropdown = dropdownRef.current?.parentElement?.id || '';\n    const dropdownElement = document.getElementById(idDropdown);\n    const keepDropdownOpen = Boolean(dropdownElement?.contains(target));\n    setInsideComponent(keepDropdownOpen);\n  };\n\n  const getSelectEvent = (selectedEvent?: DataCombo) => (\n    {\n      target: {\n        value: selectedEvent ? selectedEvent[idKey] : undefined,\n        name,\n      },\n    }\n  );\n\n  const onChange = (selectedChange?: DataCombo) => {\n    if (props.onChange) {\n      const event = getSelectEvent(selectedChange);\n      props.onChange(event);\n    }\n  };\n\n  const onFilter = (valueFilter: string) => {\n    let selectedFilter = null;\n    if (remoteSearch) {\n      if (onSearch) onSearch(valueFilter);\n    } else {\n      const dataComboFilter = getFilteredSimpleDataCombo({\n        inputText: valueFilter,\n        descriptionKey,\n        dataSource: dataSourceWithAllOptions,\n      });\n\n      if (dataComboFilter && dataComboFilter.length > 0) {\n        selectedFilter = dataComboFilter[0];\n        setSelected(selectedFilter);\n      }\n      setDataCombo(dataComboFilter);\n    }\n    setOpened(true);\n    setInputText(valueFilter);\n    if (selectedFilter) {\n      if ((descriptionKeyIsString && valueFilter === selectedFilter[descriptionKey])\n        || (!descriptionKeyIsString && valueFilter === descriptionKey(selectedFilter))) {\n        onChange(selectedFilter);\n      }\n    }\n  };\n\n  const onSelect = (selectedDropdown: DataCombo) => {\n    if (!selectedDropdown) return;\n    setSelected(selectedDropdown);\n\n    if (descriptionKeyIsString) setInputText(selectedDropdown[descriptionKey]);\n    else setInputText(descriptionKey(selectedDropdown));\n    new Promise((resolve) => {\n      resolve(onChange(selectedDropdown));\n    }).finally(() => {\n      if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n      setOpened(false);\n    });\n    dropdownRef.current?.focus();\n  };\n\n  const onOpenClose = () => {\n    setOpened(prevState => !prevState);\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onFocus = () => {\n    if (openDropdownOnFocus) setOpened(true);\n    if (selectWrapper) {\n      const dropdownWidthFocus = selectWrapper.current ? selectWrapper.current.clientWidth : 0;\n      setDropdownWidth(dropdownWidthFocus);\n    }\n  };\n\n  const onBlur = () => {\n    if (props.onBlur) {\n      const event = getSelectEvent(selected);\n      props.onBlur(event);\n      if (selected && (descriptionKeyIsString && inputText !== selected[descriptionKey])\n        || (!descriptionKeyIsString && inputText !== descriptionKey(selected))) {\n        setSelected(null);\n        setInputText(inputText);\n        new Promise((resolve) => {\n          resolve(onChange(null));\n        }).finally(() => {\n          onChange();\n        });\n      }\n    }\n    if (!insideComponent) {\n      setOpened(false);\n      setIsTyping(false);\n      setDataCombo(dataSourceWithAllOptions);\n    }\n  };\n\n  const onInputKeyDown = (e: CustomInputEvent | KeyboardEventReact) => {\n    if (e.keyCode) {\n      if ((e.keyCode === constants.keyCodes.ENTER || e.key === constants.keys.TAB) && \n            selected && opened) {\n        if (e.keyCode === constants.keyCodes.ENTER) e.preventDefault?.();\n        onSelect(selected);\n      } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {\n        if (!opened) setOpened(true);\n        let index = dataCombo.length > 0\n          ? dataCombo.findIndex(d => selected &&\n            d[idKey] === selected[idKey])\n          : 0;\n        if (e.keyCode === constants.keyCodes.ARROW_DOWN) {\n          index = (dataCombo\n            && index === dataCombo.length - 1\n            ? 0\n            : index + 1);\n        } else {\n          index = (dataCombo\n            && index === 0\n            ? dataCombo?.length - 1\n            : index - 1);\n        }\n        setSelected(dataCombo[index]);\n        if (descriptionKeyIsString) setInputText(dataCombo[index][descriptionKey]);\n        if (!descriptionKeyIsString) setInputText(descriptionKey(dataCombo[index]));\n      }\n    }\n    if (!isTyping) setIsTyping(true);\n  };\n\n  const onClearClick = () => {\n    new Promise((resolve) => {\n      resolve(onChange(null));\n    }).finally(() => {\n      setSelected(null);\n      setInputText('');\n      onChange();\n      if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n      setOpened(false);\n    });\n  };\n\n  const setOnDenied = (onDeniedSelect: OnDenied) => {\n    setOnDeniedSelect(onDeniedSelect);\n  };\n\n  const shouldDisable = () =>\n    disabled || (onDenied && (onDenied.disabled || onDenied.hideContent));\n\n  const shouldBeReadOnly = () => readOnly || (onDenied && (onDenied.readOnly));\n\n  useEffect(() => {\n    window.addEventListener('resize', onScreenResize);\n    document.addEventListener('click', onClickOutside);\n    document.addEventListener('mousemove', onMouseMove);\n\n    return () => {\n      window.removeEventListener('resize', onScreenResize);\n      document.removeEventListener('click', onClickOutside);\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (gridLayout) {\n      const gridEl = document.querySelector(`#${componentId}>.-withinput.grid-container`);\n      if (gridElement.current !== gridEl && gridEl) gridElement.current = gridEl;\n    }\n  }, [gridLayout]);\n\n  useEffect(() => {\n    if (dataSourceWithAllOptions.length > 0) {\n      let newCurrent = null;\n      if (value || value === 0) {\n        newCurrent = dataSourceWithAllOptions.find(i => (value || value === 0)\n          && i[idKey]?.toString().toLowerCase() === value?.toString().toLowerCase());\n      } else if (dataSourceWithAllOptions.length > 0 && selectFirstOnEnter) {\n        newCurrent = dataSourceWithAllOptions[0];\n      }\n\n      setSelected(newCurrent);\n      if (descriptionKeyIsString) setInputText(newCurrent ? newCurrent[descriptionKey] : '');\n      else setInputText(newCurrent ? descriptionKey(newCurrent) : '');\n    }\n\n    if (dataSourceWithAllOptions.length === 0 && inputText) {\n      setInputText('');\n    }\n  }, [dataSourceWithAllOptions.length, value]);\n\n  useEffect(() => {\n    if (!_.isEqual(dataCombo, dataSourceWithAllOptions)) {\n      const dataComboFilteredSimple = (undigitable || remoteSearch || !isTyping) ?\n        dataSourceWithAllOptions\n        : getFilteredSimpleDataCombo({\n            inputText, dataSource: dataSourceWithAllOptions, descriptionKey,\n          });\n      setDataCombo(dataComboFilteredSimple);\n      if (dataSourceWithAllOptions.length > 0 && remoteSearch) {\n        const data = dataSourceWithAllOptions[0];\n        setSelected(data);\n      }\n    }\n\n    if (allOptions) {\n      setDataCombo([\n        {\n          [idKey]: allOptions.idValue,\n          [descriptionKeyIsString ?\n            descriptionKey :\n              descriptionKey(allOptions.label)]: allOptions.label,\n        },\n        ...dataSource,\n      ]);\n    }\n  }, [JSON.stringify(dataSourceWithAllOptions)]);\n\n  return (\n    <span\n      id={componentId}\n      ref={componentRef}\n      className=\"select-component\">\n      <InputTextBase\n        {...props}\n        inputRef={(ref) => {\n          if (props.inputRef) {\n            if (!_.isFunction(props.inputRef)) {\n              props.inputRef.current = ref;\n            } else {\n              props.inputRef(ref);\n            }\n          }\n          inputTextRef.current = ref;\n        }}\n        autoComplete=\"off\"\n        readOnly={undigitable || shouldBeReadOnly()}\n        value={inputText}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onChange={(e?: CustomInputEvent) => {\n          if (e) onFilter(e.target.value);\n        }}\n        onClick={onFocus}\n        onKeyDown={onInputKeyDown}\n        customClassForLabel={customClassForLabel}\n        customClassForWrapper={\n          `selectwrapper ${(undigitable || searchOnDropdown || shouldBeReadOnly()) && ' -undigitable'} ${customClassForWrapper}`\n        }\n        customClassForInputContent={`multiselect ${customClassForInputContent}`}\n        inputBaseRef={(r: HTMLDivElement) => { selectWrapper.current = r; }}\n        handlerSetOnDenied={(inputOnDenied: OnDenied) => setOnDenied(inputOnDenied)}\n        rightElements={[\n          ...rightElements,\n          <ActionButtons\n            key=\"action-buttons-simpleselect\"\n            disabled={shouldDisable() || shouldBeReadOnly()}\n            showClearButton={showClearButton}\n            dropDownOpened={opened}\n            handlerClear={() => {\n              if (shouldDisable()) return null;\n              return onClearClick();\n            }}\n            handlerOpenClose={onOpenClose}\n            customClassForSideButtons={customClassForSideButtons} />,\n        ]} />\n      {opened &&\n        <Dropdown\n          {...props}\n          opened={opened}\n          selected={selected}\n          inputValue={inputText}\n          selectFieldRef={componentRef}\n          dropdownRef={dropdownRef}\n          searchOnDropdown={searchOnDropdown}\n          gridWrapperStyle={gridLayout && gridElement.current ?\n              window.getComputedStyle(gridElement.current)\n            : undefined}\n          handleOnSelect={(dataSelected?: DataCombo) => {\n            if (dataSelected) onSelect(dataSelected);\n          }}\n          handleOnFilter={(valueFilter: string) => onFilter(valueFilter)}\n          handleOnKeydown={onInputKeyDown}\n          handleOnBlur={() => onBlur}\n          handleOnFocus={onFocus}\n          dataCombo={dataCombo}\n          searchNotFoundText={searchNotFoundText}\n          dropdownWidth={dropdownMaxWidth || dropdownWidth || 0} />\n      }\n    </span>\n  );\n};\nexport default SimpleSelect;\n"],"mappings":";;;;;;;;;;;mCAaM,KAAgB,MAA8B;CAClD,IAAM,EACJ,UAAO,mBAAgB,gBAAa,EAAE,EAAE,eAAY,aAAU,cAAU,cACxE,0BAAsB,IAAM,yBAAqB,IAAO,UAAO,kBAAe,IAAO,UAAO,IAC5F,gBAAa,sBAAmB,IAAO,gBAAa,KAAA,GAAW,sBAAkB,IACjF,wBAAoB,oBAAgB,EAAE,EAAE,2BAAuB,gCAC/D,yBAAqB,+BAA2B,sBAAmB,KAAA,MACjE,GAEE,IAAyB,OAAO,KAAmB,UACnD,IAA2B,IAC7B,CAAC;GACE,IAAQ,EAAW;GACnB,IACC,IACE,EAAe,EAAW,MAAM,GAAG,EAAW;EACnD,EAAE,GAAG,EAAW,GACjB,GACE,CAAC,GAAW,KAAgB,EAAsB,EAAyB,EAC3E,CAAC,GAAU,KAAe,EAA2B,KAAK,EAC1D,CAAC,GAAW,KAAgB,EAAS,GAAG,EACxC,CAAC,GAAQ,KAAa,EAAS,GAAM,EACrC,CAAC,IAAe,KAAoB,EAAS,EAAE,EAC/C,CAAC,IAAiB,MAAsB,EAAS,GAAM,EACvD,CAAC,GAAU,MAAqB,GAAoB,EACpD,CAAC,GAAU,KAAe,EAAS,GAAM,EAEzC,IAAc,EAAuB,KAAK,EAC1C,IAAc,oBAAoB,EAAA,GAAQ,GAAS,IACnD,IAAe,EAAyB,KAAK,EAC7C,IAAgB,EAAuB,KAAK,EAC5C,IAAc,EAAgB,KAAK,EACnC,IAAe,EAAsD,KAAK,EAE1E,UAAuB;AAC3B,EAAI,EAAc,WAAS,EAAiB,EAAc,QAAQ,YAAY;IAG1E,KAAkB,MAAsB;EAC5C,IAAM,EAAE,cAAW;AACnB,EAAI,MAAW,EAAc,WAAW,CAAC,EAAc,SAAS,SAAS,EAAe,IACtF,CAAC,EAAY,SAAS,SAAS,EAAe,IAC9C,EAAU,GAAM;IAId,KAAe,MAAsB;EACzC,IAAM,IAAS,EAAM,QACf,IAAa,EAAY,SAAS,eAAe,MAAM;AAG7D,KADyB,EADD,SAAS,eAAe,EAAW,EACT,SAAS,EAAO,CAC9B;IAGhC,KAAkB,OACtB,EACE,QAAQ;EACN,OAAO,IAAgB,EAAc,KAAS,KAAA;EAC9C;IAEH,GAGG,KAAY,MAA+B;AAC/C,MAAI,EAAM,UAAU;GAClB,IAAM,IAAQ,EAAe,EAAe;AAC5C,KAAM,SAAS,EAAM;;IAInB,KAAY,MAAwB;EACxC,IAAI,IAAiB;AACrB,MAAI,GACE,KAAU,EAAS,EAAY;OAC9B;GACL,IAAM,IAAkB,EAA2B;IACjD,WAAW;IACX;IACA,YAAY;IACb,CAAC;AAMF,GAJI,KAAmB,EAAgB,SAAS,MAC9C,IAAiB,EAAgB,IACjC,EAAY,EAAe,GAE7B,EAAa,EAAgB;;AAI/B,EAFA,EAAU,GAAK,EACf,EAAa,EAAY,EACrB,MACG,KAA0B,MAAgB,EAAe,MACxD,CAAC,KAA0B,MAAgB,EAAe,EAAe,KAC7E,EAAS,EAAe;IAKxB,KAAY,MAAgC;AAC3C,QACL,EAAY,EAAiB,EAED,EAAxB,IAAqC,EAAiB,KACxC,EAAe,EAAiB,CAAC,EACnD,IAAI,SAAS,MAAY;AACvB,KAAQ,EAAS,EAAiB,CAAC;IACnC,CAAC,cAAc;AAEf,GADI,KAAgB,EAAa,WAAS,EAAa,QAAQ,OAAO,EACtE,EAAU,GAAM;IAChB,EACF,EAAY,SAAS,OAAO;IAGxB,WAAoB;AAExB,EADA,GAAU,MAAa,CAAC,EAAU,EAC9B,EAAc,WAAS,EAAiB,EAAc,QAAQ,YAAY;IAG1E,UAAgB;AAEpB,EADI,MAAqB,EAAU,GAAK,EACpC,KAEF,EAD2B,EAAc,UAAU,EAAc,QAAQ,cAAc,EACnD;IAIlC,UAAe;AACnB,MAAI,EAAM,QAAQ;GAChB,IAAM,IAAQ,EAAe,EAAS;AAEtC,GADA,EAAM,OAAO,EAAM,GACf,KAAa,KAA0B,MAAc,EAAS,MAC5D,CAAC,KAA0B,MAAc,EAAe,EAAS,MACrE,EAAY,KAAK,EACjB,EAAa,EAAU,EACvB,IAAI,SAAS,MAAY;AACvB,MAAQ,EAAS,KAAK,CAAC;KACvB,CAAC,cAAc;AACf,OAAU;KACV;;AAGN,EAAK,OACH,EAAU,GAAM,EAChB,EAAY,GAAM,EAClB,EAAa,EAAyB;IAIpC,KAAkB,MAA6C;AACnE,MAAI,EAAE;QACC,EAAE,YAAA,EAA+B,SAAS,EAAE,QAAA,GAAuB,QAClE,KAAY,EAEhB,CADI,EAAE,YAAA,EAA+B,SAAO,EAAE,kBAAkB,EAChE,EAAS,EAAS;YACT,CAAA,EAAoB,UAAA,EAA6B,WAAW,CAAC,SAAS,EAAE,QAAQ,EAAE;AAC3F,IAAK,KAAQ,EAAU,GAAK;IAC5B,IAAI,IAAQ,EAAU,SAAS,IAC3B,EAAU,WAAU,MAAK,KACzB,EAAE,OAAW,EAAS,GAAO,GAC7B;AAcJ,IAbA,AAME,IANE,EAAE,YAAA,EAA+B,aAC1B,KACJ,MAAU,EAAU,SAAS,IAC9B,IACA,IAAQ,IAEH,KACJ,MAAU,IACX,GAAW,SAAS,IACpB,IAAQ,GAEd,EAAY,EAAU,GAAO,EACzB,KAAwB,EAAa,EAAU,GAAO,GAAgB,EACrE,KAAwB,EAAa,EAAe,EAAU,GAAO,CAAC;;;AAG/E,EAAK,KAAU,EAAY,GAAK;IAG5B,WAAqB;AACzB,MAAI,SAAS,MAAY;AACvB,KAAQ,EAAS,KAAK,CAAC;IACvB,CAAC,cAAc;AAKf,GAJA,EAAY,KAAK,EACjB,EAAa,GAAG,EAChB,GAAU,EACN,KAAgB,EAAa,WAAS,EAAa,QAAQ,OAAO,EACtE,EAAU,GAAM;IAChB;IAGE,MAAe,MAA6B;AAChD,KAAkB,EAAe;IAG7B,UACJ,MAAa,MAAa,EAAS,YAAY,EAAS,cAEpD,UAAyB,MAAa,KAAa,EAAS;AAoElE,QAlEA,SACE,OAAO,iBAAiB,UAAU,EAAe,EACjD,SAAS,iBAAiB,SAAS,EAAe,EAClD,SAAS,iBAAiB,aAAa,EAAY,QAEtC;AAGX,EAFA,OAAO,oBAAoB,UAAU,EAAe,EACpD,SAAS,oBAAoB,SAAS,EAAe,EACrD,SAAS,oBAAoB,aAAa,EAAY;KAEvD,EAAE,CAAC,EAEN,QAAgB;AACd,MAAI,GAAY;GACd,IAAM,IAAS,SAAS,cAAc,IAAI,EAAA,6BAAyC;AACnF,GAAI,EAAY,YAAY,KAAU,MAAQ,EAAY,UAAU;;IAErE,CAAC,EAAW,CAAC,EAEhB,QAAgB;AACd,MAAI,EAAyB,SAAS,GAAG;GACvC,IAAI,IAAa;AASjB,GARI,KAAS,MAAU,IACrB,IAAa,EAAyB,MAAK,OAAM,KAAS,MAAU,MAC/D,EAAE,IAAQ,UAAU,CAAC,aAAa,KAAK,GAAO,UAAU,CAAC,aAAa,CAAC,GACnE,EAAyB,SAAS,KAAK,OAChD,IAAa,EAAyB,KAGxC,EAAY,EAAW,EACK,EAAxB,IAAqC,IAAa,EAAW,KAAkB,KACjE,IAAa,EAAe,EAAW,GAAG,GAAG;;AAGjE,EAAI,EAAyB,WAAW,KAAK,KAC3C,EAAa,GAAG;IAEjB,CAAC,EAAyB,QAAQ,EAAM,CAAC,EAE5C,QAAgB;AACd,MAAI,CAAC,EAAA,QAAE,QAAQ,GAAW,EAAyB,KAMjD,EALiC,KAAe,KAAgB,CAAC,IAC/D,IACE,EAA2B;GACzB;GAAW,YAAY;GAA0B;GAClD,CAAC,CAC+B,EACjC,EAAyB,SAAS,KAAK,IAAc;GACvD,IAAM,IAAO,EAAyB;AACtC,KAAY,EAAK;;AAIrB,EAAI,KACF,EAAa,CACX;IACG,IAAQ,EAAW;IACnB,IACC,IACE,EAAe,EAAW,MAAM,GAAG,EAAW;GACnD,EACD,GAAG,EACJ,CAAC;IAEH,CAAC,KAAK,UAAU,EAAyB,CAAC,CAAC,EAG5C,mBAAC,QAAD;EACE,IAAI;EACJ,KAAK;EACL,WAAU;YAHZ,CAIE,kBAAC,IAAD;GACE,GAAI;GACJ,WAAW,MAAQ;AAQjB,IAPI,EAAM,aACH,EAAA,QAAE,WAAW,EAAM,SAAS,GAG/B,EAAM,SAAS,EAAI,GAFnB,EAAM,SAAS,UAAU,IAK7B,EAAa,UAAU;;GAEzB,cAAa;GACb,UAAU,KAAe,GAAkB;GAC3C,OAAO;GACE;GACD;GACR,WAAW,MAAyB;AAClC,IAAI,KAAG,EAAS,EAAE,OAAO,MAAM;;GAEjC,SAAS;GACT,WAAW;GACU;GACrB,uBACE,kBAAkB,KAAe,KAAoB,GAAkB,KAAK,gBAAA,GAAmB;GAEjG,4BAA4B,eAAe;GAC3C,eAAe,MAAsB;AAAE,MAAc,UAAU;;GAC/D,qBAAqB,MAA4B,GAAY,EAAc;GAC3E,eAAe,CACb,GAAG,IACH,kBAAC,GAAD;IAEE,UAAU,GAAe,IAAI,GAAkB;IAC9B;IACjB,gBAAgB;IAChB,oBACM,GAAe,GAAS,OACrB,IAAc;IAEvB,kBAAkB;IACS;IAA6B,EATpD,8BASoD,CAAA;GACvD,CAAA,EACN,KACC,kBAAC,IAAD;GACE,GAAI;GACI;GACE;GACV,YAAY;GACZ,gBAAgB;GACH;GACK;GAClB,kBAAkB,KAAc,EAAY,UACxC,OAAO,iBAAiB,EAAY,QAAQ,GAC5C,KAAA;GACJ,iBAAiB,MAA6B;AAC5C,IAAI,KAAc,EAAS,EAAa;;GAE1C,iBAAiB,MAAwB,EAAS,EAAY;GAC9D,iBAAiB;GACjB,oBAAoB;GACpB,eAAe;GACJ;GACS;GACpB,eAAe,KAAoB,MAAiB;GAAK,CAAA,CAAA"}

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

@@ -54,6 +54,7 @@ export interface ISimpleSelectProps {
     hintPosition?: 'below' | 'onLabelRight';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
+    dropdownMaxWidth?: number;
 }
 export interface ISelectFieldProps extends Omit<ISimpleSelectProps, 'idKey' | 'value' | 'descriptionKey'> {
     multiple?: boolean;
@@ -99,6 +100,7 @@ export interface IMultipleSelectProps extends Omit<ISimpleSelectProps, 'idKey' |
     popoverAlign?: 'right' | 'left';
 }
 export interface ISelectedsMultipleProps {
+    disabled?: boolean;
     idKey: string;
     descriptionKey: DescriptionKey;
     currents: DataCombo[];

package/lib/inputs/text/index.js

@@ -1,11 +1,8 @@
-import { j as r } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as m } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import s from "../base/InputTextBase.js";
-const a = (o) => {
-  const t = m.c(2);
-  let e;
-  return t[0] !== o ? (e = /* @__PURE__ */ r.jsx(s, { ...o }), t[0] = o, t[1] = e) : e = t[1], e;
-};
-export {
-  a as default
-};
+import e from "../base/InputTextBase.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/inputs/text/index.tsx
+var n = (n) => /* @__PURE__ */ t(e, { ...n });
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/inputs/text/index.tsx"],"sourcesContent":["import InputTextBase from '../base/InputTextBase';\nimport { ITextField } from './types';\n\nconst TextField = (props: ITextField) => <InputTextBase {...props} />;\nexport default TextField;\n"],"mappings":";;;AAGA,IAAM,KAAa,MAAsB,kBAAC,GAAD,EAAe,GAAI,GAAS,CAAA"}

package/lib/inputs/text/types.d.ts

@@ -2,9 +2,7 @@ import { JSX } from 'react';
 import { Period } from '../../@types/Period';
 import { PermissionAttr } from '../../@types/PermissionAttr';
 import { CustomInputEvent, IBaseProps } from '../base/types';
-import { WithTooltipProps } from '../../internals/types';
-type CommonProperties = Pick<WithTooltipProps, 'tooltip' | 'tooltipPosition' | 'tooltipWidth'>;
-export interface ITextField extends IBaseProps, CommonProperties {
+export interface ITextField extends IBaseProps {
     value?: string | string[];
     required?: boolean;
     name?: string;
@@ -18,4 +16,3 @@ export interface ITextField extends IBaseProps, CommonProperties {
     permissionAttr?: PermissionAttr;
     gridLayout?: string;
 }
-export {};

package/lib/inputs/textarea/index.js

@@ -1,16 +1,17 @@
-import { j as i } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as x } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import l from "../base/InputTextBase.js";
-const j = (e) => {
-  const t = x.c(6), {
-    rows: o,
-    cols: r,
-    customClass: n,
-    type: m
-  } = e, a = m === void 0 ? "textarea" : m, c = `textarea-container ${n}`;
-  let s;
-  return t[0] !== r || t[1] !== e || t[2] !== o || t[3] !== c || t[4] !== a ? (s = /* @__PURE__ */ i.jsx(l, { ...e, rows: o, type: a, cols: r, customClass: c }), t[0] = r, t[1] = e, t[2] = o, t[3] = c, t[4] = a, t[5] = s) : s = t[5], s;
-};
-export {
-  j as default
+import e from "../base/InputTextBase.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/inputs/textarea/index.tsx
+var n = (n) => {
+	let { rows: r, cols: i, customClass: a, type: o = "textarea" } = n;
+	return /* @__PURE__ */ t(e, {
+		...n,
+		rows: r,
+		type: o,
+		cols: i,
+		customClass: `textarea-container ${a}`
+	});
 };
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/inputs/textarea/index.tsx"],"sourcesContent":["import InputTextBase from '../base/InputTextBase';\nimport { ITextAreaProps } from './types';\n\nconst TextArea = (props: ITextAreaProps) => {\n  const { rows, cols, customClass, type = 'textarea' } = props;\n  return (\n    <InputTextBase\n      {...props}\n      rows={rows}\n      type={type}\n      cols={cols}\n      customClass={`textarea-container ${customClass}`} />\n  );\n};\n\nexport default TextArea;\n"],"mappings":";;;AAGA,IAAM,KAAY,MAA0B;CAC1C,IAAM,EAAE,SAAM,SAAM,gBAAa,UAAO,eAAe;AACvD,QACE,kBAAC,GAAD;EACE,GAAI;EACE;EACA;EACA;EACN,aAAa,sBAAsB;EAAiB,CAAA"}

package/lib/inputs/types.d.ts

@@ -25,6 +25,7 @@ export interface ISearchProps extends IBaseProps {
     rounded?: boolean;
     inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null>;
     style?: CSSProperties;
+    drawerFilterIsOpened?: boolean;
 }
 export interface IDropdownProps {
     children: ReactNode | ReactNode[];
@@ -44,7 +45,7 @@ export interface IInputHOCProps {
 }
 export interface IMaskHOCProps {
     label?: string;
-    value?: string;
+    value?: string | number;
     unmask?: boolean;
     name?: string;
     commit?: () => void;
@@ -145,7 +146,7 @@ export interface IButtonsProps {
 }
 export interface ErrorProps {
     customClass?: string;
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     messages?: string | string[];
 }
 export {};

package/lib/inputs2/checkboxfield/base.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { Size } from '../../@types/Size';
+import { ColorTheme } from '../../@types/ColorStyles';
+import { ITooltipCommonProps } from '../../tooltip/types';
+import { Position, HintPosition } from '../../@types/Position';
+type InputHTMLProps = Omit<React.ComponentPropsWithoutRef<'input'>, 'size' | 'type'>;
+export interface CheckboxFieldInputBaseProps extends InputHTMLProps, ITooltipCommonProps {
+    hint?: string;
+    label?: string;
+    size?: Exclude<Size, 'mini'>;
+    variant?: 'default' | 'secondary';
+    errors?: string[];
+    customClass?: string;
+    customClassLabel?: string;
+    customClassWrapper?: string;
+    customClassInputContainer?: string;
+    rounded?: boolean;
+    readOnly?: boolean;
+    skeletonize?: boolean;
+    labelUppercase?: boolean;
+    hintPosition?: HintPosition;
+    themePopover?: ColorTheme;
+    popoverAlign?: Extract<Position, 'left' | 'right'>;
+    tabIndex?: number;
+}
+export declare const InputBase: React.ForwardRefExoticComponent<CheckboxFieldInputBaseProps & React.RefAttributes<HTMLInputElement>>;
+export {};

package/lib/inputs2/checkboxfield/base.js

@@ -0,0 +1,110 @@
+import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
+import { Tooltip as t } from "../../tooltip/index.js";
+import n from "../../icons/index.js";
+import { require_lodash as r } from "../../node_modules/lodash/lodash.js";
+import i from "../../popover/PopoverText.js";
+import a from "../../popover/index.js";
+import o from "../../hint/index.js";
+import '../../assets/styles/checkbox2.css';/* empty css                            */
+import s from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/lib/inputs2/checkboxfield/base.tsx
+var u = /* @__PURE__ */ e(r(), 1), d = s.forwardRef((e, r) => {
+	let { name: d, label: f, errors: p, onChange: m, size: h = "default", tooltip: g, tooltipPosition: _, tooltipWidth: v, tabIndex: y = 0, variant: b = "default", customClass: x = "", customClassLabel: S = "", customClassWrapper: C = "", labelUppercase: w = !1, rounded: T = !1, customClassInputContainer: E = "", skeletonize: D = !1, hintPosition: O = "below", themePopover: k = "light", popoverAlign: A = "left", disabled: j, readOnly: M, ...N } = e, P = s.useMemo(() => e.id || `checkboxfield-${d}`, [e.id, d]), F = s.useRef(null), I = e.checked ?? !!e.value, L = !u.default.isEmpty(e?.label), R = !!e.hint?.length, z = !!p?.length, B = s.useCallback((e) => {
+		M || j || (Object.defineProperty(e.target, "value", {
+			value: e.target.checked,
+			writable: !0,
+			enumerable: !0,
+			configurable: !0
+		}), m?.(e));
+	}, [
+		M,
+		j,
+		m
+	]);
+	return /* @__PURE__ */ l(s.Fragment, { children: [/* @__PURE__ */ l("div", {
+		ref: F,
+		"data-testid": "test-chebox-field-root",
+		className: `checkbox-field-root ${C}`,
+		"data-state-error": z,
+		children: [
+			/* @__PURE__ */ l("div", {
+				"data-state-skeletonize": D,
+				className: `container ${E}`,
+				children: [
+					/* @__PURE__ */ l("div", {
+						className: "input-root",
+						children: [/* @__PURE__ */ c("input", {
+							ref: r,
+							id: P,
+							name: d,
+							readOnly: M,
+							disabled: j,
+							className: `input ${x}`,
+							tabIndex: !M && !y ? 0 : -1,
+							"data-testid": "test-checkbox-field-input",
+							"data-state-size": h,
+							"data-state-error": z,
+							"data-state-variant": b,
+							"data-state-rounded": T,
+							"data-state-read-only": M,
+							"data-state-skeletonize": D,
+							...N,
+							type: "checkbox",
+							checked: I,
+							onChange: B
+						}), /* @__PURE__ */ c(n, {
+							customClass: "checkmark",
+							name: "checkmark",
+							colorStyle: "default"
+						})]
+					}),
+					L && /* @__PURE__ */ c("label", {
+						className: `label ${S}`,
+						title: f,
+						htmlFor: P,
+						"aria-readonly": M,
+						"aria-disabled": j,
+						"data-testid": "test-checkbox-field-label",
+						"data-state-skeletonize": D,
+						"data-state-disabled": j,
+						"data-state-read-only": M,
+						"data-state-uppercase": w,
+						"data-state-input-required": e.required,
+						children: f
+					}),
+					L && R && O === "onLabelRight" && !D && /* @__PURE__ */ c(a, {
+						customClass: "label-popover",
+						theme: k,
+						align: A,
+						iconColor: "#03bde2",
+						children: /* @__PURE__ */ c(i, { text: e?.hint })
+					})
+				]
+			}),
+			O === "below" && /* @__PURE__ */ c(o, {
+				customClass: "hint",
+				description: e.hint,
+				disabled: j,
+				skeletonize: D,
+				visible: R
+			}),
+			z && /* @__PURE__ */ c("span", {
+				className: "error",
+				"data-state-skeletonize": D,
+				"aria-describedby": String(d).concat("-errors"),
+				children: p?.map((e, t) => /* @__PURE__ */ l(s.Fragment, { children: [e, " "] }, `${t + 1}-${e}`))
+			})
+		]
+	}), /* @__PURE__ */ c(t, {
+		targetRef: F,
+		text: g,
+		width: v,
+		position: _
+	})] });
+});
+d.displayName = "CheckboxFieldInputBase";
+//#endregion
+export { d as InputBase };
+
+//# sourceMappingURL=base.js.map