@atlaskit/rovo-agent-selector 3.0.5 → 3.1.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/rovo-agent-selector
 
+## 3.1.0
+
+### Minor Changes
+
+- [`2b54f728c22c4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2b54f728c22c4) -
+  [ux] Adds isDisabled prop to RovoAgentSelector (jsm_help_center_use_rovo_chat_default_agent gate)
+
 ## 3.0.5
 
 ### Patch Changes

package/dist/cjs/ui/rovo-agent-selector/index.js

@@ -16,11 +16,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _rovoAgentSelector_AtlaskitRovoAgentSelector2 = _interopRequireDefault(require("./__generated__/rovoAgentSelector_AtlaskitRovoAgentSelector.graphql"));
 var _reactIntl = require("react-intl");
 var _reactRelay = require("react-relay");
-var _form = require("@atlaskit/form");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _default = require("@atlaskit/form/label/default");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _AgentAvatar = require("@atlaskit/rovo-agent-components/ui/AgentAvatar");
-var _select = _interopRequireDefault(require("@atlaskit/select"));
+var _default2 = _interopRequireDefault(require("@atlaskit/select/default"));
 var _useSuspenselessRefetch = require("../../common/utils/use-suspenseless-refetch");
 var _rovoAgentSelectorInternal_AtlaskitRovoAgentSelectorPaginationQuery = _interopRequireDefault(require("./__generated__/rovoAgentSelectorInternal_AtlaskitRovoAgentSelectorPaginationQuery.graphql"));
 var _messages = _interopRequireDefault(require("./messages"));
@@ -56,10 +56,12 @@ function RovoAgentSelector(_ref) {
     cloudId = _ref.cloudId,
     selectedAgent = _ref.selectedAgent,
     onChange = _ref.onChange,
-    isLoadingOverride = _ref.isLoading;
+    isLoadingOverride = _ref.isLoading,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var isFeatureEnabled = isFeatureEnabledOverride !== null && isFeatureEnabledOverride !== void 0 ? isFeatureEnabledOverride : (0, _platformFeatureFlags.fg)('jsm_help_center_one-click_rovo_agent');
+  var isFeatureEnabled = isFeatureEnabledOverride !== null && isFeatureEnabledOverride !== void 0 ? isFeatureEnabledOverride : (0, _fg.fg)('jsm_help_center_one-click_rovo_agent');
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     setSearchInput = _useState2[1];
@@ -82,7 +84,7 @@ function RovoAgentSelector(_ref) {
         value: (_agent$id = agent === null || agent === void 0 ? void 0 : agent.id) !== null && _agent$id !== void 0 ? _agent$id : '',
         externalConfigReference: (_agent$externalConfig = agent === null || agent === void 0 ? void 0 : agent.externalConfigReference) !== null && _agent$externalConfig !== void 0 ? _agent$externalConfig : undefined,
         identityAccountId: (_agent$identityAccoun = agent === null || agent === void 0 ? void 0 : agent.identityAccountId) !== null && _agent$identityAccoun !== void 0 ? _agent$identityAccoun : undefined,
-        isForgeAgent: (0, _platformFeatureFlags.fg)('rovo_agent_support_a2a_avatar') ? (agent === null || agent === void 0 ? void 0 : agent.creatorType) === 'THIRD_PARTY' || (agent === null || agent === void 0 ? void 0 : agent.creatorType) === 'FORGE' || (agent === null || agent === void 0 ? void 0 : agent.creatorType) === 'REMOTE_A2A' : (agent === null || agent === void 0 ? void 0 : agent.creatorType) === 'FORGE'
+        isForgeAgent: (0, _fg.fg)('rovo_agent_support_a2a_avatar') ? (agent === null || agent === void 0 ? void 0 : agent.creatorType) === 'THIRD_PARTY' || (agent === null || agent === void 0 ? void 0 : agent.creatorType) === 'FORGE' || (agent === null || agent === void 0 ? void 0 : agent.creatorType) === 'REMOTE_A2A' : (agent === null || agent === void 0 ? void 0 : agent.creatorType) === 'FORGE'
       };
     }).filter(function (option) {
       return option.label;
@@ -123,11 +125,11 @@ function RovoAgentSelector(_ref) {
     testId: testId
   }, /*#__PURE__*/React.createElement(_compiled.Stack, {
     space: "space.050"
-  }, /*#__PURE__*/React.createElement(_form.Label, {
+  }, /*#__PURE__*/React.createElement(_default.Label, {
     htmlFor: AGENT_SELECT_ID
   }, /*#__PURE__*/React.createElement(_compiled.Text, {
     weight: "semibold"
-  }, formatMessage(_messages.default.selectorLabel))), /*#__PURE__*/React.createElement(_select.default, {
+  }, formatMessage(_messages.default.selectorLabel))), /*#__PURE__*/React.createElement(_default2.default, {
     inputId: AGENT_SELECT_ID,
     placeholder: formatMessage(_messages.default.rovoAgentPlaceholder),
     options: agentOptions,
@@ -143,6 +145,7 @@ function RovoAgentSelector(_ref) {
     } // Disabled filtering in component since options are cached and filtered in relay store
     ,
     isLoading: isLoading,
+    isDisabled: isDisabled,
     onMenuScrollToBottom: handleMenuScrollToBottom,
     formatOptionLabel: function formatOptionLabel(_ref2) {
       var label = _ref2.label,

package/dist/es2019/ui/rovo-agent-selector/index.js

@@ -5,11 +5,11 @@ import _rovoAgentSelector_AtlaskitRovoAgentSelector from "./__generated__/rovoAg
 import { useCallback, useMemo, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
 import { graphql, usePaginationFragment } from 'react-relay';
-import { Label } from '@atlaskit/form';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { Label } from '@atlaskit/form/label/default';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
 import { AgentAvatar } from '@atlaskit/rovo-agent-components/ui/AgentAvatar';
-import Select from '@atlaskit/select';
+import Select from '@atlaskit/select/default';
 import { useSuspenselessRefetch } from '../../common/utils/use-suspenseless-refetch';
 import rovoAgentSelectorInternal_AtlaskitRovoAgentSelectorPaginationQueryNode from './__generated__/rovoAgentSelectorInternal_AtlaskitRovoAgentSelectorPaginationQuery.graphql';
 import messages from './messages';
@@ -38,7 +38,8 @@ export function RovoAgentSelector({
   cloudId,
   selectedAgent,
   onChange,
-  isLoading: isLoadingOverride
+  isLoading: isLoadingOverride,
+  isDisabled = false
 }) {
   var _data$agentStudio_get4;
   const {
@@ -115,6 +116,7 @@ export function RovoAgentSelector({
     filterOption: () => true // Disabled filtering in component since options are cached and filtered in relay store
     ,
     isLoading: isLoading,
+    isDisabled: isDisabled,
     onMenuScrollToBottom: handleMenuScrollToBottom,
     formatOptionLabel: ({
       label,

package/dist/esm/ui/rovo-agent-selector/index.js

@@ -9,11 +9,11 @@ import _rovoAgentSelector_AtlaskitRovoAgentSelector from "./__generated__/rovoAg
 import { useCallback, useMemo, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
 import { graphql, usePaginationFragment } from 'react-relay';
-import { Label } from '@atlaskit/form';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { Label } from '@atlaskit/form/label/default';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
 import { AgentAvatar } from '@atlaskit/rovo-agent-components/ui/AgentAvatar';
-import Select from '@atlaskit/select';
+import Select from '@atlaskit/select/default';
 import { useSuspenselessRefetch } from '../../common/utils/use-suspenseless-refetch';
 import rovoAgentSelectorInternal_AtlaskitRovoAgentSelectorPaginationQueryNode from './__generated__/rovoAgentSelectorInternal_AtlaskitRovoAgentSelectorPaginationQuery.graphql';
 import messages from './messages';
@@ -46,7 +46,9 @@ export function RovoAgentSelector(_ref) {
     cloudId = _ref.cloudId,
     selectedAgent = _ref.selectedAgent,
     onChange = _ref.onChange,
-    isLoadingOverride = _ref.isLoading;
+    isLoadingOverride = _ref.isLoading,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var isFeatureEnabled = isFeatureEnabledOverride !== null && isFeatureEnabledOverride !== void 0 ? isFeatureEnabledOverride : fg('jsm_help_center_one-click_rovo_agent');
@@ -133,6 +135,7 @@ export function RovoAgentSelector(_ref) {
     } // Disabled filtering in component since options are cached and filtered in relay store
     ,
     isLoading: isLoading,
+    isDisabled: isDisabled,
     onMenuScrollToBottom: handleMenuScrollToBottom,
     formatOptionLabel: function formatOptionLabel(_ref2) {
       var label = _ref2.label,

package/dist/types/ui/rovo-agent-selector/index.d.ts

@@ -4,4 +4,4 @@
  */
 import type { RovoAgentSelectorProps } from './types';
 export declare const AGENT_SELECT_ID = "rovo-agent-select";
-export declare function RovoAgentSelector({ testId, isFeatureEnabled: isFeatureEnabledOverride, fragmentReference, cloudId, selectedAgent, onChange, isLoading: isLoadingOverride, }: RovoAgentSelectorProps): JSX.Element | null;
+export declare function RovoAgentSelector({ testId, isFeatureEnabled: isFeatureEnabledOverride, fragmentReference, cloudId, selectedAgent, onChange, isLoading: isLoadingOverride, isDisabled, }: RovoAgentSelectorProps): JSX.Element | null;

package/dist/types/ui/rovo-agent-selector/types.d.ts

@@ -38,4 +38,10 @@ export interface RovoAgentSelectorProps {
      * Whether the selector is in a loading state
      */
     isLoading?: boolean;
+    /**
+     * Whether the selector is disabled. The current selection stays visible but
+     * cannot be changed, and the control is removed from the tab order. Use this
+     * when another setting temporarily takes precedence over the selected agent.
+     */
+    isDisabled?: boolean;
 }

package/package.json

@@ -16,14 +16,14 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/css": "^1.0.0",
-		"@atlaskit/form": "^17.0.0",
-		"@atlaskit/platform-feature-flags": "^2.1.0",
-		"@atlaskit/primitives": "^22.2.0",
-		"@atlaskit/rovo-agent-components": "^8.3.0",
-		"@atlaskit/select": "^22.6.0",
+		"@atlaskit/css": "^1.1.0",
+		"@atlaskit/form": "^17.2.0",
+		"@atlaskit/platform-feature-flags": "^2.2.0",
+		"@atlaskit/primitives": "^22.5.0",
+		"@atlaskit/rovo-agent-components": "^8.9.0",
+		"@atlaskit/select": "^22.11.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^1.0.0",
+		"@compiled/react": "^1.0.2",
 		"react-relay": "^20.1.1",
 		"relay-runtime": "^20.1.1"
 	},
@@ -82,7 +82,7 @@
 		}
 	},
 	"name": "@atlaskit/rovo-agent-selector",
-	"version": "3.0.5",
+	"version": "3.1.0",
 	"description": "rovo agent selector",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",

package/rovo-agent-selector.docs.tsx

@@ -1,39 +0,0 @@
-import path from 'path';
-
-import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
-
-import packageJson from './package.json';
-
-const packagePath = path.resolve(__dirname);
-
-const documentation: StructuredContentSource = {
-	components: [
-		{
-			name: 'RovoAgentSelector',
-			description: 'A component that allows users to select a Rovo agent from a list.',
-			status: 'general-availability',
-			import: {
-				name: 'RovoAgentSelector',
-				package: '@atlaskit/rovo-agent-selector',
-				type: 'named',
-				packagePath,
-				packageJson,
-			},
-			usageGuidelines: [
-				'Use RovoAgentSelector to allow users to choose which Rovo agent to interact with.',
-				'Typically used in chat or assistance contexts.',
-			],
-			examples: [
-				{
-					name: 'Basic',
-					description: 'Standard Rovo agent selector display.',
-					source: path.resolve(packagePath, './examples/basic.tsx'),
-				},
-			],
-			keywords: ['rovo', 'agent', 'selector', 'ai', 'assistance'],
-			categories: ['interaction'],
-		},
-	],
-};
-
-export default documentation;