linear-react-components-ui 1.1.26-beta.23 → 1.1.26-beta.25
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/radiofield.css +1 -1
- package/lib/assets/styles/selectfield.css +1 -1
- package/lib/assets/styles/textfield.css +1 -1
- package/lib/buttons/DefaultButton.js +1 -1
- package/lib/calendar/base/index.js +2 -2
- package/lib/dialog/base/Content.d.ts +1 -1
- package/lib/dialog/base/Content.js +8 -7
- package/lib/dialog/base/Content.js.map +1 -1
- package/lib/dialog/form/index.js +23 -23
- package/lib/dialog/form/index.js.map +1 -1
- package/lib/dialog/types.d.ts +2 -1
- package/lib/dialog/wizard/index.js +4 -4
- package/lib/form/Field.js.map +1 -1
- package/lib/form/FieldArray.js +18 -18
- package/lib/form/FieldArray.js.map +1 -1
- package/lib/form/FieldNumber.js +42 -39
- package/lib/form/FieldNumber.js.map +1 -1
- package/lib/form/FieldPeriod.js +27 -27
- package/lib/form/FieldPeriod.js.map +1 -1
- package/lib/form/helpers.d.ts +5 -1
- package/lib/form/helpers.js.map +1 -1
- package/lib/form/withFormSecurity.js +3 -3
- package/lib/form2/useForm/index.js +95 -87
- package/lib/form2/useForm/index.js.map +1 -1
- package/lib/icons/index.js +1 -1
- package/lib/inputs/base/InputTextBase.js +1 -1
- package/lib/inputs/base/types.d.ts +2 -2
- package/lib/inputs/date/index.js +1 -1
- package/lib/inputs/mask/types.d.ts +2 -1
- package/lib/inputs/number/Currency.d.ts +1 -1
- package/lib/inputs/number/Currency.js +79 -18
- package/lib/inputs/number/Currency.js.map +1 -1
- package/lib/inputs/number/Decimal.d.ts +2 -2
- package/lib/inputs/number/Decimal.js +78 -8
- package/lib/inputs/number/Decimal.js.map +1 -1
- package/lib/inputs/number/format_number.js +11 -5
- package/lib/inputs/number/format_number.js.map +1 -1
- package/lib/inputs/number/index.d.ts +1 -1
- package/lib/inputs/number/index.js +75 -31
- package/lib/inputs/number/index.js.map +1 -1
- package/lib/inputs/number/types.d.ts +9 -0
- package/lib/inputs/period/PeriodList.js +3 -3
- package/lib/inputs/period/helper.d.ts +1 -0
- package/lib/inputs/period/helper.js +27 -19
- package/lib/inputs/period/helper.js.map +1 -1
- package/lib/inputs/period/index.js +156 -152
- package/lib/inputs/period/index.js.map +1 -1
- package/lib/inputs2/checkboxfield/base.js +1 -1
- package/lib/inputs2/date/datefield/base.js +1 -1
- package/lib/inputs2/date/datefield/types.d.ts +2 -2
- package/lib/inputs2/date/dateperiodfield/base.js +1 -1
- package/lib/inputs2/date/dateperiodfield/types.d.ts +2 -2
- package/lib/inputs2/filefield/index.js.map +1 -1
- package/lib/inputs2/index.d.ts +1 -1
- package/lib/inputs2/index.js +8 -8
- package/lib/inputs2/mask/Cnpj.d.ts +6 -3
- package/lib/inputs2/mask/Cnpj.js +107 -43
- package/lib/inputs2/mask/Cnpj.js.map +1 -1
- package/lib/inputs2/mask/Cpf.d.ts +6 -3
- package/lib/inputs2/mask/Cpf.js +87 -37
- package/lib/inputs2/mask/Cpf.js.map +1 -1
- package/lib/inputs2/mask/Phone.d.ts +5 -3
- package/lib/inputs2/mask/Phone.js +19 -18
- package/lib/inputs2/mask/Phone.js.map +1 -1
- package/lib/inputs2/mask/ZipCode.d.ts +6 -2
- package/lib/inputs2/mask/ZipCode.js +18 -16
- package/lib/inputs2/mask/ZipCode.js.map +1 -1
- package/lib/inputs2/mask/index.d.ts +6 -0
- package/lib/inputs2/mask/index.js +113 -0
- package/lib/inputs2/mask/index.js.map +1 -0
- package/lib/inputs2/mask/types.d.ts +16 -0
- package/lib/inputs2/numberfield/currency.d.ts +2 -1
- package/lib/inputs2/numberfield/currency.js +93 -75
- package/lib/inputs2/numberfield/currency.js.map +1 -1
- package/lib/inputs2/numberfield/decimal.d.ts +2 -1
- package/lib/inputs2/numberfield/decimal.js +86 -68
- package/lib/inputs2/numberfield/decimal.js.map +1 -1
- package/lib/inputs2/numberfield/helpers.js +10 -10
- package/lib/inputs2/numberfield/helpers.js.map +1 -1
- package/lib/inputs2/numberfield/index.d.ts +3 -2
- package/lib/inputs2/numberfield/index.js +26 -25
- package/lib/inputs2/numberfield/index.js.map +1 -1
- package/lib/inputs2/radiofield/base.js +76 -80
- package/lib/inputs2/radiofield/base.js.map +1 -1
- package/lib/inputs2/radiofield/index.js.map +1 -1
- package/lib/inputs2/selectfield/base.d.ts +1 -2
- package/lib/inputs2/selectfield/base.js +258 -381
- package/lib/inputs2/selectfield/base.js.map +1 -1
- package/lib/inputs2/selectfield/context.d.ts +1 -1
- package/lib/inputs2/selectfield/context.js.map +1 -1
- package/lib/inputs2/selectfield/helpers.d.ts +5 -0
- package/lib/inputs2/selectfield/helpers.js +22 -13
- package/lib/inputs2/selectfield/helpers.js.map +1 -1
- package/lib/inputs2/selectfield/index.d.ts +2 -1
- package/lib/inputs2/selectfield/index.js +20 -18
- package/lib/inputs2/selectfield/index.js.map +1 -1
- package/lib/inputs2/selectfield/listbox.d.ts +1 -0
- package/lib/inputs2/selectfield/listbox.js +34 -34
- package/lib/inputs2/selectfield/listbox.js.map +1 -1
- package/lib/inputs2/selectfield/selections.d.ts +1 -1
- package/lib/inputs2/selectfield/selections.js +11 -11
- package/lib/inputs2/selectfield/selections.js.map +1 -1
- package/lib/inputs2/selectfield/simple.d.ts +9 -0
- package/lib/inputs2/selectfield/simple.js +24 -0
- package/lib/inputs2/selectfield/simple.js.map +1 -0
- package/lib/inputs2/selectfield/triggers.js +15 -15
- package/lib/inputs2/selectfield/triggers.js.map +1 -1
- package/lib/inputs2/selectfield/types.d.ts +1 -0
- package/lib/inputs2/selectfield/types.js.map +1 -1
- package/lib/inputs2/textareafield/base.js +1 -1
- package/lib/inputs2/textfield/base.js +1 -1
- package/lib/labels/DefaultLabel.js +1 -1
- package/lib/list/Item.js +1 -1
- package/lib/menus/sidenav/MenuLink.js +1 -1
- package/lib/menus/sidenav/NavMenuItem.js +1 -1
- package/lib/permissionValidations.js +1 -2
- package/lib/textContent/index.js +1 -1
- package/package.json +1 -1
- package/lib/inputs/number/BaseNumber.d.ts +0 -3
- package/lib/inputs/number/BaseNumber.js +0 -60
- package/lib/inputs/number/BaseNumber.js.map +0 -1
- package/lib/inputs2/mask/BaseMask.d.ts +0 -13
- package/lib/inputs2/mask/BaseMask.js +0 -79
- package/lib/inputs2/mask/BaseMask.js.map +0 -1
|
@@ -3,11 +3,11 @@ import { c as y } from "../../_virtual/compiler-runtime.js";
|
|
|
3
3
|
import { forwardRef as x } from "react";
|
|
4
4
|
import I from "../../icons/index.js";
|
|
5
5
|
import { useSelectFieldContext as R } from "./context.js";
|
|
6
|
-
const
|
|
6
|
+
const N = (c) => {
|
|
7
7
|
const t = y.c(22);
|
|
8
8
|
let e, l, s, a, i, n;
|
|
9
9
|
t[0] !== c ? ({
|
|
10
|
-
|
|
10
|
+
disabled: e,
|
|
11
11
|
isReadOnly: l,
|
|
12
12
|
value: n,
|
|
13
13
|
label: s,
|
|
@@ -19,17 +19,17 @@ const D = (c) => {
|
|
|
19
19
|
let r;
|
|
20
20
|
t[9] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ b(I, { name: "cancel2" }), t[9] = r) : r = t[9];
|
|
21
21
|
let m;
|
|
22
|
-
t[10] !== e || t[11] !== l || t[12] !== a ? (m = /* @__PURE__ */ b("button", { type: "button", disabled: e, "data-state-read-only": l, tabIndex: -1, className: "remove", title: "Remover", onClick: a, onMouseDown:
|
|
22
|
+
t[10] !== e || t[11] !== l || t[12] !== a ? (m = /* @__PURE__ */ b("button", { type: "button", disabled: e, "data-state-read-only": l, tabIndex: -1, className: "remove", title: "Remover", onClick: a, onMouseDown: g, children: r }), t[10] = e, t[11] = l, t[12] = a, t[13] = m) : m = t[13];
|
|
23
23
|
let d;
|
|
24
24
|
return t[14] !== e || t[15] !== l || t[16] !== s || t[17] !== i || t[18] !== o || t[19] !== m || t[20] !== n ? (d = /* @__PURE__ */ v("span", { id: n, title: s, className: "selected", "data-state-disabled": e, "data-state-read-only": l, ...i, children: [
|
|
25
25
|
o,
|
|
26
26
|
m
|
|
27
27
|
] }), t[14] = e, t[15] = l, t[16] = s, t[17] = i, t[18] = o, t[19] = m, t[20] = n, t[21] = d) : d = t[21], d;
|
|
28
|
-
},
|
|
28
|
+
}, O = x((c, t) => {
|
|
29
29
|
const e = y.c(20);
|
|
30
30
|
let l, s, a, i;
|
|
31
31
|
e[0] !== c ? ({
|
|
32
|
-
|
|
32
|
+
disabled: l,
|
|
33
33
|
isReadOnly: s,
|
|
34
34
|
listOfOptionsToSelect: a,
|
|
35
35
|
...i
|
|
@@ -47,20 +47,20 @@ const D = (c) => {
|
|
|
47
47
|
if (!m)
|
|
48
48
|
return null;
|
|
49
49
|
let f;
|
|
50
|
-
e[7] !==
|
|
50
|
+
e[7] !== l || e[8] !== h || e[9] !== s || e[10] !== a || e[11] !== n ? (f = [...n].map((u) => {
|
|
51
51
|
const p = a.get(u);
|
|
52
|
-
return /* @__PURE__ */ b(
|
|
52
|
+
return /* @__PURE__ */ b(N, { value: u, label: p, disabled: l, isReadOnly: s, removeItemSelected: () => {
|
|
53
53
|
h(u, p);
|
|
54
54
|
} }, u);
|
|
55
|
-
}), e[7] =
|
|
55
|
+
}), e[7] = l, e[8] = h, e[9] = s, e[10] = a, e[11] = n, e[12] = f) : f = e[12];
|
|
56
56
|
let S;
|
|
57
57
|
return e[13] !== l || e[14] !== o || e[15] !== s || e[16] !== t || e[17] !== i || e[18] !== f ? (S = /* @__PURE__ */ b("div", { ref: t, className: "selections", "data-testid": "test-select-field-input-selections", "aria-disabled": l, "aria-readonly": s, "data-state-multiple-selections": o, ...i, children: f }), e[13] = l, e[14] = o, e[15] = s, e[16] = t, e[17] = i, e[18] = f, e[19] = S) : S = e[19], S;
|
|
58
58
|
});
|
|
59
|
-
|
|
60
|
-
function
|
|
59
|
+
O.displayName = "SelectFieldSelections";
|
|
60
|
+
function g(c) {
|
|
61
61
|
c.preventDefault();
|
|
62
62
|
}
|
|
63
63
|
export {
|
|
64
|
-
|
|
64
|
+
O as Selections
|
|
65
65
|
};
|
|
66
66
|
//# sourceMappingURL=selections.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selections.js","sources":["../../../src/lib/inputs2/selectfield/selections.tsx"],"sourcesContent":["import { ComponentProps, forwardRef } from 'react';\nimport Icon from '../../icons';\nimport { useSelectFieldContext } from './context';\n\ninterface SelectFieldItemSelectedProps extends ComponentProps<'span'> {\n
|
|
1
|
+
{"version":3,"file":"selections.js","sources":["../../../src/lib/inputs2/selectfield/selections.tsx"],"sourcesContent":["import { ComponentProps, forwardRef } from 'react';\nimport Icon from '../../icons';\nimport { useSelectFieldContext } from './context';\n\ninterface SelectFieldItemSelectedProps extends ComponentProps<'span'> {\n disabled: boolean;\n isReadOnly: boolean;\n value?: any;\n label?: string;\n removeItemSelected: () => void;\n}\n\nconst ItemSelected = (props: SelectFieldItemSelectedProps) => {\n const { disabled, isReadOnly, value, label, removeItemSelected, ...rest } = props;\n\n return (\n <span\n id={value}\n title={label}\n className=\"selected\"\n data-state-disabled={disabled}\n data-state-read-only={isReadOnly}\n {...rest}>\n <p className=\"label\">{label}</p>\n <button\n type=\"button\"\n disabled={disabled}\n data-state-read-only={isReadOnly}\n tabIndex={-1}\n className=\"remove\"\n title=\"Remover\"\n onClick={removeItemSelected}\n onMouseDown={(event) => { event.preventDefault(); }}>\n <Icon name=\"cancel2\" />\n </button>\n </span>\n );\n};\n\ninterface SelectFieldSelectionsProps extends ComponentProps<'div'> {\n disabled: boolean;\n isReadOnly: boolean;\n listOfOptionsToSelect: Map<string, string>;\n}\n\nconst Selections = forwardRef<HTMLDivElement, SelectFieldSelectionsProps>((props, ref) => {\n const { disabled, isReadOnly, listOfOptionsToSelect, ...rest } = props;\n const { valueSelect, isMultipleDefault, handleOnChange } = useSelectFieldContext();\n const hasValuesSelected = Boolean([...valueSelect]?.length);\n\n const handleRemoveItemSelected = (value: any, label: string) => {\n handleOnChange?.(value, label, true);\n };\n\n if (!hasValuesSelected) return null;\n return (\n <div\n ref={ref}\n className=\"selections\"\n data-testid=\"test-select-field-input-selections\"\n aria-disabled={disabled}\n aria-readonly={isReadOnly}\n data-state-multiple-selections={isMultipleDefault}\n {...rest}>\n {[...valueSelect].map((value) => {\n const label = listOfOptionsToSelect.get(value)!;\n return (\n <ItemSelected\n key={value}\n value={value}\n label={label}\n disabled={disabled}\n isReadOnly={isReadOnly}\n removeItemSelected={() => { handleRemoveItemSelected(value, label); }} />\n );\n })}\n </div>\n );\n});\n\nSelections.displayName = 'SelectFieldSelections';\nexport { Selections };\nexport type { SelectFieldSelectionsProps };\n"],"names":["ItemSelected","props","$","_c","disabled","isReadOnly","label","removeItemSelected","rest","value","t0","jsx","t1","Symbol","for","Icon","t2","_temp","t3","jsxs","Selections","forwardRef","ref","listOfOptionsToSelect","valueSelect","isMultipleDefault","handleOnChange","useSelectFieldContext","hasValuesSelected","Boolean","length","handleRemoveItemSelected","map","value_0","label_0","get","displayName","event","preventDefault"],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { SelectFieldInputProps } from './types';
|
|
2
|
+
interface SimpleSelectFieldProps extends SelectFieldInputProps {
|
|
3
|
+
dataSource: Array<Record<string, any>>;
|
|
4
|
+
idKey: string;
|
|
5
|
+
descriptionKey: string;
|
|
6
|
+
}
|
|
7
|
+
declare const Simple: import('react').ForwardRefExoticComponent<SimpleSelectFieldProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
8
|
+
export { Simple };
|
|
9
|
+
export type { SimpleSelectFieldProps };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { c as s } from "../../_virtual/compiler-runtime.js";
|
|
3
|
+
import { forwardRef as d } from "react";
|
|
4
|
+
import { Input as f } from "./index.js";
|
|
5
|
+
import { Item as u } from "./item.js";
|
|
6
|
+
const S = d((c, a) => {
|
|
7
|
+
const e = s.c(13);
|
|
8
|
+
let r, t, l, i;
|
|
9
|
+
e[0] !== c ? ({
|
|
10
|
+
idKey: l,
|
|
11
|
+
descriptionKey: t,
|
|
12
|
+
dataSource: r,
|
|
13
|
+
...i
|
|
14
|
+
} = c, e[0] = c, e[1] = r, e[2] = t, e[3] = l, e[4] = i) : (r = e[1], t = e[2], l = e[3], i = e[4]);
|
|
15
|
+
let o;
|
|
16
|
+
e[5] !== r || e[6] !== t || e[7] !== l ? (o = r?.map((p) => /* @__PURE__ */ n(u, { value: p[l], label: p[t], children: p[t] }, p[l])), e[5] = r, e[6] = t, e[7] = l, e[8] = o) : o = e[8];
|
|
17
|
+
let m;
|
|
18
|
+
return e[9] !== a || e[10] !== i || e[11] !== o ? (m = /* @__PURE__ */ n(f, { ...i, ref: a, children: o }), e[9] = a, e[10] = i, e[11] = o, e[12] = m) : m = e[12], m;
|
|
19
|
+
});
|
|
20
|
+
S.displayName = "SimpleSelectFieldInput";
|
|
21
|
+
export {
|
|
22
|
+
S as Simple
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=simple.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"simple.js","sources":["../../../src/lib/inputs2/selectfield/simple.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Input, Item } from \".\";\nimport type { SelectFieldInputProps } from \"./types\";\n\ninterface SimpleSelectFieldProps extends SelectFieldInputProps {\n dataSource: Array<Record<string, any>>;\n idKey: string;\n descriptionKey: string;\n}\n\nconst Simple = forwardRef<HTMLInputElement, SimpleSelectFieldProps>(\n (props, ref) => {\n const { idKey, descriptionKey, dataSource, ...rest } = props;\n\n return (\n <Input {...rest} ref={ref}>\n {dataSource?.map(item => (\n <Item key={item[idKey]} value={item[idKey]} label={item[descriptionKey]}>\n {item[descriptionKey]}\n </Item>\n ))}\n </Input>\n );\n },\n);\n\nSimple.displayName = 'SimpleSelectFieldInput';\nexport { Simple };\nexport type { SimpleSelectFieldProps };\n"],"names":["Simple","forwardRef","props","ref","$","_c","dataSource","descriptionKey","idKey","rest","t0","map","item","Item","t1","jsx","Input","displayName"],"mappings":";;;;;AAUA,MAAMA,IAASC,EACb,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAL,SAAAF,KACE;AAAA,IAAAM,OAAAA;AAAAA,IAAAD,gBAAAA;AAAAA,IAAAD,YAAAA;AAAAA,IAAA,GAAAG;AAAAA,EAAAA,IAAuDP,GAAME,OAAAF,GAAAE,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,MAAAH,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA;AAAA,MAAAM;AAAA,EAAAN,EAAA,CAAA,MAAAE,KAAAF,SAAAG,KAAAH,EAAA,CAAA,MAAAI,KAIxDE,IAAAJ,GAAUK,IAAMC,CAAAA,wBACdC,GAAA,EAA8B,OAAAD,EAAKJ,CAAK,GAAU,OAAAI,EAAKL,CAAc,GACnEK,UAAAA,EAAKL,CAAc,KADXK,EAAKJ,CAAK,CAErB,CACD,GAACJ,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAAA,MAAAU;AAAA,SAAAV,EAAA,CAAA,MAAAD,KAAAC,UAAAK,KAAAL,EAAA,EAAA,MAAAM,KALJI,IAAA,gBAAAC,EAACC,GAAA,EAAK,GAAKP,GAAWN,KAAAA,GACnBO,UAAAA,GAKH,GAAQN,OAAAD,GAAAC,QAAAK,GAAAL,QAAAM,GAAAN,QAAAU,KAAAA,IAAAV,EAAA,EAAA,GANRU;AAMQ,CAGd;AAEAd,EAAOiB,cAAc;"}
|
|
@@ -9,13 +9,13 @@ import { useSelectFieldContext as E } from "./context.js";
|
|
|
9
9
|
import O from "../../list/Item.js";
|
|
10
10
|
const R = () => {
|
|
11
11
|
const e = A.c(40), {
|
|
12
|
-
|
|
12
|
+
disabled: t,
|
|
13
13
|
selectFieldId: o,
|
|
14
14
|
listBoxOpen: b,
|
|
15
15
|
showClearButton: w,
|
|
16
|
-
dropdownAlignButton:
|
|
17
|
-
handleClearValue:
|
|
18
|
-
handleChangeListBoxState:
|
|
16
|
+
dropdownAlignButton: I,
|
|
17
|
+
handleClearValue: C,
|
|
18
|
+
handleChangeListBoxState: D,
|
|
19
19
|
handleCheckMultiple: n,
|
|
20
20
|
optionItens: S,
|
|
21
21
|
isMultipleSelect: T,
|
|
@@ -24,13 +24,13 @@ const R = () => {
|
|
|
24
24
|
let h;
|
|
25
25
|
e[0] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ i(N, { name: "cancel" }), e[0] = h) : h = e[0];
|
|
26
26
|
let a;
|
|
27
|
-
e[1] !==
|
|
28
|
-
let s;
|
|
29
|
-
e[6] !== n ? (s = () => {
|
|
30
|
-
n(!0);
|
|
31
|
-
}, e[6] = n, e[7] = s) : s = e[7];
|
|
27
|
+
e[1] !== t || e[2] !== C || e[3] !== o || e[4] !== w ? (a = /* @__PURE__ */ i("button", { "data-testid": "test-select-field-trigger-clear", className: "clear", type: "button", title: "Limpar", tabIndex: -1, disabled: t, "aria-disabled": t, "aria-label": "Limpar", "aria-controls": o, onClick: C, "data-state-visible": w, onMouseDown: U, children: h }), e[1] = t, e[2] = C, e[3] = o, e[4] = w, e[5] = a) : a = e[5];
|
|
32
28
|
let r;
|
|
33
|
-
e[
|
|
29
|
+
e[6] !== n ? (r = () => {
|
|
30
|
+
n(!0);
|
|
31
|
+
}, e[6] = n, e[7] = r) : r = e[7];
|
|
32
|
+
let s;
|
|
33
|
+
e[8] !== l || e[9] !== r ? (s = /* @__PURE__ */ i(O, { visible: l, itemId: "opcao-marcar-todos", leftIconName: "checkboxChecked", text: "Marcar Todos", onMouseDown: W, onClick: r }), e[8] = l, e[9] = r, e[10] = s) : s = e[10];
|
|
34
34
|
let c;
|
|
35
35
|
e[11] !== n ? (c = () => {
|
|
36
36
|
n(!1);
|
|
@@ -41,18 +41,18 @@ const R = () => {
|
|
|
41
41
|
let m;
|
|
42
42
|
e[16] !== _ ? (m = /* @__PURE__ */ i(F, { children: _ }), e[16] = _, e[17] = m) : m = e[17];
|
|
43
43
|
let p;
|
|
44
|
-
e[18] !==
|
|
45
|
-
|
|
44
|
+
e[18] !== s || e[19] !== d || e[20] !== m ? (p = /* @__PURE__ */ y(j, { children: [
|
|
45
|
+
s,
|
|
46
46
|
d,
|
|
47
47
|
m
|
|
48
|
-
] }), e[18] =
|
|
48
|
+
] }), e[18] = s, e[19] = d, e[20] = m, e[21] = p) : p = e[21];
|
|
49
49
|
let f;
|
|
50
|
-
e[22] !==
|
|
50
|
+
e[22] !== t || e[23] !== I || e[24] !== k || e[25] !== o || e[26] !== p ? (f = /* @__PURE__ */ i(L, { "data-testid": "test-select-field-trigger-options", dropdown: !0, transparent: !0, boxShadow: !1, showIconDropdown: !1, visible: k, type: "button", title: "Opções", tabIndex: -1, disabled: t, "aria-label": "Opções", "aria-controls": o, iconName: "more1", dropdownAlign: I, onMouseDown: V, children: p }), e[22] = t, e[23] = I, e[24] = k, e[25] = o, e[26] = p, e[27] = f) : f = e[27];
|
|
51
51
|
const v = b ? "Fechar" : "Abrir", M = b ? "Fechar" : "Abrir";
|
|
52
52
|
let x;
|
|
53
53
|
e[28] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ i(N, { name: "mini_down" }), e[28] = x) : x = e[28];
|
|
54
54
|
let u;
|
|
55
|
-
e[29] !==
|
|
55
|
+
e[29] !== t || e[30] !== D || e[31] !== b || e[32] !== o || e[33] !== v || e[34] !== M ? (u = /* @__PURE__ */ i("button", { "data-testid": "test-select-field-trigger-open-listbox", className: "open-listbox", type: "button", title: v, tabIndex: -1, disabled: t, "aria-disabled": t, "aria-label": M, "aria-expanded": b, "aria-controls": o, onClick: D, onMouseDown: q, children: x }), e[29] = t, e[30] = D, e[31] = b, e[32] = o, e[33] = v, e[34] = M, e[35] = u) : u = e[35];
|
|
56
56
|
let g;
|
|
57
57
|
return e[36] !== a || e[37] !== u || e[38] !== f ? (g = /* @__PURE__ */ y(F, { children: [
|
|
58
58
|
a,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"triggers.js","sources":["../../../src/lib/inputs2/selectfield/triggers.tsx"],"sourcesContent":["import { Fragment } from 'react';\nimport Icon from '../../icons';\nimport Button from '../../buttons';\nimport List, { ListItem } from '../../list';\nimport { useSelectFieldContext } from './context';\n\ninterface SelectFieldTriggersProps { }\n\nconst Triggers = () => {\n const {\n
|
|
1
|
+
{"version":3,"file":"triggers.js","sources":["../../../src/lib/inputs2/selectfield/triggers.tsx"],"sourcesContent":["import { Fragment } from 'react';\nimport Icon from '../../icons';\nimport Button from '../../buttons';\nimport List, { ListItem } from '../../list';\nimport { useSelectFieldContext } from './context';\n\ninterface SelectFieldTriggersProps { }\n\nconst Triggers = () => {\n const {\n disabled, selectFieldId, listBoxOpen, showClearButton, dropdownAlignButton, handleClearValue,\n handleChangeListBoxState, handleCheckMultiple, optionItens, isMultipleSelect, \n isMultipleWithCheckboxes,\n } = useSelectFieldContext();\n const hasOptionsItens = Boolean(optionItens?.length);\n const hasConditionToShowOptionsButton = (!isMultipleSelect && hasOptionsItens) \n || isMultipleWithCheckboxes;\n\n return (\n <Fragment>\n <button\n data-testid=\"test-select-field-trigger-clear\"\n className=\"clear\"\n type=\"button\"\n title=\"Limpar\"\n tabIndex={-1}\n disabled={disabled}\n aria-disabled={disabled}\n aria-label=\"Limpar\"\n aria-controls={selectFieldId}\n onClick={handleClearValue}\n data-state-visible={showClearButton}\n onMouseDown={(event) => { event.preventDefault(); }}>\n <Icon name=\"cancel\" />\n </button>\n <Button\n data-testid=\"test-select-field-trigger-options\"\n dropdown\n transparent\n boxShadow={false}\n showIconDropdown={false}\n visible={hasConditionToShowOptionsButton}\n type=\"button\"\n title=\"Opções\"\n tabIndex={-1}\n disabled={disabled}\n aria-label=\"Opções\"\n aria-controls={selectFieldId}\n iconName=\"more1\"\n dropdownAlign={dropdownAlignButton}\n onMouseDown={(event) => { event.preventDefault(); }}>\n <List>\n <ListItem\n visible={isMultipleWithCheckboxes}\n itemId=\"opcao-marcar-todos\"\n leftIconName=\"checkboxChecked\"\n text=\"Marcar Todos\"\n onMouseDown={(event) => { event?.preventDefault?.(); }}\n onClick={() => { handleCheckMultiple(true); }} />\n <ListItem\n visible={isMultipleWithCheckboxes}\n itemId=\"opcao-desmarcar-todos\"\n leftIconName=\"checkboxUnchecked\"\n text=\"Desmarcar Todos\"\n onMouseDown={(event) => { event?.preventDefault?.(); }}\n onClick={() => { handleCheckMultiple(false); }} />\n <Fragment>\n {hasOptionsItens && optionItens}\n </Fragment>\n </List>\n </Button>\n <button\n data-testid=\"test-select-field-trigger-open-listbox\"\n className=\"open-listbox\"\n type=\"button\"\n title={!listBoxOpen ? 'Abrir' : 'Fechar'}\n tabIndex={-1}\n disabled={disabled}\n aria-disabled={disabled}\n aria-label={!listBoxOpen ? 'Abrir' : 'Fechar'}\n aria-expanded={listBoxOpen}\n aria-controls={selectFieldId}\n onClick={handleChangeListBoxState}\n onMouseDown={(event) => { event.preventDefault(); }}>\n <Icon name=\"mini_down\" />\n </button>\n </Fragment>\n );\n};\n\nTriggers.displayName = 'SelectFieldTriggers';\nexport { Triggers };\nexport type { SelectFieldTriggersProps };\n"],"names":["Triggers","$","_c","disabled","selectFieldId","listBoxOpen","showClearButton","dropdownAlignButton","handleClearValue","handleChangeListBoxState","handleCheckMultiple","optionItens","isMultipleSelect","isMultipleWithCheckboxes","useSelectFieldContext","hasOptionsItens","Boolean","length","hasConditionToShowOptionsButton","t0","Symbol","for","Icon","t1","jsx","_temp","t2","t3","ListItem","_temp3","t4","t5","_temp4","t6","t7","Fragment","t8","List","t9","Button","_temp2","t10","t11","t12","t13","_temp5","t14","displayName","event","preventDefault","event_0","event_1","event_2","event_3"],"mappings":"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"}
|
|
@@ -50,5 +50,6 @@ export interface SelectFieldInputBaseProps extends InputHTMLProps, ITooltipCommo
|
|
|
50
50
|
dropdownAlignButton?: Extract<Position, 'left' | 'right'>;
|
|
51
51
|
onSearch?: (event?: ChangeEvent<HTMLInputElement>) => void;
|
|
52
52
|
multiple?: keyof typeof MultipleVariantEnum;
|
|
53
|
+
dropdownMaxWidth?: number;
|
|
53
54
|
}
|
|
54
55
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sources":["../../../src/lib/inputs2/selectfield/types.ts"],"sourcesContent":["import { ChangeEvent, type ComponentPropsWithoutRef } from 'react';\nimport type { TextAlign } from '../../@types/Align';\nimport type { ColorTheme } from '../../@types/ColorStyles';\nimport type { ITooltipCommonProps } from '../../tooltip/types';\nimport type { Position, HintPosition } from '../../@types/Position';\nimport type { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';\n\nexport enum MultipleVariantEnum { default = 'default', checkboxes = 'checkboxes' }\nexport enum Keys {\n escape = 'Escape',\n arrowDown = 'ArrowDown',\n arrowUp = 'ArrowUp',\n enter = 'Enter',\n backspace = 'Backspace',\n delete = 'Delete',\n spaceBar = ' '\n}\ntype InputHTMLProps = Omit<ComponentPropsWithoutRef<'input'>, 'multiple' | 'type'>;\n\nexport interface SelectFieldInputProps extends SelectFieldInputBaseProps {\n gridLayout?: string;\n permissionAttr?: PermissionAttr;\n onDeniedActions?: OnDenied;\n}\n\nexport interface SelectFieldInputBaseProps extends InputHTMLProps, ITooltipCommonProps {\n skeletonize?: boolean;\n undigitable?: boolean;\n externalSearch?: boolean;\n showClearButton?: boolean;\n searchOnDropdown?: boolean;\n openDropdownOnFocus?: boolean;\n value?: any;\n label?: string;\n errors?: string[];\n striped?: boolean;\n hint?: string;\n notFoundFilterLabel?: string;\n customClass?: string;\n customClassLabel?: string;\n customClassWrapper?: string;\n searchInputPlaceholder?: string;\n customClassInputContainer?: string;\n multipleInputLabelEmpty?: string;\n multipleInputLabelManySelection?: string;\n textAlign?: TextAlign;\n hintPosition?: HintPosition;\n themePopover?: ColorTheme;\n popoverAlign?: Extract<Position, 'left' | 'right'>;\n dropdownAlignButton?: Extract<Position, 'left' | 'right'>;\n onSearch?: (event?: ChangeEvent<HTMLInputElement>) => void;\n multiple?: keyof typeof MultipleVariantEnum;\n}\n"],"names":["MultipleVariantEnum","default","checkboxes","Keys","escape","arrowDown","arrowUp","enter","backspace","delete","spaceBar"],"mappings":"AAOO,IAAKA,sBAAAA,OAAsBC,EAAAA,UAAU,WAAWC,EAAAA,aAAa,cAAxDF,IAAAA,KAAAA,CAAAA,CAAAA,GACAG,sBAAAA,OACVC,EAAAA,SAAS,UACTC,EAAAA,YAAY,aACZC,EAAAA,UAAU,WACVC,EAAAA,QAAQ,SACRC,EAAAA,YAAY,aACZC,EAAAA,SAAS,UACTC,EAAAA,WAAW,KAPDP,IAAAA,KAAAA,CAAAA,CAAAA;"}
|
|
1
|
+
{"version":3,"file":"types.js","sources":["../../../src/lib/inputs2/selectfield/types.ts"],"sourcesContent":["import { ChangeEvent, type ComponentPropsWithoutRef } from 'react';\nimport type { TextAlign } from '../../@types/Align';\nimport type { ColorTheme } from '../../@types/ColorStyles';\nimport type { ITooltipCommonProps } from '../../tooltip/types';\nimport type { Position, HintPosition } from '../../@types/Position';\nimport type { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';\n\nexport enum MultipleVariantEnum { default = 'default', checkboxes = 'checkboxes' }\nexport enum Keys {\n escape = 'Escape',\n arrowDown = 'ArrowDown',\n arrowUp = 'ArrowUp',\n enter = 'Enter',\n backspace = 'Backspace',\n delete = 'Delete',\n spaceBar = ' '\n}\ntype InputHTMLProps = Omit<ComponentPropsWithoutRef<'input'>, 'multiple' | 'type'>;\n\nexport interface SelectFieldInputProps extends SelectFieldInputBaseProps {\n gridLayout?: string;\n permissionAttr?: PermissionAttr;\n onDeniedActions?: OnDenied;\n}\n\nexport interface SelectFieldInputBaseProps extends InputHTMLProps, ITooltipCommonProps {\n skeletonize?: boolean;\n undigitable?: boolean;\n externalSearch?: boolean;\n showClearButton?: boolean;\n searchOnDropdown?: boolean;\n openDropdownOnFocus?: boolean;\n value?: any;\n label?: string;\n errors?: string[];\n striped?: boolean;\n hint?: string;\n notFoundFilterLabel?: string;\n customClass?: string;\n customClassLabel?: string;\n customClassWrapper?: string;\n searchInputPlaceholder?: string;\n customClassInputContainer?: string;\n multipleInputLabelEmpty?: string;\n multipleInputLabelManySelection?: string;\n textAlign?: TextAlign;\n hintPosition?: HintPosition;\n themePopover?: ColorTheme;\n popoverAlign?: Extract<Position, 'left' | 'right'>;\n dropdownAlignButton?: Extract<Position, 'left' | 'right'>;\n onSearch?: (event?: ChangeEvent<HTMLInputElement>) => void;\n multiple?: keyof typeof MultipleVariantEnum;\n dropdownMaxWidth?: number;\n}\n"],"names":["MultipleVariantEnum","default","checkboxes","Keys","escape","arrowDown","arrowUp","enter","backspace","delete","spaceBar"],"mappings":"AAOO,IAAKA,sBAAAA,OAAsBC,EAAAA,UAAU,WAAWC,EAAAA,aAAa,cAAxDF,IAAAA,KAAAA,CAAAA,CAAAA,GACAG,sBAAAA,OACVC,EAAAA,SAAS,UACTC,EAAAA,YAAY,aACZC,EAAAA,UAAU,WACVC,EAAAA,QAAQ,SACRC,EAAAA,YAAY,aACZC,EAAAA,SAAS,UACTC,EAAAA,WAAW,KAPDP,IAAAA,KAAAA,CAAAA,CAAAA;"}
|
|
@@ -4,7 +4,7 @@ import '../../assets/styles/textfield.css';/* empty css
|
|
|
4
4
|
import r from "react";
|
|
5
5
|
import pt from "../../_virtual/lodash.js";
|
|
6
6
|
import Bt from "../../hint/index.js";
|
|
7
|
-
import It from "../../tooltip/index.js";
|
|
7
|
+
import { Tooltip as It } from "../../tooltip/index.js";
|
|
8
8
|
import Pt from "../../textContent/index.js";
|
|
9
9
|
import { mergeRefs as zt } from "../../form2/helpers.js";
|
|
10
10
|
import At from "../../popover/index.js";
|
|
@@ -2,7 +2,7 @@ import { jsxs as T, jsx as m } from "react/jsx-runtime";
|
|
|
2
2
|
import { c as ut } from "../../_virtual/compiler-runtime.js";
|
|
3
3
|
import U, { useRef as bt, Fragment as rt } from "react";
|
|
4
4
|
import gt from "../../_virtual/lodash.js";
|
|
5
|
-
import vt from "../../tooltip/index.js";
|
|
5
|
+
import { Tooltip as vt } from "../../tooltip/index.js";
|
|
6
6
|
import Ct from "../../popover/index.js";
|
|
7
7
|
import xt from "../../hint/index.js";
|
|
8
8
|
import { LeftSlot as yt, RightSlot as Rt } from "../slot/index.js";
|
|
@@ -3,7 +3,7 @@ import { c as y } from "../_virtual/compiler-runtime.js";
|
|
|
3
3
|
import { useRef as F, useState as L, Fragment as W } from "react";
|
|
4
4
|
import q from "../icons/index.js";
|
|
5
5
|
import { actionsOnPermissionDenied as B, OPTIONS_ON_DENIED as k } from "../permissionValidations.js";
|
|
6
|
-
import G from "../tooltip/index.js";
|
|
6
|
+
import { Tooltip as G } from "../tooltip/index.js";
|
|
7
7
|
const V = (C) => {
|
|
8
8
|
const e = y.c(28), {
|
|
9
9
|
style: p,
|
package/lib/list/Item.js
CHANGED
|
@@ -8,7 +8,7 @@ import { ListContext as Le } from "./helpers.js";
|
|
|
8
8
|
import { WithDropdownContext as je } from "../dropdown/withDropdown.js";
|
|
9
9
|
import { keyCodes as Ae } from "../internals/constants.js";
|
|
10
10
|
import { actionsOnPermissionDenied as We, OPTIONS_ON_DENIED as Ce } from "../permissionValidations.js";
|
|
11
|
-
import ze from "../tooltip/index.js";
|
|
11
|
+
import { Tooltip as ze } from "../tooltip/index.js";
|
|
12
12
|
const Ye = (ge) => {
|
|
13
13
|
const e = Re.c(96), {
|
|
14
14
|
onClick: c,
|
|
@@ -2,7 +2,7 @@ import { jsx as c, jsxs as d } from "react/jsx-runtime";
|
|
|
2
2
|
import { c as x } from "../../_virtual/compiler-runtime.js";
|
|
3
3
|
import { useRef as h, Fragment as k } from "react";
|
|
4
4
|
import { Link as R } from "react-router-dom";
|
|
5
|
-
import g from "../../tooltip/index.js";
|
|
5
|
+
import { Tooltip as g } from "../../tooltip/index.js";
|
|
6
6
|
const w = (a) => {
|
|
7
7
|
const t = x.c(11), {
|
|
8
8
|
url: r,
|
|
@@ -2,7 +2,7 @@ import { jsx as v, jsxs as j } from "react/jsx-runtime";
|
|
|
2
2
|
import { c as Se } from "../../_virtual/compiler-runtime.js";
|
|
3
3
|
import { useState as B, useRef as re, useContext as Ce, useEffect as ge, Fragment as Me } from "react";
|
|
4
4
|
import De from "../../icons/index.js";
|
|
5
|
-
import Ne from "../../tooltip/index.js";
|
|
5
|
+
import { Tooltip as Ne } from "../../tooltip/index.js";
|
|
6
6
|
import Ee from "./MenuLink.js";
|
|
7
7
|
import { SideNavContext as ye, SubMenuContext as Ie } from "./helpers.js";
|
|
8
8
|
import { actionsOnPermissionDenied as He, OPTIONS_ON_DENIED as pe } from "../../permissionValidations.js";
|
package/lib/textContent/index.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx as g, jsxs as w } from "react/jsx-runtime";
|
|
|
2
2
|
import { c as P } from "../_virtual/compiler-runtime.js";
|
|
3
3
|
import { forwardRef as W, useRef as $, useImperativeHandle as I, Fragment as S } from "react";
|
|
4
4
|
import '../assets/styles/textContent.css';/* empty css */
|
|
5
|
-
import U from "../tooltip/index.js";
|
|
5
|
+
import { Tooltip as U } from "../tooltip/index.js";
|
|
6
6
|
const k = W((b, v) => {
|
|
7
7
|
const t = P.c(28);
|
|
8
8
|
let e, f, o, l, r, s, m, i, n, a;
|
package/package.json
CHANGED
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
-
import { c as s } from "../../_virtual/compiler-runtime.js";
|
|
3
|
-
import i from "../mask/BaseMask.js";
|
|
4
|
-
import { numberToEnUS as c } from "./format_number.js";
|
|
5
|
-
const a = (e, t) => {
|
|
6
|
-
if (e.returnFormattedValueOnBlur || e.returnFormattedValueOnKeyDown) {
|
|
7
|
-
const {
|
|
8
|
-
value: n,
|
|
9
|
-
name: r
|
|
10
|
-
} = t.target;
|
|
11
|
-
return {
|
|
12
|
-
...t,
|
|
13
|
-
target: {
|
|
14
|
-
value: c(n),
|
|
15
|
-
name: r
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
}
|
|
19
|
-
return t;
|
|
20
|
-
}, f = (e) => {
|
|
21
|
-
const {
|
|
22
|
-
returnFormattedValueOnBlur: t,
|
|
23
|
-
returnFormattedValueOnKeyDown: n
|
|
24
|
-
} = e;
|
|
25
|
-
return e.isNumeric ? {} : {
|
|
26
|
-
onBlur: (r) => {
|
|
27
|
-
if (e.onBlur) {
|
|
28
|
-
const o = t ? a(e, r) : r;
|
|
29
|
-
e.onBlur(o);
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
onKeyDown: (r) => {
|
|
33
|
-
if (e.onKeyDown) {
|
|
34
|
-
const o = n ? a(e, r) : r;
|
|
35
|
-
e.onKeyDown(o);
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
}, F = (e) => {
|
|
40
|
-
const t = s.c(3);
|
|
41
|
-
let n;
|
|
42
|
-
if (t[0] !== e) {
|
|
43
|
-
const {
|
|
44
|
-
value: r,
|
|
45
|
-
...o
|
|
46
|
-
} = e, m = {
|
|
47
|
-
...o,
|
|
48
|
-
returnFormattedValueOnBlur: !0,
|
|
49
|
-
returnFormattedValueOnKeyDown: !0
|
|
50
|
-
};
|
|
51
|
-
let u;
|
|
52
|
-
t[2] === Symbol.for("react.memo_cache_sentinel") ? (u = ["."], t[2] = u) : u = t[2], n = /* @__PURE__ */ l(i, { mask: Number, value: r ?? 0, thousandsSeparator: ".", radix: ",", mapToRadix: u, isNumeric: !0, ...o, ...f(m) }), t[0] = e, t[1] = n;
|
|
53
|
-
} else
|
|
54
|
-
n = t[1];
|
|
55
|
-
return n;
|
|
56
|
-
};
|
|
57
|
-
export {
|
|
58
|
-
F as default
|
|
59
|
-
};
|
|
60
|
-
//# sourceMappingURL=BaseNumber.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BaseNumber.js","sources":["../../../src/lib/inputs/number/BaseNumber.tsx"],"sourcesContent":["import { KeyboardEvent } from 'react';\nimport { CustomInputEvent } from '../base/types';\nimport BaseMask from '../mask/BaseMask';\nimport { numberToEnUS } from './format_number';\nimport { IBaseNumberProps } from './types';\n\nconst returnEventFormattedValue = (props: IBaseNumberProps, event: CustomInputEvent) => {\n if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown) {\n // Retornando um objeto com a mesma estrutura do Proxy original\n // para recuperacao do valor formatado no padrão americano.\n // O retorno poderá ser modificado conforme necessidade, desde que seja\n // mantido o path até a propriedade value e name.\n const { value, name } = event.target;\n return { ...event, target: { value: numberToEnUS(value), name } };\n }\n return event;\n};\n\nconst getEventProps = (props: IBaseNumberProps) => {\n const { returnFormattedValueOnBlur, returnFormattedValueOnKeyDown } = props;\n if (props.isNumeric) return {};\n return {\n onBlur: (e: CustomInputEvent) => {\n if (props.onBlur) {\n const formattedEvent = returnFormattedValueOnBlur ? returnEventFormattedValue(props, e) : e;\n props.onBlur(formattedEvent as CustomInputEvent);\n }\n },\n onKeyDown: (e: CustomInputEvent | KeyboardEvent<Element>) => {\n if (props.onKeyDown) {\n const formattedEvent = returnFormattedValueOnKeyDown ?\n returnEventFormattedValue(props, e as CustomInputEvent)\n : e;\n props.onKeyDown(formattedEvent as CustomInputEvent);\n }\n },\n };\n};\n\nconst BaseNumber = ({ value, ...props }: IBaseNumberProps) => {\n const eventProps = {\n ...props,\n returnFormattedValueOnBlur: true,\n returnFormattedValueOnKeyDown: true,\n };\n\n return (\n <BaseMask\n mask={Number}\n value={value ?? 0}\n thousandsSeparator=\".\"\n radix=\",\"\n mapToRadix={['.']}\n isNumeric\n {...props}\n {...getEventProps(eventProps)} />\n );\n};\n\nexport default BaseNumber;\n"],"names":["returnEventFormattedValue","props","event","returnFormattedValueOnBlur","returnFormattedValueOnKeyDown","value","name","target","numberToEnUS","getEventProps","isNumeric","onBlur","e","formattedEvent","onKeyDown","BaseNumber","t0","$","_c","t1","eventProps","t2","Symbol","for","BaseMask","Number"],"mappings":";;;;AAMA,MAAMA,IAA4BA,CAACC,GAAyBC,MAA4B;AACtF,MAAID,EAAME,8BAA8BF,EAAMG,+BAA+B;AAK3E,UAAM;AAAA,MAAEC,OAAAA;AAAAA,MAAOC,MAAAA;AAAAA,IAAAA,IAASJ,EAAMK;AAC9B,WAAO;AAAA,MAAE,GAAGL;AAAAA,MAAOK,QAAQ;AAAA,QAAEF,OAAOG,EAAaH,CAAK;AAAA,QAAGC,MAAAA;AAAAA,MAAAA;AAAAA,IAAK;AAAA,EAChE;AACA,SAAOJ;AACT,GAEMO,IAAgBA,CAACR,MAA4B;AACjD,QAAM;AAAA,IAAEE,4BAAAA;AAAAA,IAA4BC,+BAAAA;AAAAA,EAAAA,IAAkCH;AACtE,SAAIA,EAAMS,YAAkB,CAAA,IACrB;AAAA,IACLC,QAAQA,CAACC,MAAwB;AAC/B,UAAIX,EAAMU,QAAQ;AAChB,cAAME,IAAiBV,IAA6BH,EAA0BC,GAAOW,CAAC,IAAIA;AAC1FX,QAAAA,EAAMU,OAAOE,CAAkC;AAAA,MACjD;AAAA,IACF;AAAA,IACAC,WAAWA,CAACF,MAAiD;AAC3D,UAAIX,EAAMa,WAAW;AACnB,cAAMD,IAAiBT,IACnBJ,EAA0BC,GAAOW,CAAqB,IACtDA;AACJX,QAAAA,EAAMa,UAAUD,CAAkC;AAAA,MACpD;AAAA,IACF;AAAA,EAAA;AAEJ,GAEME,IAAaC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,MAAAF,SAAAD,GAAA;AAAC,UAAA;AAAA,MAAAX,OAAAA;AAAAA,MAAA,GAAAJ;AAAAA,IAAAA,IAAAe,GAClBI,IAAmB;AAAA,MAAA,GACdnB;AAAAA,MAAKE,4BACoB;AAAA,MAAIC,+BACD;AAAA,IAAA;AAC/B,QAAAiB;AAAA,IAAAJ,EAAA,CAAA,MAAAK,OAAAC,IAAA,2BAAA,KAQcF,IAAA,CAAC,GAAG,GAACJ,OAAAI,KAAAA,IAAAJ,EAAA,CAAA,GALnBE,sBAACK,KACOC,MAAAA,QACC,OAAApB,KAAA,GACY,oBAAA,KACb,OAAA,KACM,YAAAgB,GACZ,WAAA,OACIpB,GAAK,GACLQ,EAAcW,CAAU,GAAC,GAAIH,OAAAD,GAAAC,OAAAE;AAAAA,EAAA;AAAAA,IAAAA,IAAAF,EAAA,CAAA;AAAA,SARnCE;AAQmC;"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ChangeEvent } from 'react';
|
|
2
|
-
import { FactoryOpts } from 'imask';
|
|
3
|
-
import { TextFieldInputProps } from '../textfield';
|
|
4
|
-
export interface MaskFieldProps extends TextFieldInputProps {
|
|
5
|
-
maskOptions?: FactoryOpts;
|
|
6
|
-
onAccept?: (value: string) => void;
|
|
7
|
-
onComplete?: (value: string, maskRef: any, e?: InputEvent) => void;
|
|
8
|
-
onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
-
autoCompleteMask?: string;
|
|
10
|
-
value?: string;
|
|
11
|
-
}
|
|
12
|
-
declare const Input: import('react').ForwardRefExoticComponent<MaskFieldProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
13
|
-
export { Input };
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import { jsx as C } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as M, useRef as V, useEffect as _ } from "react";
|
|
3
|
-
import "../../node_modules/imask/esm/index.js";
|
|
4
|
-
import "../../node_modules/imask/esm/controls/input.js";
|
|
5
|
-
import "../../node_modules/imask/esm/masked/factory.js";
|
|
6
|
-
import "../../node_modules/imask/esm/controls/mask-element.js";
|
|
7
|
-
import "../../node_modules/imask/esm/controls/html-input-mask-element.js";
|
|
8
|
-
import "../../node_modules/imask/esm/controls/html-mask-element.js";
|
|
9
|
-
import "../../node_modules/imask/esm/controls/html-contenteditable-mask-element.js";
|
|
10
|
-
import "../../node_modules/imask/esm/controls/input-history.js";
|
|
11
|
-
import "../../node_modules/react-imask/esm/input.js";
|
|
12
|
-
import I from "../../node_modules/react-imask/esm/hook.js";
|
|
13
|
-
import "../../node_modules/react-imask/esm/mixin.js";
|
|
14
|
-
import { Input as y } from "../textfield/index.js";
|
|
15
|
-
import { mergeRefs as b } from "../../form2/helpers.js";
|
|
16
|
-
const x = M((f, k) => {
|
|
17
|
-
const {
|
|
18
|
-
maskOptions: n = {
|
|
19
|
-
mask: "",
|
|
20
|
-
lazy: !1,
|
|
21
|
-
placeholderChar: "_"
|
|
22
|
-
},
|
|
23
|
-
autoCompleteMask: s = "",
|
|
24
|
-
name: p,
|
|
25
|
-
value: l,
|
|
26
|
-
onComplete: d,
|
|
27
|
-
onChange: a,
|
|
28
|
-
onBlur: u,
|
|
29
|
-
onAccept: g,
|
|
30
|
-
...h
|
|
31
|
-
} = f, m = V(null), {
|
|
32
|
-
value: v,
|
|
33
|
-
unmaskedValue: i,
|
|
34
|
-
setValue: o,
|
|
35
|
-
maskRef: c
|
|
36
|
-
} = I(n, {
|
|
37
|
-
ref: m,
|
|
38
|
-
onComplete: (t, e) => {
|
|
39
|
-
d?.(e.value, e);
|
|
40
|
-
},
|
|
41
|
-
onAccept: (t, e) => {
|
|
42
|
-
const r = {
|
|
43
|
-
target: {
|
|
44
|
-
name: p,
|
|
45
|
-
value: e.unmaskedValue
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
a?.(r), g?.(e.value);
|
|
49
|
-
}
|
|
50
|
-
});
|
|
51
|
-
return _(() => {
|
|
52
|
-
const t = l ?? "";
|
|
53
|
-
t === "" ? c.current && (c.current.value = "") : o(t);
|
|
54
|
-
}, [l]), /* @__PURE__ */ C(y, { ...h, type: "text", name: p, value: v, onBlur: (t) => {
|
|
55
|
-
if (i.trim().length && s) {
|
|
56
|
-
const e = i, r = n?.mask?.toString().replace(/\D+/g, "").length;
|
|
57
|
-
if (r && r > e.length)
|
|
58
|
-
switch (s) {
|
|
59
|
-
case "left":
|
|
60
|
-
o(e.padStart(r, "0"));
|
|
61
|
-
break;
|
|
62
|
-
case "right":
|
|
63
|
-
o(e.padEnd(r, "0"));
|
|
64
|
-
break;
|
|
65
|
-
default:
|
|
66
|
-
o(e);
|
|
67
|
-
break;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
u && u(t);
|
|
71
|
-
}, onChange: (t) => {
|
|
72
|
-
a && a(t);
|
|
73
|
-
}, ref: b(k, m) });
|
|
74
|
-
});
|
|
75
|
-
x.displayName = "MaskInputField";
|
|
76
|
-
export {
|
|
77
|
-
x as Input
|
|
78
|
-
};
|
|
79
|
-
//# sourceMappingURL=BaseMask.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BaseMask.js","sources":["../../../src/lib/inputs2/mask/BaseMask.tsx"],"sourcesContent":["import { ChangeEvent, FocusEvent, forwardRef, useEffect, useRef } from 'react';\nimport { useIMask } from 'react-imask';\nimport { type FactoryOpts } from 'imask';\nimport { Input as TextInput, TextFieldInputProps } from '../textfield';\nimport { mergeRefs } from '../../form2/helpers';\n\nexport interface MaskFieldProps extends TextFieldInputProps {\n maskOptions?: FactoryOpts;\n onAccept?: (value: string) => void;\n onComplete?: (value: string, maskRef: any, e?: InputEvent) => void;\n onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n autoCompleteMask?: string;\n value?: string;\n}\n\nconst Input = forwardRef<HTMLInputElement, MaskFieldProps>((\n props: MaskFieldProps, ref,\n) => {\n const {\n maskOptions = {\n mask: '',\n lazy: false,\n placeholderChar: '_',\n },\n autoCompleteMask = '',\n name,\n value: valueFromProps,\n onComplete,\n onChange,\n onBlur,\n onAccept,\n ...rest\n } = props;\n const inputRef = useRef<HTMLInputElement | null>(null);\n const { value, unmaskedValue, setValue: setMaskValue, maskRef: refMask } = useIMask(maskOptions, {\n ref: inputRef,\n onComplete: (__, maskRef: any) => {\n onComplete?.(maskRef.value, maskRef);\n },\n onAccept: (__, maskRef) => {\n const syntheticEvent = {\n target: { name, value: maskRef.unmaskedValue },\n } as ChangeEvent<HTMLInputElement>;\n onChange?.(syntheticEvent);\n onAccept?.(maskRef.value);\n },\n });\n\n useEffect(() => {\n const currentValue = valueFromProps ?? '';\n\n if (currentValue === '') {\n if (refMask.current) {\n refMask.current.value = '';\n }\n } else {\n setMaskValue(currentValue);\n }\n }, [valueFromProps]);\n\n return (\n <TextInput\n {...rest}\n type=\"text\"\n name={name}\n value={value}\n onBlur={(e: FocusEvent<HTMLInputElement, Element>) => {\n if (unmaskedValue.trim().length && autoCompleteMask) {\n const currentValue = unmaskedValue;\n const sizeMask = maskOptions?.mask?.toString().replace(/\\D+/g, '').length;\n if (sizeMask && sizeMask > currentValue.length) {\n switch (autoCompleteMask) {\n case 'left':\n setMaskValue(currentValue.padStart(sizeMask, '0'));\n break;\n case 'right':\n setMaskValue(currentValue.padEnd(sizeMask, '0'));\n break;\n default:\n setMaskValue(currentValue);\n break;\n }\n }\n }\n if (onBlur) onBlur(e);\n }}\n onChange={(e: ChangeEvent<HTMLInputElement>) => {\n if (onChange) onChange(e);\n }}\n ref={mergeRefs(ref, inputRef)} />\n );\n});\n\nInput.displayName = 'MaskInputField';\nexport { Input };\n"],"names":["Input","forwardRef","props","ref","maskOptions","mask","lazy","placeholderChar","autoCompleteMask","name","value","valueFromProps","onComplete","onChange","onBlur","onAccept","rest","inputRef","useRef","unmaskedValue","setValue","setMaskValue","maskRef","refMask","useIMask","__","syntheticEvent","target","useEffect","currentValue","current","jsx","TextInput","e","trim","length","sizeMask","toString","replace","padStart","padEnd","mergeRefs","displayName"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAMA,IAAQC,EAA6C,CACzDC,GAAuBC,MACpB;AACH,QAAM;AAAA,IACJC,aAAAA,IAAc;AAAA,MACZC,MAAM;AAAA,MACNC,MAAM;AAAA,MACNC,iBAAiB;AAAA,IAAA;AAAA,IAEnBC,kBAAAA,IAAmB;AAAA,IACnBC,MAAAA;AAAAA,IACAC,OAAOC;AAAAA,IACPC,YAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDd,GACEe,IAAWC,EAAgC,IAAI,GAC/C;AAAA,IAAER,OAAAA;AAAAA,IAAOS,eAAAA;AAAAA,IAAeC,UAAUC;AAAAA,IAAcC,SAASC;AAAAA,EAAAA,IAAYC,EAASpB,GAAa;AAAA,IAC/FD,KAAKc;AAAAA,IACLL,YAAYA,CAACa,GAAIH,MAAiB;AAChCV,MAAAA,IAAaU,EAAQZ,OAAOY,CAAO;AAAA,IACrC;AAAA,IACAP,UAAUA,CAACU,GAAIH,MAAY;AACzB,YAAMI,IAAiB;AAAA,QACrBC,QAAQ;AAAA,UAAElB,MAAAA;AAAAA,UAAMC,OAAOY,EAAQH;AAAAA,QAAAA;AAAAA,MAAc;AAE/CN,MAAAA,IAAWa,CAAc,GACzBX,IAAWO,EAAQZ,KAAK;AAAA,IAC1B;AAAA,EAAA,CACD;AAEDkB,SAAAA,EAAU,MAAM;AACd,UAAMC,IAAelB,KAAkB;AAEvC,IAAIkB,MAAiB,KACfN,EAAQO,YACVP,EAAQO,QAAQpB,QAAQ,MAG1BW,EAAaQ,CAAY;AAAA,EAE7B,GAAG,CAAClB,CAAc,CAAC,GAGjB,gBAAAoB,EAACC,GAAA,EACC,GAAIhB,GACJ,MAAK,QACL,MAAAP,GACA,OAAAC,GACA,QAAQ,CAACuB,MAA6C;AACpD,QAAId,EAAce,OAAOC,UAAU3B,GAAkB;AACnD,YAAMqB,IAAeV,GACfiB,IAAWhC,GAAaC,MAAMgC,SAAAA,EAAWC,QAAQ,QAAQ,EAAE,EAAEH;AACnE,UAAIC,KAAYA,IAAWP,EAAaM;AACtC,gBAAQ3B,GAAAA;AAAAA,UACN,KAAK;AACHa,YAAAA,EAAaQ,EAAaU,SAASH,GAAU,GAAG,CAAC;AACjD;AAAA,UACF,KAAK;AACHf,YAAAA,EAAaQ,EAAaW,OAAOJ,GAAU,GAAG,CAAC;AAC/C;AAAA,UACF;AACEf,YAAAA,EAAaQ,CAAY;AACzB;AAAA,QAAA;AAAA,IAGR;AACA,IAAIf,OAAemB,CAAC;AAAA,EACtB,GACA,UAAU,CAACA,MAAqC;AAC9C,IAAIpB,OAAmBoB,CAAC;AAAA,EAC1B,GACA,KAAKQ,EAAUtC,GAAKc,CAAQ,EAAA,CAAE;AAEpC,CAAC;AAEDjB,EAAM0C,cAAc;"}
|