@uipath/apollo-react 6.59.0 → 6.60.0

package/dist/canvas/components/Guardrails/guardrail-filter-field-selector.js

@@ -0,0 +1,42 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FormField, FormFieldError, FormFieldLabel } from "@uipath/apollo-wind";
+import { useId } from "react";
+import { GuardrailFieldPicker } from "./components/guardrail-field-picker.js";
+import { useGuardrailFilterFieldSelectorLabels } from "./i18n.js";
+import { toggleGuardrailFieldReference } from "./rules-utils.js";
+function GuardrailFilterFieldSelector({ fields, value, onChange, error, selectionChips = false, labels: labelOverrides, className }) {
+    const labels = useGuardrailFilterFieldSelectorLabels(labelOverrides);
+    const uid = useId();
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "guardrail-filter-field-selector",
+        className: className,
+        children: fields ? /*#__PURE__*/ jsx(GuardrailFieldPicker, {
+            id: `${uid}-fields`,
+            labelId: `${uid}-label`,
+            label: labels.filterFieldsLabel,
+            tooltip: labels.filterFieldsTooltip,
+            fields: fields,
+            selected: value,
+            onToggle: (field)=>onChange(toggleGuardrailFieldReference(value, field)),
+            chips: selectionChips,
+            error: error,
+            labels: labels
+        }) : /*#__PURE__*/ jsxs(FormField, {
+            children: [
+                /*#__PURE__*/ jsx(FormFieldLabel, {
+                    id: `${uid}-label`,
+                    required: true,
+                    children: labels.filterFieldsLabel
+                }),
+                /*#__PURE__*/ jsx("p", {
+                    className: "text-sm italic text-muted-foreground",
+                    children: labels.filterNoSchema
+                }),
+                /*#__PURE__*/ jsx(FormFieldError, {
+                    children: error
+                })
+            ]
+        })
+    });
+}
+export { GuardrailFilterFieldSelector };

package/dist/canvas/components/Guardrails/guardrail-rules-section.cjs

@@ -0,0 +1,159 @@
+"use strict";
+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, {
+            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__, {
+    GuardrailRulesSection: ()=>GuardrailRulesSection
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const guardrail_rule_card_cjs_namespaceObject = require("./components/guardrail-rule-card.cjs");
+const external_i18n_cjs_namespaceObject = require("./i18n.cjs");
+const external_rules_utils_cjs_namespaceObject = require("./rules-utils.cjs");
+const APPLY_TO_LABEL_KEYS = {
+    input: 'applyToInput',
+    output: 'applyToOutput',
+    inputAndOutput: 'applyToInputAndOutput'
+};
+function GuardrailRulesSection({ rules, onRulesChange, fields, onRequestAlwaysEnforce, renderFieldSelector, selectionChips = false, errors, labels: labelOverrides, className }) {
+    const labels = (0, external_i18n_cjs_namespaceObject.useGuardrailRulesLabels)(labelOverrides);
+    const uid = (0, external_react_namespaceObject.useId)();
+    const ruleTypes = (0, external_react_namespaceObject.useMemo)(()=>(0, external_rules_utils_cjs_namespaceObject.getGuardrailRuleTypeOptions)(fields), [
+        fields
+    ]);
+    const defaultType = ruleTypes[0] ?? 'word';
+    const enforced = (0, external_rules_utils_cjs_namespaceObject.isGuardrailAlwaysEnforced)(rules);
+    const alwaysRule = rules.find((rule)=>'always' === rule.$ruleType);
+    const handleAlwaysEnforceChange = (checked)=>{
+        const next = (0, external_rules_utils_cjs_namespaceObject.setGuardrailAlwaysEnforced)(rules, checked, defaultType);
+        const dropsEdits = checked && rules.some((rule)=>'always' !== rule.$ruleType && !(0, external_rules_utils_cjs_namespaceObject.isPristineGuardrailRule)(rule));
+        if (dropsEdits && onRequestAlwaysEnforce) onRequestAlwaysEnforce(next);
+        else onRulesChange(next);
+    };
+    const fieldRules = rules.flatMap((rule, index)=>'always' === rule.$ruleType ? [] : [
+            {
+                rule,
+                index
+            }
+        ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        "data-slot": "guardrail-rules-section",
+        className: (0, apollo_wind_namespaceObject.cn)('@container space-y-3', className),
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "flex items-center justify-between gap-3",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.FormFieldLabel, {
+                        htmlFor: `${uid}-always`,
+                        tooltip: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                                    children: labels.alwaysEnforceEnabledHint
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                                    className: "mt-1",
+                                    children: labels.alwaysEnforceDisabledHint
+                                })
+                            ]
+                        }),
+                        tooltipAriaLabel: labels.moreInformation,
+                        children: labels.alwaysEnforceLabel
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Switch, {
+                        id: `${uid}-always`,
+                        checked: enforced,
+                        disabled: 0 === ruleTypes.length && enforced && 1 === rules.length,
+                        onCheckedChange: handleAlwaysEnforceChange
+                    })
+                ]
+            }),
+            alwaysRule && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.FormField, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.FormFieldLabel, {
+                        htmlFor: `${uid}-apply-to`,
+                        required: true,
+                        children: labels.applyToLabel
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Select, {
+                        value: alwaysRule.applyTo,
+                        onValueChange: (applyTo)=>onRulesChange(rules.map((rule)=>rule === alwaysRule ? {
+                                    ...alwaysRule,
+                                    applyTo: applyTo
+                                } : rule)),
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.SelectTrigger, {
+                                id: `${uid}-apply-to`,
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.SelectValue, {})
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.SelectContent, {
+                                children: Object.keys(APPLY_TO_LABEL_KEYS).map((applyTo)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.SelectItem, {
+                                        value: applyTo,
+                                        children: labels[APPLY_TO_LABEL_KEYS[applyTo]]
+                                    }, applyTo))
+                            })
+                        ]
+                    })
+                ]
+            }),
+            fieldRules.map(({ rule, index }, i)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(guardrail_rule_card_cjs_namespaceObject.GuardrailRuleCard, {
+                    index: index,
+                    position: i + 1,
+                    rule: rule,
+                    ruleTypes: ruleTypes,
+                    fields: (0, external_rules_utils_cjs_namespaceObject.getGuardrailFieldGroup)(fields, rule.$ruleType),
+                    onChange: (next)=>onRulesChange(rules.map((current, j)=>j === index ? next : current)),
+                    onDelete: ()=>onRulesChange(rules.filter((_, j)=>j !== index)),
+                    errors: errors?.perRule?.[index],
+                    renderFieldSelector: renderFieldSelector,
+                    selectionChips: selectionChips,
+                    labels: labels
+                }, index)),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.FormFieldError, {
+                children: errors?.rules
+            }),
+            !enforced && ruleTypes.length > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Button, {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                onClick: ()=>onRulesChange([
+                        ...rules,
+                        (0, external_rules_utils_cjs_namespaceObject.createGuardrailRule)(defaultType)
+                    ]),
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Plus, {}),
+                    labels.addRule
+                ]
+            })
+        ]
+    });
+}
+exports.GuardrailRulesSection = __webpack_exports__.GuardrailRulesSection;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "GuardrailRulesSection"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/Guardrails/guardrail-rules-section.d.ts

@@ -0,0 +1,15 @@
+import { type GuardrailRulesLabels } from './i18n';
+import type { GuardrailRule, GuardrailRuleFieldSelectorRenderer, GuardrailRuleFields, GuardrailRulesErrors } from './rules-types';
+export interface GuardrailRulesSectionProps {
+    rules: readonly GuardrailRule[];
+    onRulesChange: (rules: GuardrailRule[]) => void;
+    fields?: GuardrailRuleFields;
+    onRequestAlwaysEnforce?: (rules: GuardrailRule[]) => void;
+    renderFieldSelector?: GuardrailRuleFieldSelectorRenderer;
+    selectionChips?: boolean;
+    errors?: GuardrailRulesErrors;
+    labels?: Partial<GuardrailRulesLabels>;
+    className?: string;
+}
+export declare function GuardrailRulesSection({ rules, onRulesChange, fields, onRequestAlwaysEnforce, renderFieldSelector, selectionChips, errors, labels: labelOverrides, className, }: GuardrailRulesSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=guardrail-rules-section.d.ts.map

package/dist/canvas/components/Guardrails/guardrail-rules-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"guardrail-rules-section.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Guardrails/guardrail-rules-section.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,KAAK,oBAAoB,EAA2B,MAAM,QAAQ,CAAC;AAC5E,OAAO,KAAK,EAEV,aAAa,EAEb,kCAAkC,EAClC,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,eAAe,CAAC;AAUvB,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,SAAS,aAAa,EAAE,CAAC;IAEhC,aAAa,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IAMhD,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAM7B,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IAE1D,mBAAmB,CAAC,EAAE,kCAAkC,CAAC;IAKzD,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAE9B,MAAM,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,aAAa,EACb,MAAM,EACN,sBAAsB,EACtB,mBAAmB,EACnB,cAAsB,EACtB,MAAM,EACN,MAAM,EAAE,cAAc,EACtB,SAAS,GACV,EAAE,0BAA0B,2CAqH5B"}

package/dist/canvas/components/Guardrails/guardrail-rules-section.js

@@ -0,0 +1,125 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button, FormField, FormFieldError, FormFieldLabel, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, cn } from "@uipath/apollo-wind";
+import { Plus } from "lucide-react";
+import { useId, useMemo } from "react";
+import { GuardrailRuleCard } from "./components/guardrail-rule-card.js";
+import { useGuardrailRulesLabels } from "./i18n.js";
+import { createGuardrailRule, getGuardrailFieldGroup, getGuardrailRuleTypeOptions, isGuardrailAlwaysEnforced, isPristineGuardrailRule, setGuardrailAlwaysEnforced } from "./rules-utils.js";
+const APPLY_TO_LABEL_KEYS = {
+    input: 'applyToInput',
+    output: 'applyToOutput',
+    inputAndOutput: 'applyToInputAndOutput'
+};
+function GuardrailRulesSection({ rules, onRulesChange, fields, onRequestAlwaysEnforce, renderFieldSelector, selectionChips = false, errors, labels: labelOverrides, className }) {
+    const labels = useGuardrailRulesLabels(labelOverrides);
+    const uid = useId();
+    const ruleTypes = useMemo(()=>getGuardrailRuleTypeOptions(fields), [
+        fields
+    ]);
+    const defaultType = ruleTypes[0] ?? 'word';
+    const enforced = isGuardrailAlwaysEnforced(rules);
+    const alwaysRule = rules.find((rule)=>'always' === rule.$ruleType);
+    const handleAlwaysEnforceChange = (checked)=>{
+        const next = setGuardrailAlwaysEnforced(rules, checked, defaultType);
+        const dropsEdits = checked && rules.some((rule)=>'always' !== rule.$ruleType && !isPristineGuardrailRule(rule));
+        if (dropsEdits && onRequestAlwaysEnforce) onRequestAlwaysEnforce(next);
+        else onRulesChange(next);
+    };
+    const fieldRules = rules.flatMap((rule, index)=>'always' === rule.$ruleType ? [] : [
+            {
+                rule,
+                index
+            }
+        ]);
+    return /*#__PURE__*/ jsxs("div", {
+        "data-slot": "guardrail-rules-section",
+        className: cn('@container space-y-3', className),
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex items-center justify-between gap-3",
+                children: [
+                    /*#__PURE__*/ jsx(FormFieldLabel, {
+                        htmlFor: `${uid}-always`,
+                        tooltip: /*#__PURE__*/ jsxs(Fragment, {
+                            children: [
+                                /*#__PURE__*/ jsx("p", {
+                                    children: labels.alwaysEnforceEnabledHint
+                                }),
+                                /*#__PURE__*/ jsx("p", {
+                                    className: "mt-1",
+                                    children: labels.alwaysEnforceDisabledHint
+                                })
+                            ]
+                        }),
+                        tooltipAriaLabel: labels.moreInformation,
+                        children: labels.alwaysEnforceLabel
+                    }),
+                    /*#__PURE__*/ jsx(Switch, {
+                        id: `${uid}-always`,
+                        checked: enforced,
+                        disabled: 0 === ruleTypes.length && enforced && 1 === rules.length,
+                        onCheckedChange: handleAlwaysEnforceChange
+                    })
+                ]
+            }),
+            alwaysRule && /*#__PURE__*/ jsxs(FormField, {
+                children: [
+                    /*#__PURE__*/ jsx(FormFieldLabel, {
+                        htmlFor: `${uid}-apply-to`,
+                        required: true,
+                        children: labels.applyToLabel
+                    }),
+                    /*#__PURE__*/ jsxs(Select, {
+                        value: alwaysRule.applyTo,
+                        onValueChange: (applyTo)=>onRulesChange(rules.map((rule)=>rule === alwaysRule ? {
+                                    ...alwaysRule,
+                                    applyTo: applyTo
+                                } : rule)),
+                        children: [
+                            /*#__PURE__*/ jsx(SelectTrigger, {
+                                id: `${uid}-apply-to`,
+                                children: /*#__PURE__*/ jsx(SelectValue, {})
+                            }),
+                            /*#__PURE__*/ jsx(SelectContent, {
+                                children: Object.keys(APPLY_TO_LABEL_KEYS).map((applyTo)=>/*#__PURE__*/ jsx(SelectItem, {
+                                        value: applyTo,
+                                        children: labels[APPLY_TO_LABEL_KEYS[applyTo]]
+                                    }, applyTo))
+                            })
+                        ]
+                    })
+                ]
+            }),
+            fieldRules.map(({ rule, index }, i)=>/*#__PURE__*/ jsx(GuardrailRuleCard, {
+                    index: index,
+                    position: i + 1,
+                    rule: rule,
+                    ruleTypes: ruleTypes,
+                    fields: getGuardrailFieldGroup(fields, rule.$ruleType),
+                    onChange: (next)=>onRulesChange(rules.map((current, j)=>j === index ? next : current)),
+                    onDelete: ()=>onRulesChange(rules.filter((_, j)=>j !== index)),
+                    errors: errors?.perRule?.[index],
+                    renderFieldSelector: renderFieldSelector,
+                    selectionChips: selectionChips,
+                    labels: labels
+                }, index)),
+            /*#__PURE__*/ jsx(FormFieldError, {
+                children: errors?.rules
+            }),
+            !enforced && ruleTypes.length > 0 && /*#__PURE__*/ jsxs(Button, {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                onClick: ()=>onRulesChange([
+                        ...rules,
+                        createGuardrailRule(defaultType)
+                    ]),
+                children: [
+                    /*#__PURE__*/ jsx(Plus, {}),
+                    labels.addRule
+                ]
+            })
+        ]
+    });
+}
+export { GuardrailRulesSection };