@uipath/apollo-react 5.1.1 → 5.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/canvas/styles/tailwind.canvas.css +1 -1
  2. package/dist/material/components/ap-model-picker/ModelPicker.cjs +20 -11
  3. package/dist/material/components/ap-model-picker/ModelPicker.d.ts +5 -0
  4. package/dist/material/components/ap-model-picker/ModelPicker.d.ts.map +1 -1
  5. package/dist/material/components/ap-model-picker/ModelPicker.js +20 -11
  6. package/dist/material/components/ap-model-picker/i18n.cjs +3 -0
  7. package/dist/material/components/ap-model-picker/i18n.d.ts +1 -0
  8. package/dist/material/components/ap-model-picker/i18n.d.ts.map +1 -1
  9. package/dist/material/components/ap-model-picker/i18n.js +3 -0
  10. package/dist/material/components/ap-model-picker/index.d.ts +1 -1
  11. package/dist/material/components/ap-model-picker/index.d.ts.map +1 -1
  12. package/dist/material/components/ap-model-picker/locales/en.cjs +1 -1
  13. package/dist/material/components/ap-model-picker/locales/en.d.ts.map +1 -1
  14. package/dist/material/components/ap-model-picker/locales/en.js +1 -1
  15. package/dist/material/components/ap-model-picker/primitives/ModelOptionRow.cjs +56 -17
  16. package/dist/material/components/ap-model-picker/primitives/ModelOptionRow.d.ts +1 -0
  17. package/dist/material/components/ap-model-picker/primitives/ModelOptionRow.d.ts.map +1 -1
  18. package/dist/material/components/ap-model-picker/primitives/ModelOptionRow.js +56 -18
  19. package/dist/material/components/ap-model-picker/primitives/PickerPopup.cjs +3 -1
  20. package/dist/material/components/ap-model-picker/primitives/PickerPopup.d.ts +3 -0
  21. package/dist/material/components/ap-model-picker/primitives/PickerPopup.d.ts.map +1 -1
  22. package/dist/material/components/ap-model-picker/primitives/PickerPopup.js +3 -1
  23. package/dist/material/components/ap-model-picker/types.d.ts +1 -1
  24. package/dist/material/components/ap-model-picker/types.d.ts.map +1 -1
  25. package/dist/material/components/ap-model-picker/usePlatformAccess.cjs +17 -10
  26. package/dist/material/components/ap-model-picker/usePlatformAccess.d.ts +3 -1
  27. package/dist/material/components/ap-model-picker/usePlatformAccess.d.ts.map +1 -1
  28. package/dist/material/components/ap-model-picker/usePlatformAccess.js +17 -10
  29. package/package.json +1 -1
@@ -60,7 +60,7 @@ const external_useModelPickerState_cjs_namespaceObject = require("./useModelPick
60
60
  const external_usePlatformAccess_cjs_namespaceObject = require("./usePlatformAccess.cjs");
61
61
  const REQUIRED_INDICATOR = '*';
62
62
  const AUTO_VIRTUALIZE_THRESHOLD = 120;
63
- const ModelPicker = /*#__PURE__*/ external_react_default().forwardRef(({ models, value, onChange, label, required, placeholder, disabled, invalid, errorText, variant = 'searchable', groupBy = "subscription", allowGroupingChange = true, homeRegion, recommendedModelIds, previewModelIds, filter, badgesFor, customTagsFor, customTagVariants, canManageByo, onUseCustomModel, requestContext, enableFolders = false, folders, folder = null, onFolderChange, allFoldersLabel, loading, error, showGroupHeaders = true, slots }, forwardedRef)=>{
63
+ const ModelPicker = /*#__PURE__*/ external_react_default().forwardRef(({ models, value, onChange, label, required, placeholder, disabled, invalid, errorText, variant = 'searchable', groupBy = "subscription", allowGroupingChange = true, homeRegion, recommendedModelIds, previewModelIds, filter, badgesFor, customTagsFor, customTagVariants, canManageByo, onUseCustomModel, requestContext, enableFolders = false, folders, folder = null, onFolderChange, allFoldersLabel, loading, error, showGroupHeaders = true, popupContainer, disablePortal, openLinksInNewTab, onDeleteModel, slots }, forwardedRef)=>{
64
64
  const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
65
65
  const i18n = external_react_default().useMemo(()=>({
66
66
  _
@@ -112,21 +112,24 @@ const ModelPicker = /*#__PURE__*/ external_react_default().forwardRef(({ models,
112
112
  const effectiveCanManageByo = canManageByo ?? isOrgAdmin ?? false;
113
113
  const { folders: fetchedFolders } = (0, external_usePlatformAccess_cjs_namespaceObject.useUserFolders)(enableFolders && !folders && requestContext ? requestContext : null);
114
114
  const effectiveFolders = folders ?? (enableFolders ? fetchedFolders : void 0);
115
- const selectedFolderNumericId = external_react_default().useMemo(()=>effectiveFolders?.find((f)=>f.id === folder)?.numericId, [
115
+ const selectedFolderNumericId = external_react_default().useMemo(()=>effectiveFolders?.find((f)=>f.id === folder)?.numericId ?? effectiveFolders?.find((f)=>null != f.numericId)?.numericId, [
116
116
  effectiveFolders,
117
117
  folder
118
118
  ]);
119
119
  const navigateToLlmConfigurations = external_react_default().useMemo(()=>{
120
120
  if (!requestContext) return;
121
121
  return (link)=>{
122
- external_usePlatformAccess_cjs_namespaceObject.platformNavigation.assign((0, external_usePlatformAccess_cjs_namespaceObject.buildLlmConfigurationsUrl)(requestContext, {
122
+ const url = (0, external_usePlatformAccess_cjs_namespaceObject.buildLlmConfigurationsUrl)(requestContext, {
123
123
  ...link,
124
124
  folderNumericId: selectedFolderNumericId
125
- }));
125
+ });
126
+ if (openLinksInNewTab) external_usePlatformAccess_cjs_namespaceObject.platformNavigation.openInNewTab(url);
127
+ else external_usePlatformAccess_cjs_namespaceObject.platformNavigation.assign(url);
126
128
  };
127
129
  }, [
128
130
  requestContext,
129
- selectedFolderNumericId
131
+ selectedFolderNumericId,
132
+ openLinksInNewTab
130
133
  ]);
131
134
  external_react_default().useEffect(()=>{
132
135
  if ("u" < typeof process || 'production' === process.env['NODE_ENV'] || !effectiveFolders) return;
@@ -161,18 +164,22 @@ const ModelPicker = /*#__PURE__*/ external_react_default().forwardRef(({ models,
161
164
  ]);
162
165
  const renderRowActions = external_react_default().useMemo(()=>{
163
166
  if (slots?.optionActions) return slots.optionActions;
164
- if (!effectiveCanManageByo || !navigateToLlmConfigurations) return ()=>null;
167
+ if (!effectiveCanManageByo) return ()=>null;
168
+ const onEdit = navigateToLlmConfigurations ? (model)=>navigateToLlmConfigurations({
169
+ intent: 'edit',
170
+ configurationId: model.byomDetails?.byoConfigurationId
171
+ }) : void 0;
172
+ if (!onEdit && !onDeleteModel) return ()=>null;
165
173
  return (m)=>(0, ModelOptionRow_cjs_namespaceObject.defaultRowActions)(m, {
166
174
  i18n,
167
- onEdit: (model)=>navigateToLlmConfigurations({
168
- intent: 'edit',
169
- configurationId: model.byomDetails?.productLlmConfigurationId
170
- })
175
+ onEdit,
176
+ onDelete: onDeleteModel
171
177
  });
172
178
  }, [
173
179
  slots?.optionActions,
174
180
  effectiveCanManageByo,
175
181
  navigateToLlmConfigurations,
182
+ onDeleteModel,
176
183
  i18n
177
184
  ]);
178
185
  const footerNode = external_react_default().useMemo(()=>{
@@ -183,8 +190,8 @@ const ModelPicker = /*#__PURE__*/ external_react_default().forwardRef(({ models,
183
190
  }) : void 0);
184
191
  return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(UseCustomModelFooter, {
185
192
  onActivate: ()=>{
186
- closePopup();
187
193
  activate?.();
194
+ closePopup();
188
195
  },
189
196
  disabled: !activate
190
197
  });
@@ -259,6 +266,8 @@ const ModelPicker = /*#__PURE__*/ external_react_default().forwardRef(({ models,
259
266
  open: open,
260
267
  anchorEl: triggerRef.current,
261
268
  onClose: closePopup,
269
+ container: popupContainer,
270
+ disablePortal: disablePortal,
262
271
  header: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
263
272
  children: [
264
273
  slots?.popupHeader?.(),
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import type { ModelBadgeKind } from './badges';
3
3
  import { type FolderSwitcherFolder } from './primitives/FolderSwitcher';
4
+ import { type PickerPopupProps } from './primitives/PickerPopup';
4
5
  import type { DiscoveryModel, ModelTag } from './types';
5
6
  import { type PlatformRequestContext } from './usePlatformAccess';
6
7
  import type { GroupStrategy } from './utils';
@@ -50,6 +51,10 @@ export interface ModelPickerProps {
50
51
  loading?: boolean;
51
52
  error?: Error | null;
52
53
  showGroupHeaders?: boolean;
54
+ popupContainer?: PickerPopupProps['container'];
55
+ disablePortal?: boolean;
56
+ openLinksInNewTab?: boolean;
57
+ onDeleteModel?: (model: DiscoveryModel) => void;
53
58
  slots?: ModelPickerSlots;
54
59
  }
55
60
  export declare const ModelPicker: React.ForwardRefExoticComponent<ModelPickerProps & React.RefAttributes<HTMLButtonElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"ModelPicker.d.ts","sourceRoot":"","sources":["../../../../src/material/components/ap-model-picker/ModelPicker.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ModelPicker.d.ts","sourceRoot":"","sources":["../../../../src/material/components/ap-model-picker/ModelPicker.tsx"],"names":[],"mappings":"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"}
@@ -17,7 +17,7 @@ import { useModelPickerState } from "./useModelPickerState.js";
17
17
  import { buildLlmConfigurationsUrl, platformNavigation, useCanManageByo, useUserFolders } from "./usePlatformAccess.js";
18
18
  const REQUIRED_INDICATOR = '*';
19
19
  const AUTO_VIRTUALIZE_THRESHOLD = 120;
20
- const ModelPicker = /*#__PURE__*/ react.forwardRef(({ models, value, onChange, label, required, placeholder, disabled, invalid, errorText, variant = 'searchable', groupBy = "subscription", allowGroupingChange = true, homeRegion, recommendedModelIds, previewModelIds, filter, badgesFor, customTagsFor, customTagVariants, canManageByo, onUseCustomModel, requestContext, enableFolders = false, folders, folder = null, onFolderChange, allFoldersLabel, loading, error, showGroupHeaders = true, slots }, forwardedRef)=>{
20
+ const ModelPicker = /*#__PURE__*/ react.forwardRef(({ models, value, onChange, label, required, placeholder, disabled, invalid, errorText, variant = 'searchable', groupBy = "subscription", allowGroupingChange = true, homeRegion, recommendedModelIds, previewModelIds, filter, badgesFor, customTagsFor, customTagVariants, canManageByo, onUseCustomModel, requestContext, enableFolders = false, folders, folder = null, onFolderChange, allFoldersLabel, loading, error, showGroupHeaders = true, popupContainer, disablePortal, openLinksInNewTab, onDeleteModel, slots }, forwardedRef)=>{
21
21
  const { _ } = useSafeLingui();
22
22
  const i18n = react.useMemo(()=>({
23
23
  _
@@ -69,21 +69,24 @@ const ModelPicker = /*#__PURE__*/ react.forwardRef(({ models, value, onChange, l
69
69
  const effectiveCanManageByo = canManageByo ?? isOrgAdmin ?? false;
70
70
  const { folders: fetchedFolders } = useUserFolders(enableFolders && !folders && requestContext ? requestContext : null);
71
71
  const effectiveFolders = folders ?? (enableFolders ? fetchedFolders : void 0);
72
- const selectedFolderNumericId = react.useMemo(()=>effectiveFolders?.find((f)=>f.id === folder)?.numericId, [
72
+ const selectedFolderNumericId = react.useMemo(()=>effectiveFolders?.find((f)=>f.id === folder)?.numericId ?? effectiveFolders?.find((f)=>null != f.numericId)?.numericId, [
73
73
  effectiveFolders,
74
74
  folder
75
75
  ]);
76
76
  const navigateToLlmConfigurations = react.useMemo(()=>{
77
77
  if (!requestContext) return;
78
78
  return (link)=>{
79
- platformNavigation.assign(buildLlmConfigurationsUrl(requestContext, {
79
+ const url = buildLlmConfigurationsUrl(requestContext, {
80
80
  ...link,
81
81
  folderNumericId: selectedFolderNumericId
82
- }));
82
+ });
83
+ if (openLinksInNewTab) platformNavigation.openInNewTab(url);
84
+ else platformNavigation.assign(url);
83
85
  };
84
86
  }, [
85
87
  requestContext,
86
- selectedFolderNumericId
88
+ selectedFolderNumericId,
89
+ openLinksInNewTab
87
90
  ]);
88
91
  react.useEffect(()=>{
89
92
  if ("u" < typeof process || 'production' === process.env['NODE_ENV'] || !effectiveFolders) return;
@@ -118,18 +121,22 @@ const ModelPicker = /*#__PURE__*/ react.forwardRef(({ models, value, onChange, l
118
121
  ]);
119
122
  const renderRowActions = react.useMemo(()=>{
120
123
  if (slots?.optionActions) return slots.optionActions;
121
- if (!effectiveCanManageByo || !navigateToLlmConfigurations) return ()=>null;
124
+ if (!effectiveCanManageByo) return ()=>null;
125
+ const onEdit = navigateToLlmConfigurations ? (model)=>navigateToLlmConfigurations({
126
+ intent: 'edit',
127
+ configurationId: model.byomDetails?.byoConfigurationId
128
+ }) : void 0;
129
+ if (!onEdit && !onDeleteModel) return ()=>null;
122
130
  return (m)=>defaultRowActions(m, {
123
131
  i18n,
124
- onEdit: (model)=>navigateToLlmConfigurations({
125
- intent: 'edit',
126
- configurationId: model.byomDetails?.productLlmConfigurationId
127
- })
132
+ onEdit,
133
+ onDelete: onDeleteModel
128
134
  });
129
135
  }, [
130
136
  slots?.optionActions,
131
137
  effectiveCanManageByo,
132
138
  navigateToLlmConfigurations,
139
+ onDeleteModel,
133
140
  i18n
134
141
  ]);
135
142
  const footerNode = react.useMemo(()=>{
@@ -140,8 +147,8 @@ const ModelPicker = /*#__PURE__*/ react.forwardRef(({ models, value, onChange, l
140
147
  }) : void 0);
141
148
  return /*#__PURE__*/ jsx(UseCustomModelFooter, {
142
149
  onActivate: ()=>{
143
- closePopup();
144
150
  activate?.();
151
+ closePopup();
145
152
  },
146
153
  disabled: !activate
147
154
  });
@@ -216,6 +223,8 @@ const ModelPicker = /*#__PURE__*/ react.forwardRef(({ models, value, onChange, l
216
223
  open: open,
217
224
  anchorEl: triggerRef.current,
218
225
  onClose: closePopup,
226
+ container: popupContainer,
227
+ disablePortal: disablePortal,
219
228
  header: /*#__PURE__*/ jsxs(Fragment, {
220
229
  children: [
221
230
  slots?.popupHeader?.(),
@@ -121,6 +121,9 @@ const FOLDER_SWITCHER = {
121
121
  const ROW_ACTIONS = {
122
122
  editConfiguration: {
123
123
  id: 'modelPicker.row.editConfiguration'
124
+ },
125
+ deleteConfiguration: {
126
+ id: 'modelPicker.row.deleteConfiguration'
124
127
  }
125
128
  };
126
129
  const USE_CUSTOM_MODEL = {
@@ -36,6 +36,7 @@ export declare const FOLDER_SWITCHER: {
36
36
  };
37
37
  export declare const ROW_ACTIONS: {
38
38
  readonly editConfiguration: MessageDescriptor;
39
+ readonly deleteConfiguration: MessageDescriptor;
39
40
  };
40
41
  export declare const USE_CUSTOM_MODEL: {
41
42
  readonly title: MessageDescriptor;
@@ -1 +1 @@
1
- {"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../../src/material/components/ap-model-picker/i18n.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAStD,MAAM,WAAW,gBAAgB;IAC/B,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,MAAM,CAAC;CAC9C;AAMD,eAAO,MAAM,UAAU;;;;;CAWb,CAAC;AAMX,eAAO,MAAM,YAAY;;;;;CAcf,CAAC;AAMX,eAAO,MAAM,YAAY;;;;;;;;;;;;;CA2Cf,CAAC;AAMX,eAAO,MAAM,aAAa,mBAGxB,CAAC;AAEH,eAAO,MAAM,kBAAkB,mBAG7B,CAAC;AAEH,eAAO,MAAM,aAAa,mBAGxB,CAAC;AAMH,eAAO,MAAM,eAAe;;CAKlB,CAAC;AAMX,eAAO,MAAM,WAAW;;CAOd,CAAC;AAMX,eAAO,MAAM,gBAAgB;;;;CAanB,CAAC;AAMX,eAAO,MAAM,QAAQ;;;;CAOX,CAAC;AAMX,eAAO,MAAM,WAAW,mBAGtB,CAAC;AAEH,eAAO,MAAM,aAAa,mBAGxB,CAAC;AAWH,wBAAgB,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAE,iBAAiB,GAAG,MAAM,CAEhF"}
1
+ {"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../../src/material/components/ap-model-picker/i18n.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAStD,MAAM,WAAW,gBAAgB;IAC/B,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,MAAM,CAAC;CAC9C;AAMD,eAAO,MAAM,UAAU;;;;;CAWb,CAAC;AAMX,eAAO,MAAM,YAAY;;;;;CAcf,CAAC;AAMX,eAAO,MAAM,YAAY;;;;;;;;;;;;;CA2Cf,CAAC;AAMX,eAAO,MAAM,aAAa,mBAGxB,CAAC;AAEH,eAAO,MAAM,kBAAkB,mBAG7B,CAAC;AAEH,eAAO,MAAM,aAAa,mBAGxB,CAAC;AAMH,eAAO,MAAM,eAAe;;CAKlB,CAAC;AAMX,eAAO,MAAM,WAAW;;;CAWd,CAAC;AAMX,eAAO,MAAM,gBAAgB;;;;CAanB,CAAC;AAMX,eAAO,MAAM,QAAQ;;;;CAOX,CAAC;AAMX,eAAO,MAAM,WAAW,mBAGtB,CAAC;AAEH,eAAO,MAAM,aAAa,mBAGxB,CAAC;AAWH,wBAAgB,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAE,iBAAiB,GAAG,MAAM,CAEhF"}
@@ -81,6 +81,9 @@ const FOLDER_SWITCHER = {
81
81
  const ROW_ACTIONS = {
82
82
  editConfiguration: {
83
83
  id: 'modelPicker.row.editConfiguration'
84
+ },
85
+ deleteConfiguration: {
86
+ id: 'modelPicker.row.deleteConfiguration'
84
87
  }
85
88
  };
86
89
  const USE_CUSTOM_MODEL = {
@@ -24,7 +24,7 @@ export type { UseDiscoveryModelsResult } from './useDiscoveryModels';
24
24
  export { useDiscoveryModels } from './useDiscoveryModels';
25
25
  export type { UseModelPickerStateOptions, UseModelPickerStateResult, } from './useModelPickerState';
26
26
  export { useModelPickerState } from './useModelPickerState';
27
- export type { PlatformRequestContext, UseCanManageByoResult, UseUserFoldersResult, } from './usePlatformAccess';
27
+ export type { PlatformRequestContext, PlatformToken, UseCanManageByoResult, UseUserFoldersResult, } from './usePlatformAccess';
28
28
  export { useCanManageByo, useUserFolders } from './usePlatformAccess';
29
29
  export type { DeriveModelTagsContext, GroupModelsContext, GroupStrategy, } from './utils';
30
30
  export { defaultCostTier, deriveModelTags, filterModels, getSubstitutionTarget, groupModels, } from './utils';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/material/components/ap-model-picker/index.ts"],"names":[],"mappings":"AAGA,YAAY,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAErE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC/C,YAAY,EACV,wBAAwB,EACxB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,WAAW,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AAC1E,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACV,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAChF,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC/E,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,YAAY,EACV,WAAW,EACX,QAAQ,EACR,kBAAkB,EAClB,cAAc,EACd,uBAAuB,EACvB,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,UAAU,EACV,qBAAqB,EACrB,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,cAAc,GACf,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAErE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,0BAA0B,EAC1B,yBAAyB,GAC1B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EACV,sBAAsB,EACtB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACtE,YAAY,EACV,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,GACd,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,eAAe,EACf,eAAe,EACf,YAAY,EACZ,qBAAqB,EACrB,WAAW,GACZ,MAAM,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/material/components/ap-model-picker/index.ts"],"names":[],"mappings":"AAGA,YAAY,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAErE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC/C,YAAY,EACV,wBAAwB,EACxB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,WAAW,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AAC1E,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACV,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAChF,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC/E,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,YAAY,EACV,WAAW,EACX,QAAQ,EACR,kBAAkB,EAClB,cAAc,EACd,uBAAuB,EACvB,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,UAAU,EACV,qBAAqB,EACrB,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,cAAc,GACf,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAErE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,0BAA0B,EAC1B,yBAAyB,GAC1B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EACV,sBAAsB,EACtB,aAAa,EACb,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACtE,YAAY,EACV,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,GACd,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,eAAe,EACf,eAAe,EACf,YAAY,EACZ,qBAAqB,EACrB,WAAW,GACZ,MAAM,SAAS,CAAC"}
@@ -26,7 +26,7 @@ __webpack_require__.r(__webpack_exports__);
26
26
  __webpack_require__.d(__webpack_exports__, {
27
27
  messages: ()=>messages
28
28
  });
29
- const messages = JSON.parse("{\"modelPicker.badge.cost.tooltip\":[\"Relative cost tier for this product\"],\"modelPicker.badge.costBasic.label\":[\"Basic\"],\"modelPicker.badge.costPremium.label\":[\"Premium\"],\"modelPicker.badge.costStandard.label\":[\"Standard\"],\"modelPicker.count.many\":[[\"n\"],\" models\"],\"modelPicker.count.one\":[[\"n\"],\" model\"],\"modelPicker.empty.noMatch\":[\"No models match \\\"\",[\"query\"],\"\\\".\"],\"modelPicker.empty.noModels\":[\"No models available.\"],\"modelPicker.folderSwitcher.allFolders\":[\"All folders\"],\"modelPicker.group.allModels.label\":[\"All models\"],\"modelPicker.group.byo.hint\":[\"Models you brought via your own connections\"],\"modelPicker.group.byo.label\":[\"Custom Models (BYO)\"],\"modelPicker.group.deprecating.hint\":[\"Migrate before the usage end date\"],\"modelPicker.group.deprecating.label\":[\"Deprecating soon\"],\"modelPicker.group.more.hint\":[\"Available, not currently promoted by this product\"],\"modelPicker.group.more.label\":[\"More models\"],\"modelPicker.group.other.label\":[\"Other\"],\"modelPicker.group.preview.hint\":[\"Newer models in early access\"],\"modelPicker.group.preview.label\":[\"Preview\"],\"modelPicker.group.recommended.hint\":[\"Based on evaluation runs for this product\"],\"modelPicker.group.recommended.label\":[\"Recommended\"],\"modelPicker.groupBy.ariaLabel\":[\"Group models by\"],\"modelPicker.groupBy.category\":[\"Category\"],\"modelPicker.groupBy.provider\":[\"Provider\"],\"modelPicker.label.default\":[\"Model\"],\"modelPicker.listbox.label\":[\"Models\"],\"modelPicker.loading.label\":[\"Loading models\"],\"modelPicker.placeholder.selectAModel\":[\"Select a model\"],\"modelPicker.row.editConfiguration\":[\"Edit configuration\"],\"modelPicker.search.placeholder\":[\"Search models\"],\"modelPicker.tag.custom.label\":[\"Custom\"],\"modelPicker.tag.deprecating.label\":[\"Deprecating \",[\"date\"]],\"modelPicker.tag.deprecating.tooltip\":[\"Will be replaced by \",[\"replacement\"]],\"modelPicker.tag.outOfRegion.label\":[\"Out of region (\",[\"geography\"],\")\"],\"modelPicker.tag.outOfRegion.tooltip\":[\"Routes traffic outside \",[\"homeRegion\"]],\"modelPicker.tag.preview.label\":[\"Preview\"],\"modelPicker.tag.recommended.label\":[\"Recommended\"],\"modelPicker.tag.recommended.tooltip\":[\"Based on evaluation runs for this product\"],\"modelPicker.tag.substituted.label\":[\"Routes to \",[\"target\"]],\"modelPicker.tag.substituted.tooltip\":[\"This model is retired. Your traffic is currently being routed to \",[\"target\"],\". Update your configuration to make this explicit.\"],\"modelPicker.useCustomModel.disabledHint\":[\"Pass onUseCustomModel or a requestContext to the picker to wire this action.\"],\"modelPicker.useCustomModel.subtitle\":[\"Bring a model from your own connection\"],\"modelPicker.useCustomModel.title\":[\"Use custom model\"]}");
29
+ const messages = JSON.parse("{\"modelPicker.badge.cost.tooltip\":[\"Relative cost tier for this product\"],\"modelPicker.badge.costBasic.label\":[\"Basic\"],\"modelPicker.badge.costPremium.label\":[\"Premium\"],\"modelPicker.badge.costStandard.label\":[\"Standard\"],\"modelPicker.count.many\":[[\"n\"],\" models\"],\"modelPicker.count.one\":[[\"n\"],\" model\"],\"modelPicker.empty.noMatch\":[\"No models match \\\"\",[\"query\"],\"\\\".\"],\"modelPicker.empty.noModels\":[\"No models available.\"],\"modelPicker.folderSwitcher.allFolders\":[\"All folders\"],\"modelPicker.group.allModels.label\":[\"All models\"],\"modelPicker.group.byo.hint\":[\"Models you brought via your own connections\"],\"modelPicker.group.byo.label\":[\"Custom Models (BYO)\"],\"modelPicker.group.deprecating.hint\":[\"Migrate before the usage end date\"],\"modelPicker.group.deprecating.label\":[\"Deprecating soon\"],\"modelPicker.group.more.hint\":[\"Available, not currently promoted by this product\"],\"modelPicker.group.more.label\":[\"More models\"],\"modelPicker.group.other.label\":[\"Other\"],\"modelPicker.group.preview.hint\":[\"Newer models in early access\"],\"modelPicker.group.preview.label\":[\"Preview\"],\"modelPicker.group.recommended.hint\":[\"Based on evaluation runs for this product\"],\"modelPicker.group.recommended.label\":[\"Recommended\"],\"modelPicker.groupBy.ariaLabel\":[\"Group models by\"],\"modelPicker.groupBy.category\":[\"Category\"],\"modelPicker.groupBy.provider\":[\"Provider\"],\"modelPicker.label.default\":[\"Model\"],\"modelPicker.listbox.label\":[\"Models\"],\"modelPicker.loading.label\":[\"Loading models\"],\"modelPicker.placeholder.selectAModel\":[\"Select a model\"],\"modelPicker.row.deleteConfiguration\":[\"Delete configuration\"],\"modelPicker.row.editConfiguration\":[\"Edit configuration\"],\"modelPicker.search.placeholder\":[\"Search models\"],\"modelPicker.tag.custom.label\":[\"Custom\"],\"modelPicker.tag.deprecating.label\":[\"Deprecating \",[\"date\"]],\"modelPicker.tag.deprecating.tooltip\":[\"Will be replaced by \",[\"replacement\"]],\"modelPicker.tag.outOfRegion.label\":[\"Out of region (\",[\"geography\"],\")\"],\"modelPicker.tag.outOfRegion.tooltip\":[\"Routes traffic outside \",[\"homeRegion\"]],\"modelPicker.tag.preview.label\":[\"Preview\"],\"modelPicker.tag.recommended.label\":[\"Recommended\"],\"modelPicker.tag.recommended.tooltip\":[\"Based on evaluation runs for this product\"],\"modelPicker.tag.substituted.label\":[\"Routes to \",[\"target\"]],\"modelPicker.tag.substituted.tooltip\":[\"This model is retired. Your traffic is currently being routed to \",[\"target\"],\". Update your configuration to make this explicit.\"],\"modelPicker.useCustomModel.disabledHint\":[\"Pass onUseCustomModel or a requestContext to the picker to wire this action.\"],\"modelPicker.useCustomModel.subtitle\":[\"Bring a model from your own connection\"],\"modelPicker.useCustomModel.title\":[\"Use custom model\"]}");
30
30
  exports.messages = __webpack_exports__.messages;
31
31
  for(var __rspack_i in __webpack_exports__)if (-1 === [
32
32
  "messages"
@@ -1 +1 @@
1
- {"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../../src/material/components/ap-model-picker/locales/en.ts"],"names":[],"mappings":"AAAkB,OAAO,KAAI,EAAC,QAAQ,EAAC,MAAI,cAAc,CAAC;AAAA,eAAO,MAAM,QAAQ,EAAm0F,QAAQ,CAAC"}
1
+ {"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../../src/material/components/ap-model-picker/locales/en.ts"],"names":[],"mappings":"AAAkB,OAAO,KAAI,EAAC,QAAQ,EAAC,MAAI,cAAc,CAAC;AAAA,eAAO,MAAM,QAAQ,EAAs4F,QAAQ,CAAC"}
@@ -1,2 +1,2 @@
1
- const messages = JSON.parse("{\"modelPicker.badge.cost.tooltip\":[\"Relative cost tier for this product\"],\"modelPicker.badge.costBasic.label\":[\"Basic\"],\"modelPicker.badge.costPremium.label\":[\"Premium\"],\"modelPicker.badge.costStandard.label\":[\"Standard\"],\"modelPicker.count.many\":[[\"n\"],\" models\"],\"modelPicker.count.one\":[[\"n\"],\" model\"],\"modelPicker.empty.noMatch\":[\"No models match \\\"\",[\"query\"],\"\\\".\"],\"modelPicker.empty.noModels\":[\"No models available.\"],\"modelPicker.folderSwitcher.allFolders\":[\"All folders\"],\"modelPicker.group.allModels.label\":[\"All models\"],\"modelPicker.group.byo.hint\":[\"Models you brought via your own connections\"],\"modelPicker.group.byo.label\":[\"Custom Models (BYO)\"],\"modelPicker.group.deprecating.hint\":[\"Migrate before the usage end date\"],\"modelPicker.group.deprecating.label\":[\"Deprecating soon\"],\"modelPicker.group.more.hint\":[\"Available, not currently promoted by this product\"],\"modelPicker.group.more.label\":[\"More models\"],\"modelPicker.group.other.label\":[\"Other\"],\"modelPicker.group.preview.hint\":[\"Newer models in early access\"],\"modelPicker.group.preview.label\":[\"Preview\"],\"modelPicker.group.recommended.hint\":[\"Based on evaluation runs for this product\"],\"modelPicker.group.recommended.label\":[\"Recommended\"],\"modelPicker.groupBy.ariaLabel\":[\"Group models by\"],\"modelPicker.groupBy.category\":[\"Category\"],\"modelPicker.groupBy.provider\":[\"Provider\"],\"modelPicker.label.default\":[\"Model\"],\"modelPicker.listbox.label\":[\"Models\"],\"modelPicker.loading.label\":[\"Loading models\"],\"modelPicker.placeholder.selectAModel\":[\"Select a model\"],\"modelPicker.row.editConfiguration\":[\"Edit configuration\"],\"modelPicker.search.placeholder\":[\"Search models\"],\"modelPicker.tag.custom.label\":[\"Custom\"],\"modelPicker.tag.deprecating.label\":[\"Deprecating \",[\"date\"]],\"modelPicker.tag.deprecating.tooltip\":[\"Will be replaced by \",[\"replacement\"]],\"modelPicker.tag.outOfRegion.label\":[\"Out of region (\",[\"geography\"],\")\"],\"modelPicker.tag.outOfRegion.tooltip\":[\"Routes traffic outside \",[\"homeRegion\"]],\"modelPicker.tag.preview.label\":[\"Preview\"],\"modelPicker.tag.recommended.label\":[\"Recommended\"],\"modelPicker.tag.recommended.tooltip\":[\"Based on evaluation runs for this product\"],\"modelPicker.tag.substituted.label\":[\"Routes to \",[\"target\"]],\"modelPicker.tag.substituted.tooltip\":[\"This model is retired. Your traffic is currently being routed to \",[\"target\"],\". Update your configuration to make this explicit.\"],\"modelPicker.useCustomModel.disabledHint\":[\"Pass onUseCustomModel or a requestContext to the picker to wire this action.\"],\"modelPicker.useCustomModel.subtitle\":[\"Bring a model from your own connection\"],\"modelPicker.useCustomModel.title\":[\"Use custom model\"]}");
1
+ const messages = JSON.parse("{\"modelPicker.badge.cost.tooltip\":[\"Relative cost tier for this product\"],\"modelPicker.badge.costBasic.label\":[\"Basic\"],\"modelPicker.badge.costPremium.label\":[\"Premium\"],\"modelPicker.badge.costStandard.label\":[\"Standard\"],\"modelPicker.count.many\":[[\"n\"],\" models\"],\"modelPicker.count.one\":[[\"n\"],\" model\"],\"modelPicker.empty.noMatch\":[\"No models match \\\"\",[\"query\"],\"\\\".\"],\"modelPicker.empty.noModels\":[\"No models available.\"],\"modelPicker.folderSwitcher.allFolders\":[\"All folders\"],\"modelPicker.group.allModels.label\":[\"All models\"],\"modelPicker.group.byo.hint\":[\"Models you brought via your own connections\"],\"modelPicker.group.byo.label\":[\"Custom Models (BYO)\"],\"modelPicker.group.deprecating.hint\":[\"Migrate before the usage end date\"],\"modelPicker.group.deprecating.label\":[\"Deprecating soon\"],\"modelPicker.group.more.hint\":[\"Available, not currently promoted by this product\"],\"modelPicker.group.more.label\":[\"More models\"],\"modelPicker.group.other.label\":[\"Other\"],\"modelPicker.group.preview.hint\":[\"Newer models in early access\"],\"modelPicker.group.preview.label\":[\"Preview\"],\"modelPicker.group.recommended.hint\":[\"Based on evaluation runs for this product\"],\"modelPicker.group.recommended.label\":[\"Recommended\"],\"modelPicker.groupBy.ariaLabel\":[\"Group models by\"],\"modelPicker.groupBy.category\":[\"Category\"],\"modelPicker.groupBy.provider\":[\"Provider\"],\"modelPicker.label.default\":[\"Model\"],\"modelPicker.listbox.label\":[\"Models\"],\"modelPicker.loading.label\":[\"Loading models\"],\"modelPicker.placeholder.selectAModel\":[\"Select a model\"],\"modelPicker.row.deleteConfiguration\":[\"Delete configuration\"],\"modelPicker.row.editConfiguration\":[\"Edit configuration\"],\"modelPicker.search.placeholder\":[\"Search models\"],\"modelPicker.tag.custom.label\":[\"Custom\"],\"modelPicker.tag.deprecating.label\":[\"Deprecating \",[\"date\"]],\"modelPicker.tag.deprecating.tooltip\":[\"Will be replaced by \",[\"replacement\"]],\"modelPicker.tag.outOfRegion.label\":[\"Out of region (\",[\"geography\"],\")\"],\"modelPicker.tag.outOfRegion.tooltip\":[\"Routes traffic outside \",[\"homeRegion\"]],\"modelPicker.tag.preview.label\":[\"Preview\"],\"modelPicker.tag.recommended.label\":[\"Recommended\"],\"modelPicker.tag.recommended.tooltip\":[\"Based on evaluation runs for this product\"],\"modelPicker.tag.substituted.label\":[\"Routes to \",[\"target\"]],\"modelPicker.tag.substituted.tooltip\":[\"This model is retired. Your traffic is currently being routed to \",[\"target\"],\". Update your configuration to make this explicit.\"],\"modelPicker.useCustomModel.disabledHint\":[\"Pass onUseCustomModel or a requestContext to the picker to wire this action.\"],\"modelPicker.useCustomModel.subtitle\":[\"Bring a model from your own connection\"],\"modelPicker.useCustomModel.title\":[\"Use custom model\"]}");
2
2
  export { messages };
@@ -39,6 +39,8 @@ __webpack_require__.d(__webpack_exports__, {
39
39
  ModelOptionRow: ()=>ModelOptionRow
40
40
  });
41
41
  const jsx_runtime_namespaceObject = require("react/jsx-runtime");
42
+ const DeleteOutline_namespaceObject = require("@mui/icons-material/DeleteOutline");
43
+ var DeleteOutline_default = /*#__PURE__*/ __webpack_require__.n(DeleteOutline_namespaceObject);
42
44
  const EditOutlined_namespaceObject = require("@mui/icons-material/EditOutlined");
43
45
  var EditOutlined_default = /*#__PURE__*/ __webpack_require__.n(EditOutlined_namespaceObject);
44
46
  const Box_namespaceObject = require("@mui/material/Box");
@@ -100,6 +102,7 @@ const ModelOptionRowInner = ({ model, index, active, selected, onSelect, onActiv
100
102
  justifyContent: 'flex-start',
101
103
  textAlign: 'left',
102
104
  position: 'relative',
105
+ containerType: 'inline-size',
103
106
  boxShadow: selected ? `inset 3px 0px 0px var(--color-primary, ${apollo_core_namespaceObject.Colors.ColorBlue500})` : 'none',
104
107
  backgroundColor: selected ? `var(--color-background-selected, ${apollo_core_namespaceObject.Colors.ColorBlue050})` : active ? "var(--color-background-hover, rgba(82, 96, 105, 0.078))" : 'transparent',
105
108
  '&:hover': {
@@ -139,7 +142,17 @@ const ModelOptionRowInner = ({ model, index, active, selected, onSelect, onActiv
139
142
  }),
140
143
  inlineTags.map((t)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box_default(), {
141
144
  sx: {
142
- flexShrink: 0
145
+ flexShrink: 1,
146
+ minWidth: 0,
147
+ overflow: 'hidden',
148
+ '& .MuiChip-root': {
149
+ maxWidth: '100%'
150
+ },
151
+ '& .MuiChip-label': {
152
+ overflow: 'hidden',
153
+ textOverflow: 'ellipsis',
154
+ whiteSpace: 'nowrap'
155
+ }
143
156
  },
144
157
  children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ModelTagChip_cjs_namespaceObject.ModelTagChip, {
145
158
  tag: t,
@@ -185,7 +198,10 @@ const ModelOptionRowInner = ({ model, index, active, selected, onSelect, onActiv
185
198
  flexDirection: 'column',
186
199
  alignItems: 'flex-end',
187
200
  gap: 0.5,
188
- pt: 0.125
201
+ pt: 0.125,
202
+ '@container (max-width: 380px)': {
203
+ display: 'none'
204
+ }
189
205
  },
190
206
  onClick: (e)=>e.stopPropagation(),
191
207
  children: [
@@ -219,28 +235,51 @@ const ModelOptionRowInner = ({ model, index, active, selected, onSelect, onActiv
219
235
  const ModelOptionRow = /*#__PURE__*/ external_react_default().memo(ModelOptionRowInner);
220
236
  ModelOptionRow.displayName = 'ModelOptionRow';
221
237
  function defaultRowActions(model, options = {}) {
222
- const { i18n, onEdit } = options;
223
- if (!onEdit) return null;
238
+ const { i18n, onEdit, onDelete } = options;
239
+ if (!onEdit && !onDelete) return null;
224
240
  const isByo = 'BYOMAdded' === model.modelSubscriptionType || 'BYOMReplacedAlternative' === model.modelSubscriptionType || 'BYOMReplacedLikeForLike' === model.modelSubscriptionType;
225
241
  if (!isByo) return null;
226
242
  const editTitle = i18n ? i18n._({
227
243
  id: 'modelPicker.row.editConfiguration',
228
244
  message: 'Edit configuration'
229
245
  }) : 'Edit configuration';
230
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Tooltip_default(), {
231
- title: editTitle,
232
- arrow: true,
233
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(IconButton_default(), {
234
- size: "small",
235
- sx: {
236
- color: 'inherit'
237
- },
238
- "aria-label": editTitle,
239
- onClick: ()=>onEdit(model),
240
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(EditOutlined_default(), {
241
- fontSize: "small"
246
+ const deleteTitle = i18n ? i18n._({
247
+ id: 'modelPicker.row.deleteConfiguration',
248
+ message: 'Delete configuration'
249
+ }) : 'Delete configuration';
250
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
251
+ children: [
252
+ onEdit && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Tooltip_default(), {
253
+ title: editTitle,
254
+ arrow: true,
255
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(IconButton_default(), {
256
+ size: "small",
257
+ sx: {
258
+ color: 'inherit'
259
+ },
260
+ "aria-label": editTitle,
261
+ onClick: ()=>onEdit(model),
262
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(EditOutlined_default(), {
263
+ fontSize: "small"
264
+ })
265
+ })
266
+ }),
267
+ onDelete && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Tooltip_default(), {
268
+ title: deleteTitle,
269
+ arrow: true,
270
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(IconButton_default(), {
271
+ size: "small",
272
+ sx: {
273
+ color: 'inherit'
274
+ },
275
+ "aria-label": deleteTitle,
276
+ onClick: ()=>onDelete(model),
277
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DeleteOutline_default(), {
278
+ fontSize: "small"
279
+ })
280
+ })
242
281
  })
243
- })
282
+ ]
244
283
  });
245
284
  }
246
285
  exports.DENSE_OPTION_HEIGHT = __webpack_exports__.DENSE_OPTION_HEIGHT;
@@ -24,6 +24,7 @@ export declare const ModelOptionRow: React.NamedExoticComponent<ModelOptionRowPr
24
24
  export declare function defaultRowActions(model: DiscoveryModel, options?: {
25
25
  i18n?: PickerTranslator;
26
26
  onEdit?: (model: DiscoveryModel) => void;
27
+ onDelete?: (model: DiscoveryModel) => void;
27
28
  }): React.ReactNode;
28
29
  export { FULL_OPTION_HEIGHT, DENSE_OPTION_HEIGHT };
29
30
  //# sourceMappingURL=ModelOptionRow.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ModelOptionRow.d.ts","sourceRoot":"","sources":["../../../../../src/material/components/ap-model-picker/primitives/ModelOptionRow.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,KAAK,sBAAsB,EAAmB,MAAM,UAAU,CAAC;AAExE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,cAAc,CAAC;IAMtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAMlB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAK1C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAMrC,UAAU,CAAC,EAAE,sBAAsB,CAAC;IAMpC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAOrC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;IAK3D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;IAMxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAKhB,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAMjC,EAAE,CAAC,EAAE,MAAM,CAAC;IAGZ,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,kBAAkB,KAAK,CAAC;AAC9B,QAAA,MAAM,mBAAmB,KAAK,CAAC;AAyO/B,eAAO,MAAM,cAAc,iDAAkC,CAAC;AAiB9D,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,cAAc,EACrB,OAAO,GAAE;IAKP,IAAI,CAAC,EAAE,gBAAgB,CAAC;IAExB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CACrC,GACL,KAAK,CAAC,SAAS,CA0BjB;AAED,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,CAAC"}
1
+ {"version":3,"file":"ModelOptionRow.d.ts","sourceRoot":"","sources":["../../../../../src/material/components/ap-model-picker/primitives/ModelOptionRow.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,KAAK,sBAAsB,EAAmB,MAAM,UAAU,CAAC;AAExE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,cAAc,CAAC;IAMtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAMlB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAK1C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAMrC,UAAU,CAAC,EAAE,sBAAsB,CAAC;IAMpC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAOrC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;IAK3D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;IAMxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAKhB,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAMjC,EAAE,CAAC,EAAE,MAAM,CAAC;IAGZ,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,kBAAkB,KAAK,CAAC;AAC9B,QAAA,MAAM,mBAAmB,KAAK,CAAC;AAoQ/B,eAAO,MAAM,cAAc,iDAAkC,CAAC;AAiB9D,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,cAAc,EACrB,OAAO,GAAE;IAKP,IAAI,CAAC,EAAE,gBAAgB,CAAC;IAExB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAMzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CACvC,GACL,KAAK,CAAC,SAAS,CAgDjB;AAED,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,CAAC"}
@@ -1,4 +1,5 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
1
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
+ import DeleteOutline from "@mui/icons-material/DeleteOutline";
2
3
  import EditOutlined from "@mui/icons-material/EditOutlined";
3
4
  import Box from "@mui/material/Box";
4
5
  import ButtonBase from "@mui/material/ButtonBase";
@@ -53,6 +54,7 @@ const ModelOptionRowInner = ({ model, index, active, selected, onSelect, onActiv
53
54
  justifyContent: 'flex-start',
54
55
  textAlign: 'left',
55
56
  position: 'relative',
57
+ containerType: 'inline-size',
56
58
  boxShadow: selected ? `inset 3px 0px 0px var(--color-primary, ${Colors.ColorBlue500})` : 'none',
57
59
  backgroundColor: selected ? `var(--color-background-selected, ${Colors.ColorBlue050})` : active ? "var(--color-background-hover, rgba(82, 96, 105, 0.078))" : 'transparent',
58
60
  '&:hover': {
@@ -92,7 +94,17 @@ const ModelOptionRowInner = ({ model, index, active, selected, onSelect, onActiv
92
94
  }),
93
95
  inlineTags.map((t)=>/*#__PURE__*/ jsx(Box, {
94
96
  sx: {
95
- flexShrink: 0
97
+ flexShrink: 1,
98
+ minWidth: 0,
99
+ overflow: 'hidden',
100
+ '& .MuiChip-root': {
101
+ maxWidth: '100%'
102
+ },
103
+ '& .MuiChip-label': {
104
+ overflow: 'hidden',
105
+ textOverflow: 'ellipsis',
106
+ whiteSpace: 'nowrap'
107
+ }
96
108
  },
97
109
  children: /*#__PURE__*/ jsx(ModelTagChip, {
98
110
  tag: t,
@@ -138,7 +150,10 @@ const ModelOptionRowInner = ({ model, index, active, selected, onSelect, onActiv
138
150
  flexDirection: 'column',
139
151
  alignItems: 'flex-end',
140
152
  gap: 0.5,
141
- pt: 0.125
153
+ pt: 0.125,
154
+ '@container (max-width: 380px)': {
155
+ display: 'none'
156
+ }
142
157
  },
143
158
  onClick: (e)=>e.stopPropagation(),
144
159
  children: [
@@ -172,28 +187,51 @@ const ModelOptionRowInner = ({ model, index, active, selected, onSelect, onActiv
172
187
  const ModelOptionRow = /*#__PURE__*/ react.memo(ModelOptionRowInner);
173
188
  ModelOptionRow.displayName = 'ModelOptionRow';
174
189
  function defaultRowActions(model, options = {}) {
175
- const { i18n, onEdit } = options;
176
- if (!onEdit) return null;
190
+ const { i18n, onEdit, onDelete } = options;
191
+ if (!onEdit && !onDelete) return null;
177
192
  const isByo = 'BYOMAdded' === model.modelSubscriptionType || 'BYOMReplacedAlternative' === model.modelSubscriptionType || 'BYOMReplacedLikeForLike' === model.modelSubscriptionType;
178
193
  if (!isByo) return null;
179
194
  const editTitle = i18n ? i18n._({
180
195
  id: 'modelPicker.row.editConfiguration',
181
196
  message: 'Edit configuration'
182
197
  }) : 'Edit configuration';
183
- return /*#__PURE__*/ jsx(Tooltip, {
184
- title: editTitle,
185
- arrow: true,
186
- children: /*#__PURE__*/ jsx(IconButton, {
187
- size: "small",
188
- sx: {
189
- color: 'inherit'
190
- },
191
- "aria-label": editTitle,
192
- onClick: ()=>onEdit(model),
193
- children: /*#__PURE__*/ jsx(EditOutlined, {
194
- fontSize: "small"
198
+ const deleteTitle = i18n ? i18n._({
199
+ id: 'modelPicker.row.deleteConfiguration',
200
+ message: 'Delete configuration'
201
+ }) : 'Delete configuration';
202
+ return /*#__PURE__*/ jsxs(Fragment, {
203
+ children: [
204
+ onEdit && /*#__PURE__*/ jsx(Tooltip, {
205
+ title: editTitle,
206
+ arrow: true,
207
+ children: /*#__PURE__*/ jsx(IconButton, {
208
+ size: "small",
209
+ sx: {
210
+ color: 'inherit'
211
+ },
212
+ "aria-label": editTitle,
213
+ onClick: ()=>onEdit(model),
214
+ children: /*#__PURE__*/ jsx(EditOutlined, {
215
+ fontSize: "small"
216
+ })
217
+ })
218
+ }),
219
+ onDelete && /*#__PURE__*/ jsx(Tooltip, {
220
+ title: deleteTitle,
221
+ arrow: true,
222
+ children: /*#__PURE__*/ jsx(IconButton, {
223
+ size: "small",
224
+ sx: {
225
+ color: 'inherit'
226
+ },
227
+ "aria-label": deleteTitle,
228
+ onClick: ()=>onDelete(model),
229
+ children: /*#__PURE__*/ jsx(DeleteOutline, {
230
+ fontSize: "small"
231
+ })
232
+ })
195
233
  })
196
- })
234
+ ]
197
235
  });
198
236
  }
199
237
  export { DENSE_OPTION_HEIGHT, FULL_OPTION_HEIGHT, ModelOptionRow, defaultRowActions };
@@ -45,10 +45,12 @@ var Paper_default = /*#__PURE__*/ __webpack_require__.n(Paper_namespaceObject);
45
45
  const Popper_namespaceObject = require("@mui/material/Popper");
46
46
  var Popper_default = /*#__PURE__*/ __webpack_require__.n(Popper_namespaceObject);
47
47
  const apollo_core_namespaceObject = require("@uipath/apollo-core");
48
- const PickerPopup = ({ open, anchorEl, onClose, width, placement = 'bottom-start', zIndex = 1400, header, footer, className, 'data-testid': dataTestId, children })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Popper_default(), {
48
+ const PickerPopup = ({ open, anchorEl, onClose, width, placement = 'bottom-start', zIndex = 1400, header, footer, className, container, disablePortal, 'data-testid': dataTestId, children })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Popper_default(), {
49
49
  open: open,
50
50
  anchorEl: anchorEl,
51
51
  placement: placement,
52
+ container: container,
53
+ disablePortal: disablePortal,
52
54
  style: {
53
55
  zIndex,
54
56
  width: width ?? anchorEl?.clientWidth
@@ -1,3 +1,4 @@
1
+ import Popper from '@mui/material/Popper';
1
2
  import type React from 'react';
2
3
  export interface PickerPopupProps {
3
4
  open: boolean;
@@ -9,6 +10,8 @@ export interface PickerPopupProps {
9
10
  header?: React.ReactNode;
10
11
  footer?: React.ReactNode;
11
12
  className?: string;
13
+ container?: React.ComponentProps<typeof Popper>['container'];
14
+ disablePortal?: boolean;
12
15
  'data-testid'?: string;
13
16
  children: React.ReactNode;
14
17
  }
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"PickerPopup.d.ts","sourceRoot":"","sources":["../../../../../src/material/components/ap-model-picker/primitives/PickerPopup.tsx"],"names":[],"mappings":"AAGA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C,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;IAOnB,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;IAO7D,aAAa,CAAC,EAAE,OAAO,CAAC;IAGxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAYD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8DlD,CAAC"}
@@ -4,10 +4,12 @@ import ClickAwayListener from "@mui/material/ClickAwayListener";
4
4
  import Paper from "@mui/material/Paper";
5
5
  import Popper from "@mui/material/Popper";
6
6
  import { Colors } from "@uipath/apollo-core";
7
- const PickerPopup = ({ open, anchorEl, onClose, width, placement = 'bottom-start', zIndex = 1400, header, footer, className, 'data-testid': dataTestId, children })=>/*#__PURE__*/ jsx(Popper, {
7
+ const PickerPopup = ({ open, anchorEl, onClose, width, placement = 'bottom-start', zIndex = 1400, header, footer, className, container, disablePortal, 'data-testid': dataTestId, children })=>/*#__PURE__*/ jsx(Popper, {
8
8
  open: open,
9
9
  anchorEl: anchorEl,
10
10
  placement: placement,
11
+ container: container,
12
+ disablePortal: disablePortal,
11
13
  style: {
12
14
  zIndex,
13
15
  width: width ?? anchorEl?.clientWidth