@royaltics/ui 1.0.4 → 1.0.6
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/dist/buttons/Button.d.ts +14 -16
- package/dist/buttons/Button.d.ts.map +1 -1
- package/dist/buttons/Button.js +23 -8
- package/dist/buttons/Button.js.map +1 -1
- package/dist/buttons/Button.stories.d.ts +18 -0
- package/dist/buttons/Button.stories.d.ts.map +1 -0
- package/dist/buttons/Button.stories.js +41 -0
- package/dist/buttons/Button.stories.js.map +1 -0
- package/dist/buttons/LinkButton.d.ts +8 -0
- package/dist/buttons/LinkButton.d.ts.map +1 -0
- package/dist/buttons/LinkButton.js +9 -0
- package/dist/buttons/LinkButton.js.map +1 -0
- package/dist/buttons/LinkButton.stories.d.ts +7 -0
- package/dist/buttons/LinkButton.stories.d.ts.map +1 -0
- package/dist/buttons/LinkButton.stories.js +48 -0
- package/dist/buttons/LinkButton.stories.js.map +1 -0
- package/dist/buttons/index.d.ts +2 -1
- package/dist/buttons/index.d.ts.map +1 -1
- package/dist/buttons/index.js +1 -0
- package/dist/buttons/index.js.map +1 -1
- package/dist/components/CheckboxTree.d.ts +5 -0
- package/dist/components/CheckboxTree.d.ts.map +1 -0
- package/dist/components/CheckboxTree.js +131 -0
- package/dist/components/CheckboxTree.js.map +1 -0
- package/dist/components/CheckboxTree.stories.d.ts +18 -0
- package/dist/components/CheckboxTree.stories.d.ts.map +1 -0
- package/dist/components/CheckboxTree.stories.js +39 -0
- package/dist/components/CheckboxTree.stories.js.map +1 -0
- package/dist/components/GenericCard.d.ts +12 -0
- package/dist/components/GenericCard.d.ts.map +1 -0
- package/dist/components/GenericCard.js +19 -0
- package/dist/components/GenericCard.js.map +1 -0
- package/dist/components/checkboxtree/CheckBoxTreeButton.d.ts +8 -0
- package/dist/components/checkboxtree/CheckBoxTreeButton.d.ts.map +1 -0
- package/dist/components/checkboxtree/CheckBoxTreeButton.js +7 -0
- package/dist/components/checkboxtree/CheckBoxTreeButton.js.map +1 -0
- package/dist/components/checkboxtree/CheckboxTreeError.d.ts +5 -0
- package/dist/components/checkboxtree/CheckboxTreeError.d.ts.map +1 -0
- package/dist/components/checkboxtree/CheckboxTreeError.js +16 -0
- package/dist/components/checkboxtree/CheckboxTreeError.js.map +1 -0
- package/dist/components/checkboxtree/NativeCheckbox.d.ts +7 -0
- package/dist/components/checkboxtree/NativeCheckbox.d.ts.map +1 -0
- package/dist/components/checkboxtree/NativeCheckbox.js +17 -0
- package/dist/components/checkboxtree/NativeCheckbox.js.map +1 -0
- package/dist/components/checkboxtree/NodeModel.d.ts +30 -0
- package/dist/components/checkboxtree/NodeModel.d.ts.map +1 -0
- package/dist/components/checkboxtree/NodeModel.js +184 -0
- package/dist/components/checkboxtree/NodeModel.js.map +1 -0
- package/dist/components/checkboxtree/TreeNode.d.ts +44 -0
- package/dist/components/checkboxtree/TreeNode.d.ts.map +1 -0
- package/dist/components/checkboxtree/TreeNode.js +139 -0
- package/dist/components/checkboxtree/TreeNode.js.map +1 -0
- package/dist/components/checkboxtree/constants.d.ts +8 -0
- package/dist/components/checkboxtree/constants.d.ts.map +1 -0
- package/dist/components/checkboxtree/constants.js +46 -0
- package/dist/components/checkboxtree/constants.js.map +1 -0
- package/dist/components/checkboxtree/types/types.d.ts +70 -0
- package/dist/components/checkboxtree/types/types.d.ts.map +1 -0
- package/dist/components/checkboxtree/types/types.js +2 -0
- package/dist/components/checkboxtree/types/types.js.map +1 -0
- package/dist/components/checkboxtree/utils.d.ts +16 -0
- package/dist/components/checkboxtree/utils.d.ts.map +1 -0
- package/dist/components/checkboxtree/utils.js +28 -0
- package/dist/components/checkboxtree/utils.js.map +1 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +3 -0
- package/dist/components/index.js.map +1 -0
- package/dist/constants/DataArrayNodes.d.ts +53 -0
- package/dist/constants/DataArrayNodes.d.ts.map +1 -0
- package/dist/constants/DataArrayNodes.js +162 -0
- package/dist/constants/DataArrayNodes.js.map +1 -0
- package/dist/constants/Variants.d.ts +26 -0
- package/dist/constants/Variants.d.ts.map +1 -0
- package/dist/constants/Variants.js +26 -0
- package/dist/constants/Variants.js.map +1 -0
- package/dist/forms/Checkbox.d.ts +13 -10
- package/dist/forms/Checkbox.d.ts.map +1 -1
- package/dist/forms/Checkbox.js +29 -4
- package/dist/forms/Checkbox.js.map +1 -1
- package/dist/forms/Checkbox.stories.d.ts +20 -0
- package/dist/forms/Checkbox.stories.d.ts.map +1 -0
- package/dist/forms/Checkbox.stories.js +65 -0
- package/dist/forms/Checkbox.stories.js.map +1 -0
- package/dist/forms/Input.d.ts +11 -22
- package/dist/forms/Input.d.ts.map +1 -1
- package/dist/forms/Input.js +27 -12
- package/dist/forms/Input.js.map +1 -1
- package/dist/forms/Input.stories.d.ts +22 -0
- package/dist/forms/Input.stories.d.ts.map +1 -0
- package/dist/forms/Input.stories.js +59 -0
- package/dist/forms/Input.stories.js.map +1 -0
- package/dist/forms/PhotoCard.d.ts.map +1 -1
- package/dist/forms/PlayerYoutube.d.ts.map +1 -1
- package/dist/forms/RadioButton.d.ts +2 -2
- package/dist/forms/RadioButton.d.ts.map +1 -1
- package/dist/forms/RadioButton.js +1 -1
- package/dist/forms/RadioButton.js.map +1 -1
- package/dist/forms/Select.d.ts +6 -13
- package/dist/forms/Select.d.ts.map +1 -1
- package/dist/forms/Select.js +25 -15
- package/dist/forms/Select.js.map +1 -1
- package/dist/forms/Select.stories.d.ts +17 -0
- package/dist/forms/Select.stories.d.ts.map +1 -0
- package/dist/forms/Select.stories.js +36 -0
- package/dist/forms/Select.stories.js.map +1 -0
- package/dist/forms/TextArea.d.ts.map +1 -1
- package/dist/forms/ToggleSwitch.d.ts.map +1 -1
- package/dist/hooks/index.d.ts +3 -3
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +3 -3
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useHttpState.d.ts.map +1 -1
- package/dist/hooks/useRouter.d.ts +2 -2
- package/dist/icons/index.d.ts +2 -0
- package/dist/icons/index.d.ts.map +1 -0
- package/dist/icons/index.js +3 -0
- package/dist/icons/index.js.map +1 -0
- package/dist/index.d.ts +2 -7
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -12
- package/dist/index.js.map +1 -1
- package/dist/reducers/index.d.ts.map +1 -1
- package/dist/stories/Button.d.ts +17 -0
- package/dist/stories/Button.d.ts.map +1 -0
- package/dist/stories/Button.js +8 -0
- package/dist/stories/Button.js.map +1 -0
- package/dist/stories/Button.stories.d.ts +25 -0
- package/dist/stories/Button.stories.d.ts.map +1 -0
- package/dist/stories/Button.stories.js +51 -0
- package/dist/stories/Button.stories.js.map +1 -0
- package/dist/stories/Header.d.ts +14 -0
- package/dist/stories/Header.d.ts.map +1 -0
- package/dist/stories/Header.js +21 -0
- package/dist/stories/Header.js.map +1 -0
- package/dist/stories/Header.stories.d.ts +19 -0
- package/dist/stories/Header.stories.d.ts.map +1 -0
- package/dist/stories/Header.stories.js +27 -0
- package/dist/stories/Header.stories.js.map +1 -0
- package/dist/stories/Page.d.ts +4 -0
- package/dist/stories/Page.d.ts.map +1 -0
- package/dist/stories/Page.js +38 -0
- package/dist/stories/Page.js.map +1 -0
- package/dist/stories/Page.stories.d.ts +13 -0
- package/dist/stories/Page.stories.d.ts.map +1 -0
- package/dist/stories/Page.stories.js +25 -0
- package/dist/stories/Page.stories.js.map +1 -0
- package/dist/types/StoriesArguments.d.ts +4 -0
- package/dist/types/StoriesArguments.d.ts.map +1 -0
- package/dist/types/StoriesArguments.js +52 -0
- package/dist/types/StoriesArguments.js.map +1 -0
- package/dist/types/global.d.ts +31 -0
- package/dist/types/global.d.ts.map +1 -0
- package/dist/types/global.js +2 -0
- package/dist/types/global.js.map +1 -0
- package/dist/utils/cvmix.d.ts +23 -0
- package/dist/utils/cvmix.d.ts.map +1 -0
- package/dist/utils/cvmix.js +46 -0
- package/dist/utils/cvmix.js.map +1 -0
- package/dist/validators/index.d.ts.map +1 -1
- package/package.json +101 -74
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React, { InputHTMLAttributes } from 'react';
|
|
2
|
+
export interface NativeCheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
+
indeterminate?: boolean;
|
|
4
|
+
}
|
|
5
|
+
declare function NativeCheckbox(props: NativeCheckboxProps): React.JSX.Element;
|
|
6
|
+
export default NativeCheckbox;
|
|
7
|
+
//# sourceMappingURL=NativeCheckbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkboxtree/NativeCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqB,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAItE,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAChF,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAsBjD;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { useRef, useEffect } from 'react';
|
|
2
|
+
function NativeCheckbox(props) {
|
|
3
|
+
// Desestructura `indeterminate` de las props y recolecta el resto de las props
|
|
4
|
+
const { indeterminate = false, ...rest } = props; // UPDATE: Se añade valor por defecto a indeterminate
|
|
5
|
+
// Crea una ref para acceder directamente al elemento DOM input
|
|
6
|
+
const checkboxRef = useRef(null);
|
|
7
|
+
// Efecto para actualizar la propiedad `indeterminate` del elemento input nativo
|
|
8
|
+
// Se ejecuta después de cada render donde la prop `indeterminate` pudo haber cambiado.
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
if (checkboxRef.current) {
|
|
11
|
+
checkboxRef.current.indeterminate = indeterminate;
|
|
12
|
+
}
|
|
13
|
+
}, [indeterminate]);
|
|
14
|
+
return (React.createElement("input", { ...rest, ref: checkboxRef, type: "checkbox" }));
|
|
15
|
+
}
|
|
16
|
+
export default NativeCheckbox;
|
|
17
|
+
//# sourceMappingURL=NativeCheckbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeCheckbox.js","sourceRoot":"","sources":["../../../src/components/checkboxtree/NativeCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAQtE,SAAS,cAAc,CAAC,KAA0B;IAChD,+EAA+E;IAC/E,MAAM,EAAE,aAAa,GAAG,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC,CAAC,qDAAqD;IAEvG,+DAA+D;IAC/D,MAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEnD,gFAAgF;IAChF,uFAAuF;IACvF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,WAAW,CAAC,OAAO,CAAC,aAAa,GAAG,aAAa,CAAC;QACpD,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,kCACM,IAAI,EACR,GAAG,EAAE,WAAW,EAChB,IAAI,EAAC,UAAU,GACf,CACH,CAAC;AACJ,CAAC;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { CHECK_MODEL } from './constants.js';
|
|
2
|
+
import { CheckboxTreeNode, FlatNodes, NodeModelProps, TreeNodeInfo } from './types/types.js';
|
|
3
|
+
declare class NodeModel {
|
|
4
|
+
private props;
|
|
5
|
+
private flatNodes;
|
|
6
|
+
_prevNodes: CheckboxTreeNode[];
|
|
7
|
+
_prevDisabled: boolean;
|
|
8
|
+
constructor(props: NodeModelProps, nodes?: FlatNodes);
|
|
9
|
+
setProps(props: NodeModelProps): void;
|
|
10
|
+
clone(): NodeModel;
|
|
11
|
+
getNodes(): FlatNodes;
|
|
12
|
+
getNode(value: string): CheckboxTreeNode | undefined;
|
|
13
|
+
reset(): void;
|
|
14
|
+
flattenNodes(nodes: CheckboxTreeNode[], parent?: CheckboxTreeNode, depth?: number): void;
|
|
15
|
+
nodeHasChildren(node: CheckboxTreeNode): boolean;
|
|
16
|
+
getDisabledState(node: CheckboxTreeNode, parent: CheckboxTreeNode, disabledProp: boolean | undefined, noCascade: boolean | undefined): boolean;
|
|
17
|
+
deserializeLists(lists: {
|
|
18
|
+
checked: string[];
|
|
19
|
+
expanded: string[];
|
|
20
|
+
}): void;
|
|
21
|
+
serializeList(key: 'checked' | 'expanded'): string[];
|
|
22
|
+
expandAllNodes(expand: boolean): NodeModel;
|
|
23
|
+
toggleChecked(nodeInfo: TreeNodeInfo, isChecked: boolean, checkModel: typeof CHECK_MODEL.ALL | typeof CHECK_MODEL.PARENT | typeof CHECK_MODEL.LEAF, noCascade: boolean, percolateUpward?: boolean): NodeModel;
|
|
24
|
+
toggleParentStatus(node: CheckboxTreeNode): void;
|
|
25
|
+
isEveryChildChecked(node: CheckboxTreeNode): boolean;
|
|
26
|
+
isSomeChildChecked(node: CheckboxTreeNode): boolean;
|
|
27
|
+
toggleNode(nodeValue: string, key: 'checked' | 'expanded', toggleValue: boolean): NodeModel;
|
|
28
|
+
}
|
|
29
|
+
export default NodeModel;
|
|
30
|
+
//# sourceMappingURL=NodeModel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NodeModel.d.ts","sourceRoot":"","sources":["../../../src/components/checkboxtree/NodeModel.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAE7F,cAAM,SAAS;IACX,OAAO,CAAC,KAAK,CAAiB;IAC9B,OAAO,CAAC,SAAS,CAAY;IAEtB,UAAU,EAAE,gBAAgB,EAAE,CAAM;IACpC,aAAa,EAAE,OAAO,CAAS;gBAE1B,KAAK,EAAE,cAAc,EAAE,KAAK,GAAE,SAAc;IAKxD,QAAQ,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;IAIrC,KAAK,IAAI,SAAS;IAUlB,QAAQ,IAAI,SAAS;IAIrB,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,gBAAgB,GAAG,SAAS;IAIpD,KAAK,IAAI,IAAI;IAIb,YAAY,CAAC,KAAK,EAAE,gBAAgB,EAAE,EAAE,MAAM,GAAE,gBAAyC,EAAE,KAAK,GAAE,MAAU,GAAG,IAAI;IAgCnH,eAAe,CAAC,IAAI,EAAE,gBAAgB,GAAG,OAAO;IAIhD,gBAAgB,CACZ,IAAI,EAAE,gBAAgB,EACtB,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAE,OAAO,GAAG,SAAS,EACjC,SAAS,EAAE,OAAO,GAAG,SAAS,GAC/B,OAAO;IAYV,gBAAgB,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,EAAE,CAAC;QAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;KAAE,GAAG,IAAI;IAoBxE,aAAa,CAAC,GAAG,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,EAAE;IAapD,cAAc,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS;IAW1C,aAAa,CACT,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,OAAO,EAClB,UAAU,EAAE,OAAO,WAAW,CAAC,GAAG,GAAG,OAAO,WAAW,CAAC,MAAM,GAAG,OAAO,WAAW,CAAC,IAAI,EACxF,SAAS,EAAE,OAAO,EAClB,eAAe,GAAE,OAAc,GAChC,SAAS;IA8BZ,kBAAkB,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI;IA6BhD,mBAAmB,CAAC,IAAI,EAAE,gBAAgB,GAAG,OAAO;IAUpD,kBAAkB,CAAC,IAAI,EAAE,gBAAgB,GAAG,OAAO;IAUnD,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,GAAG,UAAU,EAAE,WAAW,EAAE,OAAO,GAAG,SAAS;CAO9F;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,184 @@
|
|
|
1
|
+
// NodeModel.ts
|
|
2
|
+
import CheckboxTreeError from './CheckboxTreeError.js';
|
|
3
|
+
import { CHECK_MODEL } from './constants.js';
|
|
4
|
+
class NodeModel {
|
|
5
|
+
props;
|
|
6
|
+
flatNodes;
|
|
7
|
+
_prevNodes = [];
|
|
8
|
+
_prevDisabled = false;
|
|
9
|
+
constructor(props, nodes = {}) {
|
|
10
|
+
this.props = props;
|
|
11
|
+
this.flatNodes = nodes;
|
|
12
|
+
}
|
|
13
|
+
setProps(props) {
|
|
14
|
+
this.props = props;
|
|
15
|
+
}
|
|
16
|
+
clone() {
|
|
17
|
+
const clonedNodes = {};
|
|
18
|
+
Object.keys(this.flatNodes).forEach((value) => {
|
|
19
|
+
const node = this.flatNodes[value];
|
|
20
|
+
clonedNodes[value] = { ...node };
|
|
21
|
+
});
|
|
22
|
+
return new NodeModel(this.props, clonedNodes);
|
|
23
|
+
}
|
|
24
|
+
getNodes() {
|
|
25
|
+
return this.flatNodes;
|
|
26
|
+
}
|
|
27
|
+
getNode(value) {
|
|
28
|
+
return this.flatNodes[value];
|
|
29
|
+
}
|
|
30
|
+
reset() {
|
|
31
|
+
this.flatNodes = {};
|
|
32
|
+
}
|
|
33
|
+
flattenNodes(nodes, parent = {}, depth = 0) {
|
|
34
|
+
if (!Array.isArray(nodes) || nodes.length === 0) {
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
const { disabled, noCascade } = this.props;
|
|
38
|
+
nodes.forEach((node, index) => {
|
|
39
|
+
const isParent = this.nodeHasChildren(node);
|
|
40
|
+
if (this.flatNodes[node.value] !== undefined) {
|
|
41
|
+
throw new CheckboxTreeError(`Duplicate value '${node.value}' detected. All node values must be unique.`);
|
|
42
|
+
}
|
|
43
|
+
this.flatNodes[node.value] = {
|
|
44
|
+
...node,
|
|
45
|
+
parent,
|
|
46
|
+
isChild: parent.value !== undefined,
|
|
47
|
+
isParent,
|
|
48
|
+
isLeaf: !isParent,
|
|
49
|
+
showCheckbox: node.showCheckbox !== undefined ? node.showCheckbox : true,
|
|
50
|
+
disabled: this.getDisabledState(node, parent, disabled, noCascade),
|
|
51
|
+
treeDepth: depth,
|
|
52
|
+
index,
|
|
53
|
+
};
|
|
54
|
+
this.flattenNodes(node.children || [], node, depth + 1);
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
nodeHasChildren(node) {
|
|
58
|
+
return Array.isArray(node.children) && node.children.length > 0;
|
|
59
|
+
}
|
|
60
|
+
getDisabledState(node, parent, disabledProp, noCascade) {
|
|
61
|
+
if (disabledProp) {
|
|
62
|
+
return true;
|
|
63
|
+
}
|
|
64
|
+
if (!noCascade && parent.disabled) {
|
|
65
|
+
return true;
|
|
66
|
+
}
|
|
67
|
+
return Boolean(node.disabled);
|
|
68
|
+
}
|
|
69
|
+
deserializeLists(lists) {
|
|
70
|
+
const listKeys = ['checked', 'expanded'];
|
|
71
|
+
Object.keys(this.flatNodes).forEach((value) => {
|
|
72
|
+
listKeys.forEach((listKey) => {
|
|
73
|
+
if (this.flatNodes[value]) {
|
|
74
|
+
this.flatNodes[value][listKey] = false;
|
|
75
|
+
}
|
|
76
|
+
});
|
|
77
|
+
});
|
|
78
|
+
listKeys.forEach((listKey) => {
|
|
79
|
+
lists[listKey]?.forEach((value) => {
|
|
80
|
+
if (this.flatNodes[value] !== undefined) {
|
|
81
|
+
this.flatNodes[value][listKey] = true;
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
serializeList(key) {
|
|
87
|
+
const list = [];
|
|
88
|
+
Object.keys(this.flatNodes).forEach((value) => {
|
|
89
|
+
const node = this.flatNodes[value];
|
|
90
|
+
if (node && node[key]) {
|
|
91
|
+
list.push(value);
|
|
92
|
+
}
|
|
93
|
+
});
|
|
94
|
+
return list;
|
|
95
|
+
}
|
|
96
|
+
expandAllNodes(expand) {
|
|
97
|
+
Object.keys(this.flatNodes).forEach((value) => {
|
|
98
|
+
const node = this.flatNodes[value];
|
|
99
|
+
if (node && node.isParent) {
|
|
100
|
+
node.expanded = expand;
|
|
101
|
+
}
|
|
102
|
+
});
|
|
103
|
+
return this;
|
|
104
|
+
}
|
|
105
|
+
toggleChecked(nodeInfo, isChecked, checkModel, noCascade, percolateUpward = true) {
|
|
106
|
+
const flatNode = this.flatNodes[nodeInfo.value];
|
|
107
|
+
if (!flatNode || flatNode.disabled) {
|
|
108
|
+
return this;
|
|
109
|
+
}
|
|
110
|
+
const modelHasParents = [CHECK_MODEL.PARENT, CHECK_MODEL.ALL].includes(checkModel);
|
|
111
|
+
const modelHasLeaves = [CHECK_MODEL.LEAF, CHECK_MODEL.ALL].includes(checkModel);
|
|
112
|
+
flatNode.checked = isChecked;
|
|
113
|
+
flatNode.halfCheck = false;
|
|
114
|
+
if (!noCascade) {
|
|
115
|
+
// Propagación hacia abajo (hijos directos)
|
|
116
|
+
if (modelHasLeaves && flatNode.children && flatNode.children.length > 0) {
|
|
117
|
+
// UPDATE: Asegura que solo los hijos directos se afecten recursivamente.
|
|
118
|
+
flatNode.children.forEach((child) => {
|
|
119
|
+
this.toggleChecked(child, isChecked, checkModel, noCascade, false);
|
|
120
|
+
});
|
|
121
|
+
}
|
|
122
|
+
// Propagación hacia arriba (padres)
|
|
123
|
+
if (percolateUpward && flatNode.isChild && modelHasParents) {
|
|
124
|
+
this.toggleParentStatus(flatNode.parent);
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
return this;
|
|
128
|
+
}
|
|
129
|
+
toggleParentStatus(node) {
|
|
130
|
+
const flatNode = this.flatNodes[node.value];
|
|
131
|
+
if (!flatNode || flatNode.disabled) {
|
|
132
|
+
return;
|
|
133
|
+
}
|
|
134
|
+
if (flatNode.children && flatNode.children.length > 0) {
|
|
135
|
+
const allChildrenChecked = this.isEveryChildChecked(flatNode);
|
|
136
|
+
const someChildrenChecked = this.isSomeChildChecked(flatNode);
|
|
137
|
+
if (allChildrenChecked) {
|
|
138
|
+
flatNode.checked = true;
|
|
139
|
+
flatNode.halfCheck = false;
|
|
140
|
+
}
|
|
141
|
+
else if (someChildrenChecked) {
|
|
142
|
+
flatNode.checked = false;
|
|
143
|
+
flatNode.halfCheck = true;
|
|
144
|
+
}
|
|
145
|
+
else {
|
|
146
|
+
flatNode.checked = false;
|
|
147
|
+
flatNode.halfCheck = false;
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
else {
|
|
151
|
+
// No se modifica si no tiene hijos reales.
|
|
152
|
+
}
|
|
153
|
+
if (flatNode.isChild) {
|
|
154
|
+
this.toggleParentStatus(flatNode.parent);
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
isEveryChildChecked(node) {
|
|
158
|
+
if (!node.children || node.children.length === 0) {
|
|
159
|
+
return true;
|
|
160
|
+
}
|
|
161
|
+
return node.children.every((child) => {
|
|
162
|
+
const flatChild = this.getNode(child.value);
|
|
163
|
+
return flatChild && flatChild.showCheckbox && flatChild.checked;
|
|
164
|
+
});
|
|
165
|
+
}
|
|
166
|
+
isSomeChildChecked(node) {
|
|
167
|
+
if (!node.children || node.children.length === 0) {
|
|
168
|
+
return false;
|
|
169
|
+
}
|
|
170
|
+
return node.children.some((child) => {
|
|
171
|
+
const flatChild = this.getNode(child.value);
|
|
172
|
+
return flatChild && flatChild.showCheckbox && (flatChild.checked || flatChild.halfCheck);
|
|
173
|
+
});
|
|
174
|
+
}
|
|
175
|
+
toggleNode(nodeValue, key, toggleValue) {
|
|
176
|
+
const node = this.flatNodes[nodeValue];
|
|
177
|
+
if (node) {
|
|
178
|
+
node[key] = toggleValue;
|
|
179
|
+
}
|
|
180
|
+
return this;
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
export default NodeModel;
|
|
184
|
+
//# sourceMappingURL=NodeModel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NodeModel.js","sourceRoot":"","sources":["../../../src/components/checkboxtree/NodeModel.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { TreeNodeInfo } from './types/types.js';
|
|
3
|
+
export interface Icons {
|
|
4
|
+
check: ReactNode;
|
|
5
|
+
uncheck: ReactNode;
|
|
6
|
+
halfCheck: ReactNode;
|
|
7
|
+
expandClose: ReactNode;
|
|
8
|
+
expandOpen: ReactNode;
|
|
9
|
+
leaf: ReactNode;
|
|
10
|
+
parentClose: ReactNode;
|
|
11
|
+
parentOpen: ReactNode;
|
|
12
|
+
}
|
|
13
|
+
export interface Language {
|
|
14
|
+
toggle: string;
|
|
15
|
+
}
|
|
16
|
+
export interface TreeNodeProps {
|
|
17
|
+
checked: 0 | 1 | 2;
|
|
18
|
+
disabled: boolean;
|
|
19
|
+
expandDisabled: boolean;
|
|
20
|
+
expanded?: boolean;
|
|
21
|
+
icons: Icons;
|
|
22
|
+
isLeaf?: boolean;
|
|
23
|
+
isParent?: boolean;
|
|
24
|
+
label: ReactNode;
|
|
25
|
+
lang: Language;
|
|
26
|
+
optimisticToggle: boolean;
|
|
27
|
+
showNodeIcon: boolean;
|
|
28
|
+
treeId: string;
|
|
29
|
+
value: string;
|
|
30
|
+
onCheck: (nodeInfo: TreeNodeInfo) => void;
|
|
31
|
+
onExpand: (nodeInfo: TreeNodeInfo) => void;
|
|
32
|
+
onClick?: (nodeInfo: TreeNodeInfo) => void;
|
|
33
|
+
nativeCheckboxes: boolean;
|
|
34
|
+
children?: ReactNode;
|
|
35
|
+
className?: string;
|
|
36
|
+
expandOnClick?: boolean;
|
|
37
|
+
icon?: ReactNode;
|
|
38
|
+
showCheckbox?: boolean;
|
|
39
|
+
title?: string;
|
|
40
|
+
}
|
|
41
|
+
declare function TreeNode(props: TreeNodeProps): React.JSX.Element;
|
|
42
|
+
declare const _default: React.MemoExoticComponent<typeof TreeNode>;
|
|
43
|
+
export default _default;
|
|
44
|
+
//# sourceMappingURL=TreeNode.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TreeNode.d.ts","sourceRoot":"","sources":["../../../src/components/checkboxtree/TreeNode.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAwB,SAAS,EAAQ,MAAM,OAAO,CAAC;AAGrE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,WAAW,KAAK;IACrB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,SAAS,CAAC;IACvB,UAAU,EAAE,SAAS,CAAC;IACtB,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,EAAE,SAAS,CAAC;IACvB,UAAU,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,QAAQ;IACxB,MAAM,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC7B,OAAO,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,QAAQ,CAAC;IACf,gBAAgB,EAAE,OAAO,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAYD,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAkPrC;;AAED,wBAA8B"}
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
// TreeNode.tsx
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import React, { useCallback, useMemo, memo } from 'react';
|
|
4
|
+
import Button from './CheckBoxTreeButton.js';
|
|
5
|
+
import NativeCheckbox from './NativeCheckbox.js';
|
|
6
|
+
const defaultProps = {
|
|
7
|
+
children: null,
|
|
8
|
+
expandOnClick: false,
|
|
9
|
+
icon: null,
|
|
10
|
+
showCheckbox: true,
|
|
11
|
+
expanded: false,
|
|
12
|
+
isLeaf: false,
|
|
13
|
+
isParent: false,
|
|
14
|
+
};
|
|
15
|
+
function TreeNode(props) {
|
|
16
|
+
const { checked, disabled, expandDisabled, expanded = defaultProps.expanded, icons, isLeaf = defaultProps.isLeaf, isParent = defaultProps.isParent, label, lang, optimisticToggle, showNodeIcon, treeId, value, onCheck, onExpand, children, className, nativeCheckboxes, expandOnClick = defaultProps.expandOnClick, icon = defaultProps.icon, showCheckbox = defaultProps.showCheckbox, title, onClick, } = props;
|
|
17
|
+
const getCheckState = useCallback((toggle) => {
|
|
18
|
+
if (checked === 0 && toggle) {
|
|
19
|
+
return true;
|
|
20
|
+
}
|
|
21
|
+
if (checked === 1 && !toggle) {
|
|
22
|
+
return true;
|
|
23
|
+
}
|
|
24
|
+
if (checked === 2) {
|
|
25
|
+
return optimisticToggle;
|
|
26
|
+
}
|
|
27
|
+
return false;
|
|
28
|
+
}, [checked, optimisticToggle]);
|
|
29
|
+
const onCheckHandler = useCallback(() => {
|
|
30
|
+
onCheck({ value, checked: getCheckState(true), expanded });
|
|
31
|
+
}, [value, expanded, onCheck, getCheckState]);
|
|
32
|
+
const onCheckboxKeyPress = useCallback((event) => {
|
|
33
|
+
if (event.which === 32) {
|
|
34
|
+
event.preventDefault();
|
|
35
|
+
}
|
|
36
|
+
}, []);
|
|
37
|
+
const onCheckboxKeyUp = useCallback((event) => {
|
|
38
|
+
if ([13, 32].includes(event.keyCode)) {
|
|
39
|
+
onCheckHandler();
|
|
40
|
+
}
|
|
41
|
+
}, [onCheckHandler]);
|
|
42
|
+
const onExpandHandler = useCallback(() => {
|
|
43
|
+
onExpand({ value, expanded: !expanded });
|
|
44
|
+
}, [value, expanded, onExpand]);
|
|
45
|
+
const onClickHandler = useCallback((event) => {
|
|
46
|
+
if (event.target instanceof HTMLElement && event.target.closest('.rct-checkbox')) {
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
if (isParent && expandOnClick) {
|
|
50
|
+
onExpandHandler();
|
|
51
|
+
}
|
|
52
|
+
if (onClick) {
|
|
53
|
+
onClick({ value, checked: getCheckState(false), expanded });
|
|
54
|
+
}
|
|
55
|
+
}, [isParent, expandOnClick, value, expanded, onClick, getCheckState, onExpandHandler]);
|
|
56
|
+
const renderCollapseIcon = useCallback(() => {
|
|
57
|
+
return expanded ? icons.expandOpen : icons.expandClose;
|
|
58
|
+
}, [expanded, icons]);
|
|
59
|
+
const renderCollapseButton = useCallback(() => {
|
|
60
|
+
if (isLeaf) {
|
|
61
|
+
return (React.createElement("span", { className: "rct-collapse" },
|
|
62
|
+
React.createElement("span", { className: "rct-icon" })));
|
|
63
|
+
}
|
|
64
|
+
return (React.createElement(Button, { className: "rct-collapse rct-collapse-btn", disabled: expandDisabled, title: lang.toggle, onClick: onExpandHandler }, renderCollapseIcon()));
|
|
65
|
+
}, [isLeaf, expandDisabled, lang, onExpandHandler, renderCollapseIcon]);
|
|
66
|
+
const renderCheckboxIcon = useCallback(() => {
|
|
67
|
+
if (checked === 0) {
|
|
68
|
+
return icons.uncheck;
|
|
69
|
+
}
|
|
70
|
+
if (checked === 1) {
|
|
71
|
+
return icons.check;
|
|
72
|
+
}
|
|
73
|
+
return icons.halfCheck;
|
|
74
|
+
}, [checked, icons]);
|
|
75
|
+
const renderNodeIcon = useCallback(() => {
|
|
76
|
+
if (icon !== null) {
|
|
77
|
+
return icon;
|
|
78
|
+
}
|
|
79
|
+
if (isLeaf) {
|
|
80
|
+
return icons.leaf;
|
|
81
|
+
}
|
|
82
|
+
return expanded ? icons.parentOpen : icons.parentClose;
|
|
83
|
+
}, [icon, isLeaf, expanded, icons]);
|
|
84
|
+
const renderBareLabel = useCallback((childrenContent) => {
|
|
85
|
+
const clickable = onClick !== undefined;
|
|
86
|
+
return (React.createElement("span", { className: "rct-bare-label", title: title }, clickable ? (React.createElement("span", { className: "rct-node-clickable", role: "button", tabIndex: 0, onClick: onClickHandler, onKeyDown: (e) => {
|
|
87
|
+
if (e.key == 'Enter' || e.key == 'Space') {
|
|
88
|
+
onClickHandler(e);
|
|
89
|
+
}
|
|
90
|
+
} }, childrenContent)) : childrenContent));
|
|
91
|
+
}, [onClick, title, onClickHandler]);
|
|
92
|
+
const renderCheckboxLabel = useCallback((childrenContent) => {
|
|
93
|
+
const clickable = onClick !== undefined;
|
|
94
|
+
const inputId = `${treeId}-${String(value).split(' ').join('_')}`;
|
|
95
|
+
const renderItems = [
|
|
96
|
+
(React.createElement("label", { key: 0, htmlFor: inputId, title: title },
|
|
97
|
+
nativeCheckboxes ?
|
|
98
|
+
React.createElement(NativeCheckbox, { checked: checked === 1, disabled: disabled, id: inputId, indeterminate: checked === 2, onChange: () => { }, onClick: onCheckHandler }) :
|
|
99
|
+
React.createElement("span", { "aria-checked": checked === 1, "aria-disabled": disabled, "aria-hidden": "true", className: "rct-checkbox", role: "checkbox", onClick: onCheckHandler, tabIndex: 0, onKeyPress: onCheckboxKeyPress, onKeyUp: onCheckboxKeyUp }, renderCheckboxIcon()),
|
|
100
|
+
!clickable ? childrenContent : null)),
|
|
101
|
+
];
|
|
102
|
+
if (clickable) {
|
|
103
|
+
renderItems.push((React.createElement("span", { key: 1, className: "rct-node-clickable", role: "button", tabIndex: 0, onClick: onClickHandler, onKeyPress: onClickHandler }, childrenContent)));
|
|
104
|
+
}
|
|
105
|
+
return renderItems;
|
|
106
|
+
}, [checked, disabled, title, treeId, value, onClick, onCheckHandler, onCheckboxKeyPress, onCheckboxKeyUp, renderCheckboxIcon, onClickHandler]);
|
|
107
|
+
const renderLabel = useCallback(() => {
|
|
108
|
+
const labelChildrenContent = [
|
|
109
|
+
showNodeIcon ? (React.createElement("span", { key: 0, className: "rct-node-icon" }, renderNodeIcon())) : null,
|
|
110
|
+
React.createElement("span", { key: 1, className: "rct-title" }, label),
|
|
111
|
+
];
|
|
112
|
+
return showCheckbox
|
|
113
|
+
? renderCheckboxLabel(labelChildrenContent)
|
|
114
|
+
: renderBareLabel(labelChildrenContent);
|
|
115
|
+
}, [label, showCheckbox, showNodeIcon, renderNodeIcon, renderBareLabel, renderCheckboxLabel]);
|
|
116
|
+
// UPDATE: renderChildren ahora envuelve los hijos en un <ol>
|
|
117
|
+
const renderChildren = useCallback(() => {
|
|
118
|
+
if (!expanded || !children) { // Si no está expandido o no tiene hijos, no renderiza nada.
|
|
119
|
+
return null;
|
|
120
|
+
}
|
|
121
|
+
return (React.createElement("ol", { className: "rct-children" }, children));
|
|
122
|
+
}, [expanded, children]);
|
|
123
|
+
const nodeClass = useMemo(() => classNames({
|
|
124
|
+
'rct-node': true,
|
|
125
|
+
'rct-node-leaf': isLeaf,
|
|
126
|
+
'rct-node-parent': !isLeaf,
|
|
127
|
+
'rct-node-expanded': !isLeaf && expanded,
|
|
128
|
+
'rct-node-collapsed': !isLeaf && !expanded,
|
|
129
|
+
'rct-disabled': disabled,
|
|
130
|
+
}, className), [isLeaf, expanded, disabled, className]);
|
|
131
|
+
return (React.createElement("li", { className: nodeClass },
|
|
132
|
+
React.createElement("span", { className: "rct-text" },
|
|
133
|
+
renderCollapseButton(),
|
|
134
|
+
renderLabel()),
|
|
135
|
+
renderChildren(),
|
|
136
|
+
" "));
|
|
137
|
+
}
|
|
138
|
+
export default memo(TreeNode);
|
|
139
|
+
//# sourceMappingURL=TreeNode.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TreeNode.js","sourceRoot":"","sources":["../../../src/components/checkboxtree/TreeNode.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Icons } from "./TreeNode.js";
|
|
2
|
+
import { CheckboxTreeProps, CheckModel } from "./types/types.js";
|
|
3
|
+
declare const CHECK_MODEL: Record<string, CheckModel>;
|
|
4
|
+
declare const DefaultCheckBoxProps: Required<CheckboxTreeProps & Required<{
|
|
5
|
+
icons: Icons;
|
|
6
|
+
}>>;
|
|
7
|
+
export { CHECK_MODEL, DefaultCheckBoxProps };
|
|
8
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/checkboxtree/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEjE,QAAA,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAI3C,CAAC;AAGF,QAAA,MAAM,oBAAoB,EAAE,QAAQ,CAAC,iBAAiB,GAAG,QAAQ,CAAC;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC,CAqClF,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
const CHECK_MODEL = {
|
|
2
|
+
ALL: 'all',
|
|
3
|
+
PARENT: 'parent',
|
|
4
|
+
LEAF: 'leaf',
|
|
5
|
+
};
|
|
6
|
+
const DefaultCheckBoxProps = {
|
|
7
|
+
checkModel: CHECK_MODEL.LEAF,
|
|
8
|
+
checked: [],
|
|
9
|
+
direction: 'ltr',
|
|
10
|
+
disabled: false,
|
|
11
|
+
expandDisabled: false,
|
|
12
|
+
expandOnClick: false,
|
|
13
|
+
expanded: [],
|
|
14
|
+
icons: {
|
|
15
|
+
check: '✅',
|
|
16
|
+
uncheck: '⬜',
|
|
17
|
+
halfCheck: '☑️',
|
|
18
|
+
expandClose: '▶️',
|
|
19
|
+
expandOpen: '🔽',
|
|
20
|
+
expandAll: '➕',
|
|
21
|
+
collapseAll: '➖',
|
|
22
|
+
parentClose: '📁',
|
|
23
|
+
parentOpen: '📂',
|
|
24
|
+
leaf: '📄',
|
|
25
|
+
},
|
|
26
|
+
id: null,
|
|
27
|
+
nodes: [],
|
|
28
|
+
lang: {
|
|
29
|
+
collapseAll: 'Collapse all',
|
|
30
|
+
expandAll: 'Expand all',
|
|
31
|
+
toggle: 'Toggle',
|
|
32
|
+
},
|
|
33
|
+
nativeCheckboxes: true,
|
|
34
|
+
noCascade: false,
|
|
35
|
+
onlyLeafCheckboxes: false,
|
|
36
|
+
optimisticToggle: true,
|
|
37
|
+
showExpandAllButtons: false,
|
|
38
|
+
showNodeIcon: false,
|
|
39
|
+
showNodeTitle: false,
|
|
40
|
+
onCheck: () => { },
|
|
41
|
+
onClick: () => { },
|
|
42
|
+
onExpand: () => { },
|
|
43
|
+
};
|
|
44
|
+
// eslint-disable-next-line import/prefer-default-export
|
|
45
|
+
export { CHECK_MODEL, DefaultCheckBoxProps };
|
|
46
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/checkboxtree/constants.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,GAA+B;IAC5C,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;CACf,CAAC;AAGF,MAAM,oBAAoB,GAA6D;IACnF,UAAU,EAAE,WAAW,CAAC,IAAI;IAC5B,OAAO,EAAE,EAAE;IACX,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,KAAK;IACf,cAAc,EAAE,KAAK;IACrB,aAAa,EAAE,KAAK;IACpB,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE;QACH,KAAK,EAAE,GAAG;QACV,OAAO,EAAE,GAAG;QACZ,SAAS,EAAE,IAAI;QACf,WAAW,EAAE,IAAI;QACjB,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,GAAG;QACd,WAAW,EAAE,GAAG;QAChB,WAAW,EAAE,IAAI;QACjB,UAAU,EAAE,IAAI;QAChB,IAAI,EAAE,IAAI;KACb;IACD,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,EAAE;IACT,IAAI,EAAE;QACF,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,YAAY;QACvB,MAAM,EAAE,QAAQ;KACnB;IACD,gBAAgB,EAAE,IAAI;IACtB,SAAS,EAAE,KAAK;IAChB,kBAAkB,EAAE,KAAK;IACzB,gBAAgB,EAAE,IAAI;IACtB,oBAAoB,EAAE,KAAK;IAC3B,YAAY,EAAE,KAAK;IACnB,aAAa,EAAE,KAAK;IACpB,OAAO,EAAE,GAAG,EAAE,GAAc,CAAC;IAC7B,OAAO,EAAE,GAAG,EAAE,GAAc,CAAC;IAC7B,QAAQ,EAAE,GAAG,EAAE,GAAc,CAAC;CACjC,CAAC;AAGF,wDAAwD;AACxD,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,CAAC"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
export type CheckModel = 'all' | 'parent' | 'leaf';
|
|
2
|
+
export interface Icons {
|
|
3
|
+
check: React.ReactNode;
|
|
4
|
+
uncheck: React.ReactNode;
|
|
5
|
+
halfCheck: React.ReactNode;
|
|
6
|
+
expandClose: React.ReactNode;
|
|
7
|
+
expandOpen: React.ReactNode;
|
|
8
|
+
expandAll: React.ReactNode;
|
|
9
|
+
collapseAll: React.ReactNode;
|
|
10
|
+
parentClose: React.ReactNode;
|
|
11
|
+
parentOpen: React.ReactNode;
|
|
12
|
+
leaf: React.ReactNode;
|
|
13
|
+
}
|
|
14
|
+
export interface Language {
|
|
15
|
+
collapseAll: string;
|
|
16
|
+
expandAll: string;
|
|
17
|
+
toggle: string;
|
|
18
|
+
}
|
|
19
|
+
export interface TreeNodeInfo {
|
|
20
|
+
value: string;
|
|
21
|
+
checked?: boolean;
|
|
22
|
+
halfCheck?: boolean;
|
|
23
|
+
expanded?: boolean;
|
|
24
|
+
disabled?: boolean;
|
|
25
|
+
}
|
|
26
|
+
export interface CheckboxTreeNode extends TreeNodeInfo {
|
|
27
|
+
label: string;
|
|
28
|
+
title?: string;
|
|
29
|
+
children?: CheckboxTreeNode[];
|
|
30
|
+
showCheckbox?: boolean;
|
|
31
|
+
className?: string;
|
|
32
|
+
parent?: CheckboxTreeNode;
|
|
33
|
+
icon?: React.ReactNode;
|
|
34
|
+
isChild?: boolean;
|
|
35
|
+
isParent?: boolean;
|
|
36
|
+
isLeaf?: boolean;
|
|
37
|
+
treeDepth?: number;
|
|
38
|
+
index?: number;
|
|
39
|
+
}
|
|
40
|
+
export interface NodeModelProps {
|
|
41
|
+
disabled?: boolean;
|
|
42
|
+
noCascade?: boolean;
|
|
43
|
+
}
|
|
44
|
+
export interface FlatNodes {
|
|
45
|
+
[value: string]: CheckboxTreeNode;
|
|
46
|
+
}
|
|
47
|
+
export interface CheckboxTreeProps {
|
|
48
|
+
nodes: CheckboxTreeNode[];
|
|
49
|
+
checkModel?: CheckModel;
|
|
50
|
+
checked?: string[];
|
|
51
|
+
direction?: "ltr" | "rtl";
|
|
52
|
+
disabled?: boolean;
|
|
53
|
+
expandDisabled?: boolean;
|
|
54
|
+
expandOnClick?: boolean;
|
|
55
|
+
expanded?: string[];
|
|
56
|
+
icons?: Partial<Icons>;
|
|
57
|
+
id?: string | null;
|
|
58
|
+
lang?: Language;
|
|
59
|
+
nativeCheckboxes?: boolean;
|
|
60
|
+
noCascade?: boolean;
|
|
61
|
+
onlyLeafCheckboxes?: boolean;
|
|
62
|
+
optimisticToggle?: boolean;
|
|
63
|
+
showExpandAllButtons?: boolean;
|
|
64
|
+
showNodeIcon?: boolean;
|
|
65
|
+
showNodeTitle?: boolean;
|
|
66
|
+
onCheck?: (checked: string[], node: CheckboxTreeNode) => void;
|
|
67
|
+
onClick?: (node: CheckboxTreeNode) => void;
|
|
68
|
+
onExpand?: (expanded: string[], node?: CheckboxTreeNode) => void;
|
|
69
|
+
}
|
|
70
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/checkboxtree/types/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/checkboxtree/types/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
interface Node {
|
|
2
|
+
value: string;
|
|
3
|
+
children?: Node[];
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* Expande los nodos de un árbol hasta un nivel objetivo.
|
|
7
|
+
*
|
|
8
|
+
* @param nodes Los nodos a recorrer.
|
|
9
|
+
* @param targetLevel La profundidad máxima a la que se deben expandir los nodos.
|
|
10
|
+
* @param currentLevel El nivel actual en la cadena recursiva.
|
|
11
|
+
*
|
|
12
|
+
* @returns Un array de los valores de los nodos expandidos.
|
|
13
|
+
*/
|
|
14
|
+
declare function expandNodesToLevel(nodes: Node[], targetLevel: number, currentLevel?: number): string[];
|
|
15
|
+
export { expandNodesToLevel };
|
|
16
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/checkboxtree/utils.ts"],"names":[],"mappings":"AACA,UAAU,IAAI;IACV,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;CACrB;AAGD;;;;;;;;GAQG;AACH,iBAAS,kBAAkB,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAE,MAAU,GAAG,MAAM,EAAE,CAiBlG;AAID,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
|