@uipath/apollo-react 4.60.0 → 4.61.0

package/dist/material/components/ap-model-picker/primitives/PickerPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerPopup.d.ts","sourceRoot":"","sources":["../../../../../src/material/components/ap-model-picker/primitives/PickerPopup.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,cAAc,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS,CAAC;IAGpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAYD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0DlD,CAAC"}

package/dist/material/components/ap-model-picker/primitives/PickerPopup.js

@@ -0,0 +1,63 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import Box from "@mui/material/Box";
+import ClickAwayListener from "@mui/material/ClickAwayListener";
+import Paper from "@mui/material/Paper";
+import Popper from "@mui/material/Popper";
+import { Colors } from "@uipath/apollo-core";
+const PickerPopup = ({ open, anchorEl, onClose, width, placement = 'bottom-start', zIndex = 1400, header, footer, className, 'data-testid': dataTestId, children })=>/*#__PURE__*/ jsx(Popper, {
+        open: open,
+        anchorEl: anchorEl,
+        placement: placement,
+        style: {
+            zIndex,
+            width: width ?? anchorEl?.clientWidth
+        },
+        modifiers: [
+            {
+                name: 'offset',
+                options: {
+                    offset: [
+                        0,
+                        6
+                    ]
+                }
+            }
+        ],
+        children: /*#__PURE__*/ jsx(ClickAwayListener, {
+            onClickAway: onClose,
+            children: /*#__PURE__*/ jsxs(Paper, {
+                elevation: 0,
+                className: className,
+                "data-testid": dataTestId,
+                sx: {
+                    borderRadius: '10px',
+                    overflow: 'hidden',
+                    border: '1px solid',
+                    borderColor: `var(--color-border-de-emp, ${Colors.ColorGray300})`,
+                    backgroundColor: `var(--color-background-raised, ${Colors.ColorWhite})`,
+                    boxShadow: '0 12px 30px rgba(16, 24, 40, 0.10), 0 2px 6px rgba(16, 24, 40, 0.04)',
+                    display: 'flex',
+                    flexDirection: 'column'
+                },
+                children: [
+                    header,
+                    /*#__PURE__*/ jsx(Box, {
+                        sx: {
+                            flex: 1,
+                            minHeight: 0
+                        },
+                        children: children
+                    }),
+                    footer && /*#__PURE__*/ jsx(Box, {
+                        sx: {
+                            borderTop: '1px solid',
+                            borderColor: `var(--color-border-de-emp, ${Colors.ColorGray300})`,
+                            backgroundColor: `var(--color-background-raised, ${Colors.ColorWhite})`
+                        },
+                        children: footer
+                    })
+                ]
+            })
+        })
+    });
+export { PickerPopup };

package/dist/material/components/ap-model-picker/primitives/PickerSearchInput.cjs

@@ -0,0 +1,143 @@
+"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__, {
+    PickerSearchInput: ()=>PickerSearchInput
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const Search_namespaceObject = require("@mui/icons-material/Search");
+var Search_default = /*#__PURE__*/ __webpack_require__.n(Search_namespaceObject);
+const Box_namespaceObject = require("@mui/material/Box");
+var Box_default = /*#__PURE__*/ __webpack_require__.n(Box_namespaceObject);
+const InputBase_namespaceObject = require("@mui/material/InputBase");
+var InputBase_default = /*#__PURE__*/ __webpack_require__.n(InputBase_namespaceObject);
+const apollo_core_namespaceObject = require("@uipath/apollo-core");
+const index_cjs_namespaceObject = require("../../../../i18n/index.cjs");
+const PickerSearchInput = ({ value, onChange, onKeyDown, placeholder, 'aria-label': ariaLabel, activeDescendantId, inputRef, listboxId, dense, leading, trailing, className, 'data-testid': dataTestId })=>{
+    const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
+    const resolvedPlaceholder = placeholder ?? _({
+        id: 'modelPicker.search.placeholder',
+        message: 'Search models'
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(Box_default(), {
+        className: className,
+        sx: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 1,
+            p: dense ? 1.25 : 1.5,
+            borderBottom: '1px solid',
+            borderColor: `var(--color-border-de-emp, ${apollo_core_namespaceObject.Colors.ColorGray300})`,
+            backgroundColor: `var(--color-background-raised, ${apollo_core_namespaceObject.Colors.ColorWhite})`
+        },
+        children: [
+            leading && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box_default(), {
+                sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    flexShrink: 0
+                },
+                children: leading
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(Box_default(), {
+                sx: {
+                    flex: 1,
+                    minWidth: 0,
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: 0.75,
+                    border: '1px solid',
+                    borderColor: `var(--color-border-de-emp, ${apollo_core_namespaceObject.Colors.ColorGray300})`,
+                    borderRadius: '8px',
+                    px: 1.25,
+                    py: dense ? 0.5 : 0.75,
+                    backgroundColor: `var(--color-background-raised, ${apollo_core_namespaceObject.Colors.ColorWhite})`,
+                    transition: 'border-color 120ms',
+                    '&:focus-within': {
+                        borderColor: `var(--color-primary, ${apollo_core_namespaceObject.Colors.ColorBlue500})`
+                    }
+                },
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Search_default(), {
+                        sx: {
+                            fontSize: dense ? 16 : 18,
+                            color: `var(--color-foreground-disable, ${apollo_core_namespaceObject.Colors.ColorGray500})`
+                        },
+                        "aria-hidden": true
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InputBase_default(), {
+                        inputRef: inputRef,
+                        value: value,
+                        onChange: (e)=>onChange(e.target.value),
+                        onKeyDown: onKeyDown,
+                        placeholder: resolvedPlaceholder,
+                        sx: {
+                            flex: 1,
+                            fontSize: dense ? 13 : 13.5,
+                            color: `var(--color-foreground, ${apollo_core_namespaceObject.Colors.ColorGray850})`,
+                            '& .MuiInputBase-input::placeholder': {
+                                color: `var(--color-foreground-disable, ${apollo_core_namespaceObject.Colors.ColorGray500})`,
+                                opacity: 1
+                            }
+                        },
+                        inputProps: {
+                            role: 'combobox',
+                            'aria-label': ariaLabel ?? resolvedPlaceholder,
+                            'aria-controls': listboxId,
+                            'aria-autocomplete': 'list',
+                            'aria-activedescendant': activeDescendantId,
+                            'aria-expanded': true,
+                            'data-testid': dataTestId
+                        }
+                    })
+                ]
+            }),
+            trailing && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box_default(), {
+                sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    flexShrink: 0
+                },
+                children: trailing
+            })
+        ]
+    });
+};
+exports.PickerSearchInput = __webpack_exports__.PickerSearchInput;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "PickerSearchInput"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/material/components/ap-model-picker/primitives/PickerSearchInput.d.ts

@@ -0,0 +1,18 @@
+import type React from 'react';
+export interface PickerSearchInputProps {
+    value: string;
+    onChange: (next: string) => void;
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+    placeholder?: string;
+    'aria-label'?: string;
+    activeDescendantId?: string;
+    inputRef?: React.Ref<HTMLInputElement>;
+    listboxId?: string;
+    dense?: boolean;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    className?: string;
+    'data-testid'?: string;
+}
+export declare const PickerSearchInput: React.FC<PickerSearchInputProps>;
+//# sourceMappingURL=PickerSearchInput.d.ts.map

package/dist/material/components/ap-model-picker/primitives/PickerSearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerSearchInput.d.ts","sourceRoot":"","sources":["../../../../../src/material/components/ap-model-picker/primitives/PickerSearchInput.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,YAAY,CAAC,EAAE,MAAM,CAAC;IAMtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAMhB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAM1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA8F9D,CAAC"}

package/dist/material/components/ap-model-picker/primitives/PickerSearchInput.js

@@ -0,0 +1,97 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import Search from "@mui/icons-material/Search";
+import Box from "@mui/material/Box";
+import InputBase from "@mui/material/InputBase";
+import { Colors } from "@uipath/apollo-core";
+import { useSafeLingui } from "../../../../i18n/index.js";
+const PickerSearchInput = ({ value, onChange, onKeyDown, placeholder, 'aria-label': ariaLabel, activeDescendantId, inputRef, listboxId, dense, leading, trailing, className, 'data-testid': dataTestId })=>{
+    const { _ } = useSafeLingui();
+    const resolvedPlaceholder = placeholder ?? _({
+        id: 'modelPicker.search.placeholder',
+        message: 'Search models'
+    });
+    return /*#__PURE__*/ jsxs(Box, {
+        className: className,
+        sx: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 1,
+            p: dense ? 1.25 : 1.5,
+            borderBottom: '1px solid',
+            borderColor: `var(--color-border-de-emp, ${Colors.ColorGray300})`,
+            backgroundColor: `var(--color-background-raised, ${Colors.ColorWhite})`
+        },
+        children: [
+            leading && /*#__PURE__*/ jsx(Box, {
+                sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    flexShrink: 0
+                },
+                children: leading
+            }),
+            /*#__PURE__*/ jsxs(Box, {
+                sx: {
+                    flex: 1,
+                    minWidth: 0,
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: 0.75,
+                    border: '1px solid',
+                    borderColor: `var(--color-border-de-emp, ${Colors.ColorGray300})`,
+                    borderRadius: '8px',
+                    px: 1.25,
+                    py: dense ? 0.5 : 0.75,
+                    backgroundColor: `var(--color-background-raised, ${Colors.ColorWhite})`,
+                    transition: 'border-color 120ms',
+                    '&:focus-within': {
+                        borderColor: `var(--color-primary, ${Colors.ColorBlue500})`
+                    }
+                },
+                children: [
+                    /*#__PURE__*/ jsx(Search, {
+                        sx: {
+                            fontSize: dense ? 16 : 18,
+                            color: `var(--color-foreground-disable, ${Colors.ColorGray500})`
+                        },
+                        "aria-hidden": true
+                    }),
+                    /*#__PURE__*/ jsx(InputBase, {
+                        inputRef: inputRef,
+                        value: value,
+                        onChange: (e)=>onChange(e.target.value),
+                        onKeyDown: onKeyDown,
+                        placeholder: resolvedPlaceholder,
+                        sx: {
+                            flex: 1,
+                            fontSize: dense ? 13 : 13.5,
+                            color: `var(--color-foreground, ${Colors.ColorGray850})`,
+                            '& .MuiInputBase-input::placeholder': {
+                                color: `var(--color-foreground-disable, ${Colors.ColorGray500})`,
+                                opacity: 1
+                            }
+                        },
+                        inputProps: {
+                            role: 'combobox',
+                            'aria-label': ariaLabel ?? resolvedPlaceholder,
+                            'aria-controls': listboxId,
+                            'aria-autocomplete': 'list',
+                            'aria-activedescendant': activeDescendantId,
+                            'aria-expanded': true,
+                            'data-testid': dataTestId
+                        }
+                    })
+                ]
+            }),
+            trailing && /*#__PURE__*/ jsx(Box, {
+                sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    flexShrink: 0
+                },
+                children: trailing
+            })
+        ]
+    });
+};
+export { PickerSearchInput };

package/dist/material/components/ap-model-picker/primitives/PickerTrigger.cjs

@@ -0,0 +1,195 @@
+"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__, {
+    PickerTrigger: ()=>PickerTrigger
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const KeyboardArrowDown_namespaceObject = require("@mui/icons-material/KeyboardArrowDown");
+var KeyboardArrowDown_default = /*#__PURE__*/ __webpack_require__.n(KeyboardArrowDown_namespaceObject);
+const Box_namespaceObject = require("@mui/material/Box");
+var Box_default = /*#__PURE__*/ __webpack_require__.n(Box_namespaceObject);
+const ButtonBase_namespaceObject = require("@mui/material/ButtonBase");
+var ButtonBase_default = /*#__PURE__*/ __webpack_require__.n(ButtonBase_namespaceObject);
+const Typography_namespaceObject = require("@mui/material/Typography");
+var Typography_default = /*#__PURE__*/ __webpack_require__.n(Typography_namespaceObject);
+const apollo_core_namespaceObject = require("@uipath/apollo-core");
+const index_cjs_namespaceObject = require("../../../../i18n/index.cjs");
+const external_ModelTagChip_cjs_namespaceObject = require("../ModelTagChip.cjs");
+const external_utils_cjs_namespaceObject = require("../utils.cjs");
+const PickerTrigger = ({ id, selected, unknownValue, placeholder = 'Select a model', disabled, open, invalid, tagContext, tagVariants, extra, onClick, triggerRef, hideTagKinds, controlsId, describedById, required, className, 'data-testid': dataTestId })=>{
+    const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
+    const effectiveCtx = tagContext ?? {
+        i18n: {
+            _
+        }
+    };
+    const inlineTags = selected ? (0, external_utils_cjs_namespaceObject.deriveModelTags)(selected, effectiveCtx).filter((t)=>!hideTagKinds?.includes(t.kind)) : [];
+    const primary = selected ? selected.displayName ?? selected.modelName : null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box_default(), {
+        sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            width: '100%'
+        },
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(ButtonBase_default(), {
+            id: id,
+            ref: triggerRef,
+            type: "button",
+            disabled: disabled,
+            onClick: onClick,
+            className: className,
+            "data-testid": dataTestId,
+            "aria-haspopup": "listbox",
+            "aria-expanded": open,
+            "aria-controls": open && controlsId ? controlsId : void 0,
+            "aria-invalid": invalid ? true : void 0,
+            "aria-required": required ? true : void 0,
+            "aria-describedby": describedById,
+            focusRipple: true,
+            sx: {
+                width: '100%',
+                minHeight: 44,
+                px: 1.5,
+                py: 1,
+                display: 'flex',
+                alignItems: 'center',
+                gap: 1.25,
+                justifyContent: 'flex-start',
+                textAlign: 'left',
+                backgroundColor: `var(--color-background-raised, ${apollo_core_namespaceObject.Colors.ColorWhite})`,
+                borderRadius: '9px',
+                border: `1.5px solid ${invalid ? `var(--color-error-text, ${apollo_core_namespaceObject.Colors.ColorRed700})` : `var(--color-primary, ${apollo_core_namespaceObject.Colors.ColorBlue500})`}`,
+                boxShadow: open ? "0 0 0 3px var(--color-primary-focused, rgba(0, 103, 223, 0.15))" : 'none',
+                transition: 'border-color 120ms, box-shadow 120ms',
+                color: `var(--color-foreground, ${apollo_core_namespaceObject.Colors.ColorGray850})`,
+                '&:hover': {
+                    borderColor: invalid ? `var(--color-error-text, ${apollo_core_namespaceObject.Colors.ColorRed700})` : `var(--color-primary-hover, ${apollo_core_namespaceObject.Colors.ColorBlue600})`
+                },
+                '&.Mui-disabled': {
+                    opacity: 0.5
+                }
+            },
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box_default(), {
+                    sx: {
+                        flex: 1,
+                        minWidth: 0,
+                        display: 'flex',
+                        alignItems: 'center',
+                        gap: 0.75,
+                        flexWrap: 'nowrap'
+                    },
+                    children: selected ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Typography_default(), {
+                                variant: "body1",
+                                sx: {
+                                    fontWeight: 600,
+                                    fontSize: 14,
+                                    whiteSpace: 'nowrap',
+                                    overflow: 'hidden',
+                                    textOverflow: 'ellipsis',
+                                    maxWidth: '100%',
+                                    color: `var(--color-foreground, ${apollo_core_namespaceObject.Colors.ColorGray850})`
+                                },
+                                children: primary
+                            }),
+                            inlineTags.map((t)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box_default(), {
+                                    sx: {
+                                        flexShrink: 0
+                                    },
+                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ModelTagChip_cjs_namespaceObject.ModelTagChip, {
+                                        tag: t,
+                                        variants: tagVariants
+                                    })
+                                }, `${t.kind}-${t.label}`))
+                        ]
+                    }) : unknownValue ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Typography_default(), {
+                        variant: "body1",
+                        sx: {
+                            fontWeight: 600,
+                            fontSize: 14,
+                            whiteSpace: 'nowrap',
+                            overflow: 'hidden',
+                            textOverflow: 'ellipsis',
+                            maxWidth: '100%',
+                            color: `var(--color-error-text, ${apollo_core_namespaceObject.Colors.ColorRed700})`
+                        },
+                        title: _({
+                            id: 'modelPicker.trigger.unknownValueTooltip',
+                            message: '"{value}" is no longer available in this catalog. Pick a replacement to ensure your workflow continues to run.',
+                            values: {
+                                value: unknownValue
+                            }
+                        }),
+                        children: unknownValue
+                    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Typography_default(), {
+                        variant: "body1",
+                        sx: {
+                            color: `var(--color-foreground-disable, ${apollo_core_namespaceObject.Colors.ColorGray500})`,
+                            fontSize: 14
+                        },
+                        children: placeholder
+                    })
+                }),
+                extra && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box_default(), {
+                    sx: {
+                        flexShrink: 0,
+                        display: 'flex',
+                        alignItems: 'center'
+                    },
+                    onClick: (e)=>e.stopPropagation(),
+                    children: extra
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(KeyboardArrowDown_default(), {
+                    sx: {
+                        color: `var(--color-foreground-de-emp, ${apollo_core_namespaceObject.Colors.ColorGray550})`,
+                        transition: 'transform 150ms',
+                        transform: open ? 'rotate(180deg)' : 'rotate(0)',
+                        flexShrink: 0,
+                        fontSize: 18
+                    }
+                })
+            ]
+        })
+    });
+};
+exports.PickerTrigger = __webpack_exports__.PickerTrigger;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "PickerTrigger"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/material/components/ap-model-picker/primitives/PickerTrigger.d.ts

@@ -0,0 +1,25 @@
+import type React from 'react';
+import type { DiscoveryModel } from '../types';
+import { type DeriveModelTagsContext } from '../utils';
+export interface PickerTriggerProps {
+    id: string;
+    selected: DiscoveryModel | null;
+    unknownValue?: string | null;
+    placeholder?: string;
+    disabled?: boolean;
+    open: boolean;
+    invalid?: boolean;
+    tagContext?: DeriveModelTagsContext;
+    tagVariants?: Record<string, string>;
+    extra?: React.ReactNode;
+    onClick: () => void;
+    triggerRef?: React.Ref<HTMLButtonElement>;
+    hideTagKinds?: readonly string[];
+    controlsId?: string;
+    describedById?: string;
+    required?: boolean;
+    className?: string;
+    'data-testid'?: string;
+}
+export declare const PickerTrigger: React.FC<PickerTriggerProps>;
+//# sourceMappingURL=PickerTrigger.d.ts.map

package/dist/material/components/ap-model-picker/primitives/PickerTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerTrigger.d.ts","sourceRoot":"","sources":["../../../../../src/material/components/ap-model-picker/primitives/PickerTrigger.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,KAAK,sBAAsB,EAAmB,MAAM,UAAU,CAAC;AAExE,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;IAOhC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAMlB,UAAU,CAAC,EAAE,sBAAsB,CAAC;IAKpC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAErC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAK1C,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAKjC,UAAU,CAAC,EAAE,MAAM,CAAC;IAMpB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsKtD,CAAC"}