linear-react-components-ui 2.0.0-beta.5 → 2.0.0-rc.0
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/radio.css +1 -1
- package/lib/assets/styles/selectfield.css +1 -1
- package/lib/assets/styles/split.css +1 -1
- package/lib/form2/useForm/index.js +74 -63
- package/lib/form2/useForm/index.js.map +1 -1
- package/lib/inputs/base/types.d.ts +2 -2
- package/lib/inputs/mask/types.d.ts +2 -1
- 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 +143 -139
- package/lib/inputs/period/index.js.map +1 -1
- package/lib/inputs2/selectfield/base.d.ts +1 -2
- package/lib/inputs2/selectfield/base.js +260 -382
- 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.js.map +1 -1
- package/lib/inputs2/selectfield/listbox.js +17 -18
- 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/triggers.js +15 -15
- package/lib/inputs2/selectfield/triggers.js.map +1 -1
- package/lib/radio/index.js +74 -84
- package/lib/radio/index.js.map +1 -1
- package/lib/table/Row.js +57 -46
- package/lib/table/Row.js.map +1 -1
- package/lib/table/types.d.ts +2 -1
- package/package.json +1 -1
|
@@ -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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"}
|
package/lib/radio/index.js
CHANGED
|
@@ -1,114 +1,104 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
import { useState as ie, useEffect as ce } from "react";
|
|
1
|
+
import { jsx as h, jsxs as U } from "react/jsx-runtime";
|
|
2
|
+
import { c as oe } from "../_virtual/compiler-runtime.js";
|
|
4
3
|
import '../assets/styles/radio.css';/* empty css */
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
4
|
+
import { useState as Y, useEffect as le } from "react";
|
|
5
|
+
import ne from "../popover/index.js";
|
|
6
|
+
import Z from "../textContent/index.js";
|
|
7
|
+
import { OPTIONS_ON_DENIED as ee, actionsOnPermissionDenied as ae } from "../permissionValidations.js";
|
|
8
|
+
const de = (te) => {
|
|
9
|
+
const e = oe.c(53), {
|
|
10
|
+
id: o,
|
|
11
|
+
label: u,
|
|
12
|
+
value: E,
|
|
13
13
|
checked: t,
|
|
14
|
-
onChange:
|
|
15
|
-
name:
|
|
16
|
-
disabled:
|
|
17
|
-
required:
|
|
18
|
-
skeletonize:
|
|
19
|
-
defaultChecked:
|
|
20
|
-
inputRef:
|
|
21
|
-
size:
|
|
22
|
-
customClassForLabel:
|
|
23
|
-
labelUppercase:
|
|
24
|
-
hint:
|
|
25
|
-
hintPosition:
|
|
26
|
-
themePopover:
|
|
27
|
-
popoverAlign:
|
|
28
|
-
permissionAttr:
|
|
29
|
-
} =
|
|
30
|
-
let
|
|
31
|
-
if (e[0] !==
|
|
32
|
-
const
|
|
33
|
-
|
|
14
|
+
onChange: b,
|
|
15
|
+
name: B,
|
|
16
|
+
disabled: G,
|
|
17
|
+
required: H,
|
|
18
|
+
skeletonize: J,
|
|
19
|
+
defaultChecked: M,
|
|
20
|
+
inputRef: L,
|
|
21
|
+
size: Q,
|
|
22
|
+
customClassForLabel: O,
|
|
23
|
+
labelUppercase: S,
|
|
24
|
+
hint: v,
|
|
25
|
+
hintPosition: V,
|
|
26
|
+
themePopover: W,
|
|
27
|
+
popoverAlign: X,
|
|
28
|
+
permissionAttr: _
|
|
29
|
+
} = te, A = B === void 0 ? "" : B, g = G === void 0 ? !1 : G, l = H === void 0 ? !1 : H, k = J === void 0 ? !1 : J, C = M === void 0 ? !1 : M, s = Q === void 0 ? "medium" : Q, j = V === void 0 ? "onLabelRight" : V, q = W === void 0 ? "light" : W, w = X === void 0 ? "left" : X, [n, ie] = Y(t);
|
|
30
|
+
let P, x;
|
|
31
|
+
if (e[0] !== _) {
|
|
32
|
+
const p = [ee.disabled, ee.unvisible];
|
|
33
|
+
P = Y, x = ae(p, _), e[0] = _, e[1] = P, e[2] = x;
|
|
34
34
|
} else
|
|
35
|
-
|
|
36
|
-
const [
|
|
35
|
+
P = e[1], x = e[2];
|
|
36
|
+
const [N] = P(x);
|
|
37
|
+
let y;
|
|
38
|
+
e[3] !== t || e[4] !== n ? (y = () => {
|
|
39
|
+
t !== n && ie(t);
|
|
40
|
+
}, e[3] = t, e[4] = n, e[5] = y) : y = e[5];
|
|
37
41
|
let z;
|
|
38
|
-
e[
|
|
39
|
-
t !== l && ne(t);
|
|
40
|
-
}, e[3] = t, e[4] = l, e[5] = z) : z = e[5];
|
|
42
|
+
e[6] !== t ? (z = [t], e[6] = t, e[7] = z) : z = e[7], le(y, z);
|
|
41
43
|
let D;
|
|
42
|
-
e[
|
|
44
|
+
e[8] !== g || e[9] !== N.disabled || e[10] !== k ? (D = () => g || !!N.disabled || k, e[8] = g, e[9] = N.disabled, e[10] = k, e[11] = D) : D = e[11];
|
|
45
|
+
const i = D, F = !!u;
|
|
43
46
|
let R;
|
|
44
|
-
e[
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
return u = {
|
|
50
|
-
...P && !t ? {
|
|
51
|
-
defaultChecked: P
|
|
47
|
+
e[12] !== t || e[13] !== C || e[14] !== n || e[15] !== b || e[16] !== i ? (R = () => {
|
|
48
|
+
let p;
|
|
49
|
+
return p = {
|
|
50
|
+
...C && !t ? {
|
|
51
|
+
defaultChecked: C
|
|
52
52
|
} : {
|
|
53
|
-
checked:
|
|
53
|
+
checked: n
|
|
54
54
|
}
|
|
55
|
-
},
|
|
56
|
-
...
|
|
57
|
-
onChange: (
|
|
55
|
+
}, b && !i() && (p = {
|
|
56
|
+
...p,
|
|
57
|
+
onChange: (se) => b(se),
|
|
58
58
|
onKeyDown: null,
|
|
59
|
-
role: "button",
|
|
60
59
|
tabIndex: "0"
|
|
61
|
-
}),
|
|
62
|
-
}, e[12] = t, e[13] =
|
|
63
|
-
const
|
|
64
|
-
if (
|
|
60
|
+
}), p;
|
|
61
|
+
}, e[12] = t, e[13] = C, e[14] = n, e[15] = b, e[16] = i, e[17] = R) : R = e[17];
|
|
62
|
+
const T = R;
|
|
63
|
+
if (N.unvisible)
|
|
65
64
|
return null;
|
|
66
65
|
let I;
|
|
67
66
|
e[18] === Symbol.for("react.memo_cache_sentinel") ? (I = {
|
|
68
67
|
display: "flex",
|
|
69
68
|
alignItems: "center"
|
|
70
69
|
}, e[18] = I) : I = e[18];
|
|
71
|
-
const
|
|
72
|
-
let n;
|
|
73
|
-
e[19] !== U ? (n = U(), e[19] = U, e[20] = n) : n = e[20];
|
|
70
|
+
const K = `radio-button ${g ? "disabled" : ""} ${k ? "-skeletonized" : ""}`;
|
|
74
71
|
let a;
|
|
75
|
-
e[
|
|
72
|
+
e[19] !== T ? (a = T(), e[19] = T, e[20] = a) : a = e[20];
|
|
76
73
|
let d;
|
|
77
|
-
e[
|
|
78
|
-
const G = `description ${te && `-${te}`}`;
|
|
74
|
+
e[21] !== i ? (d = i(), e[21] = i, e[22] = d) : d = e[22];
|
|
79
75
|
let c;
|
|
80
|
-
e[
|
|
76
|
+
e[23] !== o || e[24] !== L || e[25] !== A || e[26] !== l || e[27] !== s || e[28] !== a || e[29] !== d || e[30] !== E ? (c = /* @__PURE__ */ h("input", { ...a, ref: L, className: "radio-component", type: "radio", value: E, id: o, name: A, required: l, disabled: d, "data-state-size": s }), e[23] = o, e[24] = L, e[25] = A, e[26] = l, e[27] = s, e[28] = a, e[29] = d, e[30] = E, e[31] = c) : c = e[31];
|
|
81
77
|
let r;
|
|
82
|
-
e[33] !==
|
|
83
|
-
|
|
84
|
-
|
|
78
|
+
e[32] !== O || e[33] !== F || e[34] !== o || e[35] !== u || e[36] !== S || e[37] !== l || e[38] !== i || e[39] !== s ? (r = F && /* @__PURE__ */ h("label", { htmlFor: o, className: `description ${s && `-${s}`}`, children: /* @__PURE__ */ U("span", { children: [
|
|
79
|
+
/* @__PURE__ */ h(Z, { required: l, disabled: i(), className: O, labelUppercase: S }),
|
|
80
|
+
u,
|
|
81
|
+
/* @__PURE__ */ h(Z, {})
|
|
82
|
+
] }) }), e[32] = O, e[33] = F, e[34] = o, e[35] = u, e[36] = S, e[37] = l, e[38] = i, e[39] = s, e[40] = r) : r = e[40];
|
|
85
83
|
let m;
|
|
86
|
-
e[
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
] }), e[39] = E, e[40] = r, e[41] = m) : m = e[41];
|
|
84
|
+
e[41] !== K || e[42] !== c || e[43] !== r ? (m = /* @__PURE__ */ U("div", { className: K, children: [
|
|
85
|
+
c,
|
|
86
|
+
r
|
|
87
|
+
] }), e[41] = K, e[42] = c, e[43] = r, e[44] = m) : m = e[44];
|
|
91
88
|
let f;
|
|
92
|
-
e[
|
|
93
|
-
let p;
|
|
94
|
-
e[46] !== B || e[47] !== d || e[48] !== f ? (p = /* @__PURE__ */ H("div", { className: B, children: [
|
|
95
|
-
d,
|
|
96
|
-
f
|
|
97
|
-
] }), e[46] = B, e[47] = d, e[48] = f, e[49] = p) : p = e[49];
|
|
98
|
-
let h;
|
|
99
|
-
e[50] !== g || e[51] !== F || e[52] !== K || e[53] !== T ? (h = !!g && F === "onLabelRight" && /* @__PURE__ */ b(me, { theme: T, align: K, customClass: "-hint", iconColor: "#03bde2", iconSize: 16, style: {
|
|
89
|
+
e[45] !== v || e[46] !== j || e[47] !== w || e[48] !== q ? (f = !!v && j === "onLabelRight" && /* @__PURE__ */ h(ne, { theme: q, align: w, customClass: "-hint", iconColor: "#03bde2", iconSize: 16, style: {
|
|
100
90
|
margin: "0px 5px",
|
|
101
91
|
height: "auto",
|
|
102
92
|
width: 20
|
|
103
|
-
}, children:
|
|
93
|
+
}, children: v }), e[45] = v, e[46] = j, e[47] = w, e[48] = q, e[49] = f) : f = e[49];
|
|
104
94
|
let $;
|
|
105
|
-
return e[
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
] }), e[
|
|
95
|
+
return e[50] !== m || e[51] !== f ? ($ = /* @__PURE__ */ U("div", { className: "radio-input", style: I, children: [
|
|
96
|
+
m,
|
|
97
|
+
f
|
|
98
|
+
] }), e[50] = m, e[51] = f, e[52] = $) : $ = e[52], $;
|
|
109
99
|
};
|
|
110
|
-
|
|
100
|
+
de.displayName = "Radio";
|
|
111
101
|
export {
|
|
112
|
-
|
|
102
|
+
de as default
|
|
113
103
|
};
|
|
114
104
|
//# sourceMappingURL=index.js.map
|
package/lib/radio/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/lib/radio/index.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/lib/radio/index.tsx"],"sourcesContent":["import '../assets/styles/radio.scss';\n\nimport { useState, useEffect, ChangeEvent } from 'react';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport Popover from '../popover';\nimport TextContent from '../textContent';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\nimport { IRadioProps } from './types';\n\n/**\n * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado\n * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do\n * componente para gerar propriedades customizadas.\n */\n\nconst Radio = ({\n id,\n label,\n value,\n checked,\n onChange,\n name = '',\n disabled = false,\n required = false,\n skeletonize = false,\n defaultChecked = false,\n inputRef,\n size = 'medium',\n customClassForLabel, \n labelUppercase, \n hint,\n hintPosition = 'onLabelRight',\n themePopover = 'light',\n popoverAlign = 'left',\n permissionAttr, \n}: IRadioProps) => {\n const [isChecked, setIsChecked] = useState(checked);\n const options = [OPTIONS_ON_DENIED.disabled, OPTIONS_ON_DENIED.unvisible];\n const [onDenied] = useState<OnDenied>(actionsOnPermissionDenied(options, permissionAttr));\n\n useEffect(() => {\n if (checked !== isChecked) setIsChecked(checked);\n }, [checked]);\n\n const shouldDisable = () => disabled || !!onDenied.disabled || skeletonize;\n const hasLabel = !!label;\n\n const getCustomProps = () => {\n let customProps = {};\n const checkProps = defaultChecked && !checked ? { defaultChecked } : { checked: isChecked };\n customProps = {\n ...checkProps,\n };\n\n if (onChange && !shouldDisable()) {\n customProps = {\n ...customProps,\n onChange: (e: ChangeEvent<HTMLInputElement>) => onChange(e),\n onKeyDown: null,\n tabIndex: '0',\n };\n }\n return customProps;\n };\n\n if (onDenied.unvisible) return null;\n\n return (\n <div className='radio-input' style={{ display: 'flex', alignItems: 'center' }}>\n <div\n className={`radio-button ${disabled ? 'disabled' : ''} ${skeletonize ? '-skeletonized' : ''}`}>\n <input\n {...getCustomProps()}\n ref={inputRef}\n className=\"radio-component\"\n type=\"radio\"\n value={value}\n id={id}\n name={name}\n required={required}\n disabled={shouldDisable()} \n data-state-size={size} />\n {hasLabel && (\n <label htmlFor={id} className={`description ${size && `-${size}`}`}>\n <span>\n <TextContent \n required={required}\n disabled={shouldDisable()}\n className={customClassForLabel}\n labelUppercase={labelUppercase} />\n {label}\n <TextContent />\n </span>\n </label>\n )}\n </div>\n {!!hint && hintPosition === 'onLabelRight' && (\n <Popover \n theme={themePopover}\n align={popoverAlign}\n customClass=\"-hint\"\n iconColor=\"#03bde2\" \n iconSize={16}\n style={{ margin: '0px 5px', height: 'auto', width: 20 }}>\n {hint}\n </Popover>\n )}\n </div>\n );\n};\n\nRadio.displayName = 'Radio';\n\nexport default Radio;\n"],"names":["Radio","t0","$","_c","id","label","value","checked","onChange","name","t1","disabled","t2","required","t3","skeletonize","t4","defaultChecked","t5","inputRef","size","t6","customClassForLabel","labelUppercase","hint","hintPosition","t7","themePopover","t8","popoverAlign","t9","permissionAttr","undefined","isChecked","setIsChecked","useState","t10","t11","options","OPTIONS_ON_DENIED","unvisible","actionsOnPermissionDenied","onDenied","t12","t13","useEffect","t14","shouldDisable","hasLabel","t15","customProps","checkProps","e","onKeyDown","tabIndex","getCustomProps","t16","Symbol","for","display","alignItems","t17","t18","t19","t20","t21","jsx","TextContent","t22","jsxs","t23","Popover","margin","height","width","t24","displayName"],"mappings":"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"}
|
package/lib/table/Row.js
CHANGED
|
@@ -1,54 +1,65 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
import { useContext as
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
1
|
+
import { jsx as d, jsxs as q } from "react/jsx-runtime";
|
|
2
|
+
import { c as A } from "../_virtual/compiler-runtime.js";
|
|
3
|
+
import { useContext as D, useRef as G, Fragment as H } from "react";
|
|
4
|
+
import J, { RowContext as K } from "./helpers.js";
|
|
5
|
+
import { Tooltip as O } from "../tooltip/index.js";
|
|
6
|
+
const _ = (W) => {
|
|
7
|
+
const e = A.c(36), {
|
|
8
|
+
customClass: u,
|
|
9
|
+
children: C,
|
|
10
|
+
rowId: t,
|
|
11
|
+
dataId: o,
|
|
12
|
+
onClick: n,
|
|
13
|
+
height: R,
|
|
14
|
+
style: x,
|
|
15
|
+
onMouseEnter: k,
|
|
16
|
+
onMouseLeave: S,
|
|
17
|
+
rowBorder: M,
|
|
18
|
+
divider: y,
|
|
19
|
+
dividerTitle: c,
|
|
20
|
+
dividerStyle: a,
|
|
21
|
+
dividerColor: P,
|
|
22
|
+
dividerColSpan: z,
|
|
23
|
+
tooltip: I,
|
|
24
|
+
tooltipPosition: T,
|
|
25
|
+
tooltipWidth: $
|
|
26
|
+
} = W, N = M === void 0 ? !0 : M, f = P === void 0 ? "info" : P, m = z === void 0 ? 2 : z, {
|
|
27
|
+
selectedRowId: b,
|
|
24
28
|
handleSelectRow: v,
|
|
25
|
-
handleTableRowClick:
|
|
26
|
-
handleTableColClick:
|
|
29
|
+
handleTableRowClick: p,
|
|
30
|
+
handleTableColClick: g,
|
|
27
31
|
vertical: i,
|
|
28
|
-
skeletonize:
|
|
29
|
-
skeletonInRows:
|
|
30
|
-
} =
|
|
31
|
-
let
|
|
32
|
-
e[0] !==
|
|
33
|
-
dataId:
|
|
34
|
-
rowBorder:
|
|
35
|
-
handleTableColClick:
|
|
32
|
+
skeletonize: j,
|
|
33
|
+
skeletonInRows: F
|
|
34
|
+
} = D(J), B = F === void 0 ? 10 : F, L = G(null);
|
|
35
|
+
let h;
|
|
36
|
+
e[0] !== o || e[1] !== g || e[2] !== N || e[3] !== B || e[4] !== j || e[5] !== i ? (h = {
|
|
37
|
+
dataId: o,
|
|
38
|
+
rowBorder: N,
|
|
39
|
+
handleTableColClick: g,
|
|
36
40
|
vertical: i,
|
|
37
|
-
skeletonize:
|
|
38
|
-
skeletonInRows:
|
|
39
|
-
}, e[0] =
|
|
40
|
-
const
|
|
41
|
+
skeletonize: j,
|
|
42
|
+
skeletonInRows: B
|
|
43
|
+
}, e[0] = o, e[1] = g, e[2] = N, e[3] = B, e[4] = j, e[5] = i, e[6] = h) : h = e[6];
|
|
44
|
+
const E = h;
|
|
41
45
|
let l;
|
|
42
|
-
e[7] !==
|
|
43
|
-
v && (
|
|
44
|
-
}, id:
|
|
45
|
-
...
|
|
46
|
-
height:
|
|
47
|
-
}, children:
|
|
48
|
-
let
|
|
49
|
-
|
|
46
|
+
e[7] !== C || e[8] !== u || e[9] !== o || e[10] !== y || e[11] !== m || e[12] !== f || e[13] !== a || e[14] !== c || e[15] !== v || e[16] !== p || e[17] !== R || e[18] !== n || e[19] !== k || e[20] !== S || e[21] !== t || e[22] !== b || e[23] !== x || e[24] !== i ? (l = y ? /* @__PURE__ */ d("tr", { className: "trow trow-divider", children: i ? /* @__PURE__ */ d("th", { colSpan: m, className: `-divider -${f}`, style: a, children: c || "" }) : /* @__PURE__ */ d("td", { colSpan: m, className: `-divider -${f}`, style: a, children: c || "" }) }) : /* @__PURE__ */ d("tr", { ref: L, onMouseEnter: k, onMouseLeave: S, className: `trow ${u} ${t && b === t ? "-selected" : ""}`, onClick: (V) => {
|
|
47
|
+
v && (t !== void 0 || t !== null) && v(t), p && p(V, o), n && n(V, o);
|
|
48
|
+
}, id: t, style: {
|
|
49
|
+
...x,
|
|
50
|
+
height: R
|
|
51
|
+
}, children: C }), e[7] = C, e[8] = u, e[9] = o, e[10] = y, e[11] = m, e[12] = f, e[13] = a, e[14] = c, e[15] = v, e[16] = p, e[17] = R, e[18] = n, e[19] = k, e[20] = S, e[21] = t, e[22] = b, e[23] = x, e[24] = i, e[25] = l) : l = e[25];
|
|
52
|
+
let r;
|
|
53
|
+
e[26] !== I || e[27] !== T || e[28] !== $ ? (r = /* @__PURE__ */ d(O, { targetRef: L, text: I, position: T, width: $ }), e[26] = I, e[27] = T, e[28] = $, e[29] = r) : r = e[29];
|
|
54
|
+
let s;
|
|
55
|
+
e[30] !== l || e[31] !== r ? (s = /* @__PURE__ */ q(H, { children: [
|
|
56
|
+
l,
|
|
57
|
+
r
|
|
58
|
+
] }), e[30] = l, e[31] = r, e[32] = s) : s = e[32];
|
|
59
|
+
let w;
|
|
60
|
+
return e[33] !== E || e[34] !== s ? (w = /* @__PURE__ */ d(K.Provider, { value: E, children: s }), e[33] = E, e[34] = s, e[35] = w) : w = e[35], w;
|
|
50
61
|
};
|
|
51
62
|
export {
|
|
52
|
-
|
|
63
|
+
_ as default
|
|
53
64
|
};
|
|
54
65
|
//# sourceMappingURL=Row.js.map
|
package/lib/table/Row.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.js","sources":["../../src/lib/table/Row.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport TableContext, { RowContext } from './helpers';\nimport { ITableRowProps } from './types';\n\nconst Row = (props: ITableRowProps) => {\n const {\n customClass,\n children,\n rowId,\n dataId,\n onClick,\n height,\n style,\n onMouseEnter,\n onMouseLeave,\n rowBorder = true,\n divider,\n dividerTitle,\n dividerStyle,\n dividerColor = 'info',\n dividerColSpan = 2,\n } = props;\n const {\n selectedRowId, handleSelectRow, handleTableRowClick, handleTableColClick, vertical, skeletonize,\n skeletonInRows = 10,\n } = useContext(TableContext);\n const contextValues = {\n dataId, rowBorder, handleTableColClick, vertical, skeletonize, skeletonInRows,\n };\n\n return (\n <RowContext.Provider value={contextValues}>\n {\n !divider\n
|
|
1
|
+
{"version":3,"file":"Row.js","sources":["../../src/lib/table/Row.tsx"],"sourcesContent":["import { Fragment, useContext, useRef } from 'react';\nimport TableContext, { RowContext } from './helpers';\nimport { ITableRowProps } from './types';\nimport { Tooltip } from '../tooltip';\n\nconst Row = (props: ITableRowProps) => {\n const {\n customClass,\n children,\n rowId,\n dataId,\n onClick,\n height,\n style,\n onMouseEnter,\n onMouseLeave,\n rowBorder = true,\n divider,\n dividerTitle,\n dividerStyle,\n dividerColor = 'info',\n dividerColSpan = 2,\n tooltip,\n tooltipPosition,\n tooltipWidth,\n } = props;\n const {\n selectedRowId, handleSelectRow, handleTableRowClick, handleTableColClick, vertical, skeletonize,\n skeletonInRows = 10,\n } = useContext(TableContext);\n const compRef = useRef<HTMLTableRowElement | null>(null);\n const contextValues = {\n dataId, rowBorder, handleTableColClick, vertical, skeletonize, skeletonInRows,\n };\n\n return (\n <RowContext.Provider value={contextValues}>\n {\n <Fragment>\n {!divider\n ? (\n <tr\n ref={compRef}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n className={`trow ${customClass} ${rowId && selectedRowId === rowId ? '-selected' : ''}`}\n onClick={(e) => {\n if (handleSelectRow &&\n (rowId !== undefined || rowId !== null)) handleSelectRow(rowId);\n if (handleTableRowClick) handleTableRowClick(e, dataId);\n if (onClick) onClick(e, dataId);\n }}\n id={rowId}\n style={{ ...style, height }}>\n {children}\n </tr>\n )\n : (\n <tr className=\"trow trow-divider\">\n {vertical\n ? (\n <th colSpan={dividerColSpan} className={`-divider -${dividerColor}`} style={dividerStyle}>\n {dividerTitle || ''}\n </th>\n )\n : (\n <td colSpan={dividerColSpan} className={`-divider -${dividerColor}`} style={dividerStyle}>\n {dividerTitle || ''}\n </td>\n )}\n </tr>\n )}\n <Tooltip\n targetRef={compRef}\n text={tooltip}\n position={tooltipPosition}\n width={tooltipWidth} />\n </Fragment>\n }\n </RowContext.Provider>\n );\n};\n\nexport default Row;\n"],"names":["Row","props","$","_c","customClass","children","rowId","dataId","onClick","height","style","onMouseEnter","onMouseLeave","rowBorder","t0","divider","dividerTitle","dividerStyle","dividerColor","t1","dividerColSpan","t2","tooltip","tooltipPosition","tooltipWidth","undefined","selectedRowId","handleSelectRow","handleTableRowClick","handleTableColClick","vertical","skeletonize","skeletonInRows","t3","useContext","TableContext","compRef","useRef","t4","contextValues","t5","jsx","e","t6","Tooltip","t7","Fragment","t8","RowContext"],"mappings":"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"}
|
package/lib/table/types.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { CSSProperties, ReactNode, TableHTMLAttributes, MouseEvent, SetStateAction, LegacyRef, ComponentProps } from 'react';
|
|
2
|
+
import { ITooltipCommonProps } from '../tooltip/types';
|
|
2
3
|
export interface ITableProps extends TableHTMLAttributes<HTMLTableElement> {
|
|
3
4
|
children?: ReactNode;
|
|
4
5
|
striped?: boolean;
|
|
@@ -36,7 +37,7 @@ export interface ITableBodyProps extends TableHTMLAttributes<HTMLTableElement> {
|
|
|
36
37
|
skeletonInRows?: number;
|
|
37
38
|
skeletonHeight?: number;
|
|
38
39
|
}
|
|
39
|
-
export interface ITableRowProps extends Pick<TableHTMLAttributes<HTMLTableRowElement>, 'onMouseEnter' | 'onMouseLeave'
|
|
40
|
+
export interface ITableRowProps extends Pick<TableHTMLAttributes<HTMLTableRowElement>, 'onMouseEnter' | 'onMouseLeave'>, ITooltipCommonProps {
|
|
40
41
|
children?: ReactNode;
|
|
41
42
|
color?: string;
|
|
42
43
|
customClass?: string;
|