npm - @heliux-org/design-system-core - Versions diffs - 0.0.405-Tree-updates-final → 0.0.406-tree-updates-01 - Mend

@heliux-org/design-system-core 0.0.405-Tree-updates-final → 0.0.406-tree-updates-01

Files changed (401) hide show

package/dist/esm/src/components/Tree/Tree.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,toConsumableArray as n,createForOfIteratorHelper as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as r}from"../../../_virtual/_tslib.js";import{jsx as a}from"@emotion/react/jsx-runtime";import{useState as i,useEffect as o,useMemo as l}from"react";import c from"./components/TreeFolder/TreeFolder.js";import f from"./components/TreeFile/TreeFile.js";import{TreeContext as s}from"./TreeContext.js";import{sortChildren as d}from"./utils/treeHelp.js";import{DndProvider as u}from"react-dnd";import{HTML5Backend as p}from"react-dnd-html5-backend";var v=function(){for(var e=arguments.length,n=Array(e),t=0;e>t;t++)n[t]=arguments[t];return n}("directory","file")[0],m=function(m){var h=m.children,y=m.onClick,g=m.initialExpand,j=void 0!==g&&g,b=m.alwaysExpanded,x=void 0!==b&&b,O=m.parentIconPath,T=void 0===O?"default":O,P=m.childIconPath,E=void 0===P?"default":P,I=m.value,C=m.className,F=m.enableSorting,k=void 0!==F&&F,N=m.readOnly,w=void 0!==N&&N,M=m.onMove,_=r(m,["children","onClick","initialExpand","alwaysExpanded","parentIconPath","childIconPath","value","className","enableSorting","readOnly","onMove"]),A=i(I),B=e(A,2),H=B[0],S=B[1];o((function(){I&&S(I)}),[I]);var q=function e(n,r){var a,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",o=t(n);try{for(o.s();!(a=o.n()).done;){var l=a.value,c=i?"".concat(i,"/").concat(l.name):l.name;if(l.name===r)return c;if(l.type===v&&l.files){var f=e(l.files,r,c);if(f)return f}}}catch(e){o.e(e)}finally{o.f()}return null},z=function(e,n){if(!H)return!1;var t,r,a,i=q(H,e.split("/").pop()||"")||e,o=q(H,n.split("/").pop()||"")||n;return t=o,r=i.split("/").filter(Boolean),(a=t.split("/").filter(Boolean)).length>r.length&&r.every((function(e,n){return e===a[n]}))},D=function e(t,r){for(var a=0;t.length>a;a++){var i=t[a],o=r.split("/").pop()||"";if(i.name===o)return{node:i,updatedTree:[].concat(n(t.slice(0,a)),n(t.slice(a+1)))};if(i.type===v&&i.files){var l=e(i.files,r),c=l.node;if(c)return t[a].files=l.updatedTree,{node:c,updatedTree:t}}}return{updatedTree:t}},G=function e(t,r,a){var i=r.split("/"),o=i.pop()||"",l=i.join("/");return t.map((function(t){var i=l?"".concat(l,"/").concat(t.name):t.name;if(t.type===v){if(i===l)return Object.assign(Object.assign({},t),{files:[].concat(n(t.files||[]),[a])});if(t.name===o)return Object.assign(Object.assign({},t),{files:[].concat(n(t.files||[]),[a])});if(t.files)return Object.assign(Object.assign({},t),{files:e(t.files,r,a)})}return t}))},J=function(e,n){var r,a=n.split("/"),i=e,o=null,l=t(a);try{var c,f=function(){var e=r.value;if(!(o=i.find((function(n){return n.name===e}))||null))return{v:null};o.files&&(i=o.files)};for(l.s();!(r=l.n()).done;)if(c=f())return c.v}catch(e){l.e(e)}finally{l.f()}return o},K=function e(n,r){var a,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",o=t(n);try{for(o.s();!(a=o.n()).done;){var l=a.value,c=i?"".concat(i,"/").concat(l.name):l.name;if(l.name===r)return c;if(l.type===v&&l.files){var f=e(l.files,r,c);if(f)return f}}}catch(e){o.e(e)}finally{o.f()}return r},L=!(!I||0>=I.length),Q=function(e,n){y&&H&&y(e,n)},R=l((function(){return{onFileClick:Q,initialExpand:x||j,isImperative:L,alwaysExpanded:x,parentIconPath:T,childIconPath:E}}),[j,Q,L,x,T,E]),U=L?function e(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0,r=arguments.length>2?arguments[2]:void 0,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"";return n&&n.length?(r?n.sort((function(e,n){return e.type!==n.type?e.type!==v?1:-1:e.name.localeCompare(n.name)})):n).map((function(n,l){var s=o?"".concat(o,"/").concat(n.name):n.name;return n.type===v?a(c,Object.assign({id:n.id,name:n.name,extra:n.extra,onMove:w?void 0:t,parentPath:o,level:i,active:(null==n?void 0:n.active)||!1},{children:e(n.files||[],t,r,i+1,s)}),"folder-".concat(n.id)):a(f,{id:n.id,name:n.name,extra:n.extra,onMove:w?void 0:t,parentPath:o,level:i,active:(null==n?void 0:n.active)||!1},"file-".concat(n.name,"-").concat(l))})):null}(H||[],(function(e,n){if(H&&!w){var t=e.split("/").pop()||"",r=n.split("/").pop()||"",a=K(H,t),i=K(H,r);if(!z(a,i)){var o=D(H,e),l=o.node,c=o.updatedTree;if(l){var f=J(H,n),s=n;if(f&&f.type!==v){var d=n.split("/");d.pop(),s=d.join("/")}var u=G(c,s,l);S(u);var p=J(u,s);M(a,i,p||null,l)}}}}),k):d(h,c);return a(u,Object.assign({backend:p},{children:a(s.Provider,Object.assign({value:R},{children:a("div",Object.assign({className:C},_,{children:U}))}))}))};m.defaultProps={initialExpand:!1,alwaysExpanded:!1,className:""},m.displayName="Tree";export{m as default};
+import{slicedToArray as e,createForOfIteratorHelper as n,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i}from"../../../_virtual/_tslib.js";import{jsx as r}from"@emotion/react/jsx-runtime";import{useState as a,useEffect as o,useMemo as l}from"react";import c from"./components/TreeFolder/TreeFolder.js";import d from"./components/TreeFile/TreeFile.js";import{TreeContext as s}from"./TreeContext.js";import{sortChildren as f}from"./utils/treeHelp.js";import{DndProvider as u}from"react-dnd";import{HTML5Backend as v}from"react-dnd-html5-backend";var p=function(){for(var e=arguments.length,n=Array(e),t=0;e>t;t++)n[t]=arguments[t];return n}("directory","file")[0],m=function(m){var h=m.children,y=m.onClick,g=m.initialExpand,j=void 0!==g&&g,b=m.alwaysExpanded,x=void 0!==b&&b,T=m.parentIconPath,O=void 0===T?"default":T,P=m.childIconPath,E=void 0===P?"default":P,I=m.value,C=m.className,F=m.enableSorting,k=void 0!==F&&F,N=m.readOnly,w=void 0!==N&&N,M=m.onMove,_=i(m,["children","onClick","initialExpand","alwaysExpanded","parentIconPath","childIconPath","value","className","enableSorting","readOnly","onMove"]),A=a(I),B=e(A,2),H=B[0],S=B[1];o((function(){I&&S(I)}),[I]);var q=function e(t,i){var r,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",o=n(t);try{for(o.s();!(r=o.n()).done;){var l=r.value,c=a?"".concat(a,"/").concat(l.id):"".concat(l.id);if(l.id===i)return c;if(l.type===p&&l.files){var d=e(l.files,i,c);if(d)return d}}}catch(e){o.e(e)}finally{o.f()}return null},z=function e(t,i){var r,a=n(t);try{for(a.s();!(r=a.n()).done;){var o=r.value;if(o.id===i)return o;if(o.type===p&&o.files){var l=e(o.files,i);if(l)return l}}}catch(e){a.e(e)}finally{a.f()}return null},D=function(e,n){return t=n,i=e.split("/").filter(Boolean),(r=t.split("/").filter(Boolean)).length>i.length&&i.every((function(e,n){return e===r[n]}));var t,i,r},G=function e(n,i){for(var r=0;n.length>r;r++){var a=n[r];if(a.id===i)return{node:a,updatedTree:[].concat(t(n.slice(0,r)),t(n.slice(r+1)))};if(a.type===p&&a.files){var o=e(a.files,i),l=o.node;if(l)return n[r].files=o.updatedTree,{node:l,updatedTree:n}}}return{updatedTree:n}},J=function e(n,i,r){return n.map((function(n){return n.id===i&&n.type===p?Object.assign(Object.assign({},n),{files:[].concat(t(n.files||[]),[r])}):n.type===p&&n.files?Object.assign(Object.assign({},n),{files:e(n.files,i,r)}):n}))},K=!(!I||0>=I.length),L=function(e,n){y&&H&&y(e,n)},Q=l((function(){return{onFileClick:L,initialExpand:x||j,isImperative:K,alwaysExpanded:x,parentIconPath:O,childIconPath:E}}),[j,L,K,x,O,E]),R=K?function e(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0,i=arguments.length>2?arguments[2]:void 0,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"";return n&&n.length?(i?n.sort((function(e,n){return e.type!==n.type?e.type!==p?1:-1:e.name.localeCompare(n.name)})):n).map((function(n){var l=o?"".concat(o,"/").concat(n.id):"".concat(n.id);return n.type===p?r(c,Object.assign({id:n.id,name:n.name,extra:n.extra,onMove:w?void 0:t,parentPath:o,level:a,active:(null==n?void 0:n.active)||!1},{children:e(n.files||[],t,i,a+1,l)}),"folder-".concat(n.id)):r(d,{id:n.id,name:n.name,extra:n.extra,onMove:w?void 0:t,parentPath:o,level:a,active:(null==n?void 0:n.active)||!1},"file-".concat(n.id))})):null}(H||[],(function(e,n){if(H&&!w){var t=z(H,e),i=z(H,n);if(t&&i){var r=q(H,e)||"",a=q(H,n)||"";if(!D(r,a)){var o=G(H,e),l=o.node,c=o.updatedTree;if(l){var d=n;if(i.type!==p){var s=a.split("/").slice(0,-1).join("/"),f=z(H,s.split("/").pop()||"");f&&(d=f.id)}var u=J(c,d,l);S(u);var v=z(u,d);M(r,a,v||null,l)}}}}}),k):f(h,c);return r(u,Object.assign({backend:v},{children:r(s.Provider,Object.assign({value:Q},{children:r("div",Object.assign({className:C},_,{children:R}))}))}))};m.defaultProps={initialExpand:!1,alwaysExpanded:!1,className:""},m.displayName="Tree";export{m as default};
 //# sourceMappingURL=Tree.js.map

package/dist/esm/src/components/Tree/Tree.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tree.js","sources":["../../../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport TreeFolder from \"./components/TreeFolder/TreeFolder\";\nimport TreeFile from \"./components/TreeFile/TreeFile\";\nimport { TreeContext } from \"./TreeContext\";\nimport { makeChildPath, sortChildren } from \"./utils/treeHelp\";\nimport { PathName } from \"../Icon/SvgIcon/paths\";\nimport { DndProvider } from \"react-dnd\";\nimport { HTML5Backend } from 'react-dnd-html5-backend';\n\nconst tuple = <T extends string[]>(...args: T) => args;\n\nconst FileTreeValueType = tuple(\"directory\", \"file\");\nconst directoryType = FileTreeValueType[0];\n\nexport type TreeFile = {\n id: number \| string;\n type: (typeof FileTreeValueType)[number];\n name: string;\n extra?: string;\n files?: Array<TreeFile>;\n active?: boolean;\n};\n\ninterface Props {\n value?: Array<TreeFile>;\n initialExpand?: boolean;\n alwaysExpanded?: boolean;\n parentIconPath?: PathName;\n childIconPath?: PathName;\n onClick?: (path: string, node: TreeFile) => void;\n className?: string;\n enableSorting?: boolean;\n readOnly?: boolean\n onMove: (draggedItemPath: string, dropTargetPath: string, parentNode: TreeFile \| null, draggedNode: TreeFile) => void;\n}\n\nconst defaultProps = {\n initialExpand: false,\n alwaysExpanded: false,\n className: \"\",\n};\n\ntype NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;\nexport type TreeProps = Props & NativeAttrs;\n\nconst Tree: React.FC<React.PropsWithChildren<TreeProps>> = ({\n children,\n onClick,\n initialExpand = false,\n alwaysExpanded = false,\n parentIconPath = \"default\",\n childIconPath = \"default\",\n value,\n className,\n enableSorting = false,\n readOnly = false,\n onMove,\n ...props\n}: React.PropsWithChildren<TreeProps>) => {\n const [treeData, setTreeData] = useState(value);\n\n useEffect(() => {\n if (value) {\n setTreeData(value);\n }\n }, [value]);\n\n const findFullPath = (nodes: TreeFile[], targetName: string, currentPath: string = \"\"): string \| null => {\n for (const node of nodes) {\n const nodePath = currentPath ? `${currentPath}/${node.name}` : node.name;\n if (node.name === targetName) {\n return nodePath;\n }\n if (node.type === directoryType && node.files) {\n const foundPath = findFullPath(node.files, targetName, nodePath);\n if (foundPath) return foundPath;\n }\n }\n return null;\n };\n\n const isParentPath = (parentPath: string, childPath: string): boolean => {\n const parentParts = parentPath.split('/').filter(Boolean);\n const childParts = childPath.split('/').filter(Boolean);\n\n if (parentParts.length >= childParts.length) return false;\n\n return parentParts.every((part, index) => part === childParts[index]);\n };\n\n const isChildOfSource = (sourcePath: string, targetPath: string): boolean => {\n if (!treeData) return false;\n\n const fullSourcePath = findFullPath(treeData, sourcePath.split('/').pop() \|\| \"\") \|\| sourcePath;\n const fullTargetPath = findFullPath(treeData, targetPath.split('/').pop() \|\| \"\") \|\| targetPath;\n\n return isParentPath(fullSourcePath, fullTargetPath);\n };\n\n const findAndRemoveNode = (nodes: TreeFile[], path: string): { node?: TreeFile; updatedTree: TreeFile[] } => {\n for (let i = 0; i < nodes.length; i++) {\n const node = nodes[i];\n const nodeName = path.split('/').pop() \|\| \"\";\n\n if (node.name === nodeName) {\n return { node, updatedTree: [...nodes.slice(0, i), ...nodes.slice(i + 1)] };\n } else if (node.type === directoryType && node.files) {\n const { node: foundNode, updatedTree: updatedFiles } = findAndRemoveNode(node.files, path);\n if (foundNode) {\n nodes[i].files = updatedFiles;\n return { node: foundNode, updatedTree: nodes };\n }\n }\n }\n return { updatedTree: nodes };\n };\n\n const addNodeToTarget = (nodes: TreeFile[], targetPath: string, node: TreeFile): TreeFile[] => {\n const pathParts = targetPath.split('/');\n const targetName = pathParts.pop() \|\| \"\";\n const parentPath = pathParts.join('/');\n \n return nodes.map((item) => {\n const itemPath = parentPath ? `${parentPath}/${item.name}` : item.name;\n \n if (item.type === directoryType) {\n if (itemPath === parentPath) {\n return {\n ...item,\n files: [...(item.files \|\| []), node]\n };\n }\n\n if (item.name === targetName) {\n return {\n ...item,\n files: [...(item.files \|\| []), node]\n };\n }\n\n if (item.files) {\n return {\n ...item,\n files: addNodeToTarget(item.files, targetPath, node)\n };\n }\n }\n return item;\n });\n };\n\n const findNodeByPath = (nodes: TreeFile[], path: string): TreeFile \| null => {\n const pathParts = path.split('/');\n let currentNodes = nodes;\n let currentNode: TreeFile \| null = null;\n\n for (const part of pathParts) {\n currentNode = currentNodes.find(node => node.name === part) \|\| null;\n if (!currentNode) return null;\n if (currentNode.files) {\n currentNodes = currentNode.files;\n }\n }\n\n return currentNode;\n };\n\n const buildFullPath = (nodes: TreeFile[], targetName: string, currentPath: string = \"\"): string => {\n for (const node of nodes) {\n const nodePath = currentPath ? `${currentPath}/${node.name}` : node.name;\n \n if (node.name === targetName) {\n return nodePath;\n }\n \n if (node.type === directoryType && node.files) {\n const foundPath = buildFullPath(node.files, targetName, nodePath);\n if (foundPath) return foundPath;\n }\n }\n return targetName;\n };\n\n const handleMove = (draggedPath: string, targetPath: string) => {\n if (!treeData) return;\n if (readOnly) return;\n \n const draggedName = draggedPath.split('/').pop() \|\| \"\";\n const targetName = targetPath.split('/').pop() \|\| \"\";\n \n const fullSourcePath = buildFullPath(treeData, draggedName);\n const fullTargetPath = buildFullPath(treeData, targetName);\n \n if (isChildOfSource(fullSourcePath, fullTargetPath)) {\n return;\n }\n \n const { node: draggedNode, updatedTree } = findAndRemoveNode(treeData, draggedPath);\n \n if (draggedNode) {\n const targetNode = findNodeByPath(treeData, targetPath);\n\n let finalTargetPath = targetPath;\n\n if (targetNode && targetNode.type !== directoryType) {\n const pathParts = targetPath.split('/');\n pathParts.pop();\n finalTargetPath = pathParts.join('/');\n }\n\n const newTreeData = addNodeToTarget(updatedTree, finalTargetPath, draggedNode);\n setTreeData(newTreeData);\n const newParentNode = findNodeByPath(newTreeData, finalTargetPath);\n onMove(fullSourcePath, fullTargetPath, newParentNode \|\| null, draggedNode);\n }\n };\n\n const isImperative = Boolean(value && value.length > 0);\n const onFileClick = (path: string, node: TreeFile) => {\n if (onClick && treeData) {\n onClick(path, node);\n }\n };\n\n const initialValue = useMemo(\n () => ({\n onFileClick,\n initialExpand: alwaysExpanded \|\| initialExpand,\n isImperative,\n alwaysExpanded,\n parentIconPath,\n childIconPath,\n }),\n [initialExpand, onFileClick, isImperative, alwaysExpanded, parentIconPath, childIconPath]\n );\n\n const makeChildren = (\n value: Array<TreeFile> = [],\n onMove: (draggedPath: string, targetPath: string) => void,\n enableSorting: boolean,\n level: number = 0,\n parentPath: string = \"\",\n ) => {\n if (!value \|\| !value.length) return null;\n \n const sortedValue = enableSorting\n ? value.sort((a, b) => {\n if (a.type !== b.type) return a.type !== directoryType ? 1 : -1;\n return a.name.localeCompare(b.name);\n })\n : value;\n \n return sortedValue.map((item, index) => {\n const currentPath = parentPath ? `${parentPath}/${item.name}` : item.name;\n \n if (item.type === directoryType) {\n return (\n <TreeFolder\n id={item.id}\n name={item.name}\n extra={item.extra}\n key={`folder-${item.id}`}\n onMove={readOnly ? undefined : onMove}\n parentPath={parentPath}\n level={level}\n active={item?.active \|\| false}\n >\n {makeChildren(item.files \|\| [], onMove, enableSorting, level + 1, currentPath)}\n </TreeFolder>\n );\n }\n return (\n <TreeFile\n id={item.id}\n name={item.name}\n extra={item.extra}\n key={`file-${item.name}-${index}`}\n onMove={readOnly ? undefined : onMove}\n parentPath={parentPath}\n level={level}\n active={item?.active \|\| false}\n />\n );\n });\n };\n \n const customChildren = isImperative\n ? makeChildren(treeData \|\| [], handleMove, enableSorting)\n : sortChildren(children, TreeFolder);\n\n return (\n <DndProvider backend={HTML5Backend}>\n <TreeContext.Provider value={initialValue}>\n <div className={className} {...props}>\n {customChildren}\n </div>\n </TreeContext.Provider>\n </DndProvider>\n );\n};\n\nTree.defaultProps = defaultProps;\nTree.displayName = \"Tree\";\n\nexport default Tree;\n"],"names":["directoryType","_len","arguments","length","args","Array","_key","tuple","Tree","_a","children","onClick","_a$initialExpand","initialExpand","_a$alwaysExpanded","alwaysExpanded","_a$parentIconPath","parentIconPath","_a$childIconPath","childIconPath","value","className","_a$enableSorting","enableSorting","_a$readOnly","readOnly","onMove","props","__rest","_useState","useState","_useState2","_slicedToArray","treeData","setTreeData","useEffect","findFullPath","nodes","targetName","_step","currentPath","undefined","_iterator","_createForOfIteratorHelper","s","n","done","node","nodePath","concat","name","type","files","foundPath","err","e","f","isChildOfSource","sourcePath","targetPath","childPath","parentParts","childParts","fullSourcePath","split","pop","fullTargetPath","filter","Boolean","every","part","index","findAndRemoveNode","path","i","nodeName","updatedTree","_toConsumableArray","slice","_findAndRemoveNode","foundNode","addNodeToTarget","pathParts","parentPath","join","map","item","itemPath","Object","assign","findNodeByPath","_step2","currentNodes","currentNode","_iterator2","_ret","_loop","find","v","buildFullPath","_step3","_iterator3","isImperative","onFileClick","initialValue","useMemo","customChildren","makeChildren","level","sort","a","b","localeCompare","_jsx","TreeFolder","id","extra","active","TreeFile","draggedPath","draggedName","_findAndRemoveNode2","draggedNode","targetNode","finalTargetPath","newTreeData","newParentNode","sortChildren","DndProvider","backend","HTML5Backend","TreeContext","Provider","defaultProps","displayName"],"mappings":"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"}
1	+ {"version":3,"file":"Tree.js","sources":["../../../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport TreeFolder from \"./components/TreeFolder/TreeFolder\";\nimport TreeFile from \"./components/TreeFile/TreeFile\";\nimport { TreeContext } from \"./TreeContext\";\nimport { makeChildPath, sortChildren } from \"./utils/treeHelp\";\nimport { PathName } from \"../Icon/SvgIcon/paths\";\nimport { DndProvider } from \"react-dnd\";\nimport { HTML5Backend } from 'react-dnd-html5-backend';\n\nconst tuple = <T extends string[]>(...args: T) => args;\n\nconst FileTreeValueType = tuple(\"directory\", \"file\");\nconst directoryType = FileTreeValueType[0];\n\nexport type TreeFile = {\n id: number \| string;\n type: (typeof FileTreeValueType)[number];\n name: string;\n extra?: string;\n files?: Array<TreeFile>;\n active?: boolean;\n};\n\ninterface Props {\n value?: Array<TreeFile>;\n initialExpand?: boolean;\n alwaysExpanded?: boolean;\n parentIconPath?: PathName;\n childIconPath?: PathName;\n onClick?: (path: string, node: TreeFile) => void;\n className?: string;\n enableSorting?: boolean;\n readOnly?: boolean\n onMove: (draggedItemPath: string, dropTargetPath: string, parentNode: TreeFile \| null, draggedNode: TreeFile) => void;\n}\n\nconst defaultProps = {\n initialExpand: false,\n alwaysExpanded: false,\n className: \"\",\n};\n\ntype NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;\nexport type TreeProps = Props & NativeAttrs;\n\nconst Tree: React.FC<React.PropsWithChildren<TreeProps>> = ({\n children,\n onClick,\n initialExpand = false,\n alwaysExpanded = false,\n parentIconPath = \"default\",\n childIconPath = \"default\",\n value,\n className,\n enableSorting = false,\n readOnly = false,\n onMove,\n ...props\n}: React.PropsWithChildren<TreeProps>) => {\n const [treeData, setTreeData] = useState(value);\n\n useEffect(() => {\n if (value) {\n setTreeData(value);\n }\n }, [value]);\n\n const findFullPathById = (nodes: TreeFile[], targetId: string \| number, currentPath: string = \"\"): string \| null => {\n for (const node of nodes) {\n const nodePath = currentPath ? `${currentPath}/${node.id}` : `${node.id}`;\n if (node.id === targetId) {\n return nodePath;\n }\n if (node.type === directoryType && node.files) {\n const foundPath = findFullPathById(node.files, targetId, nodePath);\n if (foundPath) return foundPath;\n }\n }\n return null;\n };\n\n const findNodeById = (nodes: TreeFile[], targetId: string \| number): TreeFile \| null => {\n for (const node of nodes) {\n if (node.id === targetId) {\n return node;\n }\n if (node.type === directoryType && node.files) {\n const foundNode = findNodeById(node.files, targetId);\n if (foundNode) return foundNode;\n }\n }\n return null;\n };\n\n const isParentPath = (parentPath: string, childPath: string): boolean => {\n const parentParts = parentPath.split('/').filter(Boolean);\n const childParts = childPath.split('/').filter(Boolean);\n\n if (parentParts.length >= childParts.length) return false;\n\n return parentParts.every((part, index) => part === childParts[index]);\n };\n\n const isChildOfSource = (sourcePath: string, targetPath: string): boolean => {\n return isParentPath(sourcePath, targetPath);\n };\n\n const findAndRemoveNode = (nodes: TreeFile[], nodeId: string \| number): { node?: TreeFile; updatedTree: TreeFile[] } => {\n for (let i = 0; i < nodes.length; i++) {\n const node = nodes[i];\n if (node.id === nodeId) {\n return { node, updatedTree: [...nodes.slice(0, i), ...nodes.slice(i + 1)] };\n } else if (node.type === directoryType && node.files) {\n const { node: foundNode, updatedTree: updatedFiles } = findAndRemoveNode(node.files, nodeId);\n if (foundNode) {\n nodes[i].files = updatedFiles;\n return { node: foundNode, updatedTree: nodes };\n }\n }\n }\n return { updatedTree: nodes };\n };\n\n const addNodeToTarget = (nodes: TreeFile[], targetId: string \| number, node: TreeFile): TreeFile[] => {\n return nodes.map((item) => {\n if (item.id === targetId && item.type === directoryType) {\n return {\n ...item,\n files: [...(item.files \|\| []), node]\n };\n }\n \n if (item.type === directoryType && item.files) {\n return {\n ...item,\n files: addNodeToTarget(item.files, targetId, node)\n };\n }\n \n return item;\n });\n };\n\n const handleMove = (draggedId: string \| number, targetId: string \| number) => {\n if (!treeData \|\| readOnly) return;\n \n const draggedNode = findNodeById(treeData, draggedId);\n const targetNode = findNodeById(treeData, targetId);\n \n if (!draggedNode \|\| !targetNode) return;\n \n // Check if target is a child of source\n const draggedPath = findFullPathById(treeData, draggedId) \|\| \"\";\n const targetPath = findFullPathById(treeData, targetId) \|\| \"\";\n \n if (isChildOfSource(draggedPath, targetPath)) {\n return;\n }\n \n const { node: removedNode, updatedTree } = findAndRemoveNode(treeData, draggedId);\n \n if (removedNode) {\n let finalTargetId = targetId;\n \n // If target is a file, get its parent's ID\n if (targetNode.type !== directoryType) {\n const parentPath = targetPath.split('/').slice(0, -1).join('/');\n const parentNode = findNodeById(treeData, parentPath.split('/').pop() \|\| \"\");\n if (parentNode) {\n finalTargetId = parentNode.id;\n }\n }\n \n const newTreeData = addNodeToTarget(updatedTree, finalTargetId, removedNode);\n setTreeData(newTreeData);\n \n const newParentNode = findNodeById(newTreeData, finalTargetId);\n onMove(draggedPath, targetPath, newParentNode \|\| null, removedNode);\n }\n };\n\n const isImperative = Boolean(value && value.length > 0);\n const onFileClick = (path: string, node: TreeFile) => {\n if (onClick && treeData) {\n onClick(path, node);\n }\n };\n\n const initialValue = useMemo(\n () => ({\n onFileClick,\n initialExpand: alwaysExpanded \|\| initialExpand,\n isImperative,\n alwaysExpanded,\n parentIconPath,\n childIconPath,\n }),\n [initialExpand, onFileClick, isImperative, alwaysExpanded, parentIconPath, childIconPath]\n );\n\n const makeChildren = (\n value: Array<TreeFile> = [],\n onMove: (draggedId: string \| number, targetId: string \| number) => void,\n enableSorting: boolean,\n level: number = 0,\n parentPath: string = \"\",\n ) => {\n if (!value \|\| !value.length) return null;\n \n const sortedValue = enableSorting\n ? value.sort((a, b) => {\n if (a.type !== b.type) return a.type !== directoryType ? 1 : -1;\n return a.name.localeCompare(b.name);\n })\n : value;\n \n return sortedValue.map((item) => {\n const currentPath = parentPath ? `${parentPath}/${item.id}` : `${item.id}`;\n \n if (item.type === directoryType) {\n return (\n <TreeFolder\n id={item.id}\n name={item.name}\n extra={item.extra}\n key={`folder-${item.id}`}\n onMove={readOnly ? undefined : onMove}\n parentPath={parentPath}\n level={level}\n active={item?.active \|\| false}\n >\n {makeChildren(item.files \|\| [], onMove, enableSorting, level + 1, currentPath)}\n </TreeFolder>\n );\n }\n return (\n <TreeFile\n id={item.id}\n name={item.name}\n extra={item.extra}\n key={`file-${item.id}`}\n onMove={readOnly ? undefined : onMove}\n parentPath={parentPath}\n level={level}\n active={item?.active \|\| false}\n />\n );\n });\n };\n \n const customChildren = isImperative\n ? makeChildren(treeData \|\| [], handleMove, enableSorting)\n : sortChildren(children, TreeFolder);\n\n return (\n <DndProvider backend={HTML5Backend}>\n <TreeContext.Provider value={initialValue}>\n <div className={className} {...props}>\n {customChildren}\n </div>\n </TreeContext.Provider>\n </DndProvider>\n );\n};\n\nTree.defaultProps = defaultProps;\nTree.displayName = \"Tree\";\n\nexport default Tree;\n"],"names":["directoryType","_len","arguments","length","args","Array","_key","tuple","Tree","_a","children","onClick","_a$initialExpand","initialExpand","_a$alwaysExpanded","alwaysExpanded","_a$parentIconPath","parentIconPath","_a$childIconPath","childIconPath","value","className","_a$enableSorting","enableSorting","_a$readOnly","readOnly","onMove","props","__rest","_useState","useState","_useState2","_slicedToArray","treeData","setTreeData","useEffect","findFullPathById","nodes","targetId","_step","currentPath","undefined","_iterator","_createForOfIteratorHelper","s","n","done","node","nodePath","concat","id","type","files","foundPath","err","e","f","findNodeById","_step2","_iterator2","foundNode","isChildOfSource","sourcePath","targetPath","childPath","parentParts","split","filter","Boolean","childParts","every","part","index","findAndRemoveNode","nodeId","i","updatedTree","_toConsumableArray","slice","_findAndRemoveNode","addNodeToTarget","map","item","Object","assign","isImperative","onFileClick","path","initialValue","useMemo","customChildren","makeChildren","level","parentPath","sort","a","b","name","localeCompare","_jsx","TreeFolder","extra","active","TreeFile","draggedId","draggedNode","targetNode","draggedPath","_findAndRemoveNode2","removedNode","finalTargetId","join","parentNode","pop","newTreeData","newParentNode","sortChildren","DndProvider","backend","HTML5Backend","TreeContext","Provider","defaultProps","displayName"],"mappings":"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"}

package/dist/esm/src/components/Tree/components/TreeFile/TreeFile.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as a}from"../../../../../_virtual/_tslib.js";import{jsx as t,jsxs as i}from"@emotion/react/jsx-runtime";import{useMemo as n}from"react";import"./TreeFile.scss.js";import{useTreeContext as r}from"../../TreeContext.js";import{makeChildPath as c,stopPropagation as o}from"../../utils/treeHelp.js";import s from"../../../Icon/Icon.js";import{useDrag as l,useDrop as m}from"react-dnd";var p=function(p){var d=p.id,f=p.name,g=p.parentPath,u=p.level,v=p.extra,h=p.className,j=p.onMove,T=p.active,x=void 0!==T&&T,y=a(p,["id","name","parentPath","level","extra","className","onMove","active"]),b=r(),N=b.onFileClick,P=b.childIconPath,E=n((function(){return c(f,g)}),[f,g]),_=l({type:"TREE_ITEM",item:{type:"file",path:E},collect:function(e){return{isDragging:e.isDragging()}}}),C=e(_,2),I=C[0].isDragging,O=C[1],M=m({accept:"TREE_ITEM",drop:function(e){e.path!==E&&j&&j(e.path,E)}}),k=e(M,2)[1],D={paddingLeft:"calc(1.875rem * ".concat(u+1,")")};return t("div",Object.assign({ref:function(e){return O(k(e))},className:"file-container ".concat(h," ").concat(I?"dragging":""," ").concat(x?"active":""),style:D,onClick:function(e){o(e),N&&N(E,{type:"file",id:d,name:f,extra:v,active:x})}},y,{children:i("div",Object.assign({className:"names"},{children:["default"!==P&&t("span",Object.assign({className:"icon"},{children:t(s,{iconType:s.type.PATH,icon:"",iconPath:P,iconSize:16,useCurrentColor:!0,style:{display:"block",marginRight:"8px",marginTop:"0px"}})})),i("span",Object.assign({className:"name"},{children:[f,v&&t("span",Object.assign({className:"extra"},{children:v}))]}))]}))}))};p.defaultProps={level:0,className:"",parentPath:""};export{p as default};
+import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as a}from"../../../../../_virtual/_tslib.js";import{jsx as i,jsxs as t}from"@emotion/react/jsx-runtime";import{useMemo as n}from"react";import"./TreeFile.scss.js";import{useTreeContext as r}from"../../TreeContext.js";import{makeChildPath as c,stopPropagation as o}from"../../utils/treeHelp.js";import s from"../../../Icon/Icon.js";import{useDrag as l,useDrop as m}from"react-dnd";var p=function(p){var d=p.id,f=p.name,g=p.parentPath,u=p.level,v=p.extra,h=p.className,j=p.onMove,T=p.active,x=void 0!==T&&T,y=a(p,["id","name","parentPath","level","extra","className","onMove","active"]),b=r(),N=b.onFileClick,P=b.childIconPath,E=n((function(){return c(""+d,g)}),[d,g]),_=l({type:"TREE_ITEM",item:{type:"file",id:d},collect:function(e){return{isDragging:e.isDragging()}}}),C=e(_,2),I=C[0].isDragging,O=C[1],M=m({accept:"TREE_ITEM",drop:function(e){e.id!==d&&j&&j(e.id,d)}}),k=e(M,2)[1],D={paddingLeft:"calc(1.875rem * ".concat(u,")")};return i("div",Object.assign({ref:function(e){return O(k(e))},className:"file-container ".concat(h," ").concat(I?"dragging":""," ").concat(x?"active":""),style:D,onClick:function(e){o(e),N&&N(E,{type:"file",id:d,name:f,extra:v,active:x})}},y,{children:t("div",Object.assign({className:"names"},{children:["default"!==P&&i("span",Object.assign({className:"icon"},{children:i(s,{iconType:s.type.PATH,icon:"",iconPath:P,iconSize:16,useCurrentColor:!0,style:{display:"block",marginRight:"8px",marginTop:"0px"}})})),t("span",Object.assign({className:"name"},{children:[f,v&&i("span",Object.assign({className:"extra"},{children:v}))]}))]}))}))};p.defaultProps={level:0,className:"",parentPath:""};export{p as default};
 //# sourceMappingURL=TreeFile.js.map

package/dist/esm/src/components/Tree/components/TreeFile/TreeFile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TreeFile.js","sources":["../../../../../../../src/components/Tree/components/TreeFile/TreeFile.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport \"./TreeFile.scss\";\nimport { useTreeContext } from \"../../TreeContext\";\nimport { makeChildPath, stopPropagation } from \"../../utils/treeHelp\";\nimport Icon from \"../../../Icon/Icon\";\nimport { useDrag, useDrop } from \"react-dnd\";\n\ninterface Props {\n id: number \| string;\n name: string;\n extra?: string;\n parentPath?: string;\n level?: number;\n className?: string;\n active?: boolean;\n onMove: (~~draggedItemPath~~: string, ~~dropTargetPath~~: string) => void;\n}\n\nconst defaultProps = {\n level: 0,\n className: \"\",\n parentPath: \"\",\n};\n\nconst TreeFile: React.FC<Props> = ({\n id,\n name,\n parentPath,\n level,\n extra,\n className,\n onMove,\n active = false,\n ...props\n}) => {\n const { onFileClick, childIconPath } = useTreeContext();\n const currentPath = useMemo(() => makeChildPath(~~name~~, parentPath), [\n ~~name~~,\n parentPath,\n ]);\n\n const [{ isDragging }, dragRef] = useDrag({\n type: \"TREE_ITEM\",\n item: { type: \"file\", ~~path~~: ~~currentPath~~ },\n collect: (monitor) => ({\n isDragging: monitor.isDragging(),\n }),\n });\n\n const [, dropRef] = useDrop({\n accept: \"TREE_ITEM\",\n drop: (draggedItem: { ~~path~~: string }) => {\n if (draggedItem.~~path~~ !== ~~currentPath~~ && onMove) {\n onMove(draggedItem.~~path~~, ~~currentPath~~);\n }\n },\n });\n\n const clickHandler = (event: React.MouseEvent) => {\n stopPropagation(event);\n if (onFileClick) {\n onFileClick(currentPath, {\n type: \"file\",\n id,\n name,\n extra,\n active,\n });\n }\n };\n\n const containerStyle = {\n paddingLeft: `calc(1.875rem * ${level ~~+ 1~~})`,\n };\n\n return (\n <div\n ref={(node) => dragRef(dropRef(node))}\n className={`file-container ${className} ${isDragging ? \"dragging\" : \"\"} ${active ? \"active\" : \"\"}`}\n style={containerStyle}\n onClick={clickHandler}\n {...props}\n >\n <div className=\"names\">\n {childIconPath !== \"default\" && (\n <span className=\"icon\">\n <Icon\n iconType={Icon.type.PATH}\n icon=\"\"\n //@ts-ignore\n iconPath={childIconPath}\n iconSize={16}\n useCurrentColor\n style={{\n display: \"block\",\n marginRight: \"8px\",\n marginTop: \"0px\",\n }}\n />\n </span>\n )}\n <span className=\"name\">\n {name}\n {extra && <span className=\"extra\">{extra}</span>}\n </span>\n </div>\n </div>\n );\n};\n\nTreeFile.defaultProps = defaultProps;\nexport default TreeFile;"],"names":["TreeFile","_a","id","name","parentPath","level","extra","className","onMove","_a$active","active","props","__rest","_useTreeContext","useTreeContext","onFileClick","childIconPath","currentPath","useMemo","makeChildPath","_useDrag","useDrag","type","item","~~path","~~collect","monitor","isDragging","_useDrag2","_slicedToArray","dragRef","_useDrop","useDrop","accept","drop","draggedItem","dropRef","containerStyle","paddingLeft","concat","_jsx","Object","assign","ref","node","style","onClick","event","stopPropagation","_jsxs","children","Icon","iconType","PATH","icon","iconPath","iconSize","useCurrentColor","display","marginRight","marginTop","defaultProps"],"mappings":"+dAkBA,IAMMA,EAA4B,SAACC,OACjCC,IAAAA,GACAC,IAAAA,KACAC,IAAAA,WACAC,IAAAA,MACAC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,OAAMC,IACNC,OAAAA,OAAS,IAAHD,GAAQA,EACXE,EAT8BC,EAAAX,EAAA,CAAA,KAAA,OAAA,aAAA,QAAA,QAAA,YAAA,SAAA,WAWjCY,EAAuCC,IAA/BC,EAAWF,EAAXE,YAAaC,EAAaH,EAAbG,cACfC,EAAcC,GAAQ,WAAA,OAAMC,~~EAAchB~~,~~EAAMC~~,EAAW,GAAE,~~CACjED~~,~~EACAC~~,IAGFgB,EAAkCC,EAAQ,CACxCC,KAAM,YACNC,KAAM,CAAED,KAAM,~~OAAQE~~,~~KAAMP~~,~~GAC5BQ~~,QAAS,SAACC,GAAO,MAAM,CACrBC,WAAYD,EAAQC,aACrB,IACDC,EAAAC,~~EAAAT~~,EAAA,~~GANOO~~,EAAUC,EAAA,GAAVD,WAAcG,EAAOF,EAAA,GAQ9BG,EAAoBC,EAAQ,CAC1BC,OAAQ,YACRC,KAAM,SAACC,GACDA,~~EAAYX~~,~~OAASP~~,~~GAAeT~~,~~GACtCA~~,~~EAAO2B~~,~~EAAYX~~,~~KAAMP~~,~~EAE7B~~,~~IANOmB~~,EAOPP,EAAAE,EAAA,GAPc,GAsBVM,EAAiB,CACrBC,~~YAAWC~~,~~mBAAAA~~,~~OAAqBlC~~,~~EAAQ~~,~~EAAC~~,~~MAG3C~~,~~OACEmC,~~EACE,MAAAC,OAAAC,OAAA,CAAAC,IAAK,SAACC,GAAI,OAAKd,EAAQM,EAAQQ,GAAM,~~EACrCrC~~,UAAS,~~kBAAAgC~~,~~OAAoBhC~~,~~OAASgC~~,OAAIZ,EAAa,WAAa,GAAE,KAAAY,~~OAAI7B~~,EAAS,SAAW,~~IAC9FmC~~,MAAOR,EACPS,QAtBiB,SAACC,GACpBC,EAAgBD,~~GACZhC~~,GACFA,EAAYE,EAAa,CACvBK,KAAM,OACNpB,GAAAA,EACAC,KAAAA,EACAG,MAAAA,EACAI,OAAAA,MAeEC,~~YAEJsC~~,EAAK,MAAAR,OAAAC,OAAA,~~CAAAnC~~,UAAU,SAAO,~~CAAA2C~~,SAAA,CACD,~~YAAlBlC~~,~~GACCwB~~,~~wBAAMjC~~,UAAU,QACd,~~CAAA2C~~,SAAAV,EAACW,EACC,CAAAC,SAAUD,~~EAAK7B~~,~~KAAK+B~~,KACpBC,KAAK,GAELC,~~SAAUvC~~,~~EACVwC~~,SAAU,GACVC,iBACA,EAAAZ,MAAO,CACLa,QAAS,QACTC,YAAa,MACbC,UAAW,YAKnBX,EAAA,OAAAR,OAAAC,OAAA,~~CAAMnC~~,UAAU,QACb,~~CAAA2C~~,SAAA,~~CAAA/C~~,EACAG,~~GAASkC~~,EAAM,OAAAC,OAAAC,OAAA,~~CAAAnC~~,UAAU,SAAS,~~CAAA2C~~,~~SAAA5C~~,eAK7C,EAEAN,~~EAAS6D~~,aA5FY,~~CACnBxD~~,MAAO,EACPE,UAAW,GACXH,WAAY"}
1	+ {"version":3,"file":"TreeFile.js","sources":["../../../../../../../src/components/Tree/components/TreeFile/TreeFile.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport \"./TreeFile.scss\";\nimport { useTreeContext } from \"../../TreeContext\";\nimport { makeChildPath, stopPropagation } from \"../../utils/treeHelp\";\nimport Icon from \"../../../Icon/Icon\";\nimport { useDrag, useDrop } from \"react-dnd\";\n\ninterface Props {\n id: number \| string;\n name: string;\n extra?: string;\n parentPath?: string;\n level?: number;\n className?: string;\n active?: boolean;\n onMove?: (draggedId: string \| number, targetId: string \| number) => void;\n}\n\nconst defaultProps = {\n level: 0,\n className: \"\",\n parentPath: \"\",\n};\n\nconst TreeFile: React.FC<Props> = ({\n id,\n name,\n parentPath,\n level,\n extra,\n className,\n onMove,\n active = false,\n ...props\n}) => {\n const { onFileClick, childIconPath } = useTreeContext();\n const currentPath = useMemo(() => makeChildPath(id.toString(), parentPath), [\n id,\n parentPath,\n ]);\n\n const [{ isDragging }, dragRef] = useDrag({\n type: \"TREE_ITEM\",\n item: { type: \"file\", id: id },\n collect: (monitor) => ({\n isDragging: monitor.isDragging(),\n }),\n });\n\n const [, dropRef] = useDrop({\n accept: \"TREE_ITEM\",\n drop: (draggedItem: { id: string \| number }) => {\n if (draggedItem.id !== id && onMove) {\n onMove(draggedItem.id, id);\n }\n },\n });\n\n const clickHandler = (event: React.MouseEvent) => {\n stopPropagation(event);\n if (onFileClick) {\n onFileClick(currentPath, {\n type: \"file\",\n id,\n name,\n extra,\n active,\n });\n }\n };\n\n const containerStyle = {\n paddingLeft: `calc(1.875rem * ${level})`,\n };\n\n return (\n <div\n ref={(node) => dragRef(dropRef(node))}\n className={`file-container ${className} ${isDragging ? \"dragging\" : \"\"} ${active ? \"active\" : \"\"}`}\n style={containerStyle}\n onClick={clickHandler}\n {...props}\n >\n <div className=\"names\">\n {childIconPath !== \"default\" && (\n <span className=\"icon\">\n <Icon\n iconType={Icon.type.PATH}\n icon=\"\"\n //@ts-ignore\n iconPath={childIconPath}\n iconSize={16}\n useCurrentColor\n style={{\n display: \"block\",\n marginRight: \"8px\",\n marginTop: \"0px\",\n }}\n />\n </span>\n )}\n <span className=\"name\">\n {name}\n {extra && <span className=\"extra\">{extra}</span>}\n </span>\n </div>\n </div>\n );\n};\n\nTreeFile.defaultProps = defaultProps;\nexport default TreeFile;"],"names":["TreeFile","_a","id","name","parentPath","level","extra","className","onMove","_a$active","active","props","__rest","_useTreeContext","useTreeContext","onFileClick","childIconPath","currentPath","useMemo","makeChildPath","_useDrag","useDrag","type","item","collect","monitor","isDragging","_useDrag2","_slicedToArray","dragRef","_useDrop","useDrop","accept","drop","draggedItem","dropRef","containerStyle","paddingLeft","concat","_jsx","Object","assign","ref","node","style","onClick","event","stopPropagation","_jsxs","children","Icon","iconType","PATH","icon","iconPath","iconSize","useCurrentColor","display","marginRight","marginTop","defaultProps"],"mappings":"+dAkBA,IAMMA,EAA4B,SAACC,OACjCC,IAAAA,GACAC,IAAAA,KACAC,IAAAA,WACAC,IAAAA,MACAC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,OAAMC,IACNC,OAAAA,OAAS,IAAHD,GAAQA,EACXE,EAT8BC,EAAAX,EAAA,CAAA,KAAA,OAAA,aAAA,QAAA,QAAA,YAAA,SAAA,WAWjCY,EAAuCC,IAA/BC,EAAWF,EAAXE,YAAaC,EAAaH,EAAbG,cACfC,EAAcC,GAAQ,WAAA,OAAMC,EAAcjB,KAAeE,EAAW,GAAE,CAC1EF,EACAE,IAGFgB,EAAkCC,EAAQ,CACxCC,KAAM,YACNC,KAAM,CAAED,KAAM,OAAQpB,GAAIA,GAC1BsB,QAAS,SAACC,GAAO,MAAM,CACrBC,WAAYD,EAAQC,aACrB,IACDC,EAAAC,EAAAR,EAAA,GANOM,EAAUC,EAAA,GAAVD,WAAcG,EAAOF,EAAA,GAQ9BG,EAAoBC,EAAQ,CAC1BC,OAAQ,YACRC,KAAM,SAACC,GACDA,EAAYhC,KAAOA,GAAMM,GAC3BA,EAAO0B,EAAYhC,GAAIA,EAE3B,IANOiC,EAOPP,EAAAE,EAAA,GAPc,GAsBVM,EAAiB,CACrBC,YAAW,mBAAAC,OAAqBjC,EAAK,MAGvC,OACEkC,EACE,MAAAC,OAAAC,OAAA,CAAAC,IAAK,SAACC,GAAI,OAAKd,EAAQM,EAAQQ,GAAM,EACrCpC,UAAS,kBAAA+B,OAAoB/B,OAAS+B,OAAIZ,EAAa,WAAa,GAAE,KAAAY,OAAI5B,EAAS,SAAW,IAC9FkC,MAAOR,EACPS,QAtBiB,SAACC,GACpBC,EAAgBD,GACZ/B,GACFA,EAAYE,EAAa,CACvBK,KAAM,OACNpB,GAAAA,EACAC,KAAAA,EACAG,MAAAA,EACAI,OAAAA,MAeEC,YAEJqC,EAAK,MAAAR,OAAAC,OAAA,CAAAlC,UAAU,SAAO,CAAA0C,SAAA,CACD,YAAlBjC,GACCuB,wBAAMhC,UAAU,QACd,CAAA0C,SAAAV,EAACW,EACC,CAAAC,SAAUD,EAAK5B,KAAK8B,KACpBC,KAAK,GAELC,SAAUtC,EACVuC,SAAU,GACVC,iBACA,EAAAZ,MAAO,CACLa,QAAS,QACTC,YAAa,MACbC,UAAW,YAKnBX,EAAA,OAAAR,OAAAC,OAAA,CAAMlC,UAAU,QACb,CAAA0C,SAAA,CAAA9C,EACAG,GAASiC,EAAM,OAAAC,OAAAC,OAAA,CAAAlC,UAAU,SAAS,CAAA0C,SAAA3C,eAK7C,EAEAN,EAAS4D,aA5FY,CACnBvD,MAAO,EACPE,UAAW,GACXH,WAAY"}

package/dist/esm/src/components/Tree/components/TreeFile/TreeFile.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e=".file-container {\n  cursor: pointer;\n  line-height: 1;\n  user-select: none;\n  border-radius: 6px;\n  margin-bottom: 4px;\n}\n.file-container:hover, .file-container.active {\n  background-color: var(--surface-level-100-hover);\n  cursor: pointer;\n}\n.names {\n  display: flex;\n  height: 1.75rem;\n  align-items: center;\n  position: relative;\n  padding-right: 10px;\n}\n.icon {\n  width: 1.5rem;\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n}\n.name {\n  transition: opacity 100ms ease 0ms;\n  color: var(--text-primary);\n  white-space: nowrap;\n  font-size: 0.875rem;\n}\n.name:hover {\n  opacity: 0.7;\n}\n.extra {\n  font-size: 0.75rem;\n  align-self: baseline;\n  padding-left: 4px;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-2de70a95efc1_0_0_403";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(e);export{e as default};
+var e=".file-container {\n  cursor: pointer;\n  line-height: 1;\n  user-select: none;\n  border-radius: 6px;\n  margin-bottom: 4px;\n}\n.file-container:hover, .file-container.active {\n  background-color: var(--surface-level-100-hover);\n  cursor: pointer;\n}\n.names {\n  display: flex;\n  height: 1.75rem;\n  align-items: center;\n  position: relative;\n  padding-right: 10px;\n}\n.icon {\n  width: 1.5rem;\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n}\n.name {\n  transition: opacity 100ms ease 0ms;\n  color: var(--text-primary);\n  white-space: nowrap;\n  font-size: 0.875rem;\n}\n.name:hover {\n  opacity: 0.7;\n}\n.extra {\n  font-size: 0.75rem;\n  align-self: baseline;\n  padding-left: 4px;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-2de70a95efc1_0_0_406";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(e);export{e as default};
 //# sourceMappingURL=TreeFile.scss.js.map

package/dist/esm/src/components/Tree/components/TreeFolder/TreeFolder.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as a}from"../../../../../_virtual/_tslib.js";import{jsxs as t,jsx as r}from"@emotion/react/jsx-runtime";import n,{useState as i,useEffect as c,useMemo as s}from"react";import{useDrag as o,useDrop as l}from"react-dnd";import"./TreeFolder.scss.js";import{useTreeContext as p}from"../../TreeContext.js";import{makeChildPath as d,stopPropagation as m}from"../../utils/treeHelp.js";import u from"../TreeStatusIcon/TreeStatusIcon.js";import f from"../expand/expand.js";import g from"../../../Icon/Icon.js";var v=function(v){var h=v.id,j=v.name,x=v.children,y=v.parentPath,T=v.level,b=v.extra,N=v.className,O=v.active,E=void 0!==O&&O,P=v.onMove,C=a(v,["id","name","children","parentPath","level","extra","className","active","onMove"]),I=p(),_=I.onFileClick,k=I.initialExpand,M=I.alwaysExpanded,A=I.parentIconPath,D=i(M||k),F=e(D,2),H=F[0],R=F[1];c((function(){R(!!M||k)}),[k,M]);var S=s((function(){return d(j,y)}),[j,y]),w=o({type:"TREE_ITEM",item:{type:"folder",path:S},collect:function(e){return{isDragging:e.isDragging()}}}),z=e(w,2),B=z[0].isDragging,L=z[1],q=l({accept:"TREE_ITEM",drop:function(e){e.path!==S&&P&&P(e.path,S)},collect:function(e){return{isOver:e.isOver()}}}),G=e(q,2),J=G[0].isOver,K=G[1],Q={paddingLeft:"calc(1.875rem * ".concat(T+1,")")};return t("div",Object.assign({className:"folder-container ".concat(N," ").concat(B?"dragging":"")},C,{children:[t("div",Object.assign({ref:function(e){return L(K(e))},className:"names ".concat(E&&"active"," ").concat(J?"drop-target":""),"data-level":T,style:Q,onClick:function(){M||R(!H),_&&_(S,{type:"directory",id:h,name:j,extra:b,files:n.Children.toArray(x),active:E})}},{children:[r("span",Object.assign({className:"status"},{children:r(u,{active:H})})),"default"!==A&&r("span",Object.assign({className:"icon"},{children:r(g,{iconType:g.type.PATH,icon:"",iconPath:A,iconSize:16,useCurrentColor:!0,style:{display:"block",marginRight:"8px",marginTop:"0px"}})})),t("span",Object.assign({className:"name"},{children:[j,b&&r("span",Object.assign({className:"extra"},{children:b}))]}))]})),r(f,Object.assign({isExpanded:H},{children:r("div",Object.assign({className:"content",onClick:m},{children:x}))}))]}))};v.defaultProps={level:0,className:"",parentPath:""},v.displayName="TreeFolder";export{v as default};
+import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as a}from"../../../../../_virtual/_tslib.js";import{jsxs as t,jsx as r}from"@emotion/react/jsx-runtime";import n,{useState as i,useEffect as c,useMemo as s}from"react";import{useDrag as o,useDrop as l}from"react-dnd";import"./TreeFolder.scss.js";import{useTreeContext as d}from"../../TreeContext.js";import{makeChildPath as p,stopPropagation as m}from"../../utils/treeHelp.js";import u from"../TreeStatusIcon/TreeStatusIcon.js";import f from"../expand/expand.js";import g from"../../../Icon/Icon.js";var v=function(v){var h=v.id,j=v.name,x=v.children,y=v.parentPath,T=v.level,b=v.extra,N=v.className,O=v.active,E=void 0!==O&&O,P=v.onMove,C=a(v,["id","name","children","parentPath","level","extra","className","active","onMove"]),I=d(),_=I.onFileClick,k=I.initialExpand,M=I.alwaysExpanded,A=I.parentIconPath,D=i(M||k),F=e(D,2),H=F[0],R=F[1];c((function(){R(!!M||k)}),[k,M]);var S=s((function(){return p(""+h,y)}),[h,y]),w=o({type:"TREE_ITEM",item:{type:"folder",id:h},collect:function(e){return{isDragging:e.isDragging()}}}),z=e(w,2),B=z[0].isDragging,L=z[1],q=l({accept:"TREE_ITEM",drop:function(e){e.id!==h&&P&&P(e.id,h)},collect:function(e){return{isOver:e.isOver()}}}),G=e(q,2),J=G[0].isOver,K=G[1],Q={paddingLeft:0===T?"4px":"calc(1.875rem * ".concat(T,")")};return t("div",Object.assign({className:"folder-container ".concat(N," ").concat(B?"dragging":"")},C,{children:[t("div",Object.assign({ref:function(e){return L(K(e))},className:"names ".concat(E&&"active"," ").concat(J?"drop-target":""),"data-level":T,style:Q,onClick:function(){M||R(!H),_&&_(S,{type:"directory",id:h,name:j,extra:b,files:n.Children.toArray(x),active:E})}},{children:[r("span",Object.assign({className:"status"},{children:r(u,{active:H})})),"default"!==A&&r("span",Object.assign({className:"icon"},{children:r(g,{iconType:g.type.PATH,icon:"",iconPath:A,iconSize:16,useCurrentColor:!0,style:{display:"block",marginRight:"8px",marginTop:"0px"}})})),t("span",Object.assign({className:"name"},{children:[j,b&&r("span",Object.assign({className:"extra"},{children:b}))]}))]})),r(f,Object.assign({isExpanded:H},{children:r("div",Object.assign({className:"content",onClick:m},{children:x}))}))]}))};v.defaultProps={level:0,className:"",parentPath:""},v.displayName="TreeFolder";export{v as default};
 //# sourceMappingURL=TreeFolder.js.map

package/dist/esm/src/components/Tree/components/TreeFolder/TreeFolder.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TreeFolder.js","sources":["../../../../../../../src/components/Tree/components/TreeFolder/TreeFolder.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useMemo, useState } from \"react\";\nimport { useDrag, useDrop } from \"react-dnd\";\nimport \"./TreeFolder.scss\";\nimport { useTreeContext } from \"../../TreeContext\";\nimport {\n makeChildPath,\n sortChildren,\n stopPropagation,\n} from \"../../utils/treeHelp\";\nimport ~~TreeFile from \"../TreeFile/TreeFile\";\nimport~~ TreeStatusIcon from \"../TreeStatusIcon/TreeStatusIcon\";\nimport Expand from \"../expand/expand\";\nimport Icon from \"../../../Icon/Icon\";\n\ninterface Props {\n id: number \| string;\n name: string;\n extra?: string;\n parentPath?: string;\n level?: number;\n className?: string;\n active?: boolean;\n onMove: (~~draggedItemPath~~: string, ~~dropTargetPath~~: string) => void;\n}\n\nconst defaultProps = {\n level: 0,\n className: \"\",\n parentPath: \"\",\n};\n\nconst TreeFolder: React.FC<React.PropsWithChildren<Props>> = ({\n id,\n name,\n children,\n parentPath,\n level: parentLevel,\n extra,\n className,\n active = false,\n onMove,\n ...props\n}) => {\n const { onFileClick, initialExpand, isImperative, alwaysExpanded, parentIconPath } =\n useTreeContext();\n const [expanded, setExpanded] = useState<boolean>(\n alwaysExpanded \|\| initialExpand\n );\n\n useEffect(() => {\n if (alwaysExpanded) {\n setExpanded(true);\n } else {\n setExpanded(initialExpand);\n }\n }, [initialExpand, alwaysExpanded]);\n\n const currentPath = useMemo(\n () => makeChildPath(~~name~~, parentPath),\n [~~name~~, parentPath]\n );\n\n const [{ isDragging }, dragRef] = useDrag({\n type: \"TREE_ITEM\",\n item: { type: \"folder\", ~~path~~: ~~currentPath~~ },\n collect: (monitor) => ({\n isDragging: monitor.isDragging(),\n }),\n });\n\n const [{ isOver }, dropRef] = useDrop({\n accept: \"TREE_ITEM\",\n drop: (draggedItem: { ~~path~~: string }) => {\n if (draggedItem.~~path~~ !== ~~currentPath~~ && onMove) {\n onMove(draggedItem.~~path~~, ~~currentPath~~);\n }\n },\n collect: (monitor) => ({\n isOver: monitor.isOver(),\n }),\n });\n\n const clickHandler = () => {\n if (!alwaysExpanded) {\n setExpanded(!expanded);\n }\n if (onFileClick) {\n onFileClick(currentPath, {\n type: \"directory\",\n id,\n name,\n extra,\n //@ts-ignore\n files: React.Children.toArray(children),\n active,\n });\n }\n };\n\n const namesStyle = {\n paddingLeft: `calc(1.875rem * ${parentLevel ~~+ 1~~})`,\n };\n\n return (\n <div \n className={`folder-container ${className} ${isDragging ? \"dragging\" : \"\"}`}\n {...props}\n >\n <div\n ref={(node) => dragRef(dropRef(node))}\n className={`names ${active && \"active\"} ${isOver ? \"drop-target\" : \"\"}`}\n data-level={parentLevel}\n style={namesStyle}\n onClick={clickHandler}\n >\n <span className=\"status\">\n <TreeStatusIcon active={expanded} />\n </span>\n {parentIconPath !== \"default\" && (\n <span className=\"icon\">\n <Icon\n iconType={Icon.type.PATH}\n icon=\"\"\n //@ts-ignore\n iconPath={parentIconPath}\n iconSize={16}\n useCurrentColor\n style={{\n display: \"block\",\n marginRight: \"8px\",\n marginTop: \"0px\",\n }}\n />\n </span>\n )}\n <span className=\"name\">\n {name}\n {extra && <span className=\"extra\">{extra}</span>}\n </span>\n </div>\n <Expand isExpanded={expanded}>\n <div className=\"content\" onClick={stopPropagation}>\n {children}\n </div>\n </Expand>\n </div>\n );\n};\n\nTreeFolder.defaultProps = defaultProps;\nTreeFolder.displayName = \"TreeFolder\";\n\nexport default TreeFolder;\n"],"names":["TreeFolder","_a","id","name","children","parentPath","parentLevel","level","extra","className","_a$active","active","onMove","props","__rest","_useTreeContext","useTreeContext","onFileClick","initialExpand","alwaysExpanded","parentIconPath","_useState","useState","_useState2","_slicedToArray","expanded","setExpanded","useEffect","currentPath","useMemo","makeChildPath","_useDrag","useDrag","type","item","~~path","~~collect","monitor","isDragging","_useDrag2","dragRef","_useDrop","useDrop","accept","drop","draggedItem","isOver","_useDrop2","dropRef","namesStyle","paddingLeft","concat","_jsxs","Object","assign","ref","node","style","onClick","files","React","Children","toArray","_jsx","TreeStatusIcon","Icon","iconType","PATH","icon","iconPath","iconSize","useCurrentColor","display","marginRight","marginTop","Expand","isExpanded","stopPropagation","defaultProps","displayName"],"mappings":"~~ulBAyBA~~,IAMMA,EAAuD,SAACC,OAC5DC,EAQMD,EARNC,GACAC,EAOMF,EAPNE,KACAC,EAMMH,EANNG,SACAC,EAKMJ,EALNI,WACOC,EAIDL,EAJNM,MACAC,EAGMP,EAHNO,MACAC,EAEMR,EAFNQ,UAASC,EAEHT,EADNU,OAAAA,OAAS,IAAHD,GAAQA,EACdE,EAAMX,EAANW,OACGC,EAVyDC,EAAAb,EAAA,CAAA,KAAA,OAAA,WAAA,aAAA,QAAA,QAAA,YAAA,SAAA,WAY5Dc,EACEC,IADMC,EAAWF,EAAXE,YAAaC,EAAaH,EAAbG,cAA6BC,EAAcJ,EAAdI,eAAgBC,EAAcL,EAAdK,eAElEC,EAAgCC,EAC9BH,GAAkBD,GACnBK,EAAAC,EAAAH,EAAA,GAFMI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAI5BI,GAAU,WAEND,IADEP,GAGUD,EAEhB,GAAG,CAACA,EAAeC,IAEnB,IAAMS,EAAcC,GAClB,WAAA,OAAMC,~~EAAc3B~~,~~EAAME~~,EAAW,~~GACrC~~,~~CAACF~~,~~EAAME~~,~~IAGT0B~~,EAAkCC,EAAQ,CACxCC,KAAM,YACNC,KAAM,CAAED,KAAM,~~SAAUE~~,~~KAAMP~~,~~GAC9BQ~~,QAAS,SAACC,GAAO,MAAM,CACrBC,WAAYD,EAAQC,aACrB,IACDC,~~EAAAf~~,EAAAO,EAAA,~~GANOO~~,EAAUC,EAAA,GAAVD,WAAcE,EAAOD,EAAA,GAQ9BE,EAA8BC,EAAQ,CACpCC,OAAQ,YACRC,KAAM,SAACC,GACDA,~~EAAYV~~,~~OAASP~~,~~GAAehB~~,~~GACtCA~~,~~EAAOiC~~,~~EAAYV~~,~~KAAMP~~,~~EAE5B~~,~~EACDQ~~,QAAS,SAACC,GAAO,MAAM,CACrBS,OAAQT,EAAQS,SACjB,IACDC,~~EAAAvB~~,~~EAAAiB~~,EAAA,GAVOK,EAAMC,EAAA,GAAND,OAAUE,EAAOD,EAAA,GA6BpBE,EAAa,CACjBC,~~YAAWC~~,~~mBAAAA~~,~~OAAqB7C~~,~~EAAc~~,~~EAAC~~,~~MAGjD~~,~~OACE8C~~,~~uBACE3C~~,UAAS,~~oBAAA0C~~,~~OAAsB1C~~,EAAS,~~KAAA0C~~,OAAIb,EAAa,WAAa,~~KAClEzB~~,EAAK,CAAAT,SAAA,~~CAEXgD~~,EACE,MAAAC,OAAAC,OAAA,CAAAC,IAAK,SAACC,GAAI,OAAKhB,EAAQQ,EAAQQ,GAAM,~~EACrC/C~~,~~UAAS0C~~,SAAAA,~~OAAWxC~~,GAAU,SAAQ,~~KAAAwC~~,OAAIL,EAAS,cAAgB,~~iBACvDxC~~,~~EACZmD~~,MAAOR,EACPS,QA/~~BiB~~,~~WACdvC~~,GACHO,GAAaD,GAEXR,GACFA,EAAYW,EAAa,CACvBK,KAAM,YACN/B,GAAAA,EACAC,KAAAA,EACAK,MAAAA,~~EAEAmD~~,MAAOC,EAAMC,SAASC,~~QAAQ1D~~,GAC9BO,OAAAA,~~iBAqBAoD~~,EAAM,OAAAV,OAAAC,OAAA,~~CAAA7C~~,UAAU,UAAQ,CAAAL,~~SACtB2D~~,EAACC,EAAc,~~CAACrD~~,OAAQc,OAEN,YAAnBL,~~GACC2C~~,EAAM,OAAAV,OAAAC,OAAA,~~CAAA7C~~,UAAU,QACd,CAAAL,~~SAAA2D~~,EAACE,EACC,CAAAC,SAAUD,~~EAAKhC~~,~~KAAKkC~~,KACpBC,KAAK,GAELC,~~SAAUjD~~,~~EACVkD~~,SAAU,GACVC,iBACA,EAAAd,MAAO,CACLe,QAAS,QACTC,YAAa,MACbC,UAAW,YAKnBtB,~~wBAAM3C~~,UAAU,QACb,CAAAL,SAAA,CAAAD,EACAK,~~GAASuD~~,~~wBAAMtD~~,UAAU,SAAS,CAAAL,SAAAI,~~aAGvCuD~~,EAACY,iBAAOC,~~WAAYnD~~,GAClB,CAAArB,~~SAAA2D~~,EAAA,MAAAV,OAAAC,OAAA,~~CAAK7C~~,UAAU,~~UAAUiD~~,QAASmB,GAC/B,~~CAAAzE~~,SAAAA,WAKX,EAEAJ,~~EAAW8E~~,aA5HU,~~CACnBvE~~,MAAO,EACPE,UAAW,GACXJ,WAAY,IA0HdL,~~EAAW+E~~,YAAc"}
1	+ {"version":3,"file":"TreeFolder.js","sources":["../../../../../../../src/components/Tree/components/TreeFolder/TreeFolder.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useMemo, useState } from \"react\";\nimport { useDrag, useDrop } from \"react-dnd\";\nimport \"./TreeFolder.scss\";\nimport { useTreeContext } from \"../../TreeContext\";\nimport {\n makeChildPath,\n sortChildren,\n stopPropagation,\n} from \"../../utils/treeHelp\";\nimport TreeStatusIcon from \"../TreeStatusIcon/TreeStatusIcon\";\nimport Expand from \"../expand/expand\";\nimport Icon from \"../../../Icon/Icon\";\n\ninterface Props {\n id: number \| string;\n name: string;\n extra?: string;\n parentPath?: string;\n level?: number;\n className?: string;\n active?: boolean;\n onMove?: (draggedId: string \| number, targetId: string \| number) => void;\n}\n\nconst defaultProps = {\n level: 0,\n className: \"\",\n parentPath: \"\",\n};\n\nconst TreeFolder: React.FC<React.PropsWithChildren<Props>> = ({\n id,\n name,\n children,\n parentPath,\n level: parentLevel,\n extra,\n className,\n active = false,\n onMove,\n ...props\n}) => {\n const { onFileClick, initialExpand, isImperative, alwaysExpanded, parentIconPath } =\n useTreeContext();\n const [expanded, setExpanded] = useState<boolean>(\n alwaysExpanded \|\| initialExpand\n );\n\n useEffect(() => {\n if (alwaysExpanded) {\n setExpanded(true);\n } else {\n setExpanded(initialExpand);\n }\n }, [initialExpand, alwaysExpanded]);\n\n const currentPath = useMemo(\n () => makeChildPath(id.toString(), parentPath),\n [id, parentPath]\n );\n\n const [{ isDragging }, dragRef] = useDrag({\n type: \"TREE_ITEM\",\n item: { type: \"folder\", id: id },\n collect: (monitor) => ({\n isDragging: monitor.isDragging(),\n }),\n });\n\n const [{ isOver }, dropRef] = useDrop({\n accept: \"TREE_ITEM\",\n drop: (draggedItem: { id: string \| number }) => {\n if (draggedItem.id !== id && onMove) {\n onMove(draggedItem.id, id);\n }\n },\n collect: (monitor) => ({\n isOver: monitor.isOver(),\n }),\n });\n\n const clickHandler = () => {\n if (!alwaysExpanded) {\n setExpanded(!expanded);\n }\n if (onFileClick) {\n onFileClick(currentPath, {\n type: \"directory\",\n id,\n name,\n extra,\n //@ts-ignore\n files: React.Children.toArray(children),\n active,\n });\n }\n };\n\n const namesStyle = {\n paddingLeft: parentLevel === 0 ? \"4px\" : `calc(1.875rem * ${parentLevel})`,\n };\n\n return (\n <div \n className={`folder-container ${className} ${isDragging ? \"dragging\" : \"\"}`}\n {...props}\n >\n <div\n ref={(node) => dragRef(dropRef(node))}\n className={`names ${active && \"active\"} ${isOver ? \"drop-target\" : \"\"}`}\n data-level={parentLevel}\n style={namesStyle}\n onClick={clickHandler}\n >\n <span className=\"status\">\n <TreeStatusIcon active={expanded} />\n </span>\n {parentIconPath !== \"default\" && (\n <span className=\"icon\">\n <Icon\n iconType={Icon.type.PATH}\n icon=\"\"\n //@ts-ignore\n iconPath={parentIconPath}\n iconSize={16}\n useCurrentColor\n style={{\n display: \"block\",\n marginRight: \"8px\",\n marginTop: \"0px\",\n }}\n />\n </span>\n )}\n <span className=\"name\">\n {name}\n {extra && <span className=\"extra\">{extra}</span>}\n </span>\n </div>\n <Expand isExpanded={expanded}>\n <div className=\"content\" onClick={stopPropagation}>\n {children}\n </div>\n </Expand>\n </div>\n );\n};\n\nTreeFolder.defaultProps = defaultProps;\nTreeFolder.displayName = \"TreeFolder\";\n\nexport default TreeFolder;\n"],"names":["TreeFolder","_a","id","name","children","parentPath","parentLevel","level","extra","className","_a$active","active","onMove","props","__rest","_useTreeContext","useTreeContext","onFileClick","initialExpand","alwaysExpanded","parentIconPath","_useState","useState","_useState2","_slicedToArray","expanded","setExpanded","useEffect","currentPath","useMemo","makeChildPath","_useDrag","useDrag","type","item","collect","monitor","isDragging","_useDrag2","dragRef","_useDrop","useDrop","accept","drop","draggedItem","isOver","_useDrop2","dropRef","namesStyle","paddingLeft","concat","_jsxs","Object","assign","ref","node","style","onClick","files","React","Children","toArray","_jsx","TreeStatusIcon","Icon","iconType","PATH","icon","iconPath","iconSize","useCurrentColor","display","marginRight","marginTop","Expand","isExpanded","stopPropagation","defaultProps","displayName"],"mappings":"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"}

package/dist/esm/src/components/Tree/components/TreeFolder/TreeFolder.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n='.folder-container {\n  cursor: pointer;\n  line-height: 1;\n  user-select: none;\n}\n.folder-container .names {\n  display: flex;\n  height: 1.75rem;\n  align-items: center;\n  position: relative;\n  border-radius: 6px;\n  cursor: pointer;\n  user-select: none;\n}\n.folder-container .names[data-level] {\n  margin-left: calc(1.875rem * attr(data-level));\n}\n.folder-container .names:hover {\n  background-color: var(--surface-level-100-hover);\n}\n.folder-container .names.active {\n  background-color: var(--surface-level-100-hover);\n}\n.folder-container .names.drop-target::after {\n  content: "";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px dashed var(--divider-primary);\n  border-radius: 4px;\n  pointer-events: none;\n}\n.folder-container > .names {\n  margin-bottom: 4px;\n}\n.folder-container .status {\n  width: 0.875rem;\n  height: 0.875rem;\n  z-index: 10;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 10px;\n}\n.folder-container .icon {\n  width: 1.5rem;\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n}\n.folder-container .name {\n  transition: opacity 100ms ease 0ms;\n  color: var(--text-primary);\n  white-space: nowrap;\n  font-size: 0.875rem;\n}\n.folder-container .name:hover {\n  opacity: 0.7;\n}\n.folder-container .name .indent {\n  position: absolute !important;\n  top: 50% !important;\n  transform: translateY(-50%) !important;\n  width: 1px !important;\n  height: 100% !important;\n  background-color: var(--text-primary) !important;\n  margin-left: -1px !important;\n}\n.folder-container .extra {\n  font-size: 0.75rem;\n  align-self: baseline;\n  padding-left: 4px;\n  color: var(--text-primary);\n}\n.folder-container .content {\n  display: flex;\n  flex-direction: column;\n  height: auto;\n}';!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-4cc686237963_0_0_403";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(n);export{n as default};
+var n='.folder-container {\n  cursor: pointer;\n  line-height: 1;\n  user-select: none;\n}\n.folder-container .names {\n  display: flex;\n  height: 1.75rem;\n  align-items: center;\n  position: relative;\n  border-radius: 6px;\n  cursor: pointer;\n  user-select: none;\n}\n.folder-container .names[data-level] {\n  margin-left: calc(1.875rem * attr(data-level));\n}\n.folder-container .names:hover {\n  background-color: var(--surface-level-100-hover);\n}\n.folder-container .names.active {\n  background-color: var(--surface-level-100-hover);\n}\n.folder-container .names.drop-target::after {\n  content: "";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px dashed var(--divider-primary);\n  border-radius: 4px;\n  pointer-events: none;\n}\n.folder-container > .names {\n  margin-bottom: 4px;\n}\n.folder-container .status {\n  width: 0.875rem;\n  height: 0.875rem;\n  z-index: 10;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 10px;\n}\n.folder-container .icon {\n  width: 1.5rem;\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n}\n.folder-container .name {\n  transition: opacity 100ms ease 0ms;\n  color: var(--text-primary);\n  white-space: nowrap;\n  font-size: 0.875rem;\n}\n.folder-container .name:hover {\n  opacity: 0.7;\n}\n.folder-container .name .indent {\n  position: absolute !important;\n  top: 50% !important;\n  transform: translateY(-50%) !important;\n  width: 1px !important;\n  height: 100% !important;\n  background-color: var(--text-primary) !important;\n  margin-left: -1px !important;\n}\n.folder-container .extra {\n  font-size: 0.75rem;\n  align-self: baseline;\n  padding-left: 4px;\n  color: var(--text-primary);\n}\n.folder-container .content {\n  display: flex;\n  flex-direction: column;\n  height: auto;\n}';!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-4cc686237963_0_0_406";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(n);export{n as default};
 //# sourceMappingURL=TreeFolder.scss.js.map

package/dist/esm/src/components/Tree/components/TreeStatusIcon/TreeStatusIcon.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e=".tree-status-icon {\n  stroke: currentColor;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  shape-rendering: geometricPrecision;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-57bbd3238bb1_0_0_403";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
+var e=".tree-status-icon {\n  stroke: currentColor;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  shape-rendering: geometricPrecision;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-57bbd3238bb1_0_0_406";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
 //# sourceMappingURL=TreeStatusIcon.scss.js.map

package/dist/esm/src/components/Tree/components/expand/expand.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e=".expand-container {\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n}\n.expand-container.expanded {\n  visibility: visible;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-30ae7c9186d8_0_0_403";if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(e);export{e as default};
+var e=".expand-container {\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n}\n.expand-container.expanded {\n  visibility: visible;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-30ae7c9186d8_0_0_406";if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(e);export{e as default};
 //# sourceMappingURL=expand.scss.js.map

package/dist/esm/src/components/Typography/Typography.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={typography:"typography_f919a0034b","focus-visible":"focus-visible_bc9a5be102",primary:"primary_4f0527e55c",secondary:"secondary_61eabe70d9",tertiary:"tertiary_b57a7e9a2f",warning:"warning_1f9addb0d3",alert:"alert_908dc89557",success:"success_fb2605a57d",onPrimary:"onPrimary_369243d7ed",onInverted:"onInverted_d123beb0d3",fixedLight:"fixedLight_a73d9b1c40",fixedDark:"fixedDark_e234380770",inherit:"inherit_1114640330",start:"start_c4e944d182",center:"center_7fff3d7201",end:"end_964cf72556",singleLineEllipsis:"singleLineEllipsis_4d840b8a2e",multiLineEllipsis:"multiLineEllipsis_a291fe3d74"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-b7ae7a926ea1_0_0_403";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".typography_f919a0034b a {\n  text-decoration: none;\n  color: var(--text-link);\n}\n.typography_f919a0034b a:focus-visible, .typography_f919a0034b a.focus-visible_bc9a5be102 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.typography_f919a0034b a:focus:not(.focus-visible_bc9a5be102) {\n  outline: none;\n}\n.typography_f919a0034b a:hover {\n  text-decoration: underline;\n}\n.typography_f919a0034b:disabled, .typography_f919a0034b[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_4f0527e55c {\n  color: var(--text-primary);\n}\n.secondary_61eabe70d9 {\n  color: var(--text-secondary);\n}\n.tertiary_b57a7e9a2f {\n  color: var(--text-tertiary);\n}\n.warning_1f9addb0d3 {\n  color: var(--text-warning);\n}\n.alert_908dc89557 {\n  color: var(--text-alert);\n}\n.success_fb2605a57d {\n  color: var(--text-success);\n}\n.onPrimary_369243d7ed {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_369243d7ed a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_d123beb0d3 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_d123beb0d3 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_a73d9b1c40 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_a73d9b1c40 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_e234380770 {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_e234380770 a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_1114640330 {\n  color: inherit;\n}\n.inherit_1114640330 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.start_c4e944d182 {\n  text-align: start;\n}\n.center_7fff3d7201 {\n  text-align: center;\n}\n.end_964cf72556 {\n  text-align: end;\n}\n.singleLineEllipsis_4d840b8a2e {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_a291fe3d74 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
+var n={typography:"typography_2b32285645","focus-visible":"focus-visible_a3049b4b96",primary:"primary_481932d781",secondary:"secondary_0923e010f1",tertiary:"tertiary_68210721cb",warning:"warning_5d22931e27",alert:"alert_24c28eaa98",success:"success_d45c766f00",onPrimary:"onPrimary_07ec2db425",onInverted:"onInverted_ab89481738",fixedLight:"fixedLight_69c8771754",fixedDark:"fixedDark_3fdd3f1443",inherit:"inherit_2723a78955",start:"start_b0b3b9dca7",center:"center_257106717d",end:"end_a36a614d0a",singleLineEllipsis:"singleLineEllipsis_b36dba9ab8",multiLineEllipsis:"multiLineEllipsis_93a229c1d7"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-b7ae7a926ea1_0_0_406";if(e.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".typography_2b32285645 a {\n  text-decoration: none;\n  color: var(--text-link);\n}\n.typography_2b32285645 a:focus-visible, .typography_2b32285645 a.focus-visible_a3049b4b96 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.typography_2b32285645 a:focus:not(.focus-visible_a3049b4b96) {\n  outline: none;\n}\n.typography_2b32285645 a:hover {\n  text-decoration: underline;\n}\n.typography_2b32285645:disabled, .typography_2b32285645[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_481932d781 {\n  color: var(--text-primary);\n}\n.secondary_0923e010f1 {\n  color: var(--text-secondary);\n}\n.tertiary_68210721cb {\n  color: var(--text-tertiary);\n}\n.warning_5d22931e27 {\n  color: var(--text-warning);\n}\n.alert_24c28eaa98 {\n  color: var(--text-alert);\n}\n.success_d45c766f00 {\n  color: var(--text-success);\n}\n.onPrimary_07ec2db425 {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_07ec2db425 a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_ab89481738 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_ab89481738 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_69c8771754 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_69c8771754 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_3fdd3f1443 {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_3fdd3f1443 a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_2723a78955 {\n  color: inherit;\n}\n.inherit_2723a78955 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.start_b0b3b9dca7 {\n  text-align: start;\n}\n.center_257106717d {\n  text-align: center;\n}\n.end_a36a614d0a {\n  text-align: end;\n}\n.singleLineEllipsis_b36dba9ab8 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_93a229c1d7 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{n as default};
 //# sourceMappingURL=Typography.module.scss.js.map

package/dist/esm/src/components/Uploader/Uploader.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n=".hds-uploader {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-width: 200px;\n  min-height: 200px;\n  transition: all 0.2s ease-in-out;\n  border-radius: var(--border-radius-medium);\n  border: 1px dashed var(--divider-secondary);\n  background: var(--surface-level-100);\n}\n.hds-uploader:hover, .hds-uploader.file-drag-active {\n  border-color: var(--divider-selected);\n  cursor: pointer;\n  background-color: var(--surface-selected);\n  color: var(--text-primary);\n}\n.hds-uploader:hover .hds-uploader-base-icon, .hds-uploader.file-drag-active .hds-uploader-base-icon {\n  color: #2d70af;\n}\n.hds-uploader:active {\n  border-color: var(--primary-color);\n  transform: scale(0.98);\n}\n.hds-uploader:focus-within {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 2px var(--primary-color-light);\n}\n.hds-uploader.file-drag-active {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n  box-shadow: var(--box-shadow-small);\n}\n.hds-uploader-base {\n  width: 100%;\n  flex: 1;\n  display: flex;\n  padding: var(--spacing-small);\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.hds-uploader-base-icon {\n  padding: var(--spacing-small);\n  transition: all 0.2s ease-in-out;\n}\n.hds-uploader-base-text {\n  font: var(--font-text1-normal);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 4px;\n  align-self: stretch;\n  color: var(--text-tertiary);\n}\n.hds-uploader hr {\n  border: none;\n  border-top: 1px dashed var(--divider-secondary);\n  width: 90%;\n}\n.hds-uploader-file-input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n.hds-uploader-file {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.hds-uploader-file-content {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  align-self: stretch;\n}\n.hds-uploader-file-icon {\n  padding: 0 var(--spacing-medium);\n}\n.hds-uploader-file-data {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 var(--spacing-medium);\n}\n.hds-uploader-file-data .progress-bar {\n  width: 50%;\n}\n.hds-uploader-file-name {\n  font: var(--font-text1-normal);\n  color: var(--text-link);\n}\n.hds-uploader-file-size {\n  font: var(--font-text1-normal);\n  color: var(--text-secondary);\n  margin: 0 8px;\n}\n.hds-uploader-file-processing {\n  font: var(--font-text1-normal);\n  color: var(--text-secondary);\n}\n.hds-uploader-file-actions {\n  display: flex;\n}\n.hds-uploader-file.error {\n  color: var(--negative-color);\n}\n.hds-uploader-file-error-message {\n  padding: 0 var(--spacing-medium);\n}\n.hds-uploader-base-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 42px;\n  height: 42px;\n  margin-bottom: var(--spacing-small);\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-1776c9d6731e_0_0_403";if(e.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(n);export{n as default};
+var n=".hds-uploader {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-width: 200px;\n  min-height: 200px;\n  transition: all 0.2s ease-in-out;\n  border-radius: var(--border-radius-medium);\n  border: 1px dashed var(--divider-secondary);\n  background: var(--surface-level-100);\n}\n.hds-uploader:hover, .hds-uploader.file-drag-active {\n  border-color: var(--divider-selected);\n  cursor: pointer;\n  background-color: var(--surface-selected);\n  color: var(--text-primary);\n}\n.hds-uploader:hover .hds-uploader-base-icon, .hds-uploader.file-drag-active .hds-uploader-base-icon {\n  color: #2d70af;\n}\n.hds-uploader:active {\n  border-color: var(--primary-color);\n  transform: scale(0.98);\n}\n.hds-uploader:focus-within {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 2px var(--primary-color-light);\n}\n.hds-uploader.file-drag-active {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n  box-shadow: var(--box-shadow-small);\n}\n.hds-uploader-base {\n  width: 100%;\n  flex: 1;\n  display: flex;\n  padding: var(--spacing-small);\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.hds-uploader-base-icon {\n  padding: var(--spacing-small);\n  transition: all 0.2s ease-in-out;\n}\n.hds-uploader-base-text {\n  font: var(--font-text1-normal);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 4px;\n  align-self: stretch;\n  color: var(--text-tertiary);\n}\n.hds-uploader hr {\n  border: none;\n  border-top: 1px dashed var(--divider-secondary);\n  width: 90%;\n}\n.hds-uploader-file-input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n.hds-uploader-file {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.hds-uploader-file-content {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  align-self: stretch;\n}\n.hds-uploader-file-icon {\n  padding: 0 var(--spacing-medium);\n}\n.hds-uploader-file-data {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 var(--spacing-medium);\n}\n.hds-uploader-file-data .progress-bar {\n  width: 50%;\n}\n.hds-uploader-file-name {\n  font: var(--font-text1-normal);\n  color: var(--text-link);\n}\n.hds-uploader-file-size {\n  font: var(--font-text1-normal);\n  color: var(--text-secondary);\n  margin: 0 8px;\n}\n.hds-uploader-file-processing {\n  font: var(--font-text1-normal);\n  color: var(--text-secondary);\n}\n.hds-uploader-file-actions {\n  display: flex;\n}\n.hds-uploader-file.error {\n  color: var(--negative-color);\n}\n.hds-uploader-file-error-message {\n  padding: 0 var(--spacing-medium);\n}\n.hds-uploader-base-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 42px;\n  height: 42px;\n  margin-bottom: var(--spacing-small);\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-1776c9d6731e_0_0_406";if(e.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(n);export{n as default};
 //# sourceMappingURL=Uploader.scss.js.map

package/dist/esm/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={virtualizedGridWrapper:"virtualizedGridWrapper_e93859a6b3"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-03a8eed790d8_0_0_403";if(t.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".virtualizedGridWrapper_e93859a6b3 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedGridWrapper:"virtualizedGridWrapper_c5e10dce34"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],t="s_id-03a8eed790d8_0_0_406";if(d.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}(".virtualizedGridWrapper_c5e10dce34 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedGrid.module.scss.js.map

package/dist/esm/src/components/VirtualizedList/VirtualizedList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={virtualizedListWrapper:"virtualizedListWrapper_e93859a6b3"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],i="s_id-9250e4cf6c59_0_0_403";if(t.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".virtualizedListWrapper_e93859a6b3 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedListWrapper:"virtualizedListWrapper_c5e10dce34"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-9250e4cf6c59_0_0_406";if(t.querySelector("#"+d))return;const i=document.createElement("style");i.id=d,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".virtualizedListWrapper_c5e10dce34 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedList.module.scss.js.map

package/dist/esm/src/components/Workflow/workflow.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n=".workflow-bar {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-secondary);\n  padding: 0px;\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  margin-bottom: var(--spacing-medium);\n}\n\n.workflow-bar-step:first-child {\n  border-radius: var(--border-radius-medium) 0px 0px var(--border-radius-medium);\n}\n\n.workflow-bar-step:last-child {\n  border-radius: 0px var(--border-radius-medium) var(--border-radius-medium) 0px;\n}\n\n.workflow-bar-step {\n  margin-right: -1px;\n  border: 1px solid var(--divider-primary);\n  padding: 4px 16px;\n  align-self: center;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-small);\n  min-width: 220px;\n  width: inherit;\n  font-size: 15px;\n  line-height: 22px;\n  color: var(--color-gray-400);\n  min-height: 90px;\n}\n\n.workflow-bar-step.workflow-bar-step-active {\n  padding: 16px;\n  min-width: 320px;\n  color: var(--text-primary);\n  background-color: var(--surface-level-100);\n  border-radius: var(--border-radius-medium);\n}\n\n.workflow-bar-step.workflow-bar-step-active .workflow-bar-step-index {\n  padding: 14px;\n  color: var(--text-primary);\n}\n\n.workflow-bar-step.workflow-bar-step-active .highlight-index {\n  border-color: var(--color-white);\n  color: var(--color-white);\n}\n\n.workflow-bar-step.workflow-bar-step-active .workflow-bar-step-header {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 600;\n}\n\n.workflow-bar-step.workflow-bar-step-incomplete {\n  display: block;\n  align-content: center;\n}\n\n.workflow-bar-step.workflow-bar-step-incomplete .workflow-bar-step-index {\n  padding: 10px;\n}\n\n.workflow-bar-step.workflow-bar-step-complete {\n  display: block;\n  align-content: center;\n  background: var(--positive-color-background);\n  color: var(--text-primary);\n  border-color: var(--divider-primary);\n  min-height: 90px;\n}\n\n.workflow-bar-step.workflow-bar-step-complete .workflow-bar-step-index {\n  padding: 10px;\n  border-color: var(--divider-secondary);\n  color: var(--text-primary);\n}\n\n.workflow-bar-step-header {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-weight: 600;\n}\n\n.workflow-bar-step-index {\n  border: 1px solid var(--divider-primary);\n  margin-right: 10px;\n  border-radius: 44px;\n  width: 16px;\n  height: 16px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  color: var(--color-gray-400);\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.workflow-bar-step-actions {\n  display: flex;\n  gap: 4px;\n}\n\n.workflow-bar-step-title {\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.workflow-bar-step-title-active {\n  font-size: 16px;\n  font-weight: 700;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n\n.workflow-bar-step-completed {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--text-secondary);\n}\n\n.workflow-bar-step-failed {\n  background-color: var(--surface-alert) !important;\n  color: var(--text-secondary) !important;\n}\n\n.workflow-bar-step-cancelled {\n  background-color: var(--surface-level-200) !important;\n  color: var(--text-secondary) !important;\n}\n\n.workflow-bar-final-step-succeeded {\n  background-color: var(--positive-color) !important;\n  color: var(--color-white) !important;\n}\n\n.workflow-bar-final-step-failed {\n  background-color: var(--negative-color) !important;\n  color: var(--color-white) !important;\n}\n\n.workflow-bar-final-step-cancelled {\n  background-color: var(--surface-level-300) !important;\n  color: var(--text-primary) !important;\n}\n\n.icon-color {\n  color: var(--color-solar-flare-500);\n}";!function(n){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],o="s_id-31d734844b4a_0_0_403";if(r.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(n))}(n);export{n as default};
+var n=".workflow-bar {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-secondary);\n  padding: 0px;\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  margin-bottom: var(--spacing-medium);\n}\n\n.workflow-bar-step:first-child {\n  border-radius: var(--border-radius-medium) 0px 0px var(--border-radius-medium);\n}\n\n.workflow-bar-step:last-child {\n  border-radius: 0px var(--border-radius-medium) var(--border-radius-medium) 0px;\n}\n\n.workflow-bar-step {\n  margin-right: -1px;\n  border: 1px solid var(--divider-primary);\n  padding: 4px 16px;\n  align-self: center;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-small);\n  min-width: 220px;\n  width: inherit;\n  font-size: 15px;\n  line-height: 22px;\n  color: var(--color-gray-400);\n  min-height: 90px;\n}\n\n.workflow-bar-step.workflow-bar-step-active {\n  padding: 16px;\n  min-width: 320px;\n  color: var(--text-primary);\n  background-color: var(--surface-level-100);\n  border-radius: var(--border-radius-medium);\n}\n\n.workflow-bar-step.workflow-bar-step-active .workflow-bar-step-index {\n  padding: 14px;\n  color: var(--text-primary);\n}\n\n.workflow-bar-step.workflow-bar-step-active .highlight-index {\n  border-color: var(--color-white);\n  color: var(--color-white);\n}\n\n.workflow-bar-step.workflow-bar-step-active .workflow-bar-step-header {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 600;\n}\n\n.workflow-bar-step.workflow-bar-step-incomplete {\n  display: block;\n  align-content: center;\n}\n\n.workflow-bar-step.workflow-bar-step-incomplete .workflow-bar-step-index {\n  padding: 10px;\n}\n\n.workflow-bar-step.workflow-bar-step-complete {\n  display: block;\n  align-content: center;\n  background: var(--positive-color-background);\n  color: var(--text-primary);\n  border-color: var(--divider-primary);\n  min-height: 90px;\n}\n\n.workflow-bar-step.workflow-bar-step-complete .workflow-bar-step-index {\n  padding: 10px;\n  border-color: var(--divider-secondary);\n  color: var(--text-primary);\n}\n\n.workflow-bar-step-header {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-weight: 600;\n}\n\n.workflow-bar-step-index {\n  border: 1px solid var(--divider-primary);\n  margin-right: 10px;\n  border-radius: 44px;\n  width: 16px;\n  height: 16px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  color: var(--color-gray-400);\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.workflow-bar-step-actions {\n  display: flex;\n  gap: 4px;\n}\n\n.workflow-bar-step-title {\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.workflow-bar-step-title-active {\n  font-size: 16px;\n  font-weight: 700;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n\n.workflow-bar-step-completed {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--text-secondary);\n}\n\n.workflow-bar-step-failed {\n  background-color: var(--surface-alert) !important;\n  color: var(--text-secondary) !important;\n}\n\n.workflow-bar-step-cancelled {\n  background-color: var(--surface-level-200) !important;\n  color: var(--text-secondary) !important;\n}\n\n.workflow-bar-final-step-succeeded {\n  background-color: var(--positive-color) !important;\n  color: var(--color-white) !important;\n}\n\n.workflow-bar-final-step-failed {\n  background-color: var(--negative-color) !important;\n  color: var(--color-white) !important;\n}\n\n.workflow-bar-final-step-cancelled {\n  background-color: var(--surface-level-300) !important;\n  color: var(--text-primary) !important;\n}\n\n.icon-color {\n  color: var(--color-solar-flare-500);\n}";!function(n){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],o="s_id-31d734844b4a_0_0_406";if(r.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(n))}(n);export{n as default};
 //# sourceMappingURL=workflow.scss.js.map

package/dist/esm/src/components/WorkflowCard/WorkflowCard.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={workflowCard:"workflowCard_aaf6afb3fc",content:"content_afd30098af"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d70afda3b83c_0_0_403";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".workflowCard_aaf6afb3fc {\n  display: block;\n  flex: none;\n  width: 100%;\n  min-width: 100%;\n  height: auto;\n  min-height: fit-content;\n  padding: 16px;\n}\n.workflowCard_aaf6afb3fc .content_afd30098af {\n  color: var(--text-secondary);\n  font-size: 14px;\n}");export{e as default};
+var e={workflowCard:"workflowCard_fad95264a1",content:"content_a6b87dc911"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d70afda3b83c_0_0_406";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".workflowCard_fad95264a1 {\n  display: block;\n  flex: none;\n  width: 100%;\n  min-width: 100%;\n  height: auto;\n  min-height: fit-content;\n  padding: 16px;\n}\n.workflowCard_fad95264a1 .content_a6b87dc911 {\n  color: var(--text-secondary);\n  font-size: 14px;\n}");export{e as default};
 //# sourceMappingURL=WorkflowCard.module.scss.js.map

package/dist/esm/src/components/WorkflowList/WorkflowList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={workflowListContainer:"workflowListContainer_151ef3f30e",verticalLine:"verticalLine_6e75017f41",workflowItem:"workflowItem_1d6ac95969"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-998228985673_0_0_403";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".workflowListContainer_151ef3f30e {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  margin: 8px 0;\n}\n\n.verticalLine_6e75017f41 {\n  position: absolute;\n  left: 24px;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background-color: var(--divider-primary);\n  z-index: 0;\n}\n\n.workflowItem_1d6ac95969 {\n  position: relative;\n  z-index: 1;\n  margin-bottom: 16px;\n}");export{e as default};
+var e={workflowListContainer:"workflowListContainer_a2067b6b3b",verticalLine:"verticalLine_90055e842d",workflowItem:"workflowItem_d136ce41d1"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-998228985673_0_0_406";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".workflowListContainer_a2067b6b3b {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  margin: 8px 0;\n}\n\n.verticalLine_90055e842d {\n  position: absolute;\n  left: 24px;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background-color: var(--divider-primary);\n  z-index: 0;\n}\n\n.workflowItem_d136ce41d1 {\n  position: relative;\n  z-index: 1;\n  margin-bottom: 16px;\n}");export{e as default};
 //# sourceMappingURL=WorkflowList.module.scss.js.map

package/dist/esm/src/components/WorkflowStep/WorkflowStep.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={workflowStep:"workflowStep_0607b3dc1c",count:"count_8e654ed115",content:"content_ed2bff59f5",icon:"icon_7c61b7a55e",title:"title_0f71774782",subText:"subText_a62828848a",reviewers:"reviewers_34a29c2d25",reviewersLabel:"reviewersLabel_d070b5e075"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-28dc6e17ba18_0_0_403";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".workflowStep_0607b3dc1c {\n  display: flex;\n  align-items: flex-start;\n  padding: 8px;\n  background-color: var(--surface-level-200);\n  border-radius: 12px;\n  width: 100%;\n}\n\n.count_8e654ed115 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  background-color: var(--surface-level-100);\n  color: var(--text-primary);\n  border-radius: 50%;\n  font-size: 12px;\n  font-weight: 800;\n  margin-right: 12px;\n  flex-shrink: 0;\n  border: 1px solid var(--divider-primary);\n}\n\n.content_ed2bff59f5 {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.icon_7c61b7a55e {\n  width: 16px;\n  height: 16px;\n  margin-right: 8px;\n}\n\n.title_0f71774782 {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--primary-text-color);\n}\n\n.subText_a62828848a {\n  font-size: 12px;\n  color: var(--text-secondary);\n  margin: 8px 0 0;\n}\n\n.reviewers_34a29c2d25 {\n  margin-top: 8px;\n}\n\n.reviewersLabel_d070b5e075 {\n  font-size: 12px;\n  color: var(--text-secondary);\n  margin-right: 0px;\n}");export{e as default};
+var e={workflowStep:"workflowStep_24df9c6445",count:"count_8d5be0d6ac",content:"content_8661aea099",icon:"icon_2edb2aa070",title:"title_f822e776d0",subText:"subText_8f1e429573",reviewers:"reviewers_5d323c00ad",reviewersLabel:"reviewersLabel_45e22e03dc"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-28dc6e17ba18_0_0_406";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".workflowStep_24df9c6445 {\n  display: flex;\n  align-items: flex-start;\n  padding: 8px;\n  background-color: var(--surface-level-200);\n  border-radius: 12px;\n  width: 100%;\n}\n\n.count_8d5be0d6ac {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  background-color: var(--surface-level-100);\n  color: var(--text-primary);\n  border-radius: 50%;\n  font-size: 12px;\n  font-weight: 800;\n  margin-right: 12px;\n  flex-shrink: 0;\n  border: 1px solid var(--divider-primary);\n}\n\n.content_8661aea099 {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.icon_2edb2aa070 {\n  width: 16px;\n  height: 16px;\n  margin-right: 8px;\n}\n\n.title_f822e776d0 {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--primary-text-color);\n}\n\n.subText_8f1e429573 {\n  font-size: 12px;\n  color: var(--text-secondary);\n  margin: 8px 0 0;\n}\n\n.reviewers_5d323c00ad {\n  margin-top: 8px;\n}\n\n.reviewersLabel_45e22e03dc {\n  font-size: 12px;\n  color: var(--text-secondary);\n  margin-right: 0px;\n}");export{e as default};
 //# sourceMappingURL=WorkflowStep.module.scss.js.map