@uipath/apollo-react 4.7.0 → 4.8.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "4.7.0",
+  "version": "4.8.1",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",
@@ -202,7 +202,7 @@
     "zod": "^4.3.5",
     "zustand": "^5.0.9",
     "@uipath/apollo-core": "5.9.0",
-    "@uipath/apollo-wind": "2.4.0"
+    "@uipath/apollo-wind": "2.6.0"
   },
   "devDependencies": {
     "@lingui/cli": "^5.6.1",

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

@@ -1,220 +0,0 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    StyledLine: ()=>StyledLine,
-    StyledNotch: ()=>StyledNotch,
-    StyledWrapper: ()=>StyledWrapper,
-    StyledAddButton: ()=>StyledAddButton,
-    StyledHandle: ()=>StyledHandle,
-    StyledLabel: ()=>StyledLabel
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const react_namespaceObject = require("@emotion/react");
-const styled_namespaceObject = require("@emotion/styled");
-var styled_default = /*#__PURE__*/ __webpack_require__.n(styled_namespaceObject);
-const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
-const external_motion_react_namespaceObject = require("motion/react");
-const external_useButtonHandleSizeAndPosition_cjs_namespaceObject = require("./useButtonHandleSizeAndPosition.cjs");
-const StyledAddButton = styled_default()(external_motion_react_namespaceObject.motion.div)`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  background: var(--canvas-background);
-  color: var(--canvas-foreground-emp);
-  border-radius: 50%;
-  border: 1px solid var(--canvas-border-de-emp);
-  cursor: pointer;
-  transition:
-    background-color 0.2s ease,
-    color 0.2s ease,
-    border-color 0.2s ease;
-
-  &:hover {
-    background-color: var(--canvas-selection-indicator);
-    color: var(--canvas-background);
-    border-color: var(--canvas-selection-indicator);
-  }
-`;
-const StyledWrapper = styled_default().div`
-  position: absolute;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  pointer-events: none;
-
-  ${(p)=>p.$position === react_cjs_namespaceObject.Position.Top && (0, react_namespaceObject.css)`
-      flex-direction: column-reverse;
-      bottom: 100%;
-      left: 50%;
-      transform: translateX(-50%);
-    `}
-  ${(p)=>p.$position === react_cjs_namespaceObject.Position.Bottom && (0, react_namespaceObject.css)`
-      flex-direction: column;
-      top: 100%;
-      left: 50%;
-      transform: translateX(-50%);
-    `}
-  ${(p)=>p.$position === react_cjs_namespaceObject.Position.Left && (0, react_namespaceObject.css)`
-      flex-direction: row-reverse;
-      right: 100%;
-      top: 50%;
-      transform: translateY(-50%);
-    `}
-  ${(p)=>p.$position === react_cjs_namespaceObject.Position.Right && (0, react_namespaceObject.css)`
-      flex-direction: row;
-      left: 100%;
-      top: 50%;
-      transform: translateY(-50%);
-    `}
-`;
-const StyledLine = styled_default().div`
-  background-color: transparent;
-  border-style: solid;
-  border-width: 1px;
-  border-color: ${(p)=>p.$selected ? 'var(--canvas-selection-indicator)' : 'var(--canvas-border-de-emp)'};
-  height: ${(p)=>p.$isVertical ? p.$size : '1px'};
-  width: ${(p)=>p.$isVertical ? '1px' : p.$size};
-  transition: border-color 0.2s ease-in-out;
-`;
-const StyledLabel = styled_default().div`
-  position: absolute;
-  background-color: ${(p)=>p.$backgroundColor};
-  padding: 2px 6px;
-  border-radius: 4px;
-  z-index: 1;
-  white-space: nowrap;
-  user-select: none;
-  ${(p)=>p.$shouldTruncate && (0, react_namespaceObject.css)`
-      max-width: 50px;
-      overflow: hidden;
-    `}
-
-  ${(p)=>p.$position === react_cjs_namespaceObject.Position.Top && (0, react_namespaceObject.css)`
-      bottom: calc(100% + 4px);
-      left: 50%;
-      transform: translateX(-50%);
-    `}
-  ${(p)=>p.$position === react_cjs_namespaceObject.Position.Bottom && (0, react_namespaceObject.css)`
-      top: calc(100% + 4px);
-      left: 50%;
-      transform: translateX(-50%);
-    `}
-  ${(p)=>p.$position === react_cjs_namespaceObject.Position.Left && (0, react_namespaceObject.css)`
-      right: calc(100% + 4px);
-      top: 50%;
-      transform: translateY(-50%);
-    `}
-  ${(p)=>p.$position === react_cjs_namespaceObject.Position.Right && (0, react_namespaceObject.css)`
-      left: calc(100% + 4px);
-      top: 50%;
-      transform: translateY(-50%);
-    `}
-`;
-const StyledNotch = styled_default().div`
-  width: ${(p)=>{
-    if ('input' === p.$handleType && !p.$isVertical) return '8px';
-    if ('artifact' === p.$handleType) return '10px';
-    return '12px';
-}};
-  height: ${(p)=>{
-    if ('input' === p.$handleType && p.$isVertical) return '8px';
-    if ('artifact' === p.$handleType) return '10px';
-    return '12px';
-}};
-  border-width: 2px;
-  border-style: solid;
-  border-color: ${(p)=>{
-    if (p.$selected || p.$hovered) return 'var(--canvas-primary)';
-    return 'var(--canvas-border)';
-}};
-  border-radius: ${(p)=>'artifact' === p.$handleType || 'input' === p.$handleType ? 0 : '50%'};
-  transform: ${(p)=>'artifact' === p.$handleType ? 'rotate(45deg)' : 'none'};
-  background-color: ${(p)=>{
-    if (p.$selected || p.$hovered) return 'var(--canvas-primary)';
-    return 'var(--canvas-background, white)';
-}};
-  opacity: ${(p)=>p.$showNotch ? 1 : 0};
-  pointer-events: none;
-  transition: all 0.2s ease-in-out;
-`;
-const StyledHandle = (props)=>{
-    const { $total, $visible, $positionPercent, $customPositionAndOffsets, ...handleProps } = props;
-    const { position } = handleProps;
-    const { width, height, top, bottom, left, right, transform } = (0, external_useButtonHandleSizeAndPosition_cjs_namespaceObject.useButtonHandleSizeAndPosition)({
-        position,
-        positionPercent: $positionPercent,
-        numHandles: $total,
-        customPositionAndOffsets: $customPositionAndOffsets
-    });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.Handle, {
-        ...handleProps,
-        style: {
-            width,
-            height,
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            borderWidth: 0,
-            borderRadius: 0,
-            backgroundColor: 'transparent',
-            opacity: $visible ? 1 : 0,
-            cursor: 'crosshair',
-            top,
-            bottom,
-            left,
-            right,
-            transform
-        }
-    });
-};
-exports.StyledAddButton = __webpack_exports__.StyledAddButton;
-exports.StyledHandle = __webpack_exports__.StyledHandle;
-exports.StyledLabel = __webpack_exports__.StyledLabel;
-exports.StyledLine = __webpack_exports__.StyledLine;
-exports.StyledNotch = __webpack_exports__.StyledNotch;
-exports.StyledWrapper = __webpack_exports__.StyledWrapper;
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "StyledAddButton",
-    "StyledHandle",
-    "StyledLabel",
-    "StyledLine",
-    "StyledNotch",
-    "StyledWrapper"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/canvas/components/ButtonHandle/ButtonHandle.styles.d.ts

@@ -1,46 +0,0 @@
-import { type HandleProps, Position } from '../../xyflow/react.ts';
-import type { HandleConfigurationSpecificPosition } from '../../schema/node-definition/handle';
-export declare const StyledAddButton: import("@emotion/styled").StyledComponent<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const StyledWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    $position: Position;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledLine: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    $isVertical: boolean;
-    $selected: boolean;
-    $size: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    $position: Position;
-    $backgroundColor: string;
-    $shouldTruncate?: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledNotch: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    $notchColor: string;
-    $handleType: "artifact" | "input" | "output";
-    $isVertical?: boolean;
-    $visible: boolean;
-    $selected: boolean;
-    $hovered?: boolean;
-    $showNotch?: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledHandle: (props: HandleProps & {
-    $positionPercent: number;
-    $total: number;
-    $visible: boolean;
-    $customPositionAndOffsets?: HandleConfigurationSpecificPosition;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ButtonHandle.styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonHandle.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandle.styles.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAE9F,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,qCAAqC,CAAC;AAG/F,eAAO,MAAM,eAAe;;UAqB3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;eAA2B,QAAQ;yGAuC5D,CAAC;AAEF,eAAO,MAAM,UAAU;;;;iBAA6B,OAAO;eAAa,OAAO;WAAS,MAAM;yGAS7F,CAAC;AAEF,eAAO,MAAM,WAAW;;;;eACX,QAAQ;sBACD,MAAM;sBACN,OAAO;yGA4C1B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;iBACT,MAAM;iBACN,UAAU,GAAG,OAAO,GAAG,QAAQ;kBAC9B,OAAO;cACX,OAAO;eACN,OAAO;eACP,OAAO;iBACL,OAAO;yGA2BrB,CAAC;AAEF,eAAO,MAAM,YAAY,GACvB,OAAO,WAAW,GAAG;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,yBAAyB,CAAC,EAAE,mCAAmC,CAAC;CACjE,4CAkCF,CAAC"}

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

@@ -1,161 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { css } from "@emotion/react";
-import styled from "@emotion/styled";
-import { Handle, Position } from "../../xyflow/react.js";
-import { motion } from "motion/react";
-import { useButtonHandleSizeAndPosition } from "./useButtonHandleSizeAndPosition.js";
-const StyledAddButton = styled(motion.div)`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  background: var(--canvas-background);
-  color: var(--canvas-foreground-emp);
-  border-radius: 50%;
-  border: 1px solid var(--canvas-border-de-emp);
-  cursor: pointer;
-  transition:
-    background-color 0.2s ease,
-    color 0.2s ease,
-    border-color 0.2s ease;
-
-  &:hover {
-    background-color: var(--canvas-selection-indicator);
-    color: var(--canvas-background);
-    border-color: var(--canvas-selection-indicator);
-  }
-`;
-const StyledWrapper = styled.div`
-  position: absolute;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  pointer-events: none;
-
-  ${(p)=>p.$position === Position.Top && css`
-      flex-direction: column-reverse;
-      bottom: 100%;
-      left: 50%;
-      transform: translateX(-50%);
-    `}
-  ${(p)=>p.$position === Position.Bottom && css`
-      flex-direction: column;
-      top: 100%;
-      left: 50%;
-      transform: translateX(-50%);
-    `}
-  ${(p)=>p.$position === Position.Left && css`
-      flex-direction: row-reverse;
-      right: 100%;
-      top: 50%;
-      transform: translateY(-50%);
-    `}
-  ${(p)=>p.$position === Position.Right && css`
-      flex-direction: row;
-      left: 100%;
-      top: 50%;
-      transform: translateY(-50%);
-    `}
-`;
-const StyledLine = styled.div`
-  background-color: transparent;
-  border-style: solid;
-  border-width: 1px;
-  border-color: ${(p)=>p.$selected ? 'var(--canvas-selection-indicator)' : 'var(--canvas-border-de-emp)'};
-  height: ${(p)=>p.$isVertical ? p.$size : '1px'};
-  width: ${(p)=>p.$isVertical ? '1px' : p.$size};
-  transition: border-color 0.2s ease-in-out;
-`;
-const StyledLabel = styled.div`
-  position: absolute;
-  background-color: ${(p)=>p.$backgroundColor};
-  padding: 2px 6px;
-  border-radius: 4px;
-  z-index: 1;
-  white-space: nowrap;
-  user-select: none;
-  ${(p)=>p.$shouldTruncate && css`
-      max-width: 50px;
-      overflow: hidden;
-    `}
-
-  ${(p)=>p.$position === Position.Top && css`
-      bottom: calc(100% + 4px);
-      left: 50%;
-      transform: translateX(-50%);
-    `}
-  ${(p)=>p.$position === Position.Bottom && css`
-      top: calc(100% + 4px);
-      left: 50%;
-      transform: translateX(-50%);
-    `}
-  ${(p)=>p.$position === Position.Left && css`
-      right: calc(100% + 4px);
-      top: 50%;
-      transform: translateY(-50%);
-    `}
-  ${(p)=>p.$position === Position.Right && css`
-      left: calc(100% + 4px);
-      top: 50%;
-      transform: translateY(-50%);
-    `}
-`;
-const StyledNotch = styled.div`
-  width: ${(p)=>{
-    if ('input' === p.$handleType && !p.$isVertical) return '8px';
-    if ('artifact' === p.$handleType) return '10px';
-    return '12px';
-}};
-  height: ${(p)=>{
-    if ('input' === p.$handleType && p.$isVertical) return '8px';
-    if ('artifact' === p.$handleType) return '10px';
-    return '12px';
-}};
-  border-width: 2px;
-  border-style: solid;
-  border-color: ${(p)=>{
-    if (p.$selected || p.$hovered) return 'var(--canvas-primary)';
-    return 'var(--canvas-border)';
-}};
-  border-radius: ${(p)=>'artifact' === p.$handleType || 'input' === p.$handleType ? 0 : '50%'};
-  transform: ${(p)=>'artifact' === p.$handleType ? 'rotate(45deg)' : 'none'};
-  background-color: ${(p)=>{
-    if (p.$selected || p.$hovered) return 'var(--canvas-primary)';
-    return 'var(--canvas-background, white)';
-}};
-  opacity: ${(p)=>p.$showNotch ? 1 : 0};
-  pointer-events: none;
-  transition: all 0.2s ease-in-out;
-`;
-const StyledHandle = (props)=>{
-    const { $total, $visible, $positionPercent, $customPositionAndOffsets, ...handleProps } = props;
-    const { position } = handleProps;
-    const { width, height, top, bottom, left, right, transform } = useButtonHandleSizeAndPosition({
-        position,
-        positionPercent: $positionPercent,
-        numHandles: $total,
-        customPositionAndOffsets: $customPositionAndOffsets
-    });
-    return /*#__PURE__*/ jsx(Handle, {
-        ...handleProps,
-        style: {
-            width,
-            height,
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            borderWidth: 0,
-            borderRadius: 0,
-            backgroundColor: 'transparent',
-            opacity: $visible ? 1 : 0,
-            cursor: 'crosshair',
-            top,
-            bottom,
-            left,
-            right,
-            transform
-        }
-    });
-};
-export { StyledAddButton, StyledHandle, StyledLabel, StyledLine, StyledNotch, StyledWrapper };