@uipath/apollo-react 3.55.0-pr356.b109b65 → 3.55.1-pr354.8826816

package/dist/canvas/components/AddNodePanel/AddNodePanel.cjs

@@ -69,7 +69,7 @@ const AddNodePanel_AddNodePanel = /*#__PURE__*/ (0, external_react_namespaceObje
         onNodeSelect
     ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Toolbox_index_cjs_namespaceObject.Toolbox, {
-        title: title ?? 'Add Node',
+        title: title ?? 'Add node',
         initialItems: nodeListOptions,
         loading: loading,
         onItemSelect: handleNodeListItemSelect,

package/dist/canvas/components/AddNodePanel/AddNodePanel.js

@@ -41,7 +41,7 @@ const AddNodePanel_AddNodePanel = /*#__PURE__*/ memo(function({ onNodeSelect, on
         onNodeSelect
     ]);
     return /*#__PURE__*/ jsx(Toolbox, {
-        title: title ?? 'Add Node',
+        title: title ?? 'Add node',
         initialItems: nodeListOptions,
         loading: loading,
         onItemSelect: handleNodeListItemSelect,

package/dist/canvas/components/BaseNode/BaseNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAkB,MAAM,0CAA0C,CAAC;AAmChG,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAuhB1B,eAAO,MAAM,QAAQ,8CAjhBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAihBhB,CAAC"}
+{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAkB,MAAM,0CAA0C,CAAC;AAmChG,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAgiB1B,eAAO,MAAM,QAAQ,8CA1hBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CA0hBhB,CAAC"}

package/dist/canvas/components/BaseNode/BaseNode.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA6GtD,eAAO,MAAM,aAAa;;;;eACb,OAAO;sBACA,MAAM;YAChB,SAAS;sBACC,MAAM;uBACL,MAAM;uBACN,MAAM;qBACR,MAAM;YACf,MAAM;aACL,MAAM;gBACH,OAAO;oBACH,aAAa;yGAuE9B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;YAClB,MAAM;sBACI,MAAM;YAChB,SAAS;aACR,MAAM;YACP,MAAM;yGA0Cf,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;uBAAmC,OAAO;YAAU,SAAS;yGAiC1F,CAAC;AAEF,eAAO,MAAM,UAAU;;;;YAAwB,SAAS;sBAAoB,MAAM;yGAwBjF,CAAC;AAEF,eAAO,MAAM,aAAa;;;;YAAwB,SAAS;yGAe1D,CAAC;AAEF,eAAO,MAAM,aAAa;;;;YAChB,SAAS;sBACC,MAAM;aACf,QAAQ,GAAG,SAAS;2HA+B9B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;yGAkBjC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;cACd,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc;YAC3D,SAAS;yGAsBlB,CAAC;AAKF,eAAO,MAAM,gBAAgB;;;YAGnB,SAAS;iBACJ,MAAM;gBACP,MAAM;UAcnB,CAAC"}
+{"version":3,"file":"BaseNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA4GtD,eAAO,MAAM,aAAa;;;;eACb,OAAO;sBACA,MAAM;YAChB,SAAS;sBACC,MAAM;uBACL,MAAM;uBACN,MAAM;qBACR,MAAM;YACf,MAAM;aACL,MAAM;gBACH,OAAO;oBACH,aAAa;yGAuE9B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;YAClB,MAAM;sBACI,MAAM;YAChB,SAAS;aACR,MAAM;YACP,MAAM;yGA0Cf,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;uBAAmC,OAAO;YAAU,SAAS;yGAiC1F,CAAC;AAEF,eAAO,MAAM,UAAU;;;;YAAwB,SAAS;sBAAoB,MAAM;yGAwBjF,CAAC;AAEF,eAAO,MAAM,aAAa;;;;YAAwB,SAAS;yGAe1D,CAAC;AAEF,eAAO,MAAM,aAAa;;;;YAChB,SAAS;sBACC,MAAM;aACf,QAAQ,GAAG,SAAS;2HA+B9B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;yGAkBjC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;cACd,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc;YAC3D,SAAS;yGAsBlB,CAAC;AAKF,eAAO,MAAM,gBAAgB;;;YAGnB,SAAS;iBACJ,MAAM;gBACP,MAAM;UAcnB,CAAC"}

package/dist/canvas/components/GroupNode/GroupNode.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/GroupNode/GroupNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAoB5D,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAoHnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAgCF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAiEF,eAAO,MAAM,iBAAiB,EAAE,KAE/B,CAAC;AAyHF,eAAO,MAAM,mBAAmB,EAAE,KAEjC,CAAC;AAyDF,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAkGF,eAAO,MAAM,0BAA0B,EAAE,KAExC,CAAC;AA8DF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
+{"version":3,"file":"GroupNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/GroupNode/GroupNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAoB5D,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAoHnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAgCF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAuEF,eAAO,MAAM,iBAAiB,EAAE,KAE/B,CAAC;AAwJF,eAAO,MAAM,mBAAmB,EAAE,KAEjC,CAAC;AA+DF,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAgHF,eAAO,MAAM,0BAA0B,EAAE,KAExC,CAAC;AA0EF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/canvas/components/GroupNode/GroupNode.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/GroupNode/GroupNode.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;;;sBACP,MAAM;kBACV,MAAM;eACT,OAAO;gBACN,OAAO;sBACD,MAAM;yGA0BzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAgBvB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAe5B,CAAC;AAEF,eAAO,MAAM,UAAU;;;yGAUtB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAIzB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;gBAA+B,OAAO;qHA0BnE,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAMhC,CAAC;AAEF,eAAO,MAAM,YAAY;;;;gBAA4B,OAAO;yGAK3D,CAAC;AAEF,eAAO,MAAM,YAAY;;;;eAA2B,OAAO;aAAW,MAAM;yGAW3E,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;eAA2B,OAAO;yGAgCjE,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;eAA2B,OAAO;yGAgCpE,CAAC"}
+{"version":3,"file":"GroupNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/GroupNode/GroupNode.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;;;sBACP,MAAM;kBACV,MAAM;eACT,OAAO;gBACN,OAAO;sBACD,MAAM;yGAwBzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAgBvB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAe5B,CAAC;AAEF,eAAO,MAAM,UAAU;;;yGAUtB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAIzB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;gBAA+B,OAAO;qHA0BnE,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAMhC,CAAC;AAEF,eAAO,MAAM,YAAY;;;;gBAA4B,OAAO;yGAK3D,CAAC;AAEF,eAAO,MAAM,YAAY;;;;eAA2B,OAAO;aAAW,MAAM;yGAW3E,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;eAA2B,OAAO;yGAgCjE,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;eAA2B,OAAO;yGAgCpE,CAAC"}

package/dist/canvas/components/StageNode/StageNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.tsx"],"names":[],"mappings":"AAqDA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAkpBxD,eAAO,MAAM,SAAS,8CAxoBa,cAAc,6CAwoBA,CAAC"}
+{"version":3,"file":"StageNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.tsx"],"names":[],"mappings":"AAqDA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA8oBxD,eAAO,MAAM,SAAS,8CApoBa,cAAc,6CAooBA,CAAC"}

package/dist/canvas/components/StageNode/StageNode.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAyBvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA0FD,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4CnC,eAAO,MAAM,OAAO,EAAE,KA2DrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsE3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8M7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KA+HvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAoKpC,CAAC;AA8GF,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAC;AAkVF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAmJF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC"}
+{"version":3,"file":"StageNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAyBvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA0FD,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4CnC,eAAO,MAAM,OAAO,EAAE,KA2DrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsE3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8M7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KA+HvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAoKpC,CAAC;AA8GF,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAC;AAkVF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAiJF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC"}

package/dist/canvas/components/StickyNoteNode/StickyNoteNode.cjs

@@ -37,8 +37,8 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_namespaceObject = require("@emotion/react");
-const external_index_cjs_namespaceObject = require("../../index.cjs");
 const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
+const external_index_cjs_namespaceObject = require("../../index.cjs");
 const external_motion_react_namespaceObject = require("motion/react");
 const external_react_namespaceObject = require("react");
 const external_react_markdown_namespaceObject = require("react-markdown");
@@ -49,7 +49,6 @@ const external_constants_cjs_namespaceObject = require("../../constants.cjs");
 const index_cjs_namespaceObject = require("../Toolbar/index.cjs");
 const external_StickyNoteNode_styles_cjs_namespaceObject = require("./StickyNoteNode.styles.cjs");
 const external_StickyNoteNode_types_cjs_namespaceObject = require("./StickyNoteNode.types.cjs");
-const external_StickyNoteNode_utils_cjs_namespaceObject = require("./StickyNoteNode.utils.cjs");
 const minWidth = 8 * external_constants_cjs_namespaceObject.GRID_SPACING;
 const minHeight = 8 * external_constants_cjs_namespaceObject.GRID_SPACING;
 const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = 'Add text', renderPlaceholderOnSelect = false })=>{
@@ -223,8 +222,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
     }, [
         handleEditClick,
         handleToggleColorPicker,
-        color,
-        handleDelete
+        color
     ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
         children: [
@@ -326,7 +324,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                                         external_remark_gfm_default()
                                     ],
                                     components: markdownComponents,
-                                    children: (0, external_StickyNoteNode_utils_cjs_namespaceObject.preserveNewlines)(localContent)
+                                    children: localContent
                                 }) : renderPlaceholderOnSelect && selected && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_markdown_default(), {
                                     remarkPlugins: [
                                         external_remark_gfm_default()

package/dist/canvas/components/StickyNoteNode/StickyNoteNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StickyNoteNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/StickyNoteNode.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAsB1E,OAAO,KAAK,EAAmB,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAI9E,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AA8TD,eAAO,MAAM,cAAc,kHAlTxB,mBAAmB,6CAkTqC,CAAC"}
+{"version":3,"file":"StickyNoteNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/StickyNoteNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAuB1E,OAAO,KAAK,EAAmB,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG9E,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AA8TD,eAAO,MAAM,cAAc,kHAlTxB,mBAAmB,6CAkTqC,CAAC"}

package/dist/canvas/components/StickyNoteNode/StickyNoteNode.js

@@ -1,7 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Global } from "@emotion/react";
-import { NodeIcon } from "../../index.js";
 import { NodeResizeControl, useReactFlow } from "../../xyflow/react.js";
+import { NodeIcon } from "../../index.js";
 import { AnimatePresence } from "motion/react";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import react_markdown from "react-markdown";
@@ -10,7 +10,6 @@ import { GRID_SPACING } from "../../constants.js";
 import { NodeToolbar } from "../Toolbar/index.js";
 import { BottomCornerIndicators, ColorOption, ColorPickerPanel, RESIZE_CONTROL_Z_INDEX, ResizeHandle, StickyNoteContainer, StickyNoteMarkdown, StickyNoteTextArea, StickyNoteWrapper, TopCornerIndicators, stickyNoteGlobalStyles } from "./StickyNoteNode.styles.js";
 import { STICKY_NOTE_COLORS, withAlpha } from "./StickyNoteNode.types.js";
-import { preserveNewlines } from "./StickyNoteNode.utils.js";
 const minWidth = 8 * GRID_SPACING;
 const minHeight = 8 * GRID_SPACING;
 const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = 'Add text', renderPlaceholderOnSelect = false })=>{
@@ -184,8 +183,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
     }, [
         handleEditClick,
         handleToggleColorPicker,
-        color,
-        handleDelete
+        color
     ]);
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
@@ -287,7 +285,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                                         remark_gfm
                                     ],
                                     components: markdownComponents,
-                                    children: preserveNewlines(localContent)
+                                    children: localContent
                                 }) : renderPlaceholderOnSelect && selected && /*#__PURE__*/ jsx(react_markdown, {
                                     remarkPlugins: [
                                         remark_gfm

package/dist/canvas/components/StickyNoteNode/StickyNoteNode.styles.cjs

@@ -51,20 +51,6 @@ const styled_namespaceObject = require("@emotion/styled");
 var styled_default = /*#__PURE__*/ __webpack_require__.n(styled_namespaceObject);
 const external_motion_react_namespaceObject = require("motion/react");
 const STICKY_NOTE_BELOW_EDGE_Z_INDEX = -10;
-const scrollbarStyles = `
-  &::-webkit-scrollbar {
-    width: 6px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: var(--uix-canvas-border);
-    border-radius: 4px;
-  }
-`;
 const RESIZE_CONTROL_Z_INDEX = 100;
 const stickyNoteGlobalStyles = (0, react_namespaceObject.css)`
   /* Override React Flow's elevateNodesOnSelect behavior for sticky notes */
@@ -126,8 +112,6 @@ const StickyNoteTextArea = styled_default().textarea`
     user-select: text;
     cursor: text;
   }
-
-  ${scrollbarStyles}
 `;
 const StickyNoteMarkdown = styled_default().div`
   width: 100%;
@@ -166,8 +150,6 @@ const StickyNoteMarkdown = styled_default().div`
     font-size: 0.9em;
   }
 
-  ${scrollbarStyles}
-
   pre {
     background: rgba(0, 0, 0, 0.1);
     padding: 8px;

package/dist/canvas/components/StickyNoteNode/StickyNoteNode.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StickyNoteNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/StickyNoteNode.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,8BAA8B,MAAM,CAAC;AAkBlD,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C,eAAO,MAAM,sBAAsB,2CAUlC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAI7B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;iBACjB,MAAM;qBACF,MAAM;eACZ,OAAO;eACP,OAAO;yGAqBnB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;eAAgC,OAAO;2HA4BrE,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAqG9B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;eAA2B,OAAO;aAAW,MAAM;yGAW3E,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;eAA2B,OAAO;yGA+BjE,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;eAA2B,OAAO;yGA+BpE,CAAC;AAEF,eAAO,MAAM,gBAAgB;;UAa5B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;WAA0B,MAAM;gBAAc,OAAO;qHAkB5E,CAAC"}
+{"version":3,"file":"StickyNoteNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/StickyNoteNode.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,8BAA8B,MAAM,CAAC;AAGlD,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C,eAAO,MAAM,sBAAsB,2CAUlC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAI7B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;iBACjB,MAAM;qBACF,MAAM;eACZ,OAAO;eACP,OAAO;yGAqBnB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;eAAgC,OAAO;2HA0BrE,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAmG9B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;eAA2B,OAAO;aAAW,MAAM;yGAW3E,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;eAA2B,OAAO;yGA+BjE,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;eAA2B,OAAO;yGA+BpE,CAAC;AAEF,eAAO,MAAM,gBAAgB;;UAa5B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;WAA0B,MAAM;gBAAc,OAAO;qHAkB5E,CAAC"}

package/dist/canvas/components/StickyNoteNode/StickyNoteNode.styles.js

@@ -2,20 +2,6 @@ import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { motion } from "motion/react";
 const STICKY_NOTE_BELOW_EDGE_Z_INDEX = -10;
-const scrollbarStyles = `
-  &::-webkit-scrollbar {
-    width: 6px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: var(--uix-canvas-border);
-    border-radius: 4px;
-  }
-`;
 const RESIZE_CONTROL_Z_INDEX = 100;
 const stickyNoteGlobalStyles = css`
   /* Override React Flow's elevateNodesOnSelect behavior for sticky notes */
@@ -77,8 +63,6 @@ const StickyNoteTextArea = styled.textarea`
     user-select: text;
     cursor: text;
   }
-
-  ${scrollbarStyles}
 `;
 const StickyNoteMarkdown = styled.div`
   width: 100%;
@@ -117,8 +101,6 @@ const StickyNoteMarkdown = styled.div`
     font-size: 0.9em;
   }
 
-  ${scrollbarStyles}
-
   pre {
     background: rgba(0, 0, 0, 0.1);
     padding: 8px;

package/dist/canvas/components/Toolbox/ListView.cjs

@@ -24,7 +24,8 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    ListView: ()=>ListView_ListView
+    ListView: ()=>ListView_ListView,
+    buildRenderedItems: ()=>buildRenderedItems
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const apollo_core_namespaceObject = require("@uipath/apollo-core");
@@ -35,8 +36,37 @@ const components_index_cjs_namespaceObject = require("../../../material/componen
 const external_react_namespaceObject = require("react");
 const CanvasThemeContext_cjs_namespaceObject = require("../BaseCanvas/CanvasThemeContext.cjs");
 const external_ListView_styles_cjs_namespaceObject = require("./ListView.styles.cjs");
+function buildRenderedItems(items, enableSections) {
+    const result = [];
+    if (0 === items.length) return result;
+    if (!enableSections) {
+        for (const item of items)result.push({
+            type: 'item',
+            item
+        });
+        return result;
+    }
+    const [itemsWithSection, itemsWithoutSection] = (0, external_utils_index_cjs_namespaceObject.partition)(items, (item)=>!!item.section);
+    for (const item of itemsWithoutSection)result.push({
+        type: 'item',
+        item
+    });
+    if (0 === itemsWithSection.length) return result;
+    const sections = Array.from(new Set(itemsWithSection.map((item)=>item.section)));
+    for (const section of sections){
+        result.push({
+            type: 'section',
+            sectionName: section
+        });
+        for (const item of itemsWithSection.filter((item)=>item.section === section))result.push({
+            type: 'item',
+            item
+        });
+    }
+    return result;
+}
 const IconContainerMemoized = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(external_ListView_styles_cjs_namespaceObject.IconContainer);
-const ListViewRow = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ index, style, ariaAttributes, renderedItems, isLoading, isDarkMode, onItemClick, onItemHover })=>{
+const ListViewRow = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ index, style, ariaAttributes, renderedItems, activeIndex, isLoading, isDarkMode, onItemClick, onItemHover })=>{
     const renderItem = renderedItems[index];
     const buttonStyle = (0, external_react_namespaceObject.useMemo)(()=>({
             ...style,
@@ -74,12 +104,17 @@ const ListViewRow = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ in
     });
     const item = renderItem.item;
     const bgColor = isDarkMode ? item.colorDark ?? item.color : item.color;
+    const isActive = index === activeIndex;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_ListView_styles_cjs_namespaceObject.ListItemButton, {
         ...ariaAttributes,
+        tabIndex: -1,
+        id: `toolbox-item-${item.id}`,
+        role: "option",
+        "aria-selected": isActive,
         style: buttonStyle,
         onClick: handleButtonClick,
         onHoverStart: handleButtonHover,
-        className: isLoading ? 'loading' : '',
+        className: `${isLoading ? 'loading' : ''} ${isActive ? 'active' : ''}`,
         disabled: isLoading,
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(IconContainerMemoized, {
@@ -134,48 +169,27 @@ const ListViewRow = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ in
         ]
     });
 });
-const ListView_ListView = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(function({ items, onItemClick, onItemHover, emptyStateMessage = 'No items found', emptyStateIcon = 'search_off', isLoading = false, enableSections = true }) {
+const ListViewInner = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ items, activeIndex = -1, listRef, onItemClick, onItemHover, emptyStateMessage = 'No items found', emptyStateIcon = 'search_off', isLoading = false, enableSections = true }, ref) {
     const { isDarkMode } = (0, CanvasThemeContext_cjs_namespaceObject.useCanvasTheme)();
-    const renderedItems = (0, external_react_namespaceObject.useMemo)(()=>{
-        const result = [];
-        if (0 === items.length) return result;
-        if (!enableSections) {
-            for (const item of items)result.push({
-                type: 'item',
-                item
-            });
-            return result;
-        }
-        const [itemsWithSection, itemsWithoutSection] = (0, external_utils_index_cjs_namespaceObject.partition)(items, (item)=>!!item.section);
-        for (const item of itemsWithoutSection)result.push({
-            type: 'item',
-            item
-        });
-        if (0 === itemsWithSection.length) return result;
-        const sections = Array.from(new Set(itemsWithSection.map((item)=>item.section)));
-        for (const section of sections){
-            result.push({
-                type: 'section',
-                sectionName: section
-            });
-            for (const item of itemsWithSection.filter((item)=>item.section === section))result.push({
-                type: 'item',
-                item
-            });
-        }
-        return result;
-    }, [
+    const renderedItems = (0, external_react_namespaceObject.useMemo)(()=>buildRenderedItems(items, enableSections), [
         items,
         enableSections
     ]);
+    (0, external_react_namespaceObject.useImperativeHandle)(ref, ()=>({
+            renderedItems
+        }), [
+        renderedItems
+    ]);
     const rowProps = (0, external_react_namespaceObject.useMemo)(()=>({
             renderedItems,
+            activeIndex,
             isLoading,
             isDarkMode,
             onItemClick,
             onItemHover
         }), [
         renderedItems,
+        activeIndex,
         isLoading,
         isDarkMode,
         onItemClick,
@@ -215,6 +229,9 @@ const ListView_ListView = /*#__PURE__*/ (0, external_react_namespaceObject.memo)
         ]
     });
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ListView_styles_cjs_namespaceObject.StyledList, {
+        id: "toolbox-listbox",
+        role: "listbox",
+        listRef: listRef,
         rowProps: rowProps,
         rowComponent: ListViewRow,
         rowCount: renderedItems.length,
@@ -222,9 +239,12 @@ const ListView_ListView = /*#__PURE__*/ (0, external_react_namespaceObject.memo)
         overscanCount: 20
     });
 });
+const ListView_ListView = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(ListViewInner);
 exports.ListView = __webpack_exports__.ListView;
+exports.buildRenderedItems = __webpack_exports__.buildRenderedItems;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "ListView"
+    "ListView",
+    "buildRenderedItems"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/canvas/components/Toolbox/ListView.d.ts

@@ -1,3 +1,4 @@
+import type { ListImperativeAPI } from 'react-window';
 export interface ListItemIcon {
     name?: string;
     url?: string;
@@ -14,22 +15,29 @@ export type ListItem<T = any> = {
     colorDark?: string;
     children?: ListItem<T>[] | ((id: string, name: string) => Promise<ListItem<T>[]>);
 };
-type RenderItem<T extends ListItem> = {
+export type RenderItem<T extends ListItem> = {
     type: 'section';
     sectionName: string;
 } | {
     type: 'item';
     item: T;
 };
+export declare function buildRenderedItems<T extends ListItem>(items: T[], enableSections: boolean): RenderItem<T>[];
 export interface ListViewRowProps<T extends ListItem> {
     renderedItems: RenderItem<T>[];
+    activeIndex: number;
     isLoading?: boolean;
     isDarkMode?: boolean;
     onItemClick: (item: T) => void;
     onItemHover?: (item: T) => void;
 }
+export interface ListViewHandle<T extends ListItem = ListItem> {
+    renderedItems: RenderItem<T>[];
+}
 interface ListViewProps<T extends ListItem> {
     items: T[];
+    activeIndex?: number;
+    listRef?: React.RefObject<ListImperativeAPI | null>;
     onItemClick: (item: T) => void;
     onItemHover?: (item: T) => void;
     emptyStateMessage?: string;
@@ -37,6 +45,8 @@ interface ListViewProps<T extends ListItem> {
     isLoading?: boolean;
     enableSections?: boolean;
 }
-export declare const ListView: import("react").MemoExoticComponent<(<T extends ListItem>({ items, onItemClick, onItemHover, emptyStateMessage, emptyStateIcon, isLoading, enableSections, }: ListViewProps<T>) => import("react/jsx-runtime").JSX.Element)>;
+export declare const ListView: <T extends ListItem>(props: ListViewProps<T> & {
+    ref?: React.Ref<ListViewHandle<T>>;
+}) => React.ReactElement | null;
 export {};
 //# sourceMappingURL=ListView.d.ts.map

package/dist/canvas/components/Toolbox/ListView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,YAAY;IAI3B,IAAI,CAAC,EAAE,MAAM,CAAC;IAId,GAAG,CAAC,EAAE,MAAM,CAAC;IAIb,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACjC;AAED,MAAM,MAAM,QAAQ,CAAC,CAAC,GAAG,GAAG,IAAI;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,CAAC,CAAC;IACR,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CACnF,CAAC;AAEF,KAAK,UAAU,CAAC,CAAC,SAAS,QAAQ,IAC9B;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,GACxC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,CAAC,CAAA;CAAE,CAAC;AAE9B,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,QAAQ;IAClD,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CACjC;AAyGD,UAAU,aAAa,CAAC,CAAC,SAAS,QAAQ;IACxC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,QAAQ,wCAA0B,CAAC,SAAS,QAAQ,sGAQ9D,aAAa,CAAC,CAAC,CAAC,8CAkFjB,CAAC"}
+{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAqB,MAAM,cAAc,CAAC;AAIzE,MAAM,WAAW,YAAY;IAI3B,IAAI,CAAC,EAAE,MAAM,CAAC;IAId,GAAG,CAAC,EAAE,MAAM,CAAC;IAIb,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACjC;AAED,MAAM,MAAM,QAAQ,CAAC,CAAC,GAAG,GAAG,IAAI;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,CAAC,CAAC;IACR,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CACnF,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,QAAQ,IACrC;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,GACxC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,CAAC,CAAA;CAAE,CAAC;AAE9B,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,QAAQ,EACnD,KAAK,EAAE,CAAC,EAAE,EACV,cAAc,EAAE,OAAO,GACtB,UAAU,CAAC,CAAC,CAAC,EAAE,CAqCjB;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,QAAQ;IAClD,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CACjC;AAgHD,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ;IAC3D,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;CAChC;AAED,UAAU,aAAa,CAAC,CAAC,SAAS,QAAQ;IACxC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACpD,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAsED,eAAO,MAAM,QAAQ,EAA0B,CAAC,CAAC,SAAS,QAAQ,EAChE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,KAC7D,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}

package/dist/canvas/components/Toolbox/ListView.js

@@ -4,11 +4,40 @@ import { Column } from "../../layouts/index.js";
 import { NodeIcon, partition } from "../../utils/index.js";
 import { ApSkeleton, ApTypography } from "../../../material/index.js";
 import { ApIcon, ApTooltip } from "../../../material/components/index.js";
-import { memo, useCallback, useMemo } from "react";
+import { forwardRef, memo, useCallback, useImperativeHandle, useMemo } from "react";
 import { useCanvasTheme } from "../BaseCanvas/CanvasThemeContext.js";
 import { IconContainer, ListItemButton, SectionHeader, StyledList } from "./ListView.styles.js";
+function buildRenderedItems(items, enableSections) {
+    const result = [];
+    if (0 === items.length) return result;
+    if (!enableSections) {
+        for (const item of items)result.push({
+            type: 'item',
+            item
+        });
+        return result;
+    }
+    const [itemsWithSection, itemsWithoutSection] = partition(items, (item)=>!!item.section);
+    for (const item of itemsWithoutSection)result.push({
+        type: 'item',
+        item
+    });
+    if (0 === itemsWithSection.length) return result;
+    const sections = Array.from(new Set(itemsWithSection.map((item)=>item.section)));
+    for (const section of sections){
+        result.push({
+            type: 'section',
+            sectionName: section
+        });
+        for (const item of itemsWithSection.filter((item)=>item.section === section))result.push({
+            type: 'item',
+            item
+        });
+    }
+    return result;
+}
 const IconContainerMemoized = /*#__PURE__*/ memo(IconContainer);
-const ListViewRow = /*#__PURE__*/ memo(({ index, style, ariaAttributes, renderedItems, isLoading, isDarkMode, onItemClick, onItemHover })=>{
+const ListViewRow = /*#__PURE__*/ memo(({ index, style, ariaAttributes, renderedItems, activeIndex, isLoading, isDarkMode, onItemClick, onItemHover })=>{
     const renderItem = renderedItems[index];
     const buttonStyle = useMemo(()=>({
             ...style,
@@ -46,12 +75,17 @@ const ListViewRow = /*#__PURE__*/ memo(({ index, style, ariaAttributes, rendered
     });
     const item = renderItem.item;
     const bgColor = isDarkMode ? item.colorDark ?? item.color : item.color;
+    const isActive = index === activeIndex;
     return /*#__PURE__*/ jsxs(ListItemButton, {
         ...ariaAttributes,
+        tabIndex: -1,
+        id: `toolbox-item-${item.id}`,
+        role: "option",
+        "aria-selected": isActive,
         style: buttonStyle,
         onClick: handleButtonClick,
         onHoverStart: handleButtonHover,
-        className: isLoading ? 'loading' : '',
+        className: `${isLoading ? 'loading' : ''} ${isActive ? 'active' : ''}`,
         disabled: isLoading,
         children: [
             /*#__PURE__*/ jsxs(IconContainerMemoized, {
@@ -106,48 +140,27 @@ const ListViewRow = /*#__PURE__*/ memo(({ index, style, ariaAttributes, rendered
         ]
     });
 });
-const ListView_ListView = /*#__PURE__*/ memo(function({ items, onItemClick, onItemHover, emptyStateMessage = 'No items found', emptyStateIcon = 'search_off', isLoading = false, enableSections = true }) {
+const ListViewInner = /*#__PURE__*/ forwardRef(function({ items, activeIndex = -1, listRef, onItemClick, onItemHover, emptyStateMessage = 'No items found', emptyStateIcon = 'search_off', isLoading = false, enableSections = true }, ref) {
     const { isDarkMode } = useCanvasTheme();
-    const renderedItems = useMemo(()=>{
-        const result = [];
-        if (0 === items.length) return result;
-        if (!enableSections) {
-            for (const item of items)result.push({
-                type: 'item',
-                item
-            });
-            return result;
-        }
-        const [itemsWithSection, itemsWithoutSection] = partition(items, (item)=>!!item.section);
-        for (const item of itemsWithoutSection)result.push({
-            type: 'item',
-            item
-        });
-        if (0 === itemsWithSection.length) return result;
-        const sections = Array.from(new Set(itemsWithSection.map((item)=>item.section)));
-        for (const section of sections){
-            result.push({
-                type: 'section',
-                sectionName: section
-            });
-            for (const item of itemsWithSection.filter((item)=>item.section === section))result.push({
-                type: 'item',
-                item
-            });
-        }
-        return result;
-    }, [
+    const renderedItems = useMemo(()=>buildRenderedItems(items, enableSections), [
         items,
         enableSections
     ]);
+    useImperativeHandle(ref, ()=>({
+            renderedItems
+        }), [
+        renderedItems
+    ]);
     const rowProps = useMemo(()=>({
             renderedItems,
+            activeIndex,
             isLoading,
             isDarkMode,
             onItemClick,
             onItemHover
         }), [
         renderedItems,
+        activeIndex,
         isLoading,
         isDarkMode,
         onItemClick,
@@ -187,6 +200,9 @@ const ListView_ListView = /*#__PURE__*/ memo(function({ items, onItemClick, onIt
         ]
     });
     return /*#__PURE__*/ jsx(StyledList, {
+        id: "toolbox-listbox",
+        role: "listbox",
+        listRef: listRef,
         rowProps: rowProps,
         rowComponent: ListViewRow,
         rowCount: renderedItems.length,
@@ -194,4 +210,5 @@ const ListView_ListView = /*#__PURE__*/ memo(function({ items, onItemClick, onIt
         overscanCount: 20
     });
 });
-export { ListView_ListView as ListView };
+const ListView_ListView = /*#__PURE__*/ memo(ListViewInner);
+export { ListView_ListView as ListView, buildRenderedItems };

package/dist/canvas/components/Toolbox/ListView.styles.cjs

@@ -68,9 +68,15 @@ const ListItemButton = styled_default()(react_namespaceObject.motion.button)`
   width: 100%;
   transition: all 0.15s ease;
 
-  &:hover {
+  &:hover,
+  &.active {
     background: var(--uix-canvas-background-hover);
   }
+
+  &.active {
+    outline: 1px solid var(--uix-canvas-primary);
+    outline-offset: -1px;
+  }
 `;
 const IconContainer = styled_default().div`
   width: 32px;

package/dist/canvas/components/Toolbox/ListView.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListView.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,eAAO,MAAM,aAAa;;;yGAazB,CAAC;AAEF,eAAO,MAAM,cAAc;;UAe1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;cAA0B,MAAM;yGAazD,CAAC;AAEF,eAAO,MAAM,UAAU,EAkClB,OAAO,IAAI,CAAC"}
+{"version":3,"file":"ListView.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,eAAO,MAAM,aAAa;;;yGAazB,CAAC;AAEF,eAAO,MAAM,cAAc;;UAqB1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;cAA0B,MAAM;yGAazD,CAAC;AAEF,eAAO,MAAM,UAAU,EAkClB,OAAO,IAAI,CAAC"}

package/dist/canvas/components/Toolbox/ListView.styles.js

@@ -27,9 +27,15 @@ const ListItemButton = styled(motion.button)`
   width: 100%;
   transition: all 0.15s ease;
 
-  &:hover {
+  &:hover,
+  &.active {
     background: var(--uix-canvas-background-hover);
   }
+
+  &.active {
+    outline: 1px solid var(--uix-canvas-primary);
+    outline-offset: -1px;
+  }
 `;
 const IconContainer = styled.div`
   width: 32px;

package/dist/canvas/components/Toolbox/SearchBox.cjs

@@ -31,11 +31,14 @@ const index_cjs_namespaceObject = require("../../utils/index.cjs");
 const components_index_cjs_namespaceObject = require("../../../material/components/index.cjs");
 const external_react_namespaceObject = require("react");
 const external_SearchBox_styles_cjs_namespaceObject = require("./SearchBox.styles.cjs");
-const SearchBox_SearchBox = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(function({ value, onChange, clear, placeholder = 'Search...' }) {
-    const inputRef = (0, external_react_namespaceObject.useRef)(null);
+const SearchBox_SearchBox = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(function({ value, onChange, clear, placeholder = 'Search...', inputRef: externalInputRef, onNavigationKeyDown, activeDescendantId }) {
+    const internalRef = (0, external_react_namespaceObject.useRef)(null);
+    const inputRef = externalInputRef ?? internalRef;
     (0, external_react_namespaceObject.useEffect)(()=>{
         inputRef.current?.focus();
-    }, []);
+    }, [
+        inputRef
+    ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SearchBox_styles_cjs_namespaceObject.StyledSearchForm, {
         autoComplete: "off",
         className: "searchbox-form",
@@ -56,10 +59,15 @@ const SearchBox_SearchBox = /*#__PURE__*/ (0, external_react_namespaceObject.mem
                     ref: inputRef,
                     autoComplete: "off",
                     type: "text",
+                    role: "combobox",
+                    "aria-controls": "toolbox-listbox",
+                    "aria-expanded": true,
                     className: "searchbox-input",
                     placeholder: placeholder,
                     value: value,
-                    onChange: (e)=>onChange(e.target.value)
+                    onChange: (e)=>onChange(e.target.value),
+                    onKeyDown: onNavigationKeyDown,
+                    "aria-activedescendant": activeDescendantId
                 }),
                 value && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
                     type: "button",