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

package/lib/inputs2/numberfield/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":[],"sources":["../../../src/lib/inputs2/numberfield/helpers.ts"],"sourcesContent":["/**\n * Converte um valor string para um número seguro ou retorna como string limpa.\n * \n * Esta função sanitiza a entrada removendo todos os caracteres não-dígitos exceto hífens,\n * e então converte para número se estiver dentro do intervalo seguro de inteiros do JavaScript.\n * Se o valor exceder o intervalo seguro ou a conversão falhar, retorna a string limpa.\n * \n * @param stringValue - A string de entrada a ser convertida. Pode conter qualquer caractere.\n * @param returnAsString - Se true, retorna a string limpa sem tentar conversão para número. Se false, \n * tenta converter para número dentro dos limites seguros de inteiros.\n * \n * @returns {number | string} Retorna:\n *   - String vazia ('') ou 0 se a entrada estiver vazia/nula (baseado na prop \"returnAsString\")\n *   - String limpa se \"returnAsString\" for true\n *   - Número se a conversão for bem-sucedida e dentro do intervalo seguro de inteiros\n *   - String limpa se o número exceder o intervalo seguro ou a conversão falhar\n * \n * @example\n * ```typescript\n * convertToSafeNumber(\"123abc\", false); // Retorna: 123\n * convertToSafeNumber(\"123abc\", true);  // Retorna: \"123\"\n * convertToSafeNumber(\"-456def\", false); // Retorna: -456\n * convertToSafeNumber(\"999999999999999999999\", false); // Retorna: \"999999999999999999999\" (excede intervalo seguro)\n * convertToSafeNumber(\"\", false); // Retorna: 0\n * convertToSafeNumber(\"\", true);  // Retorna: \"\"\n * ```\n */\nexport const convertToSafeNumber = (\n  stringValue: string, returnAsString: boolean,\n): number | string => {\n  if (!stringValue || stringValue === '') return returnAsString ? '' : 0;\n  const cleanValue = stringValue.replace(/[^\\d-]/g, '');\n\n  if (returnAsString) {\n    return cleanValue;\n  }\n  const { MAX_SAFE_INTEGER } = Number;\n  try {\n    const numValue = BigInt(cleanValue);\n          \n    if (numValue > BigInt(MAX_SAFE_INTEGER) || numValue < BigInt(-MAX_SAFE_INTEGER)) {\n      return cleanValue;\n    }\n    return Number(cleanValue);\n  } catch {\n    return cleanValue;\n  }\n};\n"],"mappings":";AA2BA,IAAa,KACX,GAAqB,MACD;AACpB,KAAI,CAAC,KAAe,MAAgB,GAAI,QAAO,IAAiB,KAAK;CACrE,IAAM,IAAa,EAAY,QAAQ,WAAW,GAAG;AAErD,KAAI,EACF,QAAO;CAET,IAAM,EAAE,wBAAqB;AAC7B,KAAI;EACF,IAAM,IAAW,OAAO,EAAW;AAKnC,SAHI,IAAW,OAAO,EAAiB,IAAI,IAAW,OAAO,CAAC,EAAiB,GACtE,IAEF,OAAO,EAAW;SACnB;AACN,SAAO"}

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { Decimal } from './decimal';
+import { Currency } from './currency';
+import { LeftSlot, RightSlot } from '../slot';
+import { NumberFieldInputProps, DecimalFieldInputProps, CurrencyFieldInputProps } from './types';
+declare const Input: React.ForwardRefExoticComponent<NumberFieldInputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input, Decimal, Currency, LeftSlot, RightSlot };
+export type { NumberFieldInputProps, DecimalFieldInputProps, CurrencyFieldInputProps, };

package/lib/inputs2/numberfield/index.js

@@ -0,0 +1,83 @@
+import { __exportAll as e, __toESM as t } from "../../_virtual/_rolldown/runtime.js";
+import { require_lodash as n } from "../../node_modules/lodash/lodash.js";
+import { mergeRefs as r } from "../../form2/helpers.js";
+import { useIMask as i } from "../../node_modules/react-imask/esm/hook.js";
+import "../../node_modules/react-imask/esm/index.js";
+import { LeftSlot as a, RightSlot as o } from "../slot/index.js";
+import { Input as s } from "../textfield/index.js";
+import { Decimal as c } from "./decimal.js";
+import { Currency as l } from "./currency.js";
+import { convertToSafeNumber as u } from "./helpers.js";
+import { forwardRef as d, useCallback as f, useEffect as p, useRef as m } from "react";
+import { jsx as h } from "react/jsx-runtime";
+//#region src/lib/inputs2/numberfield/index.tsx
+var g = /* @__PURE__ */ e({
+	Currency: () => l,
+	Decimal: () => c,
+	Input: () => v,
+	LeftSlot: () => a,
+	RightSlot: () => o
+}), _ = /* @__PURE__ */ t(n(), 1), v = d((e, t) => {
+	let { min: n = void 0, max: a = void 0, to: o = void 0, from: c = void 0, enum: l = void 0, onChange: d = null, onBlur: g = null, allowNegative: v = !0, returnAsString: y = !1, textAlign: b = "right", children: x = null, ...S } = e, C = m(null), { value: w, setValue: T, unmaskedValue: E } = i({
+		mask: Number,
+		scale: 0,
+		enum: l,
+		min: _.default.isNil(n) ? v ? void 0 : 0 : n,
+		max: a,
+		to: o,
+		from: c
+	}, {
+		ref: C,
+		onAccept: (t, n, r) => {
+			let i = u(t, y);
+			d?.({
+				...r,
+				target: {
+					...r?.target,
+					name: e?.name,
+					value: i
+				}
+			});
+		}
+	}), D = f((t) => {
+		if (!_.default.isNil(n)) {
+			let r = u(E, !1);
+			(_.default.isNaN(r) || r < n) && (T(_.default.toString(n)), d?.({
+				...t,
+				target: {
+					...t?.target,
+					name: e?.name,
+					value: y ? _.default.toString(n) : n
+				}
+			}));
+		}
+		g?.(t);
+	}, [
+		n,
+		E,
+		d,
+		g,
+		T,
+		e.name,
+		y
+	]);
+	return p(() => {
+		let t = Number(E || "0");
+		!_.default.isNil(e?.value) && (!_.default.isEqual(e?.value, t) || _.default.isEqual(e?.value, 0)) && T(_.default.toString(e?.value));
+	}, [e?.value]), /* @__PURE__ */ h(s, {
+		...S,
+		ref: r(t, C),
+		type: "text",
+		inputMode: "numeric",
+		value: w,
+		textAlign: b,
+		onBlur: D,
+		onChange: () => {},
+		children: x
+	});
+});
+v.displayName = "NumberFieldInput";
+//#endregion
+export { l as Currency, c as Decimal, v as Input, a as LeftSlot, o as RightSlot, g as numberfield_exports };
+
+//# sourceMappingURL=index.js.map

package/lib/inputs2/numberfield/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/inputs2/numberfield/index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useRef, type ChangeEvent } from 'react';\nimport _ from 'lodash';\nimport { useIMask } from 'react-imask';\nimport { Decimal } from './decimal';\nimport { Currency } from './currency';\nimport { convertToSafeNumber } from './helpers';\nimport { TextField } from '..';\nimport { LeftSlot, RightSlot } from '../slot';\nimport { mergeRefs } from '../../form2/helpers';\nimport type { NumberFieldInputProps, DecimalFieldInputProps, CurrencyFieldInputProps } from './types';\n\nconst Input = forwardRef<HTMLInputElement, NumberFieldInputProps>((props, ref) => {\n  const {\n    min = undefined, max = undefined, to = undefined, from = undefined, enum: interval = undefined,\n    onChange = null, onBlur = null, allowNegative = true, returnAsString = false, textAlign = 'right', \n    children = null, ...rest\n  } = props;\n  const numberInputRef = useRef<HTMLInputElement | null>(null);\n\n  const { value: maskedValue, setValue: setMaskedValue, unmaskedValue } = useIMask({\n    mask: Number,\n    scale: 0,\n    enum: interval,\n    min: !_.isNil(min) ? min : (allowNegative ? undefined : 0),\n    max,\n    to,\n    from,\n  }, {\n    ref: numberInputRef,\n    onAccept: (value, __, event) => {\n      const parsedValue = convertToSafeNumber(value, returnAsString);\n      onChange?.({\n        ...event,\n        target: {\n          ...event?.target,\n          name: props?.name,\n          value: parsedValue as any,\n        },\n      } as ChangeEvent<HTMLInputElement>);\n    },\n  });\n\n  /**\n   * Função sobrescrevendo o evento onBlur para tratar o valor mínimo ao sair do campo, \n   * garantindo que o valor não seja menor que o mínimo definido.\n   */\n  const handleBlur = useCallback((event: React.FocusEvent<HTMLInputElement>) => {\n    if (!_.isNil(min)) {\n      const currentValue = convertToSafeNumber(unmaskedValue, false) as number;\n      if (_.isNaN(currentValue) || currentValue < min) {\n        setMaskedValue(_.toString(min));\n        onChange?.({\n          ...event,\n          target: {\n            ...event?.target,\n            name: props?.name,\n            value: (returnAsString ? _.toString(min) : min) as any,\n          },\n        } as React.ChangeEvent<HTMLInputElement>);\n      }\n    }\n    onBlur?.(event);\n  }, [min, unmaskedValue, onChange, onBlur, setMaskedValue, props.name, returnAsString]);\n\n  useEffect(() => {\n    const floatUnmaskedValue = Number(unmaskedValue || '0');\n    if (!_.isNil(props?.value) && (!_.isEqual(props?.value,\n      floatUnmaskedValue) || _.isEqual(props?.value, 0))) {\n      setMaskedValue(_.toString(props?.value));\n    }\n  }, [props?.value]);\n\n  return (\n    <TextField.Input\n      {...rest}\n      ref={mergeRefs(ref, numberInputRef)}\n      type=\"text\"\n      inputMode=\"numeric\"\n      value={maskedValue}\n      textAlign={textAlign}\n      onBlur={handleBlur}\n      onChange={() => { }}>\n      {children}\n    </TextField.Input>\n  );\n});\n\nInput.displayName = 'NumberFieldInput';\n\nexport { Input, Decimal, Currency, LeftSlot, RightSlot };\nexport type { \n  NumberFieldInputProps, \n  DecimalFieldInputProps, \n  CurrencyFieldInputProps, \n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;mCAWM,IAAQ,GAAqD,GAAO,MAAQ;CAChF,IAAM,EACJ,SAAM,KAAA,GAAW,SAAM,KAAA,GAAW,QAAK,KAAA,GAAW,UAAO,KAAA,GAAW,MAAM,IAAW,KAAA,GACrF,cAAW,MAAM,YAAS,MAAM,mBAAgB,IAAM,oBAAiB,IAAO,eAAY,SAC1F,cAAW,MAAM,GAAG,MAClB,GACE,IAAiB,EAAgC,KAAK,EAEtD,EAAE,OAAO,GAAa,UAAU,GAAgB,qBAAkB,EAAS;EAC/E,MAAM;EACN,OAAO;EACP,MAAM;EACN,KAAM,EAAA,QAAE,MAAM,EAAI,GAAU,IAAgB,KAAA,IAAY,IAAnC;EACrB;EACA;EACA;EACD,EAAE;EACD,KAAK;EACL,WAAW,GAAO,GAAI,MAAU;GAC9B,IAAM,IAAc,EAAoB,GAAO,EAAe;AAC9D,OAAW;IACT,GAAG;IACH,QAAQ;KACN,GAAG,GAAO;KACV,MAAM,GAAO;KACb,OAAO;;IAEV,CAAkC;;EAEtC,CAAC,EAMI,IAAa,GAAa,MAA8C;AAC5E,MAAI,CAAC,EAAA,QAAE,MAAM,EAAI,EAAE;GACjB,IAAM,IAAe,EAAoB,GAAe,GAAM;AAC9D,IAAI,EAAA,QAAE,MAAM,EAAa,IAAI,IAAe,OAC1C,EAAe,EAAA,QAAE,SAAS,EAAI,CAAC,EAC/B,IAAW;IACT,GAAG;IACH,QAAQ;KACN,GAAG,GAAO;KACV,MAAM,GAAO;KACb,OAAQ,IAAiB,EAAA,QAAE,SAAS,EAAI,GAAG;;IAE9C,CAAwC;;AAG7C,MAAS,EAAM;IACd;EAAC;EAAK;EAAe;EAAU;EAAQ;EAAgB,EAAM;EAAM;EAAe,CAAC;AAUtF,QARA,QAAgB;EACd,IAAM,IAAqB,OAAO,KAAiB,IAAI;AACvD,EAAI,CAAC,EAAA,QAAE,MAAM,GAAO,MAAM,KAAK,CAAC,EAAA,QAAE,QAAQ,GAAO,OAC/C,EAAmB,IAAI,EAAA,QAAE,QAAQ,GAAO,OAAO,EAAE,KACjD,EAAe,EAAA,QAAE,SAAS,GAAO,MAAM,CAAC;IAEzC,CAAC,GAAO,MAAM,CAAC,EAGhB,kBAAC,GAAD;EACE,GAAI;EACJ,KAAK,EAAU,GAAK,EAAe;EACnC,MAAK;EACL,WAAU;EACV,OAAO;EACI;EACX,QAAQ;EACR,gBAAgB;EACf;EACe,CAAA;EAEpB;AAEF,EAAM,cAAc"}

package/lib/inputs2/numberfield/types.d.ts

@@ -0,0 +1,26 @@
+import { TextFieldInputProps } from '../textfield';
+export type BaseInputProps = Omit<TextFieldInputProps, 'type' | 'max' | 'min' | 'enum'>;
+export type BaseMaskNumberInputProps = {
+    min?: number;
+    max?: number;
+    to?: number;
+    from?: number;
+    enum?: string[];
+};
+export interface NumberFieldInputProps extends BaseInputProps, BaseMaskNumberInputProps {
+    allowNegative?: boolean;
+    returnAsString?: boolean;
+}
+export interface DecimalFieldInputProps extends BaseInputProps, BaseMaskNumberInputProps {
+    scale?: number;
+    allowNegative?: boolean;
+    normalizeZeros?: boolean;
+    padFractionalZeros?: boolean;
+}
+export interface CurrencyFieldInputProps extends BaseInputProps, BaseMaskNumberInputProps {
+    currencySymbol?: string;
+    scale?: number;
+    allowNegative?: boolean;
+    normalizeZeros?: boolean;
+    padFractionalZeros?: boolean;
+}

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { RadioFieldInputProps } from './types';
+export declare const InputBase: React.ForwardRefExoticComponent<Omit<RadioFieldInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/lib/inputs2/radiofield/base.js

@@ -0,0 +1,113 @@
+import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
+import t from "../../node_modules/uuid/dist/v1.js";
+import { Tooltip as n } from "../../tooltip/index.js";
+import { require_lodash as r } from "../../node_modules/lodash/lodash.js";
+import { OPTIONS_ON_DENIED as i, actionsOnPermissionDenied as a } from "../../permissionValidations.js";
+import o from "../../popover/index.js";
+import s from "../../hint/index.js";
+import '../../assets/styles/radiofield.css';/* empty css                             */
+import c from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/lib/inputs2/radiofield/base.tsx
+var d = /* @__PURE__ */ e(r(), 1), f = [
+	i.disabled,
+	i.unvisible,
+	i.readOnly,
+	i.hideContent
+], p = c.forwardRef((e, r) => {
+	let { label: i, errors: p, tooltip: m, tooltipPosition: h, tooltipWidth: g, hint: _, size: v = "medium", onDeniedActions: y = void 0, permissionAttr: b = void 0, labelUppercase: x = !1, customClassLabel: S = "", customClassInputContainer: C = "", customClass: w = "", customClassWrapper: T = "", textAlign: E = "left", skeletonize: D = !1, hintPosition: O = "below", themePopover: k = "light", popoverAlign: A = "left", ...j } = e, M = c.useMemo(() => y || a(f, b), [y, b]), { hideContent: N, unvisible: P } = M, F = c.useRef(null), I = e?.id || e?.fieldId || t(), L = !d.default.isEmpty(e?.label), R = !!(e.readOnly || M.readOnly), z = !!(e.disabled || M.disabled), B = !!_?.length, V = !!p?.length, H = e?.checked || d.default.isEqual(e?.value, e?.fieldId), U = (t) => {
+		if (R) {
+			t.preventDefault(), t.stopPropagation();
+			return;
+		}
+		let n = {
+			...t,
+			target: {
+				...t.target,
+				value: e?.fieldId
+			}
+		};
+		j.onChange?.(n);
+	}, W = (e) => {
+		if (R) {
+			e.preventDefault(), e.stopPropagation();
+			return;
+		}
+		j.onClick?.(e);
+	};
+	return P || N ? null : /* @__PURE__ */ u(c.Fragment, { children: [/* @__PURE__ */ u("div", {
+		"data-testid": "test-radio-field-root",
+		"data-state-error": V,
+		className: `radio-field-root ${T}`,
+		children: [
+			/* @__PURE__ */ u("div", {
+				ref: F,
+				"data-state-skeletonize": D,
+				className: `container ${C}`,
+				children: [/* @__PURE__ */ l("input", {
+					"data-testid": "test-radio-field-input",
+					...d.default.omit(j, ["fieldId"]),
+					ref: r,
+					id: I,
+					type: "radio",
+					checked: H,
+					readOnly: R,
+					disabled: z || R,
+					className: `input ${w}`,
+					tabIndex: R ? -1 : 0,
+					placeholder: j.placeholder,
+					"data-state-size": v,
+					"data-state-error": V,
+					"data-state-read-only": R,
+					"data-state-text-align": E,
+					"data-state-skeletonize": D,
+					onClick: W,
+					onChange: U
+				}), L && /* @__PURE__ */ u("span", {
+					className: `root-label ${S}`,
+					"data-state-skeletonize": D,
+					children: [/* @__PURE__ */ l("label", {
+						className: "label",
+						title: i,
+						htmlFor: I,
+						"data-state-disabled": z,
+						"data-state-read-only": R,
+						"data-state-input-required": e.required,
+						"data-state-label-uppercase": x,
+						children: i
+					}), B && O === "onLabelRight" && !D && /* @__PURE__ */ l(o, {
+						customClass: "label-popover",
+						theme: k,
+						align: A,
+						iconColor: "#03bde2",
+						children: _
+					})]
+				})]
+			}),
+			O === "below" && /* @__PURE__ */ l(s, {
+				customClass: "hint",
+				description: _,
+				disabled: z,
+				skeletonize: D,
+				visible: B
+			}),
+			V && /* @__PURE__ */ l("span", {
+				"data-testid": "test-radio-field-list-errors",
+				className: "error",
+				"data-state-skeletonize": D,
+				"aria-describedby": String(e.name).concat("-errors"),
+				children: p?.map((e, t) => /* @__PURE__ */ u(c.Fragment, { children: [e, " "] }, `${t + 1}-${e}`))
+			})
+		]
+	}), /* @__PURE__ */ l(n, {
+		targetRef: F,
+		text: m,
+		width: g,
+		position: h
+	})] });
+});
+p.displayName = "RadioFieldInputBase";
+//#endregion
+export { p as InputBase };
+
+//# sourceMappingURL=base.js.map

package/lib/inputs2/radiofield/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","names":[],"sources":["../../../src/lib/inputs2/radiofield/base.tsx"],"sourcesContent":["import '../../assets/styles/radiofield.scss';\n\nimport React from 'react';\nimport _ from 'lodash';\nimport { v1 as uuid } from 'uuid';\nimport Hint from '../../hint';\nimport Popover from '../../popover';\nimport * as Tooltip from '../../tooltip';\nimport type { OnDenied } from '../../@types/PermissionAttr';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../../permissionValidations';\nimport type { RadioFieldInputProps } from './types';\n\nconst options = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.readOnly,\n  OPTIONS_ON_DENIED.hideContent,\n];\nexport const InputBase = React.forwardRef<HTMLInputElement, RadioFieldInputProps>((props, ref) => {\n  const { \n    label, errors, tooltip, tooltipPosition, tooltipWidth, hint, size = 'medium', onDeniedActions = undefined, \n    permissionAttr = undefined, labelUppercase = false, customClassLabel = '', customClassInputContainer = '', customClass = '',\n    customClassWrapper = '', textAlign = 'left', skeletonize = false, hintPosition = 'below', themePopover = 'light', \n    popoverAlign = 'left', ...rest\n  } = props;\n  const onDenied: OnDenied = React.useMemo(() => {\n    return onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  }, [onDeniedActions, permissionAttr]);\n  const { hideContent, unvisible } = onDenied;\n  const inputContainerRef = React.useRef<HTMLInputElement | null>(null);\n\n  const inputId = props?.id || props?.fieldId || uuid();\n  const hasLabel = !_.isEmpty(props?.label);\n  const isReadOnly = Boolean(props.readOnly || onDenied.readOnly);\n  const isDisabled = Boolean(props.disabled || onDenied.disabled);\n  const hasHintMessages = Boolean(hint?.length);\n  const hasValidationErrors = Boolean(errors?.length);\n  const isChecked = props?.checked || _.isEqual(props?.value, props?.fieldId);\n\n  const handleOnChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (isReadOnly) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n    const syntheticEvent = {\n      ...event,\n      target: {\n        ...event.target,\n        value: props?.fieldId,\n      },\n    } as typeof event;\n    rest.onChange?.(syntheticEvent);\n  };\n  \n  const handleOnClick = (event: React.MouseEvent<HTMLInputElement>) => {\n    if (isReadOnly) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n    rest.onClick?.(event);\n  };\n\n  if (unvisible || hideContent) return null;\n\n  return (\n    <React.Fragment>\n      <div\n        data-testid=\"test-radio-field-root\"\n        data-state-error={hasValidationErrors}\n        className={`radio-field-root ${customClassWrapper}`}>\n        <div\n          ref={inputContainerRef}\n          data-state-skeletonize={skeletonize}\n          className={`container ${customClassInputContainer}`}>\n          <input\n            data-testid=\"test-radio-field-input\"\n            {..._.omit(rest, ['fieldId'])}\n            ref={ref}\n            id={inputId}\n            type=\"radio\"\n            checked={isChecked}\n            readOnly={isReadOnly}\n            disabled={isDisabled || isReadOnly}\n            className={`input ${customClass}`}\n            tabIndex={!isReadOnly ? 0 : -1}\n            placeholder={rest.placeholder}\n            data-state-size={size}\n            data-state-error={hasValidationErrors}\n            data-state-read-only={isReadOnly}\n            data-state-text-align={textAlign}\n            data-state-skeletonize={skeletonize}\n            onClick={handleOnClick}\n            onChange={handleOnChange} />\n          {hasLabel && (\n            <span\n              className={`root-label ${customClassLabel}`}\n              data-state-skeletonize={skeletonize}>\n              <label\n                className=\"label\"\n                title={label}\n                htmlFor={inputId}\n                data-state-disabled={isDisabled}\n                data-state-read-only={isReadOnly}\n                data-state-input-required={props.required}\n                data-state-label-uppercase={labelUppercase}>\n                {label}\n              </label>\n              {hasHintMessages && hintPosition === 'onLabelRight' && !skeletonize && (\n                <Popover\n                  customClass=\"label-popover\"\n                  theme={themePopover}\n                  align={popoverAlign}\n                  iconColor=\"#03bde2\">\n                  {hint}\n                </Popover>\n              )}\n            </span>\n          )}\n        </div>\n        {hintPosition === 'below' && (\n          <Hint\n            customClass=\"hint\"\n            description={hint}\n            disabled={isDisabled}\n            skeletonize={skeletonize}\n            visible={hasHintMessages} />\n        )}\n        {hasValidationErrors && (\n          <span\n            data-testid=\"test-radio-field-list-errors\"\n            className=\"error\"\n            data-state-skeletonize={skeletonize}\n            aria-describedby={String(props.name).concat('-errors')}>\n            {errors?.map((error, index) => (\n              <React.Fragment key={`${index + 1}-${error}`}>\n                {error}\n                {' '}\n              </React.Fragment>\n            ))}\n          </span>\n        )}\n      </div>\n      <Tooltip.Tooltip\n        targetRef={inputContainerRef}\n        text={tooltip}\n        width={tooltipWidth}\n        position={tooltipPosition} />\n    </React.Fragment>\n  );\n});\n\nInputBase.displayName = 'RadioFieldInputBase';\n"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { RadioFieldInputProps } from './types';
+declare const Input: React.ForwardRefExoticComponent<Omit<RadioFieldInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { Input };
+export type { RadioFieldInputProps };

package/lib/inputs2/radiofield/index.js

@@ -0,0 +1,35 @@
+import { __exportAll as e } from "../../_virtual/_rolldown/runtime.js";
+import t from "../../gridlayout/index.js";
+import { OPTIONS_ON_DENIED as n, actionsOnPermissionDenied as r } from "../../permissionValidations.js";
+import '../../assets/styles/radiofield.css';/* empty css                             */
+import { InputBase as i } from "./base.js";
+import { forwardRef as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/lib/inputs2/radiofield/index.tsx
+var s = /* @__PURE__ */ e({ Input: () => l }), c = [
+	n.disabled,
+	n.unvisible,
+	n.readOnly,
+	n.hideContent
+], l = a(({ onDeniedActions: e, permissionAttr: n, disabled: a, readOnly: s, gridLayout: l, ...u }, d) => {
+	let f = e || r(c, n), { hideContent: p, unvisible: m } = f, h = {
+		readOnly: !!(s || f.readOnly),
+		disabled: !!(a || f.disabled),
+		...u
+	};
+	return m || p ? null : l ? /* @__PURE__ */ o(t, {
+		cols: l,
+		children: /* @__PURE__ */ o(i, {
+			ref: d,
+			...h
+		})
+	}) : /* @__PURE__ */ o(i, {
+		ref: d,
+		...h
+	});
+});
+l.displayName = "RadioFieldInput";
+//#endregion
+export { l as Input, s as radiofield_exports };
+
+//# sourceMappingURL=index.js.map

package/lib/inputs2/radiofield/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/inputs2/radiofield/index.tsx"],"sourcesContent":["import '../../assets/styles/radiofield.scss';\n\nimport React, { forwardRef } from 'react';\nimport GridCol from '../../gridlayout';\nimport type { OnDenied } from '../../@types/PermissionAttr';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../../permissionValidations';\nimport type { RadioFieldInputProps } from './types';\nimport { InputBase } from './base';\n\nconst options = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.readOnly,\n  OPTIONS_ON_DENIED.hideContent,\n];\nconst Input = forwardRef<HTMLInputElement, RadioFieldInputProps>((\n  {\n    onDeniedActions, permissionAttr, disabled, readOnly, gridLayout, ...props\n  }, ref,\n) => {\n  const onDenied: OnDenied = onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  const { hideContent, unvisible } = onDenied;\n  const isReadOnly = Boolean(readOnly || onDenied.readOnly);\n  const isDisabled = Boolean(disabled || onDenied.disabled);\n  const inputProps = { \n    readOnly: isReadOnly, disabled: isDisabled, ...props, \n  } satisfies RadioFieldInputProps;\n\n  if (unvisible || hideContent) return null;\n\n  if (gridLayout) {\n    return (\n      <GridCol cols={gridLayout}>\n        <InputBase ref={ref} {...inputProps} />\n      </GridCol>\n    );\n  }\n\n  return (\n    <InputBase ref={ref} {...inputProps} />\n  );\n});\n\nInput.displayName = 'RadioFieldInput';\n\nexport { Input };\nexport type { RadioFieldInputProps };\n"],"mappings":";;;;;;;;+CASM,IAAU;CACd,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CACnB,EACK,IAAQ,GACZ,EACE,oBAAiB,mBAAgB,aAAU,aAAU,eAAY,GAAG,KACnE,MACA;CACH,IAAM,IAAqB,KAAmB,EAA0B,GAAS,EAAe,EAC1F,EAAE,gBAAa,iBAAc,GAG7B,IAAa;EACjB,UAHiB,GAAQ,KAAY,EAAS;EAGxB,UAFL,GAAQ,KAAY,EAAS;EAEF,GAAG;EAChD;AAYD,QAVI,KAAa,IAAoB,OAEjC,IAEA,kBAAC,GAAD;EAAS,MAAM;YACb,kBAAC,GAAD;GAAgB;GAAK,GAAI;GAAc,CAAA;EAC/B,CAAA,GAKZ,kBAAC,GAAD;EAAgB;EAAK,GAAI;EAAc,CAAA;EAEzC;AAEF,EAAM,cAAc"}

package/lib/inputs2/radiofield/types.d.ts

@@ -0,0 +1,34 @@
+import { ComponentPropsWithRef } from 'react';
+import { Size } from '../../@types/Size';
+import { TextAlign } from '../../@types/Align';
+import { ColorTheme } from '../../@types/ColorStyles';
+import { ITooltipCommonProps } from '../../tooltip/types';
+import { HintPosition, Position } from '../../@types/Position';
+import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';
+export type RadioValue = string | number | boolean | null;
+type InputHTMLProps = Omit<ComponentPropsWithRef<'input'>, 'multiple' | 'type' | 'size'>;
+export interface RadioFieldInputBaseProps extends InputHTMLProps, ITooltipCommonProps {
+    hint?: string;
+    label?: string;
+    errors?: string[];
+    readOnly?: boolean;
+    customClass?: string;
+    skeletonize?: boolean;
+    labelUppercase?: boolean;
+    customClassLabel?: string;
+    customClassWrapper?: string;
+    customClassInputContainer?: string;
+    getFieldValue?: (name: string) => any;
+    size?: Extract<Size, 'small' | 'medium' | 'large'>;
+    textAlign?: TextAlign;
+    hintPosition?: HintPosition;
+    themePopover?: ColorTheme;
+    popoverAlign?: Extract<Position, 'left' | 'right'>;
+    fieldId?: string;
+}
+export interface RadioFieldInputProps extends RadioFieldInputBaseProps {
+    gridLayout?: string;
+    permissionAttr?: PermissionAttr;
+    onDeniedActions?: OnDenied;
+}
+export {};

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { SelectFieldInputBaseProps } from './types';
+export declare const InputBase: React.ForwardRefExoticComponent<SelectFieldInputBaseProps & React.RefAttributes<HTMLInputElement>>;