linear-react-components-ui 1.1.26-beta.16 → 1.1.26-beta.18

package/lib/inputs/textarea/index.js

@@ -1,17 +1,25 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as l } from "../../_virtual/compiler-runtime.js";
-import x from "../base/InputTextBase.js";
-const d = (e) => {
-  const t = l.c(6), {
-    rows: s,
-    cols: r,
-    customClass: n,
-    type: m
-  } = e, a = m === void 0 ? "textarea" : m, c = `textarea-container ${n}`;
-  let o;
-  return t[0] !== r || t[1] !== e || t[2] !== s || t[3] !== c || t[4] !== a ? (o = /* @__PURE__ */ i(x, { ...e, rows: s, type: a, cols: r, customClass: c }), t[0] = r, t[1] = e, t[2] = s, t[3] = c, t[4] = a, t[5] = o) : o = t[5], o;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } // eslint-disable-next-line import/no-named-as-default
+const TextArea = props => {
+  const {
+    rows,
+    cols,
+    customClass,
+    type = 'textarea'
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
+    rows: rows,
+    type: type,
+    cols: cols,
+    customClass: `textarea-container ${customClass}`
+  }));
 };
-export {
-  d as default
-};
-//# sourceMappingURL=index.js.map
+var _default = exports.default = TextArea;

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

@@ -1,7 +1,16 @@
-import { IBaseProps } from '../base/types';
-export interface ITextAreaProps extends IBaseProps {
+import { IBaseProps } from '../base/types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+
+interface ITextAreaProps extends IBaseProps {
     rows?: number;
     cols?: number;
     customClass?: string;
     type?: string;
 }
+
+export { ITextAreaProps };

package/lib/inputs/textarea/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/inputs/types.d.ts

@@ -1,16 +1,22 @@
-import { CSSProperties, JSX, KeyboardEvent, MouseEvent, MutableRefObject, ReactElement, ReactNode } from 'react';
-import { OnDenied, PermissionAttr } from '../@types/PermissionAttr';
-import { DataCombo } from '../@types/DataCombo';
-import { CustomInputEvent, IBaseProps } from './base/types';
-import { IDrawerProps } from '../drawer/types';
-import { TextAlign } from '../@types/Align';
+import { ReactNode, MouseEvent, MutableRefObject, CSSProperties, KeyboardEvent, ReactElement } from 'react';
+import { PermissionAttr, OnDenied } from '../@types/PermissionAttr.js';
+import { DataCombo } from '../@types/DataCombo.js';
+import { IBaseProps, CustomInputEvent } from './base/types.js';
+import { IDrawerProps } from '../drawer/types.js';
+import { TextAlign } from '../@types/Align.js';
+import '../@types/Period.js';
+import '../tooltip/types.js';
+import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
 type DescriptionKey = string | ((dataSelected: DataCombo) => string);
-export interface IAdvancedFilterProps extends Omit<IDrawerProps, 'content'> {
+interface IAdvancedFilterProps extends Omit<IDrawerProps, 'content'> {
     onStateChange?: (value?: boolean) => void;
     headerTitle?: string;
     content?: ReactNode | ReactNode[];
 }
-export interface ISearchProps extends IBaseProps {
+interface ISearchProps extends IBaseProps {
     resetButton?: boolean;
     onReset?: (event?: CustomInputEvent) => void;
     onChange?: (event?: CustomInputEvent) => void;
@@ -27,14 +33,14 @@ export interface ISearchProps extends IBaseProps {
     style?: CSSProperties;
     drawerFilterIsOpened?: boolean;
 }
-export interface IDropdownProps {
+interface IDropdownProps {
     children: ReactNode | ReactNode[];
     dropdownRef: (el: HTMLDivElement) => void;
     topPosition: number | string;
     leftPosition: number | string;
     width: number | string;
 }
-export interface IInputHOCProps {
+interface IInputHOCProps {
     value?: string | string[];
     required?: boolean;
     gridLayout?: string;
@@ -43,7 +49,7 @@ export interface IInputHOCProps {
     cols?: number;
     type?: string;
 }
-export interface IMaskHOCProps {
+interface IMaskHOCProps {
     label?: string;
     value?: string | number;
     unmask?: boolean;
@@ -94,7 +100,7 @@ export interface IMaskHOCProps {
     isDateField?: boolean;
     autoCompleteMask?: 'left' | 'right';
 }
-export interface IDropdownSelectProps {
+interface IDropdownSelectProps {
     idKey: string;
     descriptionKey: DescriptionKey;
     dropdownWidth: number;
@@ -126,7 +132,7 @@ export interface IDropdownSelectProps {
     inputValue?: string;
     align?: 'left' | 'right';
 }
-export interface IActionButtonsSelectProps {
+interface IActionButtonsSelectProps {
     handlerClear: () => void;
     handlerOpenClose: () => void;
     dropDownOpened: boolean;
@@ -134,7 +140,7 @@ export interface IActionButtonsSelectProps {
     disabled?: boolean;
     customClassForSideButtons?: string;
 }
-export interface IButtonsProps {
+interface IButtonsProps {
     onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
     icon: ReactElement;
     key: string;
@@ -144,9 +150,10 @@ export interface IButtonsProps {
     transparent: boolean;
     disabled?: boolean;
 }
-export interface ErrorProps {
+interface ErrorProps {
     customClass?: string;
-    style?: CSSProperties;
+    style?: React.CSSProperties;
     messages?: string | string[];
 }
-export {};
+
+export { ErrorProps, IActionButtonsSelectProps, IAdvancedFilterProps, IButtonsProps, IDropdownProps, IDropdownSelectProps, IInputHOCProps, IMaskHOCProps, ISearchProps };

package/lib/inputs/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -1,32 +1,7 @@
-import { ComponentProps } from 'react';
-import { Size } from '../../@types/Size';
-import { ColorTheme } from '../../@types/ColorStyles';
-import { ITooltipCommonProps } from '../../tooltip/types';
-import { Position, HintPosition } from '../../@types/Position';
-import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';
-type InputHTMLProps = Omit<ComponentProps<'input'>, 'size' | 'type'>;
-interface CheckboxFieldInputProps extends InputHTMLProps, ITooltipCommonProps {
-    hint?: string;
-    label?: string;
-    size?: Exclude<Size, 'mini'>;
-    variant?: 'default' | 'secondary';
-    errors?: string[];
-    gridLayout?: 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'>;
-    permissionAttr?: PermissionAttr;
-    onDeniedActions?: OnDenied;
-    tabIndex?: number;
-}
-declare const Input: import('react').ForwardRefExoticComponent<Omit<CheckboxFieldInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
-export { Input };
-export type { CheckboxFieldInputProps };
+import 'react';
+import '../../@types/Size.js';
+import '../../@types/ColorStyles.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+import '../../@types/PermissionAttr.js';
+export { C as CheckboxFieldInputProps, I as Input } from '../../index-73b84427.js';

package/lib/inputs2/checkboxfield/index.js

@@ -1,115 +1,150 @@
-import { jsx as n, jsxs as M } from "react/jsx-runtime";
-import { c as Ne } from "../../_virtual/compiler-runtime.js";
-import '../../assets/styles/gridlayout.css';import '../../assets/styles/checkbox2.css';/* empty css                                 */
-import Pe from "../../_virtual/lodash.js";
-import { forwardRef as ze, useRef as Re, Fragment as Ce } from "react";
-import $e from "../../hint/index.js";
-import De from "../../icons/index.js";
-/* empty css                                  */
-import Ae from "../../gridlayout/GridCol.js";
-import Le from "../../popover/index.js";
-import _e from "../../tooltip/index.js";
-import { actionsOnPermissionDenied as we, OPTIONS_ON_DENIED as Y } from "../../permissionValidations.js";
-import Be from "../../popover/PopoverText.js";
-const Ee = [Y.disabled, Y.unvisible, Y.readOnly, Y.hideContent], qe = ze((t, $) => {
-  const e = Ne.c(104);
-  let d, r, a, c, m, D, A, L, _, w, B, E, q, S, j, F, T, W, H, U, G, u, h, f;
-  e[0] !== t ? ({
-    name: a,
-    label: r,
-    errors: d,
-    onChange: c,
-    size: D,
-    onDeniedActions: A,
-    permissionAttr: S,
-    variant: j,
-    customClass: F,
-    customClassLabel: T,
-    customClassWrapper: W,
-    labelUppercase: H,
-    rounded: U,
-    customClassInputContainer: G,
-    skeletonize: L,
-    hintPosition: _,
-    gridLayout: w,
-    themePopover: B,
-    popoverAlign: E,
-    tooltip: u,
-    tooltipPosition: h,
-    tooltipWidth: f,
-    tabIndex: q,
-    ...m
-  } = t, e[0] = t, e[1] = d, e[2] = r, e[3] = a, e[4] = c, e[5] = m, e[6] = D, e[7] = A, e[8] = L, e[9] = _, e[10] = w, e[11] = B, e[12] = E, e[13] = q, e[14] = S, e[15] = j, e[16] = F, e[17] = T, e[18] = W, e[19] = H, e[20] = U, e[21] = G, e[22] = u, e[23] = h, e[24] = f) : (d = e[1], r = e[2], a = e[3], c = e[4], m = e[5], D = e[6], A = e[7], L = e[8], _ = e[9], w = e[10], B = e[11], E = e[12], q = e[13], S = e[14], j = e[15], F = e[16], T = e[17], W = e[18], H = e[19], U = e[20], G = e[21], u = e[22], h = e[23], f = e[24]);
-  const Z = D === void 0 ? "default" : D, ee = A === void 0 ? void 0 : A, te = S === void 0 ? void 0 : S, ie = j === void 0 ? "default" : j, ke = F === void 0 ? "" : F, oe = T === void 0 ? "" : T, ge = W === void 0 ? "" : W, le = H === void 0 ? !1 : H, ae = U === void 0 ? !1 : U, xe = G === void 0 ? "" : G, i = L === void 0 ? !1 : L, b = _ === void 0 ? "below" : _, se = w === void 0 ? void 0 : w, ne = B === void 0 ? "light" : B, de = E === void 0 ? "left" : E, ye = q === void 0 ? 0 : q;
-  let V;
-  e[25] !== ee || e[26] !== te ? (V = ee || we(Ee, te), e[25] = ee, e[26] = te, e[27] = V) : V = e[27];
-  const re = V, {
-    hideContent: Ie,
-    unvisible: Oe
-  } = re, v = t.id || `checkboxfield-${a}`, pe = Re(null), ce = t.checked ?? !!t.value;
-  let J;
-  e[28] !== t.label ? (J = Pe.isEmpty(t?.label), e[28] = t.label, e[29] = J) : J = e[29];
-  const p = !J, l = !!(t.readOnly || re.readOnly), o = !!(t.disabled || re.disabled), C = !!t.hint?.length, s = !!d?.length;
-  let K;
-  e[30] !== o || e[31] !== l || e[32] !== c ? (K = (ve) => {
-    l || o || (Object.defineProperty(ve.target, "value", {
-      value: ve.target.checked,
-      writable: !0,
-      enumerable: !0,
-      configurable: !0
-    }), c?.(ve));
-  }, e[30] = o, e[31] = l, e[32] = c, e[33] = K) : K = e[33];
-  const me = K;
-  if (Oe || Ie)
-    return null;
-  const ue = `checkbox-field-root ${ge}`, he = `container ${xe}`, fe = `input ${ke}`, be = !l && !ye ? 0 : -1;
-  let k;
-  e[34] !== me || e[35] !== s || e[36] !== v || e[37] !== ce || e[38] !== o || e[39] !== l || e[40] !== a || e[41] !== $ || e[42] !== m || e[43] !== ae || e[44] !== Z || e[45] !== i || e[46] !== fe || e[47] !== be || e[48] !== ie ? (k = /* @__PURE__ */ n("input", { ref: $, id: v, name: a, readOnly: l, disabled: o, className: fe, tabIndex: be, "data-testid": "test-checkbox-field-input", "data-state-size": Z, "data-state-error": s, "data-state-variant": ie, "data-state-rounded": ae, "data-state-read-only": l, "data-state-skeletonize": i, ...m, type: "checkbox", checked: ce, onChange: me }), e[34] = me, e[35] = s, e[36] = v, e[37] = ce, e[38] = o, e[39] = l, e[40] = a, e[41] = $, e[42] = m, e[43] = ae, e[44] = Z, e[45] = i, e[46] = fe, e[47] = be, e[48] = ie, e[49] = k) : k = e[49];
-  let Q;
-  e[50] === Symbol.for("react.memo_cache_sentinel") ? (Q = /* @__PURE__ */ n(De, { customClass: "checkmark", name: "checkmark", colorStyle: "default" }), e[50] = Q) : Q = e[50];
-  let g;
-  e[51] !== k ? (g = /* @__PURE__ */ M("div", { className: "input-root", children: [
-    k,
-    Q
-  ] }), e[51] = k, e[52] = g) : g = e[52];
-  let x;
-  e[53] !== oe || e[54] !== p || e[55] !== v || e[56] !== o || e[57] !== l || e[58] !== r || e[59] !== le || e[60] !== t.required || e[61] !== i ? (x = p && /* @__PURE__ */ n("label", { className: `label ${oe}`, title: r, htmlFor: v, "aria-readonly": l, "aria-disabled": o, "data-testid": "test-checkbox-field-label", "data-state-skeletonize": i, "data-state-disabled": o, "data-state-read-only": l, "data-state-uppercase": le, "data-state-input-required": t.required, children: r }), e[53] = oe, e[54] = p, e[55] = v, e[56] = o, e[57] = l, e[58] = r, e[59] = le, e[60] = t.required, e[61] = i, e[62] = x) : x = e[62];
-  let y;
-  e[63] !== C || e[64] !== p || e[65] !== b || e[66] !== de || e[67] !== t.hint || e[68] !== i || e[69] !== ne ? (y = p && C && b === "onLabelRight" && !i && /* @__PURE__ */ n(Le, { customClass: "label-popover", theme: ne, align: de, iconColor: "#03bde2", children: /* @__PURE__ */ n(Be, { text: t?.hint }) }), e[63] = C, e[64] = p, e[65] = b, e[66] = de, e[67] = t.hint, e[68] = i, e[69] = ne, e[70] = y) : y = e[70];
-  let I;
-  e[71] !== i || e[72] !== he || e[73] !== g || e[74] !== x || e[75] !== y ? (I = /* @__PURE__ */ M("div", { "data-state-skeletonize": i, className: he, children: [
-    g,
-    x,
-    y
-  ] }), e[71] = i, e[72] = he, e[73] = g, e[74] = x, e[75] = y, e[76] = I) : I = e[76];
-  let O;
-  e[77] !== C || e[78] !== b || e[79] !== o || e[80] !== t.hint || e[81] !== i ? (O = b === "below" && /* @__PURE__ */ n($e, { customClass: "hint", description: t.hint, disabled: o, skeletonize: i, visible: C }), e[77] = C, e[78] = b, e[79] = o, e[80] = t.hint, e[81] = i, e[82] = O) : O = e[82];
-  let N;
-  e[83] !== d || e[84] !== s || e[85] !== a || e[86] !== i ? (N = s && /* @__PURE__ */ n("span", { className: "error", "data-state-skeletonize": i, "aria-describedby": String(a).concat("-errors"), children: d?.map(Se) }), e[83] = d, e[84] = s, e[85] = a, e[86] = i, e[87] = N) : N = e[87];
-  let P;
-  e[88] !== s || e[89] !== ue || e[90] !== I || e[91] !== O || e[92] !== N ? (P = /* @__PURE__ */ M("div", { ref: pe, "data-testid": "test-chebox-field-root", className: ue, "data-state-error": s, children: [
-    I,
-    O,
-    N
-  ] }), e[88] = s, e[89] = ue, e[90] = I, e[91] = O, e[92] = N, e[93] = P) : P = e[93];
-  let z;
-  e[94] !== se || e[95] !== P ? (z = /* @__PURE__ */ n(Ae, { cols: se, children: P }), e[94] = se, e[95] = P, e[96] = z) : z = e[96];
-  let R;
-  e[97] !== u || e[98] !== h || e[99] !== f ? (R = /* @__PURE__ */ n(_e, { targetRef: pe, text: u, width: f, position: h }), e[97] = u, e[98] = h, e[99] = f, e[100] = R) : R = e[100];
-  let X;
-  return e[101] !== z || e[102] !== R ? (X = /* @__PURE__ */ M(Ce, { children: [
-    z,
-    R
-  ] }), e[101] = z, e[102] = R, e[103] = X) : X = e[103], X;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-qe.displayName = "CheckboxFieldInput";
-function Se(t, $) {
-  return /* @__PURE__ */ M(Ce, { children: [
-    t,
-    " "
-  ] }, `${$ + 1}-${t}`);
-}
-export {
-  qe as Input
-};
-//# sourceMappingURL=index.js.map
+exports.Input = void 0;
+require("../../assets/styles/checkbox2.scss");
+var _react = _interopRequireDefault(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _hint = _interopRequireDefault(require("../../hint"));
+var _icons = _interopRequireDefault(require("../../icons"));
+var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
+var _popover = _interopRequireWildcard(require("../../popover"));
+var _tooltip = require("../../tooltip");
+var _permissionValidations = require("../../permissionValidations");
+const _excluded = ["name", "label", "errors", "onChange", "size", "onDeniedActions", "permissionAttr", "variant", "customClass", "customClassLabel", "customClassWrapper", "labelUppercase", "rounded", "customClassInputContainer", "skeletonize", "hintPosition", "gridLayout", "themePopover", "popoverAlign", "tooltip", "tooltipPosition", "tooltipWidth", "tabIndex"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
+const Input = exports.Input = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+      name,
+      label,
+      errors,
+      onChange,
+      size = 'default',
+      onDeniedActions = undefined,
+      permissionAttr = undefined,
+      variant = 'default',
+      customClass = '',
+      customClassLabel = '',
+      customClassWrapper = '',
+      labelUppercase = false,
+      rounded = false,
+      customClassInputContainer = '',
+      skeletonize = false,
+      hintPosition = 'below',
+      gridLayout = undefined,
+      themePopover = 'light',
+      popoverAlign = 'left',
+      tooltip,
+      tooltipPosition,
+      tooltipWidth,
+      tabIndex = 0
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  const onDenied = _react.default.useMemo(() => {
+    return onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
+  }, [onDeniedActions, permissionAttr]);
+  const {
+    hideContent,
+    unvisible
+  } = onDenied;
+  const inputId = _react.default.useMemo(() => props.id || `checkboxfield-${name}`, [props.id, name]);
+  const inputRootRef = _react.default.useRef(null);
+  const isChecked = props.checked ?? Boolean(props.value);
+  const hasLabel = !_lodash.default.isEmpty(props?.label);
+  const isReadOnly = Boolean(props.readOnly || onDenied.readOnly);
+  const isDisabled = Boolean(props.disabled || onDenied.disabled);
+  const hasHintMessages = Boolean(props.hint?.length);
+  const hasValidationErrors = Boolean(errors?.length);
+  const handleOnChange = _react.default.useCallback(event => {
+    if (isReadOnly || isDisabled) return;
+    Object.defineProperty(event.target, 'value', {
+      value: event.target.checked,
+      writable: true,
+      enumerable: true,
+      configurable: true
+    });
+    onChange?.(event);
+  }, [isReadOnly, isDisabled, onChange]);
+  if (unvisible || hideContent) return null;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
+    cols: gridLayout
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: inputRootRef,
+    "data-testid": "test-chebox-field-root",
+    className: `checkbox-field-root ${customClassWrapper}`,
+    "data-state-error": hasValidationErrors
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    "data-state-skeletonize": skeletonize,
+    className: `container ${customClassInputContainer}`
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "input-root"
+  }, /*#__PURE__*/_react.default.createElement("input", _extends({
+    ref: ref,
+    id: inputId,
+    name: name,
+    readOnly: isReadOnly,
+    disabled: isDisabled,
+    className: `input ${customClass}`,
+    tabIndex: !isReadOnly && !tabIndex ? 0 : -1,
+    "data-testid": "test-checkbox-field-input",
+    "data-state-size": size,
+    "data-state-error": hasValidationErrors,
+    "data-state-variant": variant,
+    "data-state-rounded": rounded,
+    "data-state-read-only": isReadOnly,
+    "data-state-skeletonize": skeletonize
+  }, rest, {
+    type: "checkbox",
+    checked: isChecked,
+    onChange: handleOnChange
+  })), /*#__PURE__*/_react.default.createElement(_icons.default, {
+    customClass: "checkmark",
+    name: "checkmark",
+    colorStyle: "default"
+  })), hasLabel && /*#__PURE__*/_react.default.createElement("label", {
+    className: `label ${customClassLabel}`,
+    title: label,
+    htmlFor: inputId,
+    "aria-readonly": isReadOnly,
+    "aria-disabled": isDisabled,
+    "data-testid": "test-checkbox-field-label",
+    "data-state-skeletonize": skeletonize,
+    "data-state-disabled": isDisabled,
+    "data-state-read-only": isReadOnly,
+    "data-state-uppercase": labelUppercase,
+    "data-state-input-required": props.required
+  }, label), hasLabel && hasHintMessages && hintPosition === 'onLabelRight' && !skeletonize && /*#__PURE__*/_react.default.createElement(_popover.default, {
+    customClass: "label-popover",
+    theme: themePopover,
+    align: popoverAlign,
+    iconColor: "#03bde2"
+  }, /*#__PURE__*/_react.default.createElement(_popover.PopoverText, {
+    text: props?.hint
+  }))), hintPosition === 'below' && /*#__PURE__*/_react.default.createElement(_hint.default, {
+    customClass: "hint",
+    description: props.hint,
+    disabled: isDisabled,
+    skeletonize: skeletonize,
+    visible: hasHintMessages
+  }), hasValidationErrors && /*#__PURE__*/_react.default.createElement("span", {
+    className: "error",
+    "data-state-skeletonize": skeletonize,
+    "aria-describedby": String(name).concat('-errors')
+  }, errors?.map((error, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+    key: `${index + 1}-${error}`
+  }, error, "\xA0"))))), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
+    targetRef: inputRootRef,
+    text: tooltip,
+    width: tooltipWidth,
+    position: tooltipPosition
+  }));
+});
+Input.displayName = 'CheckboxFieldInput';

package/lib/inputs2/colorfield/index.d.ts

@@ -1,8 +1,9 @@
-import { LeftSlot, RightSlot } from '../slot';
-import * as TextField from '../textfield';
-interface ColorFieldInputProps extends TextField.TextFieldInputProps {
-    isTypeText?: boolean;
-}
-declare const Input: import('react').ForwardRefExoticComponent<ColorFieldInputProps & import('react').RefAttributes<HTMLInputElement>>;
-export { Input, LeftSlot, RightSlot };
-export type { ColorFieldInputProps };
+import 'react';
+export { LeftSlot, RightSlot } from '../slot/index.js';
+import '../../index-3b70931d.js';
+export { C as ColorFieldInputProps, I as Input } from '../../index-9e576346.js';
+import '../../@types/Align.js';
+import '../../@types/ColorStyles.js';
+import '../../@types/Position.js';
+import '../../@types/PermissionAttr.js';
+import '../../tooltip/types.js';