@uipath/apollo-react 6.44.2 → 6.45.1

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

@@ -29,15 +29,19 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const index_cjs_namespaceObject = require("../../hooks/index.cjs");
 const external_layouts_index_cjs_namespaceObject = require("../../layouts/index.cjs");
+const external_utils_index_cjs_namespaceObject = require("../../utils/index.cjs");
 const external_react_namespaceObject = require("react");
-const external_i18n_index_cjs_namespaceObject = require("../../../i18n/index.cjs");
 const external_react_window_namespaceObject = require("react-window");
+const external_i18n_index_cjs_namespaceObject = require("../../../i18n/index.cjs");
 const external_constants_cjs_namespaceObject = require("../../constants.cjs");
 const external_Header_cjs_namespaceObject = require("./Header.cjs");
 const external_ListView_cjs_namespaceObject = require("./ListView.cjs");
 const external_QuickActionsRow_cjs_namespaceObject = require("./QuickActionsRow.cjs");
 const external_SearchBox_cjs_namespaceObject = require("./SearchBox.cjs");
-const external_Toolbox_styles_cjs_namespaceObject = require("./Toolbox.styles.cjs");
+const ENTER_ANIMATION_CLASS = {
+    forward: 'animate-slide-in-from-right',
+    back: 'animate-slide-in-from-left'
+};
 const TRANSITION_DURATION = 150;
 const SEARCH_BAR_INDEX = -1;
 function findItemById(items, id) {
@@ -477,10 +481,10 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
                     navigateToFirstItem: navigateToFirstItem,
                     activeDescendantId: activeDescendantId
                 }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Toolbox_styles_cjs_namespaceObject.AnimatedContainer, {
-                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Toolbox_styles_cjs_namespaceObject.AnimatedContent, {
-                        entering: isTransitioning,
-                        direction: animationDirection,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    className: "relative flex min-h-[50px] flex-1 flex-col overflow-hidden",
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: (0, external_utils_index_cjs_namespaceObject.cx)('flex min-h-[50px] flex-1 flex-col', isTransitioning && ENTER_ANIMATION_CLASS[animationDirection]),
                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ListView_cjs_namespaceObject.ListView, {
                             ref: listViewRef,
                             isLoading: awaitingChildren || searchLoading || loading,

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbox.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/Toolbox.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,QAAQ,EAAkD,MAAM,YAAY,CAAC;AAC3F,OAAO,EAAmB,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AA+C7E,MAAM,MAAM,yBAAyB,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;IACrD,eAAe,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;CAC/B,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAEhC,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,GAAG,IAAI,CAC1C,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,OAAO,EACzB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE;IAAE,YAAY,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,KAC5E,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAE5B,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IAQd,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAKnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAO3B,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAOpC,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,CAAC,CAAC,CAAC;CACjD;AAgDD,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACzB,OAAO,EACP,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,YAAY,EACZ,OAAO,EACP,SAAiB,EACjB,UAAkB,EAClB,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EAAE,qBAAqB,GACzC,EAAE,YAAY,CAAC,CAAC,CAAC,2CAuiBjB"}
+{"version":3,"file":"Toolbox.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/Toolbox.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,QAAQ,EAAkD,MAAM,YAAY,CAAC;AAC3F,OAAO,EAAmB,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AA+D7E,MAAM,MAAM,yBAAyB,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;IACrD,eAAe,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;CAC/B,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAEhC,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,GAAG,IAAI,CAC1C,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,OAAO,EACzB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE;IAAE,YAAY,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,KAC5E,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAE5B,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IAQd,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAKnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAO3B,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAOpC,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,CAAC,CAAC,CAAC;CACjD;AAgDD,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACzB,OAAO,EACP,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,YAAY,EACZ,OAAO,EACP,SAAiB,EACjB,UAAkB,EAClB,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EAAE,qBAAqB,GACzC,EAAE,YAAY,CAAC,CAAC,CAAC,2CA4iBjB"}

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

@@ -1,15 +1,19 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useNavigationStack } from "../../hooks/index.js";
 import { Column } from "../../layouts/index.js";
+import { cx } from "../../utils/index.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { useSafeLingui } from "../../../i18n/index.js";
 import { useListRef } from "react-window";
+import { useSafeLingui } from "../../../i18n/index.js";
 import { TOOLBOX_GAP, TOOLBOX_HEIGHT, TOOLBOX_PADDING_X, TOOLBOX_PADDING_Y, TOOLBOX_WIDTH } from "../../constants.js";
 import { Header } from "./Header.js";
 import { ListView } from "./ListView.js";
 import { QuickActionsRow } from "./QuickActionsRow.js";
 import { SearchBox } from "./SearchBox.js";
-import { AnimatedContainer, AnimatedContent } from "./Toolbox.styles.js";
+const ENTER_ANIMATION_CLASS = {
+    forward: 'animate-slide-in-from-right',
+    back: 'animate-slide-in-from-left'
+};
 const TRANSITION_DURATION = 150;
 const SEARCH_BAR_INDEX = -1;
 function findItemById(items, id) {
@@ -449,10 +453,10 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
                     navigateToFirstItem: navigateToFirstItem,
                     activeDescendantId: activeDescendantId
                 }),
-                /*#__PURE__*/ jsx(AnimatedContainer, {
-                    children: /*#__PURE__*/ jsx(AnimatedContent, {
-                        entering: isTransitioning,
-                        direction: animationDirection,
+                /*#__PURE__*/ jsx("div", {
+                    className: "relative flex min-h-[50px] flex-1 flex-col overflow-hidden",
+                    children: /*#__PURE__*/ jsx("div", {
+                        className: cx('flex min-h-[50px] flex-1 flex-col', isTransitioning && ENTER_ANIMATION_CLASS[animationDirection]),
                         children: /*#__PURE__*/ jsx(ListView, {
                             ref: listViewRef,
                             isLoading: awaitingChildren || searchLoading || loading,