ods-component-lib 1.21.2 → 1.22.2

package/dist/components/antd/treeListMenu/OdsTreeListMenu.js

@@ -1,217 +0,0 @@
-import { jsx as a, jsxs as y } from "react/jsx-runtime";
-import { useState as E } from "react";
-import { useStyles as V } from "./OdsTreeListMenu.Styles.js";
-import { o as X } from "../../../_virtual/index2.js";
-import Y from "../button/OdsButton.js";
-import O from "../typography/OdsText.js";
-import Z from "../input/OdsInput.js";
-import P from "../../../node_modules/antd/es/grid/col.js";
-import j from "../../../node_modules/antd/es/grid/row.js";
-import L from "../../../node_modules/antd/es/tree/index.js";
-const de = ({
-  treeData: p,
-  leftSectionTitle: M,
-  rightSectionTitle: U,
-  searchDisabled: A,
-  searchMode: k,
-  searchPlaceholder: W,
-  clearText: B,
-  onSelectedNodesChanges: C
-}) => {
-  const { styles: z } = V(), [g, x] = E([]), [S, m] = E([]), [w, F] = E(""), u = (r, t) => {
-    for (const e of t) {
-      if (e.key === r) return e;
-      if (e.children) {
-        const n = u(
-          r,
-          e.children
-        );
-        if (n) return n;
-      }
-    }
-  }, G = (r, t) => {
-    const { halfCheckedKeys: e } = t, n = /* @__PURE__ */ new Map(), h = (l, c, d) => {
-      const o = u(l, c);
-      if (!o) return;
-      d.set(l, { ...o, children: [] });
-      const s = N(l, c);
-      s && !d.has(s.key) && (d.set(s.key, { ...s, children: [] }), h(s.key, c, d));
-    }, i = (l, c, d) => {
-      const o = u(l, c);
-      o && (d.delete(l), o.children && o.children.length > 0 && o.children.forEach(
-        (s) => i(s.key, c, d)
-      ));
-    };
-    r.forEach(
-      (l) => h(l, p, n)
-    ), g.forEach((l) => {
-      r.includes(l) || i(l, p, n);
-    }), e.forEach((l) => {
-      if (!n.has(l)) {
-        const c = u(l, p);
-        c && n.set(l, { ...c, children: [] });
-      }
-    });
-    const f = (l = null) => Array.from(n.values()).filter((d) => {
-      const o = N(d.key, p);
-      return (o ? o.key : null) === l;
-    }).map((d) => ({
-      ...d,
-      children: f(d.key)
-    })), v = f();
-    x(r), m(v), C(v);
-  }, N = (r, t) => {
-    for (const e of t) {
-      if (e.children && e.children.some((n) => n.key === r))
-        return e;
-      if (e.children) {
-        const n = N(
-          r,
-          e.children
-        );
-        if (n) return n;
-      }
-    }
-  }, T = (r, t) => t.map((e) => {
-    if (e.children && e.children.length > 0) {
-      const n = T(
-        r,
-        e.children
-      );
-      return n.length === 0 || e.key === r ? null : { ...e, children: n };
-    }
-    return e.key === r ? null : e;
-  }).filter((e) => e !== null), b = (r, t) => {
-    const e = T(r, t), n = N(r, t);
-    return n && n.children?.every((i) => e.find((f) => f.key === i.key) === void 0) ? e.filter(
-      (i) => i.key !== n.key || !i.children.some((f) => f.key === n.key)
-    ) : e;
-  }, H = (r) => {
-    const t = b(
-      r,
-      S
-    );
-    m(t), x(t.map((e) => e.key)), C(t);
-  }, K = (r, t) => {
-    for (let e = 0; e < t.length; e++) {
-      const n = t[e];
-      if (n.key === r)
-        return e;
-      if (n.children) {
-        const h = K(r, n.children);
-        if (h !== null)
-          return h;
-      }
-    }
-    return null;
-  }, R = (r) => /* @__PURE__ */ a(
-    L,
-    {
-      checkable: !0,
-      treeData: r,
-      checkedKeys: g,
-      onCheck: (e, n) => {
-        const h = n.node.key;
-        if (n.checked) {
-          const i = u(h, r);
-          i && m((f) => [...f, i]);
-        } else
-          H(h);
-        x(e);
-      },
-      onDrop: (e) => {
-        const n = [...r], h = e.dragNode.key, i = e.node.key;
-        let f = e.dropPosition;
-        const { dropToGap: v } = e, l = u(h, n), c = T(h, n), d = K(i, c);
-        if (v) {
-          const o = f === -1 ? d : d + 1, s = N(i, c);
-          s ? (s.children || (s.children = []), s.children.splice(o, 0, l), b(
-            s.key.toString(),
-            c
-          )) : c.splice(o, 0, l);
-        } else {
-          const o = u(i, c);
-          o.children || (o.children = []);
-          const s = Math.max(
-            f === -1 ? d : d - 1,
-            0
-          );
-          o.children.splice(s, 0, l), b(
-            o.key.toString(),
-            c
-          );
-        }
-        m(c);
-      },
-      draggable: !0,
-      defaultExpandAll: !0,
-      className: "custom-tree"
-    }
-  ), I = (r, t) => {
-    if (!t) return r;
-    const e = t.toLowerCase();
-    return r.map((n) => {
-      const h = n.title && typeof n.title == "string" && n.title.toLowerCase().includes(e), i = n.children ? I(n.children, t) : [];
-      return {
-        ...n,
-        children: i,
-        filtered: h || i.length > 0
-      };
-    }).filter((n) => n.filtered || n.children?.length);
-  }, q = (r) => {
-    F(r.target.value);
-  }, D = I(p, w), J = I(S, w), Q = () => {
-    x([]), m([]), C([]);
-  };
-  return /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a("div", { className: z.Wrapper, children: /* @__PURE__ */ y("div", { className: "tree-container", children: [
-    /* @__PURE__ */ a(j, { gutter: 16, children: /* @__PURE__ */ a(P, { span: 24, children: /* @__PURE__ */ a("div", { className: "search-box search-border", children: /* @__PURE__ */ a(
-      Z,
-      {
-        placeholder: W,
-        prefix: /* @__PURE__ */ a(X.Search1Icon, {}),
-        value: w,
-        onChange: q
-      }
-    ) }) }) }),
-    /* @__PURE__ */ y(j, { gutter: 16, style: { marginTop: "8px" }, children: [
-      /* @__PURE__ */ y(P, { span: 12, className: "main-menu", children: [
-        /* @__PURE__ */ a(O, { className: "section-title", children: M }),
-        /* @__PURE__ */ a(
-          L,
-          {
-            checkable: !0,
-            treeData: !A && k === "left" || k === "both" ? D : p,
-            onCheck: G,
-            checkedKeys: g,
-            defaultExpandAll: !0,
-            className: "custom-tree"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ y(P, { span: 12, className: "selected-menu", children: [
-        /* @__PURE__ */ y("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ a(O, { strong: !0, children: U }),
-          /* @__PURE__ */ a(
-            Y,
-            {
-              style: {
-                display: g.length > 0 ? "inline" : "none"
-              },
-              size: "small",
-              type: "link",
-              onClick: Q,
-              children: B
-            }
-          )
-        ] }),
-        R(
-          !A && k === "right" || k === "both" ? J : S
-        )
-      ] })
-    ] })
-  ] }) }) });
-};
-export {
-  de as default
-};
-//# sourceMappingURL=OdsTreeListMenu.js.map

package/dist/components/antd/treeListMenu/OdsTreeListMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OdsTreeListMenu.js","sources":["../../../../src/components/antd/treeListMenu/OdsTreeListMenu.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport { Tree, Row, Col } from \"antd\";\r\nimport type { DataNode } from \"antd/es/tree\";\r\nimport { useStyles } from \"./OdsTreeListMenu.Styles\";\r\nimport { Search1Icon } from \"ods-icon/react/24/outline\";\r\nimport OdsButton from \"../button/OdsButton\";\r\nimport OdsText from \"../typography/OdsText\";\r\nimport OdsInput from \"../input/OdsInput\";\r\n\r\ninterface TreeProps {\r\n  treeData: TreeNodeWithChecked[];\r\n  leftSectionTitle: string;\r\n  rightSectionTitle: string;\r\n  searchDisabled: boolean;\r\n  searchMode: \"left\" | \"right\" | \"both\";\r\n  searchPlaceholder: string;\r\n  clearText: string;\r\n  onSelectedNodesChanges: (selectedNodes: TreeNodeWithChecked[]) => void;\r\n}\r\n\r\nexport interface TreeNodeWithChecked extends DataNode {\r\n  checked?: boolean;\r\n}\r\n\r\nconst OdsTreeListMenu: React.FC<TreeProps> = ({\r\n  treeData,\r\n  leftSectionTitle,\r\n  rightSectionTitle,\r\n  searchDisabled,\r\n  searchMode,\r\n  searchPlaceholder,\r\n  clearText,\r\n  onSelectedNodesChanges,\r\n}) => {\r\n  const { styles } = useStyles();\r\n  const [selectedKeys, setSelectedKeys] = useState<React.Key[]>([]);\r\n  const [selectedNodes, setSelectedNodes] = useState<TreeNodeWithChecked[]>([]);\r\n  const [searchTerm, setSearchTerm] = useState<string>(\"\");\r\n\r\n  const findNodeWithKey = (\r\n    key: React.Key,\r\n    nodes: TreeNodeWithChecked[]\r\n  ): TreeNodeWithChecked | undefined => {\r\n    for (const node of nodes) {\r\n      if (node.key === key) return node;\r\n      if (node.children) {\r\n        const found = findNodeWithKey(\r\n          key,\r\n          node.children as TreeNodeWithChecked[]\r\n        );\r\n        if (found) return found;\r\n      }\r\n    }\r\n    return undefined;\r\n  };\r\n\r\n  const removeNodeFromSelected = (\r\n    key: React.Key,\r\n    nodes: TreeNodeWithChecked[]\r\n  ): TreeNodeWithChecked[] => {\r\n    return nodes\r\n      .filter((node) => node.key !== key)\r\n      .map((node) => ({\r\n        ...node,\r\n        children: node.children\r\n          ? removeNodeFromSelected(key, node.children as TreeNodeWithChecked[])\r\n          : [], //node.children,\r\n      }));\r\n  };\r\n\r\n  const onCheck = (checkedKeys: React.Key[], info: any) => {\r\n    const { halfCheckedKeys } = info;\r\n    const selectedNodesMap = new Map<React.Key, TreeNodeWithChecked>();\r\n    const addNodeWithParents = (\r\n      key: React.Key,\r\n      nodes: TreeNodeWithChecked[],\r\n      map: Map<React.Key, TreeNodeWithChecked>\r\n    ) => {\r\n      const node = findNodeWithKey(key, nodes);\r\n      if (!node) return;\r\n\r\n      map.set(key, { ...node, children: [] });\r\n\r\n      const parentNode = findParentNode(key, nodes);\r\n      if (parentNode && !map.has(parentNode.key)) {\r\n        map.set(parentNode.key, { ...parentNode, children: [] });\r\n        addNodeWithParents(parentNode.key, nodes, map);\r\n      }\r\n    };\r\n\r\n    const removeNodeAndChildren = (\r\n      key: React.Key,\r\n      nodes: TreeNodeWithChecked[],\r\n      map: Map<React.Key, TreeNodeWithChecked>\r\n    ) => {\r\n      const node = findNodeWithKey(key, nodes);\r\n      if (!node) return;\r\n\r\n      map.delete(key);\r\n      // Recursively remove children\r\n      if (node.children && node.children.length > 0) {\r\n        node.children.forEach((child) =>\r\n          removeNodeAndChildren(child.key, nodes, map)\r\n        );\r\n      }\r\n    };\r\n\r\n    checkedKeys.forEach((key) =>\r\n      addNodeWithParents(key, treeData, selectedNodesMap)\r\n    );\r\n\r\n    selectedKeys.forEach((key) => {\r\n      if (!checkedKeys.includes(key)) {\r\n        removeNodeAndChildren(key, treeData, selectedNodesMap);\r\n      }\r\n    });\r\n\r\n    halfCheckedKeys.forEach((parentKey) => {\r\n      if (!selectedNodesMap.has(parentKey)) {\r\n        const parentNode = findNodeWithKey(parentKey, treeData);\r\n        if (parentNode) {\r\n          selectedNodesMap.set(parentKey, { ...parentNode, children: [] });\r\n        }\r\n      }\r\n    });\r\n\r\n    const buildTreeHierarchy = (\r\n      parentKey: React.Key | null = null\r\n    ): TreeNodeWithChecked[] => {\r\n      const children = Array.from(selectedNodesMap.values()).filter((node) => {\r\n        const parent = findParentNode(node.key, treeData);\r\n        return (parent ? parent.key : null) === parentKey;\r\n      });\r\n\r\n      return children.map((child) => ({\r\n        ...child,\r\n        children: buildTreeHierarchy(child.key),\r\n      }));\r\n    };\r\n\r\n    const finalSelectedNodes = buildTreeHierarchy();\r\n\r\n    setSelectedKeys(checkedKeys);\r\n    setSelectedNodes(finalSelectedNodes);\r\n    onSelectedNodesChanges(finalSelectedNodes);\r\n  };\r\n\r\n  const findParentNode = (\r\n    key: React.Key,\r\n    nodes: TreeNodeWithChecked[]\r\n  ): TreeNodeWithChecked | undefined => {\r\n    for (const node of nodes) {\r\n      if (node.children && node.children.some((child) => child.key === key)) {\r\n        return node;\r\n      }\r\n      if (node.children) {\r\n        const found = findParentNode(\r\n          key,\r\n          node.children as TreeNodeWithChecked[]\r\n        );\r\n        if (found) return found;\r\n      }\r\n    }\r\n    return undefined;\r\n  };\r\n\r\n  const removeNodeAndChildren = (\r\n    key: React.Key,\r\n    nodes: TreeNodeWithChecked[]\r\n  ): TreeNodeWithChecked[] => {\r\n    return nodes\r\n      .map((node) => {\r\n        if (node.children && node.children.length > 0) {\r\n          const filteredChildren = removeNodeAndChildren(\r\n            key,\r\n            node.children as TreeNodeWithChecked[]\r\n          );\r\n\r\n          if (filteredChildren.length === 0) {\r\n            return null;\r\n          }\r\n          if (node.key === key) {\r\n            return null;\r\n          }\r\n\r\n          return { ...node, children: filteredChildren };\r\n        }\r\n        return node.key === key ? null : node;\r\n      })\r\n      .filter((node) => node !== null);\r\n  };\r\n\r\n  const removeNodeAndFirstParentIfNeeded = (\r\n    key: React.Key,\r\n    nodes: TreeNodeWithChecked[]\r\n  ): TreeNodeWithChecked[] => {\r\n    const newNodes = removeNodeAndChildren(key, nodes);\r\n    const parentNode = findParentNode(key, nodes);\r\n    if (parentNode) {\r\n      const allChildrenUnchecked = parentNode.children?.every((child) => {\r\n        return newNodes.find((node) => node.key === child.key) === undefined;\r\n      });\r\n\r\n      if (allChildrenUnchecked) {\r\n        return newNodes.filter(\r\n          (node) =>\r\n            node.key !== parentNode.key ||\r\n            !node.children.some((child) => child.key === parentNode.key)\r\n        );\r\n      }\r\n    }\r\n    return newNodes;\r\n  };\r\n\r\n  const getAllKeysFromChildren = (children: TreeNodeWithChecked[]) => {\r\n    return children.flatMap((child) => {\r\n      const keys = [child.key];\r\n      if (child.children) {\r\n        keys.push(...getAllKeysFromChildren(child.children));\r\n      }\r\n      return keys;\r\n    });\r\n  };\r\n\r\n  const handleUncheckNode = (nodeKey: React.Key) => {\r\n    const updatedNodes = removeNodeAndFirstParentIfNeeded(\r\n      nodeKey,\r\n      selectedNodes\r\n    );\r\n    setSelectedNodes(updatedNodes);\r\n    setSelectedKeys(updatedNodes.map((node) => node.key));\r\n    onSelectedNodesChanges(updatedNodes);\r\n  };\r\n\r\n  const findIndexByKey = (key: string, nodes: DataNode[]): number | null => {\r\n    for (let i = 0; i < nodes.length; i++) {\r\n      const node = nodes[i];\r\n      if (node.key === key) {\r\n        return i;\r\n      }\r\n\r\n      if (node.children) {\r\n        const childIndex = findIndexByKey(key, node.children);\r\n        if (childIndex !== null) {\r\n          return childIndex;\r\n        }\r\n      }\r\n    }\r\n    return null;\r\n  };\r\n\r\n  const renderSelectedNodes = (nodes: TreeNodeWithChecked[]) => {\r\n    const onDrop = (info: any) => {\r\n      const newNodes = [...nodes];\r\n      const dragNodeKey = info.dragNode.key;\r\n      const dropNodeKey = info.node.key;\r\n      let dropPosition = info.dropPosition;\r\n      const { dropToGap } = info;\r\n      const dragNode = findNodeWithKey(dragNodeKey, newNodes);\r\n\r\n      const updatedNodes = removeNodeAndChildren(dragNodeKey, newNodes);\r\n      const dropNodeIndex = findIndexByKey(dropNodeKey, updatedNodes);\r\n\r\n      if (dropToGap) {\r\n        const newPositionIndex =\r\n          dropPosition === -1 ? dropNodeIndex : dropNodeIndex + 1;\r\n        const parentNode = findParentNode(dropNodeKey, updatedNodes);\r\n        if (parentNode) {\r\n          if (!parentNode.children) {\r\n            parentNode.children = [];\r\n          }\r\n          parentNode.children.splice(newPositionIndex, 0, dragNode);\r\n          removeNodeAndFirstParentIfNeeded(\r\n            parentNode.key.toString(),\r\n            updatedNodes\r\n          );\r\n        } else {\r\n          updatedNodes.splice(newPositionIndex, 0, dragNode);\r\n        }\r\n      } else {\r\n        const targetNode = findNodeWithKey(dropNodeKey, updatedNodes);\r\n        if (!targetNode.children) {\r\n          targetNode.children = [];\r\n        }\r\n\r\n        const newPositionIndex = Math.max(\r\n          dropPosition === -1 ? dropNodeIndex : dropNodeIndex - 1,\r\n          0\r\n        );\r\n        targetNode.children.splice(newPositionIndex, 0, dragNode);\r\n\r\n        removeNodeAndFirstParentIfNeeded(\r\n          targetNode.key.toString(),\r\n          updatedNodes\r\n        );\r\n      }\r\n      setSelectedNodes(updatedNodes);\r\n    };\r\n\r\n    const findNodeDepth = (\r\n      key: React.Key,\r\n      nodes: TreeNodeWithChecked[],\r\n      currentDepth: number = 0\r\n    ): number => {\r\n      for (const node of nodes) {\r\n        if (node.key === key) return currentDepth;\r\n        if (node.children) {\r\n          const childDepth = findNodeDepth(\r\n            key,\r\n            node.children as TreeNodeWithChecked[],\r\n            currentDepth + 1\r\n          );\r\n          if (childDepth !== -1) return childDepth;\r\n        }\r\n      }\r\n      return -1; // Not found\r\n    };\r\n\r\n    return (\r\n      <Tree\r\n        checkable\r\n        treeData={nodes}\r\n        checkedKeys={selectedKeys}\r\n        onCheck={(checkedKeys, info) => {\r\n          const nodeKey = info.node.key;\r\n          if (info.checked) {\r\n            const node = findNodeWithKey(nodeKey, nodes);\r\n            if (node) {\r\n              setSelectedNodes((prevNodes) => [...prevNodes, node]);\r\n            }\r\n          } else {\r\n            handleUncheckNode(nodeKey);\r\n          }\r\n          setSelectedKeys(checkedKeys as React.Key[]);\r\n        }}\r\n        onDrop={onDrop}\r\n        draggable\r\n        defaultExpandAll\r\n        className=\"custom-tree\"\r\n      />\r\n    );\r\n  };\r\n\r\n  const filterTreeData = (data: TreeNodeWithChecked[], search: string) => {\r\n    if (!search) return data;\r\n\r\n    const lowerCaseSearch = search.toLowerCase();\r\n\r\n    return data\r\n      .map((node) => {\r\n        const matches =\r\n          node.title &&\r\n          typeof node.title === \"string\" &&\r\n          node.title.toLowerCase().includes(lowerCaseSearch);\r\n        const filteredChildren = node.children\r\n          ? filterTreeData(node.children as TreeNodeWithChecked[], search)\r\n          : [];\r\n\r\n        return {\r\n          ...node,\r\n          children: filteredChildren,\r\n          filtered: matches || filteredChildren.length > 0,\r\n        };\r\n      })\r\n      .filter((node) => node.filtered || node.children?.length);\r\n  };\r\n\r\n  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    setSearchTerm(e.target.value);\r\n  };\r\n\r\n  const filteredMainMenuData = filterTreeData(treeData, searchTerm);\r\n  const filteredSelectedNodes = filterTreeData(selectedNodes, searchTerm);\r\n\r\n  const clearSelectedNodes = () => {\r\n    setSelectedKeys([]);\r\n    setSelectedNodes([]);\r\n    onSelectedNodesChanges([]);\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <div className={styles.Wrapper}>\r\n        <div className=\"tree-container\">\r\n          <Row gutter={16}>\r\n            <Col span={24}>\r\n              <div className=\"search-box search-border\">\r\n                <OdsInput\r\n                  placeholder={searchPlaceholder}\r\n                  prefix={<Search1Icon />}\r\n                  value={searchTerm}\r\n                  onChange={handleSearchChange}\r\n                ></OdsInput>\r\n              </div>\r\n            </Col>\r\n          </Row>\r\n          <Row gutter={16} style={{ marginTop: \"8px\" }}>\r\n            {/* Left Section */}\r\n            <Col span={12} className=\"main-menu\">\r\n              <OdsText className=\"section-title\">{leftSectionTitle}</OdsText>\r\n              <Tree\r\n                checkable\r\n                treeData={\r\n                  (!searchDisabled && searchMode === \"left\") ||\r\n                  searchMode === \"both\"\r\n                    ? filteredMainMenuData\r\n                    : treeData\r\n                }\r\n                onCheck={onCheck}\r\n                checkedKeys={selectedKeys}\r\n                defaultExpandAll\r\n                className=\"custom-tree\"\r\n              />\r\n            </Col>\r\n            {/* Right Section */}\r\n            <Col span={12} className=\"selected-menu\">\r\n              <div style={{ display: \"flex\", justifyContent: \"space-between\" }}>\r\n                <OdsText strong>{rightSectionTitle}</OdsText>\r\n                <OdsButton\r\n                  style={{\r\n                    display: selectedKeys.length > 0 ? \"inline\" : \"none\",\r\n                  }}\r\n                  size=\"small\"\r\n                  type=\"link\"\r\n                  onClick={clearSelectedNodes}\r\n                >\r\n                  {clearText}\r\n                </OdsButton>\r\n              </div>\r\n              {renderSelectedNodes(\r\n                (!searchDisabled && searchMode === \"right\") ||\r\n                  searchMode === \"both\"\r\n                  ? filteredSelectedNodes\r\n                  : selectedNodes\r\n              )}\r\n            </Col>\r\n          </Row>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default OdsTreeListMenu;\r\n"],"names":["OdsTreeListMenu","treeData","leftSectionTitle","rightSectionTitle","searchDisabled","searchMode","searchPlaceholder","clearText","onSelectedNodesChanges","styles","useStyles","selectedKeys","setSelectedKeys","useState","selectedNodes","setSelectedNodes","searchTerm","setSearchTerm","findNodeWithKey","key","nodes","node","found","onCheck","checkedKeys","info","halfCheckedKeys","selectedNodesMap","addNodeWithParents","map","parentNode","findParentNode","removeNodeAndChildren","child","parentKey","buildTreeHierarchy","parent","finalSelectedNodes","filteredChildren","removeNodeAndFirstParentIfNeeded","newNodes","handleUncheckNode","nodeKey","updatedNodes","findIndexByKey","i","childIndex","renderSelectedNodes","jsx","Tree","prevNodes","dragNodeKey","dropNodeKey","dropPosition","dropToGap","dragNode","dropNodeIndex","newPositionIndex","targetNode","filterTreeData","data","search","lowerCaseSearch","matches","handleSearchChange","e","filteredMainMenuData","filteredSelectedNodes","clearSelectedNodes","jsxs","Row","Col","OdsInput","Search1Icon","OdsText","OdsButton"],"mappings":"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"}

package/dist/components/antd/typography/Typography.styled.js

@@ -1,15 +0,0 @@
-import p from "../../../node_modules/styled-components/dist/styled-components.browser.esm.js";
-import r from "../../../node_modules/antd/es/typography/index.js";
-const y = p(r)`
- //
-`, a = p(r.Paragraph)`
- //
-`, g = p(r.Link)`
-  // 
-`;
-export {
-  y as StyledtTypography,
-  g as StyledtTypographyLink,
-  a as StyledtTypographyParagraph
-};
-//# sourceMappingURL=Typography.styled.js.map

package/dist/components/antd/typography/Typography.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Typography.styled.js","sources":["../../../../src/components/antd/typography/Typography.styled.tsx"],"sourcesContent":["\r\nimport { Typography } from 'antd';\r\nimport styled from 'styled-components';\r\n\r\nexport const StyledtTypography= styled(Typography)`\r\n //\r\n`;\r\n\r\nexport const StyledtTypographyParagraph= styled(Typography.Paragraph)`\r\n //\r\n`;\r\n\r\n\r\nexport const StyledtTypographyLink = styled(Typography.Link)`\r\n  // \r\n`;"],"names":["StyledtTypography","styled","Typography","StyledtTypographyParagraph","StyledtTypographyLink"],"mappings":";;AAIO,MAAMA,IAAmBC,EAAOC,CAAU;AAAA;AAAA,GAIpCC,IAA4BF,EAAOC,EAAW,SAAS;AAAA;AAAA,GAKvDE,IAAwBH,EAAOC,EAAW,IAAI;AAAA;AAAA;"}

package/dist/components/devextreme/DataGrid/styles/OdsGlobal.Styles.js

@@ -1,162 +0,0 @@
-import { css as a } from "../../../../node_modules/antd-style/es/functions/index.js";
-import { getColors as l } from "./theme/colors/index.js";
-import { getSizes as r } from "./theme/sizes/index.js";
-function u({ theme: c }) {
-  const e = r("default"), o = r("compact"), {
-    checkboxBorderColor: n,
-    columnTextColor: i,
-    colorFillTertiary: t,
-    primaryColor: x,
-    whiteColor: d
-  } = l("default", c);
-  return a`
-    .ods-datagrid-generic {
-      .dx-checkbox {
-        .dx-checkbox-container {
-          .dx-checkbox-icon {
-            border-color: ${n};
-            width: ${e.dxCheckboxSize}px;
-            height: ${e.dxCheckboxSize}px;
-            border-radius: ${e.dxCheckboxBorderRadiusSize}px;
-          }
-        }
-
-        &.dx-state-focused,
-        &.dx-state-hover {
-          .dx-checkbox-container {
-            .dx-checkbox-icon {
-              border-color: ${x};
-            }
-          }
-        }
-
-        &.dx-checkbox-checked {
-          .dx-checkbox-container {
-            .dx-checkbox-icon {
-              background-color: ${x};
-              border-color: ${x};
-              display: inline-flex;
-              justify-content: center;
-              align-items: center;
-
-              &::before {
-                color: ${d};
-                display: inline-flex;
-                width: ${e.dxCheckboxCheckIconSize}px;
-                font-size: ${e.dxCheckboxCheckIconSize}px;
-                height: ${e.dxCheckboxCheckIconSize}px;
-                line-height: ${e.dxCheckboxCheckIconSize}px;
-                position: relative;
-                top: unset;
-                left: unset;
-                margin: 0;
-              }
-            }
-          }
-        }
-      }
-
-      .dx-overlay-wrapper {
-        .dx-overlay-content {
-          &.ods-toolbar-left-menu {
-            .dx-context-menu-content-delimiter {
-              display: none;
-            }
-
-            &.dx-context-menu .dx-submenu {
-              border: none;
-              box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06),
-                0px 2px 6px -1px rgba(0, 0, 0, 0.04),
-                0px 6px 8px 0px rgba(0, 0, 0, 0.04);
-              border: none;
-              border-radius: ${e.dxToolbarMenu.dxToolbarMenuContainerBorderRadius}px;
-
-              .dx-menu-items-container {
-                padding: ${e.dxToolbarMenu.dxToolbarMenuContainerPaddingBlock}px
-                  ${e.dxToolbarMenu.dxToolbarMenuContainerPaddingInline}px;
-
-                .dx-menu-item {
-                  border-radius: ${e.dxToolbarMenu.dxToolbarMenuItemBorderRadius}px;
-
-                  &.dx-state-hover,
-                  &:hover {
-                    background-color: ${t};
-                  }
-                  .dx-menu-item-content {
-                    padding: ${e.dxToolbarMenu.dxToolbarMenuContentPaddingBlock}px
-                      ${e.dxToolbarMenu.dxToolbarMenuContentPaddingInline}px;
-
-                    .dx-menu-item-text {
-                      font-size: ${e.dxToolbarMenu.dxToolbarMenuItemFontSize}px;
-                      line-height: ${e.dxToolbarMenu.dxToolbarMenuItemLineHeight}px;
-                      color: ${i};
-                      padding: 0
-                        ${e.dxToolbarMenu.dxToolbarMenuContentTextPaddingRight}px
-                        0 0;
-                      height: ${e.dxToolbarMenu.dxToolbarMenuItemLineHeight}px;
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-
-      &.ods-datagrid-compact {
-        .dx-checkbox {
-          &.dx-datagrid-checkbox-size {
-            padding-bottom: 0;
-          }
-
-          .dx-checkbox-container {
-            .dx-checkbox-icon {
-              border-color: ${n};
-              width: ${o.dxCheckboxSize}px;
-              height: ${o.dxCheckboxSize}px;
-              border-radius: ${o.dxCheckboxBorderRadiusSize}px;
-            }
-          }
-
-          &.dx-state-focused,
-          &.dx-state-hover {
-            .dx-checkbox-container {
-              .dx-checkbox-icon {
-                border-color: ${x};
-              }
-            }
-          }
-
-          &.dx-checkbox-checked {
-            .dx-checkbox-container {
-              .dx-checkbox-icon {
-                background-color: ${x};
-                border-color: ${x};
-                display: inline-flex;
-                justify-content: center;
-                align-items: center;
-
-                &::before {
-                  color: ${d};
-                  display: inline-flex;
-                  width: ${o.dxCheckboxCheckIconSize}px;
-                  font-size: ${o.dxCheckboxCheckIconSize}px;
-                  height: ${o.dxCheckboxCheckIconSize}px;
-                  line-height: ${o.dxCheckboxCheckIconSize}px;
-                  position: relative;
-                  top: unset;
-                  left: unset;
-                  margin: 0;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  `;
-}
-export {
-  u as odsGlobalStyles
-};
-//# sourceMappingURL=OdsGlobal.Styles.js.map

package/dist/components/devextreme/DataGrid/styles/OdsGlobal.Styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OdsGlobal.Styles.js","sources":["../../../../../src/components/devextreme/DataGrid/styles/OdsGlobal.Styles.ts"],"sourcesContent":["import { css } from \"antd-style\";\r\n\r\nimport { getSizes, getColors } from \"./theme\";\r\n\r\nexport function odsGlobalStyles({ theme }: { theme: any }) {\r\n  const defaultSizes = getSizes(\"default\");\r\n  const compactSizes = getSizes(\"compact\");\r\n  const {\r\n    checkboxBorderColor,\r\n    columnTextColor,\r\n    colorFillTertiary,\r\n    primaryColor,\r\n    whiteColor,\r\n  } = getColors(\"default\", theme);\r\n  return css`\r\n    .ods-datagrid-generic {\r\n      .dx-checkbox {\r\n        .dx-checkbox-container {\r\n          .dx-checkbox-icon {\r\n            border-color: ${checkboxBorderColor};\r\n            width: ${defaultSizes.dxCheckboxSize}px;\r\n            height: ${defaultSizes.dxCheckboxSize}px;\r\n            border-radius: ${defaultSizes.dxCheckboxBorderRadiusSize}px;\r\n          }\r\n        }\r\n\r\n        &.dx-state-focused,\r\n        &.dx-state-hover {\r\n          .dx-checkbox-container {\r\n            .dx-checkbox-icon {\r\n              border-color: ${primaryColor};\r\n            }\r\n          }\r\n        }\r\n\r\n        &.dx-checkbox-checked {\r\n          .dx-checkbox-container {\r\n            .dx-checkbox-icon {\r\n              background-color: ${primaryColor};\r\n              border-color: ${primaryColor};\r\n              display: inline-flex;\r\n              justify-content: center;\r\n              align-items: center;\r\n\r\n              &::before {\r\n                color: ${whiteColor};\r\n                display: inline-flex;\r\n                width: ${defaultSizes.dxCheckboxCheckIconSize}px;\r\n                font-size: ${defaultSizes.dxCheckboxCheckIconSize}px;\r\n                height: ${defaultSizes.dxCheckboxCheckIconSize}px;\r\n                line-height: ${defaultSizes.dxCheckboxCheckIconSize}px;\r\n                position: relative;\r\n                top: unset;\r\n                left: unset;\r\n                margin: 0;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .dx-overlay-wrapper {\r\n        .dx-overlay-content {\r\n          &.ods-toolbar-left-menu {\r\n            .dx-context-menu-content-delimiter {\r\n              display: none;\r\n            }\r\n\r\n            &.dx-context-menu .dx-submenu {\r\n              border: none;\r\n              box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06),\r\n                0px 2px 6px -1px rgba(0, 0, 0, 0.04),\r\n                0px 6px 8px 0px rgba(0, 0, 0, 0.04);\r\n              border: none;\r\n              border-radius: ${defaultSizes.dxToolbarMenu\r\n                .dxToolbarMenuContainerBorderRadius}px;\r\n\r\n              .dx-menu-items-container {\r\n                padding: ${defaultSizes.dxToolbarMenu\r\n                    .dxToolbarMenuContainerPaddingBlock}px\r\n                  ${defaultSizes.dxToolbarMenu\r\n                    .dxToolbarMenuContainerPaddingInline}px;\r\n\r\n                .dx-menu-item {\r\n                  border-radius: ${defaultSizes.dxToolbarMenu\r\n                    .dxToolbarMenuItemBorderRadius}px;\r\n\r\n                  &.dx-state-hover,\r\n                  &:hover {\r\n                    background-color: ${colorFillTertiary};\r\n                  }\r\n                  .dx-menu-item-content {\r\n                    padding: ${defaultSizes.dxToolbarMenu\r\n                        .dxToolbarMenuContentPaddingBlock}px\r\n                      ${defaultSizes.dxToolbarMenu\r\n                        .dxToolbarMenuContentPaddingInline}px;\r\n\r\n                    .dx-menu-item-text {\r\n                      font-size: ${defaultSizes.dxToolbarMenu\r\n                        .dxToolbarMenuItemFontSize}px;\r\n                      line-height: ${defaultSizes.dxToolbarMenu\r\n                        .dxToolbarMenuItemLineHeight}px;\r\n                      color: ${columnTextColor};\r\n                      padding: 0\r\n                        ${defaultSizes.dxToolbarMenu\r\n                          .dxToolbarMenuContentTextPaddingRight}px\r\n                        0 0;\r\n                      height: ${defaultSizes.dxToolbarMenu\r\n                        .dxToolbarMenuItemLineHeight}px;\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      &.ods-datagrid-compact {\r\n        .dx-checkbox {\r\n          &.dx-datagrid-checkbox-size {\r\n            padding-bottom: 0;\r\n          }\r\n\r\n          .dx-checkbox-container {\r\n            .dx-checkbox-icon {\r\n              border-color: ${checkboxBorderColor};\r\n              width: ${compactSizes.dxCheckboxSize}px;\r\n              height: ${compactSizes.dxCheckboxSize}px;\r\n              border-radius: ${compactSizes.dxCheckboxBorderRadiusSize}px;\r\n            }\r\n          }\r\n\r\n          &.dx-state-focused,\r\n          &.dx-state-hover {\r\n            .dx-checkbox-container {\r\n              .dx-checkbox-icon {\r\n                border-color: ${primaryColor};\r\n              }\r\n            }\r\n          }\r\n\r\n          &.dx-checkbox-checked {\r\n            .dx-checkbox-container {\r\n              .dx-checkbox-icon {\r\n                background-color: ${primaryColor};\r\n                border-color: ${primaryColor};\r\n                display: inline-flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n\r\n                &::before {\r\n                  color: ${whiteColor};\r\n                  display: inline-flex;\r\n                  width: ${compactSizes.dxCheckboxCheckIconSize}px;\r\n                  font-size: ${compactSizes.dxCheckboxCheckIconSize}px;\r\n                  height: ${compactSizes.dxCheckboxCheckIconSize}px;\r\n                  line-height: ${compactSizes.dxCheckboxCheckIconSize}px;\r\n                  position: relative;\r\n                  top: unset;\r\n                  left: unset;\r\n                  margin: 0;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  `;\r\n}\r\n"],"names":["odsGlobalStyles","theme","defaultSizes","getSizes","compactSizes","checkboxBorderColor","columnTextColor","colorFillTertiary","primaryColor","whiteColor","getColors","css"],"mappings":";;;AAIO,SAASA,EAAgB,EAAE,OAAAC,KAAyB;AACzD,QAAMC,IAAeC,EAAS,SAAS,GACjCC,IAAeD,EAAS,SAAS,GACjC;AAAA,IACJ,qBAAAE;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACEC,EAAU,WAAWT,CAAK;AAC9B,SAAOU;AAAA;AAAA;AAAA;AAAA;AAAA,4BAKmBN,CAAmB;AAAA,qBAC1BH,EAAa,cAAc;AAAA,sBAC1BA,EAAa,cAAc;AAAA,6BACpBA,EAAa,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAQtCM,CAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCAQRA,CAAY;AAAA,8BAChBA,CAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAMjBC,CAAU;AAAA;AAAA,yBAEVP,EAAa,uBAAuB;AAAA,6BAChCA,EAAa,uBAAuB;AAAA,0BACvCA,EAAa,uBAAuB;AAAA,+BAC/BA,EAAa,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAwBpCA,EAAa,cAC3B,kCAAkC;AAAA;AAAA;AAAA,2BAGxBA,EAAa,cACnB,kCAAkC;AAAA,oBACnCA,EAAa,cACZ,mCAAmC;AAAA;AAAA;AAAA,mCAGrBA,EAAa,cAC3B,6BAA6B;AAAA;AAAA;AAAA;AAAA,wCAIVK,CAAiB;AAAA;AAAA;AAAA,+BAG1BL,EAAa,cACnB,gCAAgC;AAAA,wBACjCA,EAAa,cACZ,iCAAiC;AAAA;AAAA;AAAA,mCAGvBA,EAAa,cACvB,yBAAyB;AAAA,qCACbA,EAAa,cACzB,2BAA2B;AAAA,+BACrBI,CAAe;AAAA;AAAA,0BAEpBJ,EAAa,cACZ,oCAAoC;AAAA;AAAA,gCAE/BA,EAAa,cACpB,2BAA2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAkBtBG,CAAmB;AAAA,uBAC1BD,EAAa,cAAc;AAAA,wBAC1BA,EAAa,cAAc;AAAA,+BACpBA,EAAa,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAQtCI,CAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAQRA,CAAY;AAAA,gCAChBA,CAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAMjBC,CAAU;AAAA;AAAA,2BAEVL,EAAa,uBAAuB;AAAA,+BAChCA,EAAa,uBAAuB;AAAA,4BACvCA,EAAa,uBAAuB;AAAA,iCAC/BA,EAAa,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAarE;"}