linear-react-components-ui 2.0.0-beta.0 → 2.0.0-beta.1

package/lib/treeview/index.js

@@ -1,182 +0,0 @@
-import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
-import { require_compiler_runtime as t } from "../node_modules/react/compiler-runtime.js";
-import { require_lodash as n } from "../node_modules/lodash/lodash.js";
-import { TreeviewContext as r } from "./constants.js";
-import i from "./Node.js";
-import a from "./Header.js";
-import '../assets/styles/treeview.css';/* empty css                        */
-import { useEffect as o, useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region src/lib/treeview/index.tsx
-var u = t(), d = /* @__PURE__ */ e(n(), 1), f = (e) => {
-	let t = (0, u.c)(43), { selectedIds: n, enableDynamicData: a, allowCheckAllAncestry: f, onNodeOpen: p, allowCheckAllChildren: ne, onSelectedIdsChange: m, idsInLoading: h, startNodesOpened: re, alwaysShowArrow: g, nodeElementsValidations: _, nodeRightElements: v, nodeMenuButtonSize: ie, nodeToolbarElements: y, onNodeClick: b, selectedNodeId: x, customClass: ae, children: oe, styleForContainer: se, bordered: ce, requiredIds: le, customClassForNodes: ue, customStyleForNodes: S } = e, C;
-	t[0] === n ? C = t[1] : (C = n === void 0 ? [] : n, t[0] = n, t[1] = C);
-	let w = C, T = re === void 0 ? !1 : re, E = ie === void 0 ? "small" : ie, de = ae === void 0 ? "" : ae, fe = le === void 0 ? [] : le, D = ue === void 0 ? "" : ue, [O, pe] = s(e.data), [k, A] = s(w), [j, me] = s(w), [M, N] = s(!1), [he, ge] = s(!1), P;
-	t[2] === Symbol.for("react.memo_cache_sentinel") ? (P = [], t[2] = P) : P = t[2];
-	let [F, I] = s(P), L;
-	t[3] === Symbol.for("react.memo_cache_sentinel") ? (L = [], t[3] = L) : L = t[3];
-	let [R, _e] = s(L), z;
-	t[4] === Symbol.for("react.memo_cache_sentinel") ? (z = {}, t[4] = z) : z = t[4];
-	let [B] = s(z), V = (e, t, n, r) => {
-		let i = t === void 0 ? !1 : t, a = n === void 0 ? [] : n, o = r === void 0 ? [] : r;
-		return B[e] === void 0 ? a.push(e) : (a.push(e), i && o.push(e), B[e].forEach((e) => V(e, i, a, o))), i ? {
-			nodeChildrenIds: a,
-			requiredIds: o
-		} : { nodeChildrenIds: a };
-	}, H;
-	t[5] === B ? H = t[6] : (H = (e) => {
-		let t = Object.keys(B).find((t) => B[t].find((t) => t === e));
-		return Number(t);
-	}, t[5] = B, t[6] = H);
-	let ve = H, ye = (e, t) => {
-		let n = t === void 0 ? [] : t, r = ve(e);
-		if (r) {
-			let e = [...n, Number(r)];
-			return ye(Number(r), e);
-		}
-		return n;
-	}, be = (e, t, n) => {
-		let r = t === void 0 ? [] : t, i = [], a = ve(e);
-		if (a) {
-			let t = B && B[a].filter((t) => t !== e), o = n && k.includes(n);
-			t && t.length > 0 && (i = k.filter((e) => t.includes(e)));
-			let s = o || i.length > 0 ? [...r] : [...r, a];
-			if (i.length === 0 && !o) return be(a, s, a);
-		}
-		return r;
-	}, U = (e, t, n) => {
-		let r = be(e), i = n.filter((e) => !r.includes(e)), a = k.filter((e) => !t.includes(e));
-		return I(i), a;
-	}, W = (e, t, n, r) => {
-		let i = n === void 0 ? !1 : n, a = r === void 0 ? !0 : r, o = ye(e), s = o.filter((e) => !F.includes(e)), c = o.filter((e) => !k.includes(e)), l = [
-			...k,
-			...t,
-			...c
-		], u = [...F, ...s];
-		return a && I(u), i ? {
-			updatedIdsWithAncestryIds: l,
-			requiredParentsIds: u
-		} : { updatedIdsWithAncestryIds: l };
-	}, xe = (e, t, n) => {
-		let r = t === void 0 ? !1 : t, i = n === void 0 ? [] : n, a, o = i;
-		if (r) {
-			let { nodeChildrenIds: t, requiredIds: n } = V(e, r), s = n ? n.filter((e) => !i.includes(e)) : [];
-			o = [...i, ...s], a = t;
-		} else a = V(e).nodeChildrenIds;
-		let s = a.filter((e) => !k.includes(e)), c = [...k, ...s];
-		return I(o), N(!1), c;
-	}, Se = (e, t) => {
-		let n = t === void 0 ? [] : t, r = n.length > 0 ? n : k, i = V(e).nodeChildrenIds;
-		return r = r.filter((e) => !i.includes(e)), N(!1), r;
-	}, Ce = (e, t, n) => {
-		let r = V(e).nodeChildrenIds, i = n.filter((e) => !r.includes(e));
-		I([...i]), U(e, t, i);
-	}, G;
-	t[7] !== R || t[8] !== p ? (G = (e) => {
-		let { id: t } = e, n = R;
-		!R.includes(t) && p && (n = [...n, t], p(e)), _e(n);
-	}, t[7] = R, t[8] = p, t[9] = G) : G = t[9];
-	let K = G, we = (e, t, n) => {
-		let r = d.default.isArray(e) ? e : [e], i = [...k, ...r];
-		if (n && (t || M) && ne) if (f) {
-			let { updatedIdsWithAncestryIds: t, requiredParentsIds: n } = W(e, r, !0), a = xe(e, !0, n);
-			i = [...t, ...a];
-		} else i = xe(e);
-		else f && (i = W(e, r).updatedIdsWithAncestryIds);
-		return i;
-	}, Te = (e, t, n, r) => {
-		let i = d.default.isArray(e) ? e : [e], a = k.filter((e) => !i.includes(e));
-		return n && (t || M) && ne ? f ? (a = Se(e, U(e, i, F)), r && Ce(e, i, F)) : a = Se(e) : f && (a = U(e, i, F)), a;
-	}, Ee = (e, t, n, r, i) => {
-		let a = r === void 0 ? !1 : r, o = i === void 0 ? M : i, s;
-		s = t ? we(e, o, n) : Te(e, o, n, a), A(s), m && m(s);
-	}, De = (e, t, n) => {
-		let r = n === void 0 ? !1 : n;
-		N(!0), Ee(e, t, !0, r, !0);
-	}, q;
-	t[10] !== g || t[11] !== D || t[12] !== S || t[13] !== K || t[14] !== h || t[15] !== B || t[16] !== _ || t[17] !== E || t[18] !== v || t[19] !== y || t[20] !== b || t[21] !== x || t[22] !== T ? (q = (e, t, n) => {
-		let r = [];
-		if (e.itens && e.itens.length > 0 && (r = e.itens.map(ee), n)) {
-			let t = {};
-			t[e.id] = r, Object.assign(n, t);
-		}
-		return c(i, {
-			node: e,
-			idsInLoading: h,
-			startNodesOpened: T,
-			alwaysShowArrow: g,
-			childrenIds: r,
-			isParent: e.itens && e.itens.length > 0,
-			parentId: t,
-			nodeRightElements: v,
-			nodeToolbarElements: y,
-			nodeElementsValidations: _,
-			nodeMenuButtonSize: E,
-			onNodeClick: b,
-			selectedNodeId: x,
-			handlerOnNodeOpen: K,
-			customClass: D,
-			customStyle: S,
-			children: r.length > 0 && e.itens && e.itens.map((t) => q(t, e.id, B))
-		}, `node-${e.id}`);
-	}, t[10] = g, t[11] = D, t[12] = S, t[13] = K, t[14] = h, t[15] = B, t[16] = _, t[17] = E, t[18] = v, t[19] = y, t[20] = b, t[21] = x, t[22] = T, t[23] = q) : q = t[23];
-	let Oe = (e) => {
-		let t = [], n = [];
-		e.forEach((e) => {
-			let { requiredParentsIds: r, updatedIdsWithAncestryIds: i } = W(e, [], !0, !1);
-			n = [...n, ...i], r && (t = [...t, ...r]);
-		}), I(d.default.uniq(t)), A(d.default.uniq(n)), ge(te);
-	}, J;
-	t[24] !== O || t[25] !== a || t[26] !== m || t[27] !== j || t[28] !== e.data || t[29] !== w ? (J = () => {
-		let t = d.default.isEqual(j.sort(), w.sort());
-		a && e.data !== O ? pe(e.data) : t || (A(w), m?.(w), me(w));
-	}, t[24] = O, t[25] = a, t[26] = m, t[27] = j, t[28] = e.data, t[29] = w, t[30] = J) : J = t[30];
-	let Y;
-	t[31] !== e.data || t[32] !== w.length ? (Y = [w.length, e.data], t[31] = e.data, t[32] = w.length, t[33] = Y) : Y = t[33], o(J, Y);
-	let X;
-	t[34] === k ? X = t[35] : (X = [k], t[34] = k, t[35] = X), o(() => {
-		f && !he && Oe(k);
-	}, X);
-	let Z;
-	t[36] === j ? Z = t[37] : (Z = [j], t[36] = j, t[37] = Z), o(() => {
-		f && Oe(k);
-	}, Z);
-	let Q;
-	t[38] !== q || t[39] !== O || t[40] !== B ? (Q = () => {
-		q(O, void 0, B);
-	}, t[38] = q, t[39] = O, t[40] = B, t[41] = Q) : Q = t[41];
-	let $;
-	t[42] === Symbol.for("react.memo_cache_sentinel") ? ($ = [], t[42] = $) : $ = t[42], o(Q, $);
-	let ke = {
-		...e,
-		requiredIds: fe,
-		selectedIds: k,
-		isHandlingSelectedIds: M,
-		selectedIdsUpdatedOnMount: he,
-		requiredParentsIds: F,
-		alreadyOpenedIds: R,
-		handlerUpdateSelectedIds: Ee,
-		handlerToggleCheckChildren: De
-	};
-	return c(r.Provider, {
-		value: ke,
-		children: l("div", {
-			className: `treeview-component ${de}`,
-			children: [oe, c("ul", {
-				style: se,
-				className: `treeviewcontainer ${ce && "-bordered"}`,
-				children: q(O)
-			})]
-		})
-	});
-};
-function ee(e) {
-	return e.id;
-}
-function te(e) {
-	return e || !0;
-}
-//#endregion
-export { i as TreeNode, a as TreeViewHeader, f as default };
-
-//# sourceMappingURL=index.js.map

package/lib/treeview/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/treeview/index.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport _ from 'lodash';\nimport TreeNode from './Node';\nimport TreeViewHeader from './Header';\nimport '../assets/styles/treeview.scss';\nimport { TreeviewContext } from './constants';\nimport { ITreeViewContext, ITreeviewProps, NodeItem } from './types';\n\nconst TreeView = (props: ITreeviewProps) => {\n  const {\n    selectedIds = [], enableDynamicData, allowCheckAllAncestry, onNodeOpen, allowCheckAllChildren,\n    onSelectedIdsChange, idsInLoading, startNodesOpened = false, alwaysShowArrow,\n    nodeElementsValidations, nodeRightElements, nodeMenuButtonSize = 'small', nodeToolbarElements,\n    onNodeClick, selectedNodeId, customClass = '', children, styleForContainer, bordered,\n    requiredIds: propsRequiredIds = [], customClassForNodes = '', customStyleForNodes,\n  } = props;\n  const [data, setData] = useState(props.data);\n  const [currentSelectedIds, setCurrentSelectedIds] = useState(selectedIds);\n  const [propSelectedIds, setPropSelectedIds] = useState(selectedIds);\n  const [isHandlingSelectedIds, setIsHandlingSelectedIds] = useState(false);\n  const [selectedIdsUpdatedOnMount, setSelectedIdsUpdatedOnMount] = useState(false);\n  const [requiredParentsIds, setRequiredParentsIds] = useState<number[]>([]);\n  const [alreadyOpenedIds, setAlreadyOpenedIds] = useState<number[]>([]);\n  const [idsWithChildren] = useState<{ [key: string | number]: number[] }>({});\n\n  const returnChildrenIds = (\n    nodeId: number,\n    returnRequiredIds = false,\n    nodeChildrenIds: number[] = [],\n    requiredIds: number[] = [],\n  ) => {\n    if (idsWithChildren[nodeId] !== undefined) {\n      nodeChildrenIds.push(nodeId);\n\n      if (returnRequiredIds) requiredIds.push(nodeId);\n\n      idsWithChildren[nodeId].forEach((childId: number) =>\n        returnChildrenIds(childId, returnRequiredIds, nodeChildrenIds, requiredIds));\n    } else nodeChildrenIds.push(nodeId);\n\n    return returnRequiredIds ? { nodeChildrenIds, requiredIds } : { nodeChildrenIds };\n  };\n\n  const returnParentId = (nodeId: number) => {\n    const parentId = Object.keys(idsWithChildren)\n      .find((id: string) => idsWithChildren[id].find((childId: number) => childId === nodeId));\n\n    return Number(parentId);\n  };\n\n  const returnAllAncestryIds = (nodeId: number, ancestryIds: number[] = []): number[] => {\n    const parentId = returnParentId(nodeId);\n\n    if (parentId) {\n      const currentAncestryIds = [...ancestryIds, Number(parentId)];\n      return returnAllAncestryIds(Number(parentId), currentAncestryIds);\n    }\n\n    return ancestryIds;\n  };\n\n  const returnRequiredAncestryIds = (\n    nodeId: number,\n    requiredAncestryIds: number[] = [],\n    previousParentId?: number,\n  ): number[] => {\n    let selectedSiblingsIds = [];\n    const parentId = returnParentId(nodeId);\n\n    if (parentId) {\n      const nodeSiblingsIds: number[] = idsWithChildren && idsWithChildren[parentId]\n        .filter((childId: number) => childId !== nodeId);\n      const isPreviousParentSelected = previousParentId\n        && currentSelectedIds.includes(previousParentId);\n\n      if (nodeSiblingsIds && nodeSiblingsIds.length > 0) {\n        selectedSiblingsIds = currentSelectedIds\n          .filter((id: number) => nodeSiblingsIds.includes(id));\n      }\n\n      const requiredIds = isPreviousParentSelected || selectedSiblingsIds.length > 0\n        ? [...requiredAncestryIds]\n        : [...requiredAncestryIds, parentId];\n\n      if (selectedSiblingsIds.length === 0 && !isPreviousParentSelected) {\n        return returnRequiredAncestryIds(parentId, requiredIds, parentId);\n      }\n    }\n\n    return requiredAncestryIds;\n  };\n\n  const updateAncestryAndSelectedIds = (\n    nodeId: number,\n    codigos: number[],\n    requiredParents: number[],\n  ) => {\n    const ancestryIds = returnRequiredAncestryIds(nodeId);\n    const remainRequiredParentsIds = requiredParents\n      .filter((id: number) => !ancestryIds.includes(id));\n    const newSelectedIds = currentSelectedIds.filter(selectedId => !codigos.includes(selectedId));\n    setRequiredParentsIds(remainRequiredParentsIds);\n\n    return newSelectedIds;\n  };\n\n  const checkAllAncestry = (\n    nodeId: number,\n    codigos: number[],\n    returnRequiredParentsIds = false,\n    updateState = true,\n  ) => {\n    const nodeAncestryIds = returnAllAncestryIds(nodeId);\n    const notRequiredAncestryIds = nodeAncestryIds.filter(id => !requiredParentsIds.includes(id));\n    const notSelectedAncestryIds = nodeAncestryIds.filter(id => !currentSelectedIds.includes(id));\n\n    const newSelectedIds = [...currentSelectedIds, ...codigos, ...notSelectedAncestryIds];\n    const newRequiredParentsIds = [...requiredParentsIds, ...notRequiredAncestryIds];\n    if (updateState) {\n      setRequiredParentsIds(newRequiredParentsIds);\n    }\n\n    return !returnRequiredParentsIds\n      ? { updatedIdsWithAncestryIds: newSelectedIds }\n      : { updatedIdsWithAncestryIds: newSelectedIds, requiredParentsIds: newRequiredParentsIds };\n  };\n\n  const checkAllChildren = (\n    nodeId: number,\n    returnRequiredIds = false,\n    currentRequiredIds: number[] = [],\n  ) => {\n    let childrenIds;\n    let newRequiredParentsIds = currentRequiredIds;\n\n    if (returnRequiredIds) {\n      const { nodeChildrenIds, requiredIds } = returnChildrenIds(nodeId, returnRequiredIds);\n      const newRequiredIds = requiredIds\n        ? requiredIds.filter(id => !currentRequiredIds.includes(id))\n        : [];\n      newRequiredParentsIds = [...currentRequiredIds, ...newRequiredIds];\n      childrenIds = nodeChildrenIds;\n    } else childrenIds = returnChildrenIds(nodeId).nodeChildrenIds;\n\n    const notSelectedChildrenIds = childrenIds\n      .filter((id: number) => !currentSelectedIds.includes(id));\n    const newSelectedIds = [...currentSelectedIds, ...notSelectedChildrenIds];\n\n    setRequiredParentsIds(newRequiredParentsIds);\n    setIsHandlingSelectedIds(false);\n    return newSelectedIds;\n  };\n\n  const uncheckAllChildren = (nodeId: number, remainSelectedIds: number[] = []) => {\n    let newSelectedIds = remainSelectedIds.length > 0 ? remainSelectedIds : currentSelectedIds;\n    const childrenIds = returnChildrenIds(nodeId).nodeChildrenIds;\n\n    newSelectedIds = newSelectedIds.filter(selectedId => !childrenIds.includes(selectedId));\n    setIsHandlingSelectedIds(false);\n\n    return newSelectedIds;\n  };\n\n  const uncheckRequiredChildren = (\n    nodeId: number,\n    codigos: number[],\n    requiredParents: number[],\n  ) => {\n    const childrenIds = returnChildrenIds(nodeId).nodeChildrenIds;\n    const remainRequiredIds = requiredParents.filter((id: number) => !childrenIds.includes(id));\n\n    setRequiredParentsIds([...remainRequiredIds]);\n    updateAncestryAndSelectedIds(nodeId, codigos, remainRequiredIds);\n  };\n\n  const handleOnNodeOpen = (node: NodeItem) => {\n    const { id } = node;\n    let newAlreadyOpenedIds = alreadyOpenedIds;\n\n    if (!alreadyOpenedIds.includes(id) && onNodeOpen) {\n      newAlreadyOpenedIds = [...newAlreadyOpenedIds, id];\n      onNodeOpen(node);\n    }\n\n    setAlreadyOpenedIds(newAlreadyOpenedIds);\n  };\n\n  const handleCheck = (nodeId: number, handlingSelectedIds: boolean, isParent: boolean) => {\n    const codigos = _.isArray(nodeId) ? nodeId : [nodeId];\n\n    let newSelectedIds = [...currentSelectedIds, ...codigos];\n\n    if (isParent && (handlingSelectedIds || isHandlingSelectedIds) && allowCheckAllChildren) {\n      if (allowCheckAllAncestry) {\n        const {\n          updatedIdsWithAncestryIds,\n          requiredParentsIds: requiredParents,\n        } = checkAllAncestry(nodeId, codigos, true);\n        const updatedIdsWithChildrenIds = checkAllChildren(nodeId, true, requiredParents);\n\n        newSelectedIds = [...updatedIdsWithAncestryIds, ...updatedIdsWithChildrenIds];\n      } else newSelectedIds = checkAllChildren(nodeId);\n    } else if (allowCheckAllAncestry) {\n      newSelectedIds = checkAllAncestry(nodeId, codigos).updatedIdsWithAncestryIds;\n    }\n\n    return newSelectedIds;\n  };\n\n  const handleUncheck = (\n    nodeId: number,\n    handlingSelectedIds: boolean,\n    isParent: boolean,\n    required: boolean,\n  ) => {\n    const codigos = _.isArray(nodeId) ? nodeId : [nodeId];\n    let newSelectedIds = currentSelectedIds.filter(id => !codigos.includes(id));\n\n    if (isParent && (handlingSelectedIds || isHandlingSelectedIds) && allowCheckAllChildren) {\n      if (allowCheckAllAncestry) {\n        const updatedSelectedIds = updateAncestryAndSelectedIds(\n          nodeId, codigos, requiredParentsIds,\n        );\n        newSelectedIds = uncheckAllChildren(nodeId, updatedSelectedIds);\n\n        if (required) uncheckRequiredChildren(nodeId, codigos, requiredParentsIds);\n      } else newSelectedIds = uncheckAllChildren(nodeId);\n    } else if (allowCheckAllAncestry) {\n      newSelectedIds = updateAncestryAndSelectedIds(nodeId, codigos, requiredParentsIds);\n    }\n\n    return newSelectedIds;\n  };\n\n  const updateSelectedIds = (\n    nodeId: number,\n    checked: boolean,\n    isParent: boolean,\n    required = false,\n    handlingSelectedIds = isHandlingSelectedIds,\n  ) => {\n    let newSelectedIds = [...currentSelectedIds];\n\n    if (checked) {\n      newSelectedIds = handleCheck(nodeId, handlingSelectedIds, isParent);\n    } else {\n      newSelectedIds = handleUncheck(nodeId, handlingSelectedIds, isParent, required);\n    }\n\n    setCurrentSelectedIds(newSelectedIds);\n    if (onSelectedIdsChange) onSelectedIdsChange(newSelectedIds);\n  };\n\n  const toggleCheckChildren = (nodeId: number, check: boolean, required = false) => {\n    setIsHandlingSelectedIds(true);\n    updateSelectedIds(nodeId, check, true, required, true);\n  };\n\n  const buildTree = (\n    node: NodeItem,\n    parentId?: number,\n    ids?: { [key: string | number]: number[] },\n  ) => {\n    let childrenIds: number[] = [];\n\n    if (node.itens && node.itens.length > 0) {\n      childrenIds = node.itens.map((i: NodeItem) => i.id);\n      if (ids) {\n        const idWithChildren: { [key: string | number]: number[] } = {};\n        idWithChildren[node.id] = childrenIds;\n        Object.assign(ids, idWithChildren);\n      }\n    }\n\n    return (\n      <TreeNode\n        key={`node-${node.id}`}\n        node={node}\n        idsInLoading={idsInLoading}\n        startNodesOpened={startNodesOpened}\n        alwaysShowArrow={alwaysShowArrow}\n        childrenIds={childrenIds}\n        isParent={node.itens && node.itens.length > 0}\n        parentId={parentId}\n        nodeRightElements={nodeRightElements}\n        nodeToolbarElements={nodeToolbarElements}\n        nodeElementsValidations={nodeElementsValidations}\n        nodeMenuButtonSize={nodeMenuButtonSize}\n        onNodeClick={onNodeClick}\n        selectedNodeId={selectedNodeId}\n        handlerOnNodeOpen={handleOnNodeOpen}\n        customClass={customClassForNodes}\n        customStyle={customStyleForNodes}>\n        {childrenIds.length > 0 && node.itens && (\n          node.itens.map((nodeitem: NodeItem) => buildTree(nodeitem, node.id, idsWithChildren))\n        )}\n      </TreeNode>\n    );\n  };\n\n  const handleNewSelectedIds = (selectedNodeIds: number[]) => {\n    let requiredIds: number[] = [];\n    let newSelectedIds: number[] = [];\n\n    selectedNodeIds.forEach((id: number) => {\n      const {\n        requiredParentsIds: requiredParents,\n        updatedIdsWithAncestryIds,\n      } = checkAllAncestry(id, [], true, false);\n\n      newSelectedIds = [...newSelectedIds, ...updatedIdsWithAncestryIds];\n      if (requiredParents) {\n        requiredIds = [...requiredIds, ...requiredParents];\n      }\n    });\n\n    setRequiredParentsIds(_.uniq(requiredIds));\n    setCurrentSelectedIds(_.uniq(newSelectedIds));\n    setSelectedIdsUpdatedOnMount(prevState => prevState || true);\n  };\n\n  useEffect(() => {\n    const isSameSelectedIds = _.isEqual(propSelectedIds.sort(), selectedIds.sort());\n    if (enableDynamicData && props.data !== data) {\n      setData(props.data);\n    } else if (!isSameSelectedIds) {\n      setCurrentSelectedIds(selectedIds);\n      onSelectedIdsChange?.(selectedIds);\n      setPropSelectedIds(selectedIds);\n    }\n  }, [selectedIds.length, props.data]);\n\n  useEffect(() => {\n    if (allowCheckAllAncestry && (!selectedIdsUpdatedOnMount)) {\n      handleNewSelectedIds(currentSelectedIds);\n    }\n  }, [currentSelectedIds]);\n\n  useEffect(() => {\n    if (allowCheckAllAncestry) {\n      handleNewSelectedIds(currentSelectedIds);\n    }\n  }, [propSelectedIds]);\n\n  useEffect(() => {\n    buildTree(data as NodeItem, undefined, idsWithChildren);\n  }, []);\n\n  const contextValues: ITreeViewContext = {\n    ...props,\n    requiredIds: propsRequiredIds,\n    selectedIds: currentSelectedIds,\n    isHandlingSelectedIds,\n    selectedIdsUpdatedOnMount,\n    requiredParentsIds,\n    alreadyOpenedIds,\n    handlerUpdateSelectedIds: updateSelectedIds,\n    handlerToggleCheckChildren: toggleCheckChildren,\n  };\n\n  return (\n    <TreeviewContext.Provider value={contextValues}>\n      <div className={`treeview-component ${customClass}`}>\n        {children}\n        <ul\n          style={styleForContainer}\n          className={`treeviewcontainer ${bordered && '-bordered'}`}>\n          {buildTree(data as NodeItem)}\n        </ul>\n      </div>\n    </TreeviewContext.Provider>\n  );\n};\n\nexport default TreeView;\nexport { TreeNode, TreeViewHeader };\n"],"mappings":"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"}

package/lib/treeview/types.d.ts

@@ -1,106 +0,0 @@
-import { CSSProperties, ReactElement, ReactNode } from 'react';
-import { Size } from '../@types/Size';
-export type NodeItem<T = void> = T & {
-    id: number;
-    itens?: NodeItem<T>[];
-    statusEnum?: {
-        id: number | string;
-    };
-};
-export interface IValidator<T = void> {
-    validator: (node: NodeItem<T>) => boolean;
-    applyBehavior?: 'unvisible' | 'disabled';
-}
-export interface INodeElementsValidations<T = void> {
-    [key: string]: IValidator<T>[];
-}
-export interface INodeValidationProps {
-    validationKey: string | null;
-    onNodeElementClick: (node: any) => void;
-    visible: boolean;
-}
-export interface ITreeviewProps {
-    data: object;
-    valuePropName: string;
-    labelPropName: string;
-    parentPropName: string;
-    customClass?: string;
-    bordered?: boolean;
-    startNodesOpened?: boolean;
-    alwaysShowArrow?: boolean;
-    selectedIds?: number[];
-    requiredIds?: number[] | string[];
-    showCheckBox?: boolean;
-    onSelectedIdsChange?: (value: any) => void;
-    children?: ReactNode;
-    styleForContainer?: CSSProperties;
-    allowCheckAllChildren?: boolean;
-    allowCheckAllAncestry?: boolean;
-    defaultDisabledTooltip?: string;
-    nodeRightElements?: ReactElement<INodeValidationProps>[];
-    nodeToolbarElements?: ReactElement<INodeValidationProps>[];
-    nodeMenuButtonSize?: Size;
-    onNodeClick?: () => void;
-    onNodeOpen?: (value: any) => void;
-    nodeElementsValidations?: INodeElementsValidations<any>;
-    enableDynamicData?: boolean;
-    idsInLoading?: number[];
-    selectedNodeId?: number;
-    customClassForNodes?: string;
-    customStyleForNodes?: CSSProperties;
-}
-export interface ITreeNodeProps {
-    node: any;
-    children: ReactNode;
-    startNodesOpened: boolean;
-    childrenIds?: number[];
-    parentId?: number;
-    disabled?: boolean;
-    isParent?: boolean;
-    alwaysShowArrow?: boolean;
-    nodeRightElements?: ReactElement<INodeValidationProps>[];
-    nodeToolbarElements?: ReactElement<INodeValidationProps>[];
-    nodeMenuButtonSize?: Size;
-    onNodeClick?: (node: any) => void;
-    handlerOnNodeOpen?: (node: any) => void;
-    nodeElementsValidations?: INodeElementsValidations;
-    idsInLoading?: number[];
-    selectedNodeId?: number;
-    customClass?: string;
-    customStyle?: CSSProperties;
-}
-export interface ITreeHeaderProps {
-    title?: string;
-    customClass?: string;
-    children?: ReactNode;
-}
-export interface ITreeViewContext extends ITreeviewProps {
-    requiredIds: number[] | string[];
-    selectedIds?: number[];
-    isHandlingSelectedIds: boolean;
-    selectedIdsUpdatedOnMount: boolean;
-    requiredParentsIds: number[] | string[];
-    alreadyOpenedIds: number[];
-    handlerUpdateSelectedIds: (nodeId: number, checked: boolean, isParent: boolean, required?: boolean, handling?: boolean) => void;
-    handlerToggleCheckChildren: (nodeId: number, check: boolean, required?: boolean) => void;
-    disabled?: boolean;
-}
-type ItensMock = {
-    id?: number;
-    titulo: string;
-    codigo: string;
-    permissoes?: {
-        codigo: string;
-    }[];
-    itens: ItensMock[];
-};
-export interface IDataMock {
-    id: number;
-    titulo: string;
-    codigo: string;
-    permissoes: {
-        codigo: string;
-    }[];
-    itens: ItensMock[];
-}
-export {};

package/lib/uitour/helpers.d.ts

@@ -1,7 +0,0 @@
-declare const ARROW_WIDTH = 26;
-declare const ARROW_HEIGHT = 20;
-declare const STEP_POSITIONS: {
-    right: string;
-    left: string;
-};
-export { ARROW_WIDTH, ARROW_HEIGHT, STEP_POSITIONS, };

package/lib/uitour/helpers.js

@@ -1,9 +0,0 @@
-//#region src/lib/uitour/helpers.ts
-var e = {
-	right: "right",
-	left: "left"
-};
-//#endregion
-export { e as STEP_POSITIONS };
-
-//# sourceMappingURL=helpers.js.map

package/lib/uitour/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../src/lib/uitour/helpers.ts"],"sourcesContent":["const ARROW_WIDTH = 26;\nconst ARROW_HEIGHT = 20;\nconst STEP_POSITIONS = {\n  right: 'right',\n  left: 'left',\n};\n\nexport {\n  ARROW_WIDTH,\n  ARROW_HEIGHT,\n  STEP_POSITIONS,\n};\n"],"mappings":";AAEA,IAAM,IAAiB;CACrB,OAAO;CACP,MAAM;CACP"}

package/lib/uitour/index.d.ts

@@ -1,3 +0,0 @@
-import { IUITourProps } from './types';
-declare const UiTour: (props: IUITourProps) => import('react').ReactPortal | null;
-export default UiTour;

package/lib/uitour/index.js

@@ -1,184 +0,0 @@
-import e from "../buttons/PrimaryButton.js";
-import t from "../buttons/index.js";
-import '../assets/styles/uitour.css';/* empty css                      */
-import { STEP_POSITIONS as n } from "./helpers.js";
-import { useCallback as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { createPortal as u } from "react-dom";
-//#region src/lib/uitour/index.tsx
-var d = (d) => {
-	let { data: f, nextButtonLabel: p, backButtonLabel: m, finishButtonLabel: h, showCloseButton: g = !0, showBackButton: _ = !0, visible: v = !0, onFinish: y, onStepChange: b } = d, [x, S] = s(void 0), [C, w] = s(!1), [T, E] = s(!1), [D, O] = s(!1), [k, A] = s(null), [j, M] = s(v), [N, P] = s(n.left), F = o(null), I = o(null), L = o([]), R = () => {
-		if (C) {
-			let e = f[f.findIndex((e) => e.id === x?.id) + 1], t = f.findIndex((t) => t.id === e.id);
-			document.getElementById(e.targetId) && S({
-				...e,
-				number: t + 1
-			});
-		}
-	}, z = () => {
-		if (T) {
-			let e = f[f.findIndex((e) => e.id === x?.id) - 1], t = f.findIndex((t) => t.id === e.id);
-			document.getElementById(e.targetId) && S({
-				...e,
-				number: t + 1
-			});
-		}
-	}, B = () => {
-		M(!1), y && y(!0);
-	}, V = (e) => {
-		if (F.current) {
-			let t = F.current.getBoundingClientRect(), r = window.innerWidth;
-			t.right >= r || x?.position === n.right ? (P(n.right), A({
-				top: e.top - 20,
-				left: e.left - t.width - 26
-			})) : (P(n.left), A({
-				top: e.top - 20,
-				left: e.left + e.width + 26
-			}));
-		}
-	}, H = (e) => {
-		M(v), S(e);
-	}, U = () => {
-		L.current.length > 0 && L.current.forEach((e) => {
-			let t = document.getElementById(e.elementId);
-			t && (delete t.dataset.uitour, L.current = L.current.filter((t) => t.elementId !== e.elementId));
-		});
-	}, W = r((e) => {
-		let t = document.getElementById(e.elementId);
-		t && (t.dataset.uitour = e.effect, L.current && L.current.push(e));
-	}, []), G = (e) => {
-		if (e.effect) {
-			let { effect: t, targetId: n } = e;
-			W({
-				effect: t,
-				elementId: n
-			});
-		}
-		if (e.elementsEffects) {
-			let { elementsEffects: t } = e;
-			Array.isArray(t) || (t = [t]), t.forEach((e) => {
-				W(e);
-			});
-		}
-	};
-	i(() => {
-		if (x) {
-			let e = document.getElementById(x.targetId);
-			if (e) {
-				let t = e.getBoundingClientRect(), n = f.findIndex((e) => e.id === x.id), r = f.length - 1;
-				switch (n) {
-					case r:
-						w(!1), E(!0), O(!0);
-						break;
-					case 0:
-						w(!0), O(!1), E(!1);
-						break;
-					default: w(!0), E(!0), O(!1);
-				}
-				V(t), U(), G(f[n]), b && b(e);
-			}
-			I.current && (I.current.innerHTML = x.description);
-		}
-	}, [x]), i(() => {
-		let e = null;
-		if (f && v) {
-			let t = {
-				...f[0],
-				number: 1
-			};
-			document.getElementById(t.targetId) ? H(t) : (e = new MutationObserver(() => {
-				document.getElementById(t.targetId) && (H(t), e?.disconnect(), e = null);
-			}), e.observe(document, {
-				subtree: !0,
-				childList: !0
-			}));
-		}
-		return () => {
-			e?.disconnect(), e = null;
-		};
-	}, [v, f]), i(() => {
-		!j && L.current.length > 0 && U(), j ? document.body.style.overflow = "hidden" : document.body.style.overflow = "auto";
-	}, [j]);
-	let K = a(() => /* @__PURE__ */ c("div", {
-		className: "uitour-component",
-		children: x && /* @__PURE__ */ l("div", {
-			ref: F,
-			className: `step -${N}`,
-			style: { ...k },
-			children: [
-				g && /* @__PURE__ */ c("div", {
-					className: "closebutton",
-					children: /* @__PURE__ */ c(t, {
-						iconName: "cancel2",
-						iconAlign: "center",
-						size: "large",
-						transparent: !0,
-						boxShadow: !1,
-						style: { padding: 0 },
-						onClick: B
-					})
-				}),
-				/* @__PURE__ */ l("div", {
-					className: "content",
-					children: [/* @__PURE__ */ c("span", {
-						className: "number",
-						children: x.number
-					}), /* @__PURE__ */ l("div", {
-						className: "about",
-						children: [/* @__PURE__ */ c("h3", { children: x.title }), /* @__PURE__ */ c("p", {
-							className: "description",
-							ref: I
-						})]
-					})]
-				}),
-				/* @__PURE__ */ l("div", {
-					className: "footer",
-					children: [
-						/* @__PURE__ */ c(e, {
-							label: m,
-							onClick: z,
-							disabled: !T,
-							visible: _,
-							customClass: "back-button"
-						}),
-						/* @__PURE__ */ c(e, {
-							label: p,
-							onClick: R,
-							disabled: !C,
-							visible: !D,
-							customClass: "next-button"
-						}),
-						/* @__PURE__ */ c(e, {
-							label: h,
-							visible: D,
-							onClick: B,
-							customClass: "finish-button"
-						})
-					]
-				})
-			]
-		}, x.id)
-	}), [
-		x,
-		N,
-		k,
-		g,
-		B,
-		m,
-		z,
-		T,
-		_,
-		p,
-		R,
-		C,
-		D,
-		h,
-		D,
-		B
-	]);
-	return j ? u(K, document.body) : null;
-};
-//#endregion
-export { d as default };
-
-//# sourceMappingURL=index.js.map

package/lib/uitour/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/uitour/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport DefaultButton, { PrimaryButton } from '../buttons';\nimport '../assets/styles/uitour.scss';\nimport { ARROW_HEIGHT, ARROW_WIDTH, STEP_POSITIONS } from './helpers';\nimport { CurrentStep, ElementEffect, IUITourProps, StepDimensions, UITourData } from './types';\n\nconst UiTour = (props: IUITourProps) => {\n  const {\n    data, nextButtonLabel, backButtonLabel, finishButtonLabel, showCloseButton = true,\n    showBackButton = true, visible = true, onFinish, onStepChange,\n  } = props;\n  const [currentStep, setCurrentStep] = useState<CurrentStep | undefined>(undefined);\n  const [hasNextStep, setHasNextStep] = useState(false);\n  const [hasBackStep, setHasBackStep] = useState(false);\n  const [isLastStep, setIsLastStep] = useState(false);\n  const [stepDimensions, setStepDimensions] = useState<StepDimensions | null>(null);\n  const [showTour, setShowTour] = useState(visible);\n  const [stepPosition, setStepPosition] = useState(STEP_POSITIONS.left);\n  const stepRef = useRef<HTMLDivElement>(null);\n  const descriptionRef = useRef<HTMLParagraphElement>(null);\n  const activatedEffects = useRef<ElementEffect[]>([]);\n\n  const handleNextStep = () => {\n    if (hasNextStep) {\n      const currentStepIndex = data.findIndex(item => item.id === currentStep?.id);\n      const nextStep = data[currentStepIndex + 1];\n      const nextStepIndex = data.findIndex(item => item.id === nextStep.id);\n      const target = document.getElementById(nextStep.targetId);\n      if (target) {\n        setCurrentStep({ ...nextStep, number: nextStepIndex + 1 });\n      }\n    }\n  };\n\n  const handleBackStep = () => {\n    if (hasBackStep) {\n      const currentStepIndex = data.findIndex(item => item.id === currentStep?.id);\n      const backStep = data[currentStepIndex - 1];\n      const backStepIndex = data.findIndex(item => item.id === backStep.id);\n      const target = document.getElementById(backStep.targetId);\n      if (target) {\n        setCurrentStep({ ...backStep, number: backStepIndex + 1 });\n      }\n    }\n  };\n\n  const onCloseTour = () => {\n    setShowTour(false);\n    if (onFinish) onFinish(true);\n  };\n\n  const getStepPosition = (target: DOMRect) => {\n    if (stepRef.current) {\n      const stepRect = stepRef.current.getBoundingClientRect();\n      const windowWidth = window.innerWidth;\n\n      if (stepRect.right >= windowWidth || currentStep?.position === STEP_POSITIONS.right) {\n        setStepPosition(STEP_POSITIONS.right);\n        setStepDimensions({\n          top: target.top - ARROW_HEIGHT,\n          left: target.left - stepRect.width - ARROW_WIDTH,\n        });\n      } else {\n        setStepPosition(STEP_POSITIONS.left);\n        setStepDimensions({\n          top: target.top - ARROW_HEIGHT,\n          left: target.left + target.width + ARROW_WIDTH,\n        });\n      }\n    }\n  };\n\n  const showStepTour = (step: CurrentStep) => {\n    setShowTour(visible);\n    setCurrentStep(step);\n  };\n\n  const removePreviousElementsEffects = () => {\n    if (activatedEffects.current.length > 0) {\n      const effects = activatedEffects.current;\n\n      effects.forEach((ef) => {\n        const element = document.getElementById(ef.elementId);\n        if (element) {\n          delete element.dataset.uitour;\n          activatedEffects.current = activatedEffects.current\n            .filter(r => r.elementId !== ef.elementId);\n        }\n      });\n    }\n  };\n\n  const addElementEffect = useCallback((elementEffect: ElementEffect) => {\n    const element = document.getElementById(elementEffect.elementId);\n    if (element) {\n      element.dataset.uitour = elementEffect.effect;\n      if (activatedEffects.current) activatedEffects.current.push(elementEffect);\n    }\n  }, []);\n\n  const showElementsEffects = (currentData: UITourData) => {\n    if (currentData.effect) {\n      const { effect, targetId } = currentData;\n      addElementEffect({ effect, elementId: targetId });\n    }\n\n    if (currentData.elementsEffects) {\n      let { elementsEffects } = currentData;\n      if (!Array.isArray(elementsEffects)) elementsEffects = [elementsEffects];\n      elementsEffects.forEach((ef) => {\n        addElementEffect(ef);\n      });\n    }\n  };\n\n  useEffect(() => {\n    if (currentStep) {\n      const target = document.getElementById(currentStep.targetId);\n      if (target) {\n        const targetRect = target.getBoundingClientRect();\n        const currentStepIndex = data.findIndex(item => item.id === currentStep.id);\n        const lastDataIndex = data.length - 1;\n        const initialDataIndex = 0;\n\n        switch (currentStepIndex) {\n          case lastDataIndex:\n            setHasNextStep(false);\n            setHasBackStep(true);\n            setIsLastStep(true);\n            break;\n          case initialDataIndex:\n            setHasNextStep(true);\n            setIsLastStep(false);\n            setHasBackStep(false);\n            break;\n          default:\n            setHasNextStep(true);\n            setHasBackStep(true);\n            setIsLastStep(false);\n        }\n        getStepPosition(targetRect);\n        removePreviousElementsEffects();\n        showElementsEffects(data[currentStepIndex]);\n        if (onStepChange) onStepChange(target);\n      }\n\n      if (descriptionRef.current) {\n        descriptionRef.current.innerHTML = currentStep.description;\n      }\n    }\n  }, [currentStep]);\n\n  useEffect(() => {\n    let mutationObserver: MutationObserver | null = null;\n    if (data && visible) {\n      const initialNumber = 1;\n      const initialStep = { ...data[0], number: initialNumber };\n\n      const target = document.getElementById(initialStep.targetId);\n      if (target) {\n        showStepTour(initialStep);\n      } else {\n        mutationObserver = new MutationObserver(() => {\n          const targetObserved = document.getElementById(initialStep.targetId);\n          if (targetObserved) {\n            showStepTour(initialStep);\n            mutationObserver?.disconnect();\n            mutationObserver = null;\n          }\n        });\n        mutationObserver.observe(document, { subtree: true, childList: true });\n      }\n    }\n\n    return () => {\n      mutationObserver?.disconnect();\n      mutationObserver = null;\n    };\n  }, [visible, data]);\n\n  useEffect(() => {\n    if (!showTour && activatedEffects.current.length > 0) {\n      removePreviousElementsEffects();\n    }\n\n    if (showTour) document.body.style.overflow = 'hidden';\n    else document.body.style.overflow = 'auto';\n  }, [showTour]);\n\n  const component = useMemo(() => (\n    <div className=\"uitour-component\">\n      {currentStep && (\n        <div\n          ref={stepRef}\n          className={`step -${stepPosition}`}\n          key={currentStep.id}\n          style={{ ...stepDimensions }}>\n          {showCloseButton && (\n            <div className=\"closebutton\">\n              <DefaultButton\n                iconName=\"cancel2\"\n                iconAlign=\"center\"\n                size=\"large\"\n                transparent\n                boxShadow={false}\n                style={{ padding: 0 }}\n                onClick={onCloseTour} />\n            </div>\n          )}\n          <div className=\"content\">\n            <span className=\"number\">{currentStep.number}</span>\n            <div className=\"about\">\n              <h3>{currentStep.title}</h3>\n              <p\n                className=\"description\"\n                ref={descriptionRef} />\n            </div>\n          </div>\n          <div className=\"footer\">\n            <PrimaryButton\n              label={backButtonLabel}\n              onClick={handleBackStep}\n              disabled={!hasBackStep}\n              visible={showBackButton}\n              customClass=\"back-button\" />\n            <PrimaryButton\n              label={nextButtonLabel}\n              onClick={handleNextStep}\n              disabled={!hasNextStep}\n              visible={!isLastStep}\n              customClass=\"next-button\" />\n            <PrimaryButton\n              label={finishButtonLabel}\n              visible={isLastStep}\n              onClick={onCloseTour}\n              customClass=\"finish-button\" />\n          </div>\n        </div>\n      )}\n    </div>\n  ), [\n    currentStep, stepPosition, stepDimensions, showCloseButton, onCloseTour, backButtonLabel,\n    handleBackStep, hasBackStep, showBackButton, nextButtonLabel, handleNextStep, hasNextStep,\n    isLastStep, finishButtonLabel, isLastStep, onCloseTour,\n  ]);\n\n  if (!showTour) return null;\n  return createPortal(component, document.body);\n};\n\nexport default UiTour;\n"],"mappings":"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"}

package/lib/uitour/types.d.ts

@@ -1,35 +0,0 @@
-import { STEP_POSITIONS } from './helpers';
-export type Effect = 'hover' | 'focus' | 'blur' | 'active' | 'selected';
-export type ElementEffect = {
-    elementId: string;
-    effect: Effect;
-};
-export type UITourData = {
-    id: string | number;
-    targetId: string;
-    effect?: Effect;
-    title: string;
-    description: string;
-    position?: keyof typeof STEP_POSITIONS;
-    elementsEffects?: ElementEffect | ElementEffect[];
-};
-export interface CurrentStep extends UITourData {
-    number: number;
-}
-export interface StepDimensions {
-    top?: number;
-    left?: number;
-    right?: number;
-    bottom?: number;
-}
-export interface IUITourProps {
-    data: UITourData[];
-    nextButtonLabel: string;
-    backButtonLabel: string;
-    finishButtonLabel: string;
-    showCloseButton?: boolean;
-    showBackButton?: boolean;
-    visible?: boolean;
-    onFinish: (value: boolean) => void;
-    onStepChange?: (target: HTMLElement) => void;
-}