linear-react-components-ui 1.1.26-beta.20 → 1.1.26-beta.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/assets/styles/datepicker2.css +1 -1
- package/lib/assets/styles/dialog.css +1 -1
- package/lib/assets/styles/drawers.css +1 -1
- package/lib/assets/styles/gridlayout.css +1 -1
- package/lib/assets/styles/selectfield.css +1 -1
- package/lib/assets/styles/textfield.css +1 -1
- package/lib/assets/styles/tooltip.css +1 -1
- package/lib/dialog/base/index.js +53 -55
- package/lib/dialog/base/index.js.map +1 -1
- package/lib/dialog/form/index.js +56 -55
- package/lib/dialog/form/index.js.map +1 -1
- package/lib/drawer/Drawer.js +7 -7
- package/lib/drawer/Drawer.js.map +1 -1
- package/lib/drawer/index.js +1 -1
- package/lib/drawer/index.js.map +1 -1
- package/lib/form2/types.d.ts +9 -4
- package/lib/form2/useForm/index.js +96 -89
- package/lib/form2/useForm/index.js.map +1 -1
- package/lib/icons/helper.d.ts +12 -0
- package/lib/icons/helper.js +12 -0
- package/lib/icons/helper.js.map +1 -1
- package/lib/inputs/date/index.js +59 -61
- package/lib/inputs/date/index.js.map +1 -1
- package/lib/inputs2/checkboxfield/base.d.ts +27 -0
- package/lib/inputs2/checkboxfield/base.js +100 -0
- package/lib/inputs2/checkboxfield/base.js.map +1 -0
- package/lib/inputs2/checkboxfield/index.d.ts +4 -25
- package/lib/inputs2/checkboxfield/index.js +41 -108
- package/lib/inputs2/checkboxfield/index.js.map +1 -1
- package/lib/inputs2/date/base/index.js +1 -1
- package/lib/inputs2/date/base/index.js.map +1 -1
- package/lib/inputs2/date/datefield/base.d.ts +3 -0
- package/lib/inputs2/date/datefield/base.js +193 -0
- package/lib/inputs2/date/datefield/base.js.map +1 -0
- package/lib/inputs2/date/datefield/calendarbox.js +26 -26
- package/lib/inputs2/date/datefield/calendarbox.js.map +1 -1
- package/lib/inputs2/date/datefield/index.d.ts +2 -1
- package/lib/inputs2/date/datefield/index.js +42 -312
- package/lib/inputs2/date/datefield/index.js.map +1 -1
- package/lib/inputs2/date/datefield/types.d.ts +6 -4
- package/lib/inputs2/date/dateperiodfield/base.d.ts +3 -0
- package/lib/inputs2/date/dateperiodfield/base.js +511 -0
- package/lib/inputs2/date/dateperiodfield/base.js.map +1 -0
- package/lib/inputs2/date/dateperiodfield/calendarbox.js +55 -55
- package/lib/inputs2/date/dateperiodfield/calendarbox.js.map +1 -1
- package/lib/inputs2/date/dateperiodfield/index.d.ts +2 -1
- package/lib/inputs2/date/dateperiodfield/index.js +42 -517
- package/lib/inputs2/date/dateperiodfield/index.js.map +1 -1
- package/lib/inputs2/date/dateperiodfield/types.d.ts +6 -4
- package/lib/inputs2/numberfield/index.js +85 -68
- package/lib/inputs2/numberfield/index.js.map +1 -1
- package/lib/inputs2/radiofield/base.d.ts +3 -0
- package/lib/inputs2/radiofield/base.js +115 -0
- package/lib/inputs2/radiofield/base.js.map +1 -0
- package/lib/inputs2/radiofield/index.d.ts +2 -1
- package/lib/inputs2/radiofield/index.js +41 -108
- package/lib/inputs2/radiofield/index.js.map +1 -1
- package/lib/inputs2/radiofield/types.d.ts +5 -2
- package/lib/inputs2/selectfield/base.d.ts +3 -0
- package/lib/inputs2/selectfield/base.js +411 -0
- package/lib/inputs2/selectfield/base.js.map +1 -0
- package/lib/inputs2/selectfield/index.d.ts +2 -1
- package/lib/inputs2/selectfield/index.js +49 -402
- package/lib/inputs2/selectfield/index.js.map +1 -1
- package/lib/inputs2/selectfield/listbox.js +25 -31
- package/lib/inputs2/selectfield/listbox.js.map +1 -1
- package/lib/inputs2/selectfield/types.d.ts +8 -6
- package/lib/inputs2/selectfield/types.js.map +1 -1
- package/lib/inputs2/textareafield/base.d.ts +23 -0
- package/lib/inputs2/textareafield/base.js +137 -0
- package/lib/inputs2/textareafield/base.js.map +1 -0
- package/lib/inputs2/textareafield/index.d.ts +4 -22
- package/lib/inputs2/textareafield/index.js +45 -130
- package/lib/inputs2/textareafield/index.js.map +1 -1
- package/lib/inputs2/textfield/base.d.ts +23 -0
- package/lib/inputs2/textfield/base.js +107 -0
- package/lib/inputs2/textfield/base.js.map +1 -0
- package/lib/inputs2/textfield/index.d.ts +4 -22
- package/lib/inputs2/textfield/index.js +45 -103
- package/lib/inputs2/textfield/index.js.map +1 -1
- package/lib/tooltip/types.d.ts +4 -1
- package/lib/tooltip/useTooltip.js +68 -86
- package/lib/tooltip/useTooltip.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,114 +1,47 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
1
|
+
import { jsx as I } from "react/jsx-runtime";
|
|
2
|
+
import { c as x } from "../../_virtual/compiler-runtime.js";
|
|
3
3
|
import '../../assets/styles/radiofield.css';/* empty css */
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
hintPosition: R,
|
|
34
|
-
themePopover: $,
|
|
35
|
-
popoverAlign: E,
|
|
36
|
-
...o
|
|
37
|
-
} = e, t[0] = e, t[1] = n, t[2] = f, t[3] = a, t[4] = d, t[5] = o, t[6] = A, t[7] = I, t[8] = R, t[9] = $, t[10] = E, t[11] = L, t[12] = q, t[13] = w, t[14] = B, t[15] = F, t[16] = W, t[17] = j, t[18] = H, t[19] = u, t[20] = h, t[21] = b) : (n = t[1], f = t[2], a = t[3], d = t[4], o = t[5], A = t[6], I = t[7], R = t[8], $ = t[9], E = t[10], L = t[11], q = t[12], w = t[13], B = t[14], F = t[15], W = t[16], j = t[17], H = t[18], u = t[19], h = t[20], b = t[21]);
|
|
38
|
-
const K = A === void 0 ? "medium" : A, Q = I === void 0 ? void 0 : I, X = L === void 0 ? void 0 : L, Y = q === void 0 ? !1 : q, Z = w === void 0 ? "" : w, ht = B === void 0 ? "" : B, bt = F === void 0 ? "" : F, pt = W === void 0 ? "" : W, tt = j === void 0 ? "left" : j, i = H === void 0 ? !1 : H, p = R === void 0 ? "below" : R, et = $ === void 0 ? "light" : $, it = E === void 0 ? "left" : E;
|
|
39
|
-
let T;
|
|
40
|
-
t[22] !== Q || t[23] !== X ? (T = Q || Dt(It, X), t[22] = Q, t[23] = X, t[24] = T) : T = t[24];
|
|
41
|
-
const lt = T, {
|
|
42
|
-
hideContent: vt,
|
|
43
|
-
unvisible: Ct
|
|
44
|
-
} = lt, ft = Nt(null);
|
|
45
|
-
let U;
|
|
46
|
-
t[25] !== e.id || t[26] !== e.name ? (U = e.id || e.name || At(), t[25] = e.id, t[26] = e.name, t[27] = U) : U = t[27];
|
|
47
|
-
const v = U;
|
|
48
|
-
let _;
|
|
49
|
-
t[28] !== e.label ? (_ = yt.isEmpty(e?.label), t[28] = e.label, t[29] = _) : _ = t[29];
|
|
50
|
-
const ot = !_, l = !!(e.readOnly || lt.readOnly), r = !!(e.disabled || lt.disabled), C = !!a?.length, s = !!n?.length;
|
|
51
|
-
let G;
|
|
52
|
-
t[30] !== l || t[31] !== o ? (G = (c) => {
|
|
53
|
-
if (l) {
|
|
54
|
-
c.preventDefault(), c.stopPropagation();
|
|
55
|
-
return;
|
|
56
|
-
}
|
|
57
|
-
o.onChange?.(c);
|
|
58
|
-
}, t[30] = l, t[31] = o, t[32] = G) : G = t[32];
|
|
59
|
-
const at = G;
|
|
60
|
-
let M;
|
|
61
|
-
t[33] !== l || t[34] !== o ? (M = (c) => {
|
|
62
|
-
if (l) {
|
|
63
|
-
c.preventDefault(), c.stopPropagation();
|
|
64
|
-
return;
|
|
65
|
-
}
|
|
66
|
-
o.onClick?.(c);
|
|
67
|
-
}, t[33] = l, t[34] = o, t[35] = M) : M = t[35];
|
|
68
|
-
const st = M;
|
|
69
|
-
if (Ct || vt)
|
|
4
|
+
import { forwardRef as B } from "react";
|
|
5
|
+
import C from "../../gridlayout/GridCol.js";
|
|
6
|
+
import { actionsOnPermissionDenied as E, OPTIONS_ON_DENIED as f } from "../../permissionValidations.js";
|
|
7
|
+
import { InputBase as N } from "./base.js";
|
|
8
|
+
const P = [f.disabled, f.unvisible, f.readOnly, f.hideContent], v = B((O, i) => {
|
|
9
|
+
const e = x.c(23);
|
|
10
|
+
let d, t, o, n, l, a;
|
|
11
|
+
e[0] !== O ? ({
|
|
12
|
+
onDeniedActions: o,
|
|
13
|
+
permissionAttr: n,
|
|
14
|
+
disabled: d,
|
|
15
|
+
readOnly: a,
|
|
16
|
+
gridLayout: t,
|
|
17
|
+
...l
|
|
18
|
+
} = O, e[0] = O, e[1] = d, e[2] = t, e[3] = o, e[4] = n, e[5] = l, e[6] = a) : (d = e[1], t = e[2], o = e[3], n = e[4], l = e[5], a = e[6]);
|
|
19
|
+
let p;
|
|
20
|
+
e[7] !== o || e[8] !== n ? (p = o || E(P, n), e[7] = o, e[8] = n, e[9] = p) : p = e[9];
|
|
21
|
+
const b = p, {
|
|
22
|
+
hideContent: R,
|
|
23
|
+
unvisible: h
|
|
24
|
+
} = b, y = !!(a || b.readOnly), D = !!(d || b.disabled);
|
|
25
|
+
let m;
|
|
26
|
+
e[10] !== D || e[11] !== y || e[12] !== l ? (m = {
|
|
27
|
+
readOnly: y,
|
|
28
|
+
disabled: D,
|
|
29
|
+
...l
|
|
30
|
+
}, e[10] = D, e[11] = y, e[12] = l, e[13] = m) : m = e[13];
|
|
31
|
+
const s = m;
|
|
32
|
+
if (h || R)
|
|
70
33
|
return null;
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
let O;
|
|
80
|
-
t[65] !== i || t[66] !== dt || t[67] !== g || t[68] !== y ? (O = /* @__PURE__ */ S("div", { ref: ft, "data-state-skeletonize": i, className: dt, children: [
|
|
81
|
-
g,
|
|
82
|
-
y
|
|
83
|
-
] }), t[65] = i, t[66] = dt, t[67] = g, t[68] = y, t[69] = O) : O = t[69];
|
|
84
|
-
let N;
|
|
85
|
-
t[70] !== C || t[71] !== a || t[72] !== p || t[73] !== r || t[74] !== i ? (N = p === "below" && /* @__PURE__ */ m(Pt, { customClass: "hint", description: a, disabled: r, skeletonize: i, visible: C }), t[70] = C, t[71] = a, t[72] = p, t[73] = r, t[74] = i, t[75] = N) : N = t[75];
|
|
86
|
-
let P;
|
|
87
|
-
t[76] !== n || t[77] !== s || t[78] !== e.name || t[79] !== i ? (P = s && /* @__PURE__ */ m("span", { "data-testid": "test-radio-field-list-errors", className: "error", "data-state-skeletonize": i, "aria-describedby": String(e.name).concat("-errors"), children: n?.map($t) }), t[76] = n, t[77] = s, t[78] = e.name, t[79] = i, t[80] = P) : P = t[80];
|
|
88
|
-
let k;
|
|
89
|
-
t[81] !== s || t[82] !== nt || t[83] !== O || t[84] !== N || t[85] !== P ? (k = /* @__PURE__ */ S("div", { "data-testid": "test-radio-field-root", "data-state-error": s, className: nt, children: [
|
|
90
|
-
O,
|
|
91
|
-
N,
|
|
92
|
-
P
|
|
93
|
-
] }), t[81] = s, t[82] = nt, t[83] = O, t[84] = N, t[85] = P, t[86] = k) : k = t[86];
|
|
94
|
-
let x;
|
|
95
|
-
t[87] !== f || t[88] !== k ? (x = /* @__PURE__ */ m(xt, { cols: f, children: k }), t[87] = f, t[88] = k, t[89] = x) : x = t[89];
|
|
96
|
-
let z;
|
|
97
|
-
t[90] !== u || t[91] !== h || t[92] !== b ? (z = /* @__PURE__ */ m(zt, { targetRef: ft, text: u, width: b, position: h }), t[90] = u, t[91] = h, t[92] = b, t[93] = z) : z = t[93];
|
|
98
|
-
let V;
|
|
99
|
-
return t[94] !== x || t[95] !== z ? (V = /* @__PURE__ */ S(ut, { children: [
|
|
100
|
-
x,
|
|
101
|
-
z
|
|
102
|
-
] }), t[94] = x, t[95] = z, t[96] = V) : V = t[96], V;
|
|
34
|
+
if (t) {
|
|
35
|
+
let r;
|
|
36
|
+
e[14] !== s || e[15] !== i ? (r = /* @__PURE__ */ I(N, { ref: i, ...s }), e[14] = s, e[15] = i, e[16] = r) : r = e[16];
|
|
37
|
+
let u;
|
|
38
|
+
return e[17] !== t || e[18] !== r ? (u = /* @__PURE__ */ I(C, { cols: t, children: r }), e[17] = t, e[18] = r, e[19] = u) : u = e[19], u;
|
|
39
|
+
}
|
|
40
|
+
let c;
|
|
41
|
+
return e[20] !== s || e[21] !== i ? (c = /* @__PURE__ */ I(N, { ref: i, ...s }), e[20] = s, e[21] = i, e[22] = c) : c = e[22], c;
|
|
103
42
|
});
|
|
104
|
-
|
|
105
|
-
function $t(e, D) {
|
|
106
|
-
return /* @__PURE__ */ S(ut, { children: [
|
|
107
|
-
e,
|
|
108
|
-
" "
|
|
109
|
-
] }, `${D + 1}-${e}`);
|
|
110
|
-
}
|
|
43
|
+
v.displayName = "RadioFieldInput";
|
|
111
44
|
export {
|
|
112
|
-
|
|
45
|
+
v as Input
|
|
113
46
|
};
|
|
114
47
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/lib/inputs2/radiofield/index.tsx"],"sourcesContent":["import '../../assets/styles/radiofield.scss';\n\nimport _ from 'lodash';\nimport { v1 as uuid } from 'uuid';\nimport { ChangeEvent, forwardRef, Fragment, MouseEvent, useRef } from 'react';\nimport Hint from '../../hint';\nimport Popover from '../../popover';\nimport GridCol from '../../gridlayout';\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];\nconst Input = forwardRef<HTMLInputElement, RadioFieldInputProps>((props, ref) => {\n const { \n label, errors, tooltip, tooltipPosition, tooltipWidth, hint, gridLayout, 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 = onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n const { hideContent, unvisible } = onDenied;\n const inputContainerRef = useRef<HTMLInputElement | null>(null);\n\n const inputId = props.id || props.name || 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\n const handleOnChange = (event: ChangeEvent<HTMLInputElement>) => {\n if (isReadOnly) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n rest.onChange?.(event);\n };\n \n const handleOnClick = (event: 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 <Fragment>\n <GridCol cols={gridLayout}>\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 {...rest}\n ref={ref} \n id={inputId}\n type=\"radio\"\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 <Fragment key={`${index + 1}-${error}`}>\n {error}\n \n </Fragment>\n ))}\n </span>\n )}\n </div>\n </GridCol>\n <Tooltip.Tooltip\n targetRef={inputContainerRef}\n text={tooltip}\n width={tooltipWidth}\n position={tooltipPosition} />\n </Fragment>\n );\n});\n\nInput.displayName = 'RadioFieldInput';\n\nexport { Input };\nexport type { RadioFieldInputProps };\n"],"names":["options","OPTIONS_ON_DENIED","disabled","unvisible","readOnly","hideContent","Input","forwardRef","props","ref","$","_c","errors","gridLayout","hint","label","rest","t0","t1","t10","t11","t12","t2","t3","t4","t5","t6","t7","t8","t9","tooltip","tooltipPosition","tooltipWidth","size","onDeniedActions","permissionAttr","labelUppercase","customClassLabel","customClassInputContainer","customClass","customClassWrapper","textAlign","skeletonize","hintPosition","themePopover","popoverAlign","undefined","t13","actionsOnPermissionDenied","onDenied","inputContainerRef","useRef","t14","id","name","uuid","inputId","t15","_","isEmpty","hasLabel","isReadOnly","Boolean","isDisabled","hasHintMessages","length","hasValidationErrors","t16","event","preventDefault","stopPropagation","onChange","handleOnChange","t17","event_0","onClick","handleOnClick","t18","t19","t20","t21","t22","t23","placeholder","t24","required","jsx","Popover","t25","t26","Hint","t27","String","concat","map","_temp","t28","t29","GridCol","t30","Tooltip.Tooltip","t31","Fragment","displayName","error","index"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","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 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"],"names":["options","OPTIONS_ON_DENIED","disabled","unvisible","readOnly","hideContent","Input","forwardRef","t0","ref","$","_c","gridLayout","onDeniedActions","permissionAttr","props","t1","actionsOnPermissionDenied","onDenied","isReadOnly","Boolean","isDisabled","t2","inputProps","t3","jsx","InputBase","t4","GridCol","displayName"],"mappings":";;;;;;;AASA,MAAMA,IAAU,CACdC,EAAkBC,UAClBD,EAAkBE,WAClBF,EAAkBG,UAClBH,EAAkBI,WAAW,GAEzBC,IAAQC,EAAmD,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAT,GAAAU,GAAAC,GAAAC,GAAAC,GAAAX;AAAA,EAAAM,SAAAF,KAC/D;AAAA,IAAAK,iBAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,IAAAZ,UAAAA;AAAAA,IAAAE,UAAAA;AAAAA,IAAAQ,YAAAA;AAAAA,IAAA,GAAAG;AAAAA,EAAAA,IAAAP,GAECE,OAAAF,GAAAE,OAAAR,GAAAQ,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAN,MAAAF,IAAAQ,EAAA,CAAA,GAAAE,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA,GAAAN,IAAAM,EAAA,CAAA;AAAA,MAAAM;AAAA,EAAAN,EAAA,CAAA,MAAAG,KAAAH,SAAAI,KAC0BE,IAAAH,KAAmBI,EAA0BjB,GAASc,CAAc,GAACJ,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAAhG,QAAAQ,IAA2BF,GAC3B;AAAA,IAAAX,aAAAA;AAAAA,IAAAF,WAAAA;AAAAA,EAAAA,IAAmCe,GACnCC,IAAmBC,GAAQhB,KAAYc,EAAQd,WAC/CiB,IAAmBD,GAAQlB,KAAYgB,EAAQhB;AAAW,MAAAoB;AAAA,EAAAZ,EAAA,EAAA,MAAAW,KAAAX,UAAAS,KAAAT,EAAA,EAAA,MAAAK,KACvCO,IAAA;AAAA,IAAAlB,UACPe;AAAAA,IAAUjB,UAAYmB;AAAAA,IAAU,GAAKN;AAAAA,EAAAA,GAChDL,QAAAW,GAAAX,QAAAS,GAAAT,QAAAK,GAAAL,QAAAY,KAAAA,IAAAZ,EAAA,EAAA;AAFD,QAAAa,IAAmBD;AAInB,MAAInB,KAAAE;AAAwB,WAAS;AAErC,MAAIO,GAAU;AAAA,QAAAY;AAAA,IAAAd,EAAA,EAAA,MAAAa,KAAAb,UAAAD,KAGRe,IAAA,gBAAAC,EAACC,GAAA,EAAejB,KAAAA,GAAG,GAAMc,EAAAA,CAAU,GAAIb,QAAAa,GAAAb,QAAAD,GAAAC,QAAAc,KAAAA,IAAAd,EAAA,EAAA;AAAA,QAAAiB;AAAA,WAAAjB,EAAA,EAAA,MAAAE,KAAAF,UAAAc,KADzCG,IAAA,gBAAAF,EAACG,GAAA,EAAchB,MAAAA,GACbY,UAAAA,GACF,GAAUd,QAAAE,GAAAF,QAAAc,GAAAd,QAAAiB,KAAAA,IAAAjB,EAAA,EAAA,GAFViB;AAAAA,EAEU;AAEb,MAAAH;AAAA,SAAAd,EAAA,EAAA,MAAAa,KAAAb,UAAAD,KAGCe,IAAA,gBAAAC,EAACC,GAAA,EAAejB,KAAAA,GAAG,GAAMc,EAAAA,CAAU,GAAIb,QAAAa,GAAAb,QAAAD,GAAAC,QAAAc,KAAAA,IAAAd,EAAA,EAAA,GAAvCc;AAAuC,CAE1C;AAEDlB,EAAMuB,cAAc;"}
|
|
@@ -7,7 +7,7 @@ import { HintPosition, Position } from '../../@types/Position';
|
|
|
7
7
|
import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';
|
|
8
8
|
export type RadioValue = string | number | boolean | null;
|
|
9
9
|
type InputHTMLProps = Omit<ComponentPropsWithRef<'input'>, 'multiple' | 'type' | 'size'>;
|
|
10
|
-
export interface
|
|
10
|
+
export interface RadioFieldInputBaseProps extends InputHTMLProps, ITooltipCommonProps {
|
|
11
11
|
hint?: string;
|
|
12
12
|
label?: string;
|
|
13
13
|
errors?: string[];
|
|
@@ -17,7 +17,6 @@ export interface RadioFieldInputProps extends InputHTMLProps, ITooltipCommonProp
|
|
|
17
17
|
labelUppercase?: boolean;
|
|
18
18
|
customClassLabel?: string;
|
|
19
19
|
customClassWrapper?: string;
|
|
20
|
-
gridLayout?: string;
|
|
21
20
|
customClassInputContainer?: string;
|
|
22
21
|
getFieldValue?: (name: string) => any;
|
|
23
22
|
size?: Extract<Size, 'small' | 'medium' | 'large'>;
|
|
@@ -25,6 +24,10 @@ export interface RadioFieldInputProps extends InputHTMLProps, ITooltipCommonProp
|
|
|
25
24
|
hintPosition?: HintPosition;
|
|
26
25
|
themePopover?: ColorTheme;
|
|
27
26
|
popoverAlign?: Extract<Position, 'left' | 'right'>;
|
|
27
|
+
fieldId?: string;
|
|
28
|
+
}
|
|
29
|
+
export interface RadioFieldInputProps extends RadioFieldInputBaseProps {
|
|
30
|
+
gridLayout?: string;
|
|
28
31
|
permissionAttr?: PermissionAttr;
|
|
29
32
|
onDeniedActions?: OnDenied;
|
|
30
33
|
}
|
|
@@ -0,0 +1,411 @@
|
|
|
1
|
+
import { jsxs as le, jsx as p } from "react/jsx-runtime";
|
|
2
|
+
import { c as cl } from "../../_virtual/compiler-runtime.js";
|
|
3
|
+
import '../../assets/styles/selectfield.css';/* empty css */
|
|
4
|
+
import o, { Fragment as rl } from "react";
|
|
5
|
+
import h from "../../_virtual/lodash.js";
|
|
6
|
+
import { createPortal as ul } from "react-dom";
|
|
7
|
+
import dl from "../../hint/index.js";
|
|
8
|
+
import fl from "../../popover/index.js";
|
|
9
|
+
import ml from "../../tooltip/index.js";
|
|
10
|
+
import { mergeRefs as hl } from "../../form2/helpers.js";
|
|
11
|
+
import { LeftSlot as vl, RightSlot as yl } from "../slot/index.js";
|
|
12
|
+
import { ListBox as bl } from "./listbox.js";
|
|
13
|
+
import { Triggers as gl } from "./triggers.js";
|
|
14
|
+
import { Selections as Sl } from "./selections.js";
|
|
15
|
+
import { SelectFieldContext as pl } from "./context.js";
|
|
16
|
+
import { Options as El } from "./options.js";
|
|
17
|
+
import { Item as xl } from "./item.js";
|
|
18
|
+
import { MultipleVariantEnum as Gt, Keys as O } from "./types.js";
|
|
19
|
+
import { isTypingKey as Cl, NAVIGATION_KEYS as Yt } from "./helpers.js";
|
|
20
|
+
import Il from "../../popover/PopoverText.js";
|
|
21
|
+
import kl from "../../node_modules/uuid/dist/v1.js";
|
|
22
|
+
const Jt = `select-field-controls-${kl()}`, Bl = o.forwardRef((t, ne) => {
|
|
23
|
+
const e = cl.c(232);
|
|
24
|
+
let m, n, D, V, c, b, d, E, ie, oe, ae, se, ce, re, ue, de, fe, me, he, ve, ye, be, ge, Se, pe, Ee, xe, Ce, Ie, P, R, q;
|
|
25
|
+
e[0] !== t ? ({
|
|
26
|
+
name: c,
|
|
27
|
+
label: V,
|
|
28
|
+
errors: D,
|
|
29
|
+
children: m,
|
|
30
|
+
onChange: b,
|
|
31
|
+
tooltip: P,
|
|
32
|
+
tooltipPosition: R,
|
|
33
|
+
tooltipWidth: q,
|
|
34
|
+
hintPosition: ie,
|
|
35
|
+
themePopover: oe,
|
|
36
|
+
popoverAlign: ye,
|
|
37
|
+
skeletonize: ge,
|
|
38
|
+
striped: Se,
|
|
39
|
+
undigitable: pe,
|
|
40
|
+
externalSearch: Ee,
|
|
41
|
+
openDropdownOnFocus: xe,
|
|
42
|
+
showClearButton: Ce,
|
|
43
|
+
textAlign: Ie,
|
|
44
|
+
searchOnDropdown: ae,
|
|
45
|
+
onSearch: se,
|
|
46
|
+
customClass: ce,
|
|
47
|
+
customClassLabel: re,
|
|
48
|
+
customClassWrapper: ue,
|
|
49
|
+
customClassInputContainer: de,
|
|
50
|
+
notFoundFilterLabel: fe,
|
|
51
|
+
multipleInputLabelEmpty: me,
|
|
52
|
+
multipleInputLabelManySelection: he,
|
|
53
|
+
searchInputPlaceholder: ve,
|
|
54
|
+
dropdownAlignButton: be,
|
|
55
|
+
disabled: n,
|
|
56
|
+
readOnly: d,
|
|
57
|
+
...E
|
|
58
|
+
} = t, e[0] = t, e[1] = m, e[2] = n, e[3] = D, e[4] = V, e[5] = c, e[6] = b, e[7] = d, e[8] = E, e[9] = ie, e[10] = oe, e[11] = ae, e[12] = se, e[13] = ce, e[14] = re, e[15] = ue, e[16] = de, e[17] = fe, e[18] = me, e[19] = he, e[20] = ve, e[21] = ye, e[22] = be, e[23] = ge, e[24] = Se, e[25] = pe, e[26] = Ee, e[27] = xe, e[28] = Ce, e[29] = Ie, e[30] = P, e[31] = R, e[32] = q) : (m = e[1], n = e[2], D = e[3], V = e[4], c = e[5], b = e[6], d = e[7], E = e[8], ie = e[9], oe = e[10], ae = e[11], se = e[12], ce = e[13], re = e[14], ue = e[15], de = e[16], fe = e[17], me = e[18], he = e[19], ve = e[20], ye = e[21], be = e[22], ge = e[23], Se = e[24], pe = e[25], Ee = e[26], xe = e[27], Ce = e[28], Ie = e[29], P = e[30], R = e[31], q = e[32]);
|
|
59
|
+
const k = ie === void 0 ? "below" : ie, it = oe === void 0 ? "light" : oe, ot = ye === void 0 ? "left" : ye, s = ge === void 0 ? !1 : ge, at = Se === void 0 ? !1 : Se, v = pe === void 0 ? !1 : pe, st = Ee === void 0 ? !1 : Ee, M = xe === void 0 ? !0 : xe, ct = Ce === void 0 ? !0 : Ce, rt = Ie === void 0 ? "left" : Ie, ut = ae === void 0 ? !1 : ae, dt = se === void 0 ? void 0 : se, Qt = ce === void 0 ? "" : ce, ft = re === void 0 ? "" : re, Xt = ue === void 0 ? "" : ue, Zt = de === void 0 ? "" : de, mt = fe === void 0 ? "Nenhuma opção encontrada." : fe, B = me === void 0 ? "Nenhum registro selecionado" : me, ht = he === void 0 ? "Múltiplos registros selecionados" : he, vt = ve === void 0 ? "Pesquisar registros" : ve, yt = be === void 0 ? "left" : be, [bt, x] = o.useState(""), [gt, F] = o.useState(""), [a, C] = o.useState(!1), [I, Le] = o.useState(void 0);
|
|
60
|
+
let Oe;
|
|
61
|
+
e[33] !== t.multiple ? (Oe = h.isEqual(t?.multiple, Gt.default), e[33] = t.multiple, e[34] = Oe) : Oe = e[34];
|
|
62
|
+
const N = Oe;
|
|
63
|
+
let Fe;
|
|
64
|
+
e[35] !== t.multiple ? (Fe = h.isEqual(t?.multiple, Gt.checkboxes), e[35] = t.multiple, e[36] = Fe) : Fe = e[36];
|
|
65
|
+
const i = Fe, u = N || i, Kt = o.useRef(null), el = o.useRef(null), w = o.useRef(null), St = o.useRef(null), Wt = o.useRef(null), ke = o.useRef(null);
|
|
66
|
+
let Be;
|
|
67
|
+
e[37] !== m ? (Be = /* @__PURE__ */ new Map(), o.Children.forEach(m, (l) => {
|
|
68
|
+
o.isValidElement(l) && Be.set(l.props.value, l.props.label);
|
|
69
|
+
}), e[37] = m, e[38] = Be) : Be = e[38];
|
|
70
|
+
const y = Be;
|
|
71
|
+
let De;
|
|
72
|
+
e[39] !== i || e[40] !== B ? (De = () => {
|
|
73
|
+
i && x(B);
|
|
74
|
+
}, e[39] = i, e[40] = B, e[41] = De) : De = e[41];
|
|
75
|
+
let Ve;
|
|
76
|
+
e[42] === Symbol.for("react.memo_cache_sentinel") ? (Ve = [], e[42] = Ve) : Ve = e[42], o.useEffect(De, Ve);
|
|
77
|
+
let Re;
|
|
78
|
+
e[43] !== i || e[44] !== a || e[45] !== M ? (Re = () => {
|
|
79
|
+
M && a && requestAnimationFrame(() => {
|
|
80
|
+
i && ke.current?.focus?.();
|
|
81
|
+
});
|
|
82
|
+
}, e[43] = i, e[44] = a, e[45] = M, e[46] = Re) : Re = e[46];
|
|
83
|
+
let Ne;
|
|
84
|
+
e[47] !== a ? (Ne = [a], e[47] = a, e[48] = Ne) : Ne = e[48], o.useEffect(Re, Ne);
|
|
85
|
+
let Ae;
|
|
86
|
+
e[49] !== i || e[50] !== y || e[51] !== B || e[52] !== ht || e[53] !== t.value || e[54] !== E.value ? (Ae = () => {
|
|
87
|
+
if (!i && !t?.value && x(""), !t?.value || document.activeElement === w.current)
|
|
88
|
+
return;
|
|
89
|
+
const l = y.get(E.value);
|
|
90
|
+
if (i || x(l ?? ""), i) {
|
|
91
|
+
const r = y.get(t?.value[0]);
|
|
92
|
+
switch (h.size(t?.value)) {
|
|
93
|
+
case 0:
|
|
94
|
+
return x(B);
|
|
95
|
+
case 1:
|
|
96
|
+
return x(r ?? "");
|
|
97
|
+
default:
|
|
98
|
+
return x(ht);
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
}, e[49] = i, e[50] = y, e[51] = B, e[52] = ht, e[53] = t.value, e[54] = E.value, e[55] = Ae) : Ae = e[55];
|
|
102
|
+
const pt = t?.value;
|
|
103
|
+
let Pe;
|
|
104
|
+
e[56] !== y || e[57] !== pt ? (Pe = [pt, y], e[56] = y, e[57] = pt, e[58] = Pe) : Pe = e[58], o.useEffect(Ae, Pe);
|
|
105
|
+
let qe;
|
|
106
|
+
e[59] !== t.label ? (qe = h.isEmpty(t?.label), e[59] = t.label, e[60] = qe) : qe = e[60];
|
|
107
|
+
const Et = !qe, T = !!t.hint?.length, L = !!D?.length;
|
|
108
|
+
let Me;
|
|
109
|
+
if (e[61] !== m) {
|
|
110
|
+
const l = [];
|
|
111
|
+
o.Children.map(m, (r, f) => {
|
|
112
|
+
if (o.isValidElement(r)) {
|
|
113
|
+
const g = o.cloneElement(r, {
|
|
114
|
+
key: r.key ?? `child-item-${f + 1}`
|
|
115
|
+
});
|
|
116
|
+
r.type === xl && l.push(g);
|
|
117
|
+
}
|
|
118
|
+
}), Me = {
|
|
119
|
+
childrenItems: l
|
|
120
|
+
}, e[61] = m, e[62] = Me;
|
|
121
|
+
} else
|
|
122
|
+
Me = e[62];
|
|
123
|
+
const {
|
|
124
|
+
childrenItems: xt
|
|
125
|
+
} = Me;
|
|
126
|
+
let Te;
|
|
127
|
+
if (e[63] !== m || e[64] !== n) {
|
|
128
|
+
const l = [], r = [];
|
|
129
|
+
o.Children.map(m, (f, g) => {
|
|
130
|
+
if (o.isValidElement(f)) {
|
|
131
|
+
const S = o.cloneElement(f, {
|
|
132
|
+
key: f.key ?? `slot-${g}`,
|
|
133
|
+
disabled: n,
|
|
134
|
+
"aria-disabled": n
|
|
135
|
+
});
|
|
136
|
+
f.type === vl && l.push(S), f.type === yl && r.push(S);
|
|
137
|
+
}
|
|
138
|
+
}), Te = {
|
|
139
|
+
leftSlotElements: l,
|
|
140
|
+
rightSlotElements: r
|
|
141
|
+
}, e[63] = m, e[64] = n, e[65] = Te;
|
|
142
|
+
} else
|
|
143
|
+
Te = e[65];
|
|
144
|
+
const {
|
|
145
|
+
leftSlotElements: jt,
|
|
146
|
+
rightSlotElements: Ht
|
|
147
|
+
} = Te;
|
|
148
|
+
let $e;
|
|
149
|
+
if (e[66] !== m || e[67] !== n) {
|
|
150
|
+
const l = [];
|
|
151
|
+
o.Children.map(m, (r, f) => {
|
|
152
|
+
if (o.isValidElement(r)) {
|
|
153
|
+
const g = o.cloneElement(r, {
|
|
154
|
+
key: r.key ?? `option-list-${f}`,
|
|
155
|
+
disabled: n
|
|
156
|
+
});
|
|
157
|
+
r.type === El && l.push(g);
|
|
158
|
+
}
|
|
159
|
+
}), $e = {
|
|
160
|
+
optionItens: l
|
|
161
|
+
}, e[66] = m, e[67] = n, e[68] = $e;
|
|
162
|
+
} else
|
|
163
|
+
$e = e[68];
|
|
164
|
+
const {
|
|
165
|
+
optionItens: Ct
|
|
166
|
+
} = $e, tl = !!jt?.length, ll = !!Ht?.length;
|
|
167
|
+
let _e;
|
|
168
|
+
e[69] === Symbol.for("react.memo_cache_sentinel") ? (_e = () => {
|
|
169
|
+
C(!1), F("");
|
|
170
|
+
}, e[69] = _e) : _e = e[69];
|
|
171
|
+
const nl = _e;
|
|
172
|
+
let ze;
|
|
173
|
+
e[70] !== u || e[71] !== t.value ? (ze = () => {
|
|
174
|
+
const l = u ? h.orderBy([...t.value], wl, ["asc"])[0] : t?.value;
|
|
175
|
+
Le(h.toString(l) ?? void 0);
|
|
176
|
+
}, e[70] = u, e[71] = t.value, e[72] = ze) : ze = e[72];
|
|
177
|
+
const $ = ze;
|
|
178
|
+
let Ke;
|
|
179
|
+
e[73] === Symbol.for("react.memo_cache_sentinel") ? (Ke = () => {
|
|
180
|
+
C((l) => (l && F(""), w.current !== document.activeElement && w?.current?.focus?.(), !l));
|
|
181
|
+
}, e[73] = Ke) : Ke = e[73];
|
|
182
|
+
const il = Ke;
|
|
183
|
+
let We;
|
|
184
|
+
e[74] === Symbol.for("react.memo_cache_sentinel") ? (We = (l) => {
|
|
185
|
+
Kt.current = l;
|
|
186
|
+
}, e[74] = We) : We = e[74];
|
|
187
|
+
const ol = We;
|
|
188
|
+
let je;
|
|
189
|
+
e[75] !== u || e[76] !== c || e[77] !== b || e[78] !== t.value ? (je = (l, r, f) => {
|
|
190
|
+
let g = t?.value;
|
|
191
|
+
f || (g = h.union(t.value, [l])), f && (g = h.without(t.value, l));
|
|
192
|
+
const S = u ? h.orderBy(g, Ll, ["asc"]) : l;
|
|
193
|
+
b?.({
|
|
194
|
+
target: {
|
|
195
|
+
name: c,
|
|
196
|
+
value: S
|
|
197
|
+
}
|
|
198
|
+
}), u || (C(!1), F(""), x(r ?? ""), document.activeElement === ke.current && (w?.current?.focus?.(), C(!1)));
|
|
199
|
+
}, e[75] = u, e[76] = c, e[77] = b, e[78] = t.value, e[79] = je) : je = e[79];
|
|
200
|
+
const It = je;
|
|
201
|
+
let He;
|
|
202
|
+
e[80] !== y || e[81] !== c || e[82] !== b ? (He = (l) => {
|
|
203
|
+
const r = !!l, f = [];
|
|
204
|
+
y.forEach((A, te) => f.push(te)), b?.({
|
|
205
|
+
target: {
|
|
206
|
+
name: c,
|
|
207
|
+
value: r ? f : []
|
|
208
|
+
}
|
|
209
|
+
});
|
|
210
|
+
}, e[80] = y, e[81] = c, e[82] = b, e[83] = He) : He = e[83];
|
|
211
|
+
const kt = He;
|
|
212
|
+
let Ue;
|
|
213
|
+
e[84] !== u || e[85] !== i || e[86] !== B || e[87] !== c || e[88] !== b ? (Ue = () => {
|
|
214
|
+
b?.({
|
|
215
|
+
target: {
|
|
216
|
+
name: c,
|
|
217
|
+
value: u ? [] : ""
|
|
218
|
+
}
|
|
219
|
+
}), C(!1), u || (F(""), x("")), i && x(B);
|
|
220
|
+
}, e[84] = u, e[85] = i, e[86] = B, e[87] = c, e[88] = b, e[89] = Ue) : Ue = e[89];
|
|
221
|
+
const Bt = Ue;
|
|
222
|
+
let Ge;
|
|
223
|
+
e[90] !== t ? (Ge = (l) => {
|
|
224
|
+
t?.onBlur?.(l), (!l.relatedTarget || l.relatedTarget !== ke.current) && C(!1), F("");
|
|
225
|
+
}, e[90] = t, e[91] = Ge) : Ge = e[91];
|
|
226
|
+
const wt = Ge;
|
|
227
|
+
let Ye;
|
|
228
|
+
e[92] !== $ || e[93] !== M || e[94] !== t ? (Ye = (l) => {
|
|
229
|
+
t?.onFocus?.(l), M && (C(!0), $());
|
|
230
|
+
}, e[92] = $, e[93] = M, e[94] = t, e[95] = Ye) : Ye = e[95];
|
|
231
|
+
const Lt = Ye;
|
|
232
|
+
let Je;
|
|
233
|
+
e[96] === Symbol.for("react.memo_cache_sentinel") ? (Je = (l) => {
|
|
234
|
+
F(l.target.value), x(l.target.value);
|
|
235
|
+
}, e[96] = Je) : Je = e[96];
|
|
236
|
+
const al = Je;
|
|
237
|
+
let Qe;
|
|
238
|
+
e[97] !== i || e[98] !== t || e[99] !== v ? (Qe = (l) => {
|
|
239
|
+
v || i ? l.preventDefault() : t.onPaste?.(l);
|
|
240
|
+
}, e[97] = i, e[98] = t, e[99] = v, e[100] = Qe) : Qe = e[100];
|
|
241
|
+
const Ot = Qe;
|
|
242
|
+
let Xe;
|
|
243
|
+
e[101] !== i || e[102] !== t || e[103] !== v ? (Xe = (l) => {
|
|
244
|
+
v || i ? l.preventDefault() : t.onBeforeInput?.(l);
|
|
245
|
+
}, e[101] = i, e[102] = t, e[103] = v, e[104] = Xe) : Xe = e[104];
|
|
246
|
+
const Ft = Xe;
|
|
247
|
+
let Ze;
|
|
248
|
+
e[105] !== st || e[106] !== dt ? (Ze = (l) => {
|
|
249
|
+
st ? dt?.(l) : F(l.target.value);
|
|
250
|
+
}, e[105] = st, e[106] = dt, e[107] = Ze) : Ze = e[107];
|
|
251
|
+
const Dt = Ze;
|
|
252
|
+
let et;
|
|
253
|
+
e[108] !== I || e[109] !== $ || e[110] !== u || e[111] !== a || e[112] !== t || e[113] !== v ? (et = (l) => {
|
|
254
|
+
t?.onKeyDown?.(l);
|
|
255
|
+
const r = [O.backspace, O.delete];
|
|
256
|
+
if (v && r.includes(l.key)) {
|
|
257
|
+
l.preventDefault();
|
|
258
|
+
return;
|
|
259
|
+
}
|
|
260
|
+
(Cl(l) || l.key === O.arrowDown) && w.current === document.activeElement && (l.key === O.arrowDown && l.preventDefault(), requestAnimationFrame(() => {
|
|
261
|
+
const S = St.current?.querySelector('ul[role="listbox"]')?.querySelectorAll('li[data-state-filtered="true"]') ?? [];
|
|
262
|
+
if (!a && l.key === O.arrowDown) {
|
|
263
|
+
const A = u ? h.orderBy([...t.value], Ol, ["asc"])[0] : t?.value;
|
|
264
|
+
Le(h.toString(A) ?? void 0);
|
|
265
|
+
} else
|
|
266
|
+
Le(S[0]?.id ?? void 0);
|
|
267
|
+
}), a || (C(!0), $())), a && Yt.includes(l.key) && l.preventDefault(), requestAnimationFrame(() => {
|
|
268
|
+
const S = St.current?.querySelector('ul[role="listbox"]')?.querySelectorAll('li[data-state-filtered="true"]') ?? [], A = Array.from(S).findIndex((we) => we.id === I);
|
|
269
|
+
let te = A;
|
|
270
|
+
if (a) {
|
|
271
|
+
if (Yt.includes(l.key)) {
|
|
272
|
+
e: switch (l.key) {
|
|
273
|
+
case O.escape: {
|
|
274
|
+
C(!1), F(""), w.current?.focus(), l.target === ke.current && C(!1);
|
|
275
|
+
break e;
|
|
276
|
+
}
|
|
277
|
+
case O.arrowDown: {
|
|
278
|
+
te = Math.min(A + 1, S.length - 1);
|
|
279
|
+
break e;
|
|
280
|
+
}
|
|
281
|
+
case O.arrowUp: {
|
|
282
|
+
te = Math.max(A - 1, 0);
|
|
283
|
+
break e;
|
|
284
|
+
}
|
|
285
|
+
case O.enter: {
|
|
286
|
+
if (I) {
|
|
287
|
+
const Ut = S[te];
|
|
288
|
+
Ut && Ut.click();
|
|
289
|
+
}
|
|
290
|
+
break e;
|
|
291
|
+
}
|
|
292
|
+
}
|
|
293
|
+
const we = S[te];
|
|
294
|
+
we && (Le(we?.id ?? ""), we.scrollIntoView({
|
|
295
|
+
block: "nearest"
|
|
296
|
+
}));
|
|
297
|
+
}
|
|
298
|
+
} else
|
|
299
|
+
return null;
|
|
300
|
+
});
|
|
301
|
+
}, e[108] = I, e[109] = $, e[110] = u, e[111] = a, e[112] = t, e[113] = v, e[114] = et) : et = e[114];
|
|
302
|
+
const _ = et, sl = t.label, Vt = String(t.name), Rt = t?.value;
|
|
303
|
+
let tt;
|
|
304
|
+
e[115] !== I || e[116] !== n || e[117] !== yt || e[118] !== gt || e[119] !== kt || e[120] !== Bt || e[121] !== It || e[122] !== _ || e[123] !== Dt || e[124] !== N || e[125] !== u || e[126] !== i || e[127] !== a || e[128] !== mt || e[129] !== Ct || e[130] !== t.label || e[131] !== vt || e[132] !== ut || e[133] !== ct || e[134] !== at || e[135] !== Vt || e[136] !== Rt ? (tt = {
|
|
305
|
+
selectFieldId: Jt,
|
|
306
|
+
label: sl,
|
|
307
|
+
striped: at,
|
|
308
|
+
listBoxOpen: a,
|
|
309
|
+
filterValue: gt,
|
|
310
|
+
disabled: n,
|
|
311
|
+
liSelectedRef: Kt,
|
|
312
|
+
selectInputRef: w,
|
|
313
|
+
selectSearchInputRef: ke,
|
|
314
|
+
handleOnSearch: Dt,
|
|
315
|
+
searchOnDropdown: ut,
|
|
316
|
+
nameSelect: Vt,
|
|
317
|
+
valueSelect: Rt,
|
|
318
|
+
activeDescendant: I,
|
|
319
|
+
handleOnChange: It,
|
|
320
|
+
handleOnKeyDown: _,
|
|
321
|
+
selectContainerRef: Wt,
|
|
322
|
+
handleCloseListBox: nl,
|
|
323
|
+
notFoundFilterLabel: mt,
|
|
324
|
+
handleChangeLiSelected: ol,
|
|
325
|
+
isMultipleSelect: u,
|
|
326
|
+
isMultipleDefault: N,
|
|
327
|
+
isMultipleWithCheckboxes: i,
|
|
328
|
+
searchInputPlaceholder: vt,
|
|
329
|
+
showClearButton: ct,
|
|
330
|
+
dropdownAlignButton: yt,
|
|
331
|
+
handleClearValue: Bt,
|
|
332
|
+
handleCheckMultiple: kt,
|
|
333
|
+
handleChangeListBoxState: il,
|
|
334
|
+
optionItens: Ct
|
|
335
|
+
}, e[115] = I, e[116] = n, e[117] = yt, e[118] = gt, e[119] = kt, e[120] = Bt, e[121] = It, e[122] = _, e[123] = Dt, e[124] = N, e[125] = u, e[126] = i, e[127] = a, e[128] = mt, e[129] = Ct, e[130] = t.label, e[131] = vt, e[132] = ut, e[133] = ct, e[134] = at, e[135] = Vt, e[136] = Rt, e[137] = tt) : tt = e[137];
|
|
336
|
+
const Nt = tt, At = `select-field-root ${Xt}`;
|
|
337
|
+
let z;
|
|
338
|
+
e[138] !== ft || e[139] !== n || e[140] !== T || e[141] !== Et || e[142] !== k || e[143] !== V || e[144] !== c || e[145] !== ot || e[146] !== t.hint || e[147] !== t.required || e[148] !== d || e[149] !== s || e[150] !== it ? (z = Et && /* @__PURE__ */ le("span", { className: `root-label ${ft}`, "data-state-skeletonize": s, children: [
|
|
339
|
+
/* @__PURE__ */ p("label", { "data-testid": "test-select-field-label", className: "label", title: V, htmlFor: c, "aria-disabled": n, "aria-readonly": d, "data-state-input-required": t.required, children: V }),
|
|
340
|
+
T && k === "onLabelRight" && !s && /* @__PURE__ */ p(fl, { customClass: "label-popover", theme: it, align: ot, iconColor: "#03bde2", children: /* @__PURE__ */ p(Il, { text: t?.hint ?? "" }) })
|
|
341
|
+
] }), e[138] = ft, e[139] = n, e[140] = T, e[141] = Et, e[142] = k, e[143] = V, e[144] = c, e[145] = ot, e[146] = t.hint, e[147] = t.required, e[148] = d, e[149] = s, e[150] = it, e[151] = z) : z = e[151];
|
|
342
|
+
const Pt = `container ${Zt}`, qt = tl && !s && jt;
|
|
343
|
+
let K;
|
|
344
|
+
e[152] !== ne ? (K = hl(ne, w), e[152] = ne, e[153] = K) : K = e[153];
|
|
345
|
+
const Mt = t.readOnly || v, Tt = `input ${Qt}`, $t = !d && !s ? 0 : -1;
|
|
346
|
+
let W;
|
|
347
|
+
e[154] !== I || e[155] !== n || e[156] !== Ft || e[157] !== wt || e[158] !== Lt || e[159] !== _ || e[160] !== Ot || e[161] !== L || e[162] !== bt || e[163] !== u || e[164] !== i || e[165] !== a || e[166] !== c || e[167] !== d || e[168] !== E || e[169] !== s || e[170] !== K || e[171] !== Mt || e[172] !== Tt || e[173] !== $t || e[174] !== rt || e[175] !== v ? (W = /* @__PURE__ */ p("input", { ...E, ref: K, readOnly: Mt, className: Tt, placeholder: E.placeholder, "data-state-error": L, "data-state-multiple": u, "data-state-read-only": d, "data-state-text-align": rt, "data-state-undigitable": v, "data-state-skeletonize": s, "data-state-multiple-with-checkboxes": i, id: c, type: "text", role: "combobox", multiple: !1, disabled: n, "data-testid": "test-select-field-input", "aria-autocomplete": "list", "aria-expanded": a, "aria-controls": Jt, "aria-activedescendant": I, tabIndex: $t, value: bt, onBlur: wt, onFocus: Lt, onKeyDown: _, onChange: al, onPaste: Ot, onBeforeInput: Ft }), e[154] = I, e[155] = n, e[156] = Ft, e[157] = wt, e[158] = Lt, e[159] = _, e[160] = Ot, e[161] = L, e[162] = bt, e[163] = u, e[164] = i, e[165] = a, e[166] = c, e[167] = d, e[168] = E, e[169] = s, e[170] = K, e[171] = Mt, e[172] = Tt, e[173] = $t, e[174] = rt, e[175] = v, e[176] = W) : W = e[176];
|
|
348
|
+
let j;
|
|
349
|
+
e[177] !== n || e[178] !== N || e[179] !== y || e[180] !== d ? (j = N && /* @__PURE__ */ p(Sl, { isDisabled: !!n, isReadOnly: !!d, listOfOptionsToSelect: y }), e[177] = n, e[178] = N, e[179] = y, e[180] = d, e[181] = j) : j = e[181];
|
|
350
|
+
let H;
|
|
351
|
+
e[182] !== W || e[183] !== j ? (H = /* @__PURE__ */ le("div", { className: "input-root", children: [
|
|
352
|
+
W,
|
|
353
|
+
j
|
|
354
|
+
] }), e[182] = W, e[183] = j, e[184] = H) : H = e[184];
|
|
355
|
+
const _t = ll && !s && Ht;
|
|
356
|
+
let lt;
|
|
357
|
+
e[185] === Symbol.for("react.memo_cache_sentinel") ? (lt = /* @__PURE__ */ p(gl, {}), e[185] = lt) : lt = e[185];
|
|
358
|
+
let U;
|
|
359
|
+
e[186] !== n || e[187] !== d || e[188] !== s ? (U = /* @__PURE__ */ p("div", { className: "triggers", "data-state-disabled": n, "data-state-read-only": d, "data-state-skeletonize": s, children: lt }), e[186] = n, e[187] = d, e[188] = s, e[189] = U) : U = e[189];
|
|
360
|
+
let G;
|
|
361
|
+
e[190] !== xt || e[191] !== a ? (G = a && ul(/* @__PURE__ */ p(bl, { ref: St, children: xt }), document.body), e[190] = xt, e[191] = a, e[192] = G) : G = e[192];
|
|
362
|
+
let Y;
|
|
363
|
+
e[193] !== a || e[194] !== s || e[195] !== Pt || e[196] !== qt || e[197] !== H || e[198] !== _t || e[199] !== U || e[200] !== G ? (Y = /* @__PURE__ */ le("div", { ref: Wt, className: Pt, "aria-expanded": a, "data-state-skeletonize": s, children: [
|
|
364
|
+
qt,
|
|
365
|
+
H,
|
|
366
|
+
_t,
|
|
367
|
+
U,
|
|
368
|
+
G
|
|
369
|
+
] }), e[193] = a, e[194] = s, e[195] = Pt, e[196] = qt, e[197] = H, e[198] = _t, e[199] = U, e[200] = G, e[201] = Y) : Y = e[201];
|
|
370
|
+
let J;
|
|
371
|
+
e[202] !== n || e[203] !== T || e[204] !== k || e[205] !== t.hint || e[206] !== s ? (J = k === "below" && /* @__PURE__ */ p(dl, { customClass: "hint", skeletonize: s, description: t.hint, disabled: n, visible: T }), e[202] = n, e[203] = T, e[204] = k, e[205] = t.hint, e[206] = s, e[207] = J) : J = e[207];
|
|
372
|
+
let Q;
|
|
373
|
+
e[208] !== D || e[209] !== L || e[210] !== c || e[211] !== s ? (Q = L && /* @__PURE__ */ p("span", { "data-testid": "test-select-field-list-errors", className: "error", "data-state-skeletonize": s, "aria-describedby": String(c).concat("-errors"), children: D?.map(Fl) }), e[208] = D, e[209] = L, e[210] = c, e[211] = s, e[212] = Q) : Q = e[212];
|
|
374
|
+
let X;
|
|
375
|
+
e[213] !== L || e[214] !== k || e[215] !== At || e[216] !== z || e[217] !== Y || e[218] !== J || e[219] !== Q ? (X = /* @__PURE__ */ le("div", { ref: el, "data-testid": "test-select-field-root", className: At, "data-state-error": L, "data-state-hint-position": k, children: [
|
|
376
|
+
z,
|
|
377
|
+
Y,
|
|
378
|
+
J,
|
|
379
|
+
Q
|
|
380
|
+
] }), e[213] = L, e[214] = k, e[215] = At, e[216] = z, e[217] = Y, e[218] = J, e[219] = Q, e[220] = X) : X = e[220];
|
|
381
|
+
let Z;
|
|
382
|
+
e[221] !== Nt || e[222] !== X ? (Z = /* @__PURE__ */ p(pl.Provider, { value: Nt, children: X }), e[221] = Nt, e[222] = X, e[223] = Z) : Z = e[223];
|
|
383
|
+
const zt = R === "right" ? 64 : void 0;
|
|
384
|
+
let ee;
|
|
385
|
+
e[224] !== zt || e[225] !== P || e[226] !== R || e[227] !== q ? (ee = /* @__PURE__ */ p(ml, { targetRef: w, text: P, position: R, width: q, space: zt }), e[224] = zt, e[225] = P, e[226] = R, e[227] = q, e[228] = ee) : ee = e[228];
|
|
386
|
+
let nt;
|
|
387
|
+
return e[229] !== Z || e[230] !== ee ? (nt = /* @__PURE__ */ le(rl, { children: [
|
|
388
|
+
Z,
|
|
389
|
+
ee
|
|
390
|
+
] }), e[229] = Z, e[230] = ee, e[231] = nt) : nt = e[231], nt;
|
|
391
|
+
});
|
|
392
|
+
Bl.displayName = "SelectFieldInputBase";
|
|
393
|
+
function wl(t) {
|
|
394
|
+
return h.toNumber(t);
|
|
395
|
+
}
|
|
396
|
+
function Ll(t) {
|
|
397
|
+
return h.toNumber(t);
|
|
398
|
+
}
|
|
399
|
+
function Ol(t) {
|
|
400
|
+
return h.toNumber(t);
|
|
401
|
+
}
|
|
402
|
+
function Fl(t, ne) {
|
|
403
|
+
return /* @__PURE__ */ le(o.Fragment, { children: [
|
|
404
|
+
t,
|
|
405
|
+
" "
|
|
406
|
+
] }, `${ne + 1}-${t}`);
|
|
407
|
+
}
|
|
408
|
+
export {
|
|
409
|
+
Bl as InputBase
|
|
410
|
+
};
|
|
411
|
+
//# sourceMappingURL=base.js.map
|