@uipath/apollo-react 4.44.1 → 4.45.1

package/dist/canvas/components/NodePropertiesPanel/fields/TextField.cjs

@@ -27,9 +27,9 @@ __webpack_require__.d(__webpack_exports__, {
     TextField: ()=>TextField_TextField
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const index_cjs_namespaceObject = require("../../../layouts/index.cjs");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
 const external_react_namespaceObject = require("react");
-const external_NodePropertiesPanel_styles_cjs_namespaceObject = require("../NodePropertiesPanel.styles.cjs");
+const inputBase = 'w-full px-3 py-2 text-[13px] font-mono border border-(--canvas-border) rounded bg-(--canvas-background) text-(--canvas-foreground) outline-none transition-colors placeholder:text-(--canvas-foreground-de-emp) focus:border-(--canvas-primary) disabled:opacity-50 disabled:cursor-not-allowed';
 const TextField_TextField = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(function({ field, value, onChange, error }) {
     const [localValue, setLocalValue] = (0, external_react_namespaceObject.useState)(value || '');
     const debounceTimer = (0, external_react_namespaceObject.useRef)(null);
@@ -61,43 +61,47 @@ const TextField_TextField = /*#__PURE__*/ (0, external_react_namespaceObject.mem
         field.debounce,
         onChange
     ]);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-        gap: 4,
+    const inputId = `field-${field.key}`;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "flex flex-col gap-1",
         children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_NodePropertiesPanel_styles_cjs_namespaceObject.FieldLabel, {
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("label", {
+                htmlFor: inputId,
+                className: "text-[13px] text-(--canvas-foreground-de-emp)",
                 children: field.label
             }),
-            'textarea' === field.type ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_NodePropertiesPanel_styles_cjs_namespaceObject.TextArea, {
-                className: "nodrag",
+            'textarea' === field.type ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("textarea", {
+                id: inputId,
+                className: (0, apollo_wind_namespaceObject.cn)('nodrag resize-y', inputBase, error && 'border-(--canvas-error)'),
                 value: localValue,
                 onChange: handleChange,
                 placeholder: field.placeholder,
                 disabled: field.disabled,
-                rows: field.rows || 3,
-                hasError: !!error
-            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_NodePropertiesPanel_styles_cjs_namespaceObject.InputWrapper, {
+                rows: field.rows || 3
+            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "flex items-center gap-2",
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_NodePropertiesPanel_styles_cjs_namespaceObject.TextInput, {
-                        className: "nodrag",
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
+                        id: inputId,
+                        className: (0, apollo_wind_namespaceObject.cn)('nodrag flex-1', inputBase, error && 'border-(--canvas-error)'),
                         type: "text",
                         value: localValue,
                         onChange: handleChange,
                         placeholder: field.placeholder,
-                        disabled: field.disabled,
-                        hasError: !!error,
-                        style: {
-                            flex: 1
-                        }
+                        disabled: field.disabled
                     }),
-                    field.suffix && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_NodePropertiesPanel_styles_cjs_namespaceObject.InputSuffix, {
+                    field.suffix && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "shrink-0 text-[13px] text-(--canvas-foreground-de-emp) whitespace-nowrap",
                         children: field.suffix
                     })
                 ]
             }),
-            field.helpText && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_NodePropertiesPanel_styles_cjs_namespaceObject.FieldHelpText, {
+            field.helpText && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "text-[12px] text-(--canvas-foreground-de-emp) block",
                 children: field.helpText
             }),
-            error && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_NodePropertiesPanel_styles_cjs_namespaceObject.FieldError, {
+            error && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "text-[12px] text-(--canvas-error-text) block",
                 children: error
             })
         ]

package/dist/canvas/components/NodePropertiesPanel/fields/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/NodePropertiesPanel/fields/TextField.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,UAAU,cAAc;IACtB,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,SAAS,sDA+EpB,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/NodePropertiesPanel/fields/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,UAAU,cAAc;IACtB,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAKD,eAAO,MAAM,SAAS,sDAwFpB,CAAC"}

package/dist/canvas/components/NodePropertiesPanel/fields/TextField.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Column } from "../../../layouts/index.js";
+import { cn } from "@uipath/apollo-wind";
 import { memo, useCallback, useEffect, useRef, useState } from "react";
-import { FieldError, FieldHelpText, FieldLabel, InputSuffix, InputWrapper, TextArea, TextInput } from "../NodePropertiesPanel.styles.js";
+const inputBase = 'w-full px-3 py-2 text-[13px] font-mono border border-(--canvas-border) rounded bg-(--canvas-background) text-(--canvas-foreground) outline-none transition-colors placeholder:text-(--canvas-foreground-de-emp) focus:border-(--canvas-primary) disabled:opacity-50 disabled:cursor-not-allowed';
 const TextField_TextField = /*#__PURE__*/ memo(function({ field, value, onChange, error }) {
     const [localValue, setLocalValue] = useState(value || '');
     const debounceTimer = useRef(null);
@@ -33,43 +33,47 @@ const TextField_TextField = /*#__PURE__*/ memo(function({ field, value, onChange
         field.debounce,
         onChange
     ]);
-    return /*#__PURE__*/ jsxs(Column, {
-        gap: 4,
+    const inputId = `field-${field.key}`;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex flex-col gap-1",
         children: [
-            /*#__PURE__*/ jsx(FieldLabel, {
+            /*#__PURE__*/ jsx("label", {
+                htmlFor: inputId,
+                className: "text-[13px] text-(--canvas-foreground-de-emp)",
                 children: field.label
             }),
-            'textarea' === field.type ? /*#__PURE__*/ jsx(TextArea, {
-                className: "nodrag",
+            'textarea' === field.type ? /*#__PURE__*/ jsx("textarea", {
+                id: inputId,
+                className: cn('nodrag resize-y', inputBase, error && 'border-(--canvas-error)'),
                 value: localValue,
                 onChange: handleChange,
                 placeholder: field.placeholder,
                 disabled: field.disabled,
-                rows: field.rows || 3,
-                hasError: !!error
-            }) : /*#__PURE__*/ jsxs(InputWrapper, {
+                rows: field.rows || 3
+            }) : /*#__PURE__*/ jsxs("div", {
+                className: "flex items-center gap-2",
                 children: [
-                    /*#__PURE__*/ jsx(TextInput, {
-                        className: "nodrag",
+                    /*#__PURE__*/ jsx("input", {
+                        id: inputId,
+                        className: cn('nodrag flex-1', inputBase, error && 'border-(--canvas-error)'),
                         type: "text",
                         value: localValue,
                         onChange: handleChange,
                         placeholder: field.placeholder,
-                        disabled: field.disabled,
-                        hasError: !!error,
-                        style: {
-                            flex: 1
-                        }
+                        disabled: field.disabled
                     }),
-                    field.suffix && /*#__PURE__*/ jsx(InputSuffix, {
+                    field.suffix && /*#__PURE__*/ jsx("span", {
+                        className: "shrink-0 text-[13px] text-(--canvas-foreground-de-emp) whitespace-nowrap",
                         children: field.suffix
                     })
                 ]
             }),
-            field.helpText && /*#__PURE__*/ jsx(FieldHelpText, {
+            field.helpText && /*#__PURE__*/ jsx("span", {
+                className: "text-[12px] text-(--canvas-foreground-de-emp) block",
                 children: field.helpText
             }),
-            error && /*#__PURE__*/ jsx(FieldError, {
+            error && /*#__PURE__*/ jsx("span", {
+                className: "text-[12px] text-(--canvas-error-text) block",
                 children: error
             })
         ]

package/dist/canvas/components/NodePropertiesPanel/index.cjs

@@ -1,34 +1,5 @@
 "use strict";
-var __webpack_modules__ = {
-    "./NodePropertiesPanel?2c94" (module) {
-        module.exports = require("./NodePropertiesPanel.cjs");
-    },
-    "./NodePropertiesPanel.styles" (module) {
-        module.exports = require("./NodePropertiesPanel.styles.cjs");
-    },
-    "./schemas" (module) {
-        module.exports = require("./schemas.cjs");
-    }
-};
-var __webpack_module_cache__ = {};
-function __webpack_require__(moduleId) {
-    var cachedModule = __webpack_module_cache__[moduleId];
-    if (void 0 !== cachedModule) return cachedModule.exports;
-    var module = __webpack_module_cache__[moduleId] = {
-        exports: {}
-    };
-    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-    return module.exports;
-}
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
+var __webpack_require__ = {};
 (()=>{
     __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, {
@@ -51,31 +22,17 @@ function __webpack_require__(moduleId) {
     };
 })();
 var __webpack_exports__ = {};
-(()=>{
-    __webpack_require__.r(__webpack_exports__);
-    __webpack_require__.d(__webpack_exports__, {
-        NodePropertiesPanel: ()=>_NodePropertiesPanel__rspack_import_0.NodePropertiesPanel,
-        agentNodeSchema: ()=>_schemas__rspack_import_2.agentNodeSchema,
-        artifactNodeSchema: ()=>_schemas__rspack_import_2.artifactNodeSchema,
-        defaultNodeSchema: ()=>_schemas__rspack_import_2.defaultNodeSchema,
-        nodeSchemas: ()=>_schemas__rspack_import_2.nodeSchemas,
-        stageNodeSchema: ()=>_schemas__rspack_import_2.stageNodeSchema
-    });
-    var _NodePropertiesPanel__rspack_import_0 = __webpack_require__("./NodePropertiesPanel?2c94");
-    var _NodePropertiesPanel_styles__rspack_import_1 = __webpack_require__("./NodePropertiesPanel.styles");
-    var __rspack_reexport = {};
-    for(const __rspack_import_key in _NodePropertiesPanel_styles__rspack_import_1)if ([
-        "NodePropertiesPanel",
-        "agentNodeSchema",
-        "artifactNodeSchema",
-        "default",
-        "nodeSchemas",
-        "stageNodeSchema",
-        "defaultNodeSchema"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_NodePropertiesPanel_styles__rspack_import_1[__rspack_import_key];
-    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _schemas__rspack_import_2 = __webpack_require__("./schemas");
-})();
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    NodePropertiesPanel: ()=>external_NodePropertiesPanel_cjs_namespaceObject.NodePropertiesPanel,
+    agentNodeSchema: ()=>external_schemas_cjs_namespaceObject.agentNodeSchema,
+    artifactNodeSchema: ()=>external_schemas_cjs_namespaceObject.artifactNodeSchema,
+    nodeSchemas: ()=>external_schemas_cjs_namespaceObject.nodeSchemas,
+    stageNodeSchema: ()=>external_schemas_cjs_namespaceObject.stageNodeSchema,
+    defaultNodeSchema: ()=>external_schemas_cjs_namespaceObject.defaultNodeSchema
+});
+const external_NodePropertiesPanel_cjs_namespaceObject = require("./NodePropertiesPanel.cjs");
+const external_schemas_cjs_namespaceObject = require("./schemas.cjs");
 exports.NodePropertiesPanel = __webpack_exports__.NodePropertiesPanel;
 exports.agentNodeSchema = __webpack_exports__.agentNodeSchema;
 exports.artifactNodeSchema = __webpack_exports__.artifactNodeSchema;

package/dist/canvas/components/NodePropertiesPanel/index.d.ts

@@ -1,5 +1,4 @@
 export { NodePropertiesPanel } from './NodePropertiesPanel';
-export * from './NodePropertiesPanel.styles';
 export type { AgentNodeConfig, ConfigField, ConfigSection, ConfigurableNode, FieldType, NodeConfigData, NodeConfigSchema, NodePropertiesPanelProps, SelectOption, StageNodeConfig, ValidationRule, } from './NodePropertiesPanel.types';
 export { agentNodeSchema, artifactNodeSchema, defaultNodeSchema, nodeSchemas, stageNodeSchema, } from './schemas';
 //# sourceMappingURL=index.d.ts.map

package/dist/canvas/components/NodePropertiesPanel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertiesPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,8BAA8B,CAAC;AAC7C,YAAY,EACV,eAAe,EACf,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,wBAAwB,EACxB,YAAY,EACZ,eAAe,EACf,cAAc,GACf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,WAAW,EACX,eAAe,GAChB,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertiesPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EACV,eAAe,EACf,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,wBAAwB,EACxB,YAAY,EACZ,eAAe,EACf,cAAc,GACf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,WAAW,EACX,eAAe,GAChB,MAAM,WAAW,CAAC"}

package/dist/canvas/components/NodePropertiesPanel/index.js

@@ -1,4 +1,3 @@
 import { NodePropertiesPanel } from "./NodePropertiesPanel.js";
 import { agentNodeSchema, artifactNodeSchema, defaultNodeSchema, nodeSchemas, stageNodeSchema } from "./schemas.js";
-export * from "./NodePropertiesPanel.styles.js";
 export { NodePropertiesPanel, agentNodeSchema, artifactNodeSchema, defaultNodeSchema, nodeSchemas, stageNodeSchema };

package/dist/canvas/components/index.cjs

@@ -57,7 +57,7 @@ var __webpack_modules__ = {
     "./NodeInspector" (module) {
         module.exports = require("./NodeInspector.cjs");
     },
-    "./NodePropertiesPanel?a3e8" (module) {
+    "./NodePropertiesPanel" (module) {
         module.exports = require("./NodePropertiesPanel/index.cjs");
     },
     "./StageNode" (module) {
@@ -201,7 +201,7 @@ var __webpack_exports__ = {};
     var __rspack_reexport = {};
     for(const __rspack_import_key in _NodeInspector__rspack_import_18)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeInspector__rspack_import_18[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _NodePropertiesPanel__rspack_import_19 = __webpack_require__("./NodePropertiesPanel?a3e8");
+    var _NodePropertiesPanel__rspack_import_19 = __webpack_require__("./NodePropertiesPanel");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _NodePropertiesPanel__rspack_import_19)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodePropertiesPanel__rspack_import_19[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);