@box/metadata-editor 2.10.9 → 2.10.11
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.
- package/dist/chunks/ai-suggestion-field.js +1 -1
- package/dist/chunks/field-action-bar.module.js +1 -1
- package/dist/chunks/metadata-instance-form-card-wrapper.js +1 -1
- package/dist/esm/lib/components/metadata-editor-fields/components/low-confidence-suggestion-field/low-confidence-suggestion-field.js +1 -1
- package/dist/styles/field-action-bar.css +1 -1
- package/dist/styles/metadata-instance-form-card-wrapper.css +1 -1
- package/package.json +14 -14
|
@@ -1 +1 @@
|
|
|
1
|
-
import{EVENT_NAMES}from"../esm/lib/utils/analytics/events.js";import{useMetadataEditorAnalytics}from"../esm/lib/utils/analytics/analytics-context.js";import{n as ConfidenceLevel}from"./types.js";import{t as field_action_bar_module_default}from"./field-action-bar.module.js";import messages_default from"../esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/messages.js";import{formatSuggestionValue}from"../esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/utils.js";import{useEffect,useRef}from"react";import{FormattedMessage,useIntl}from"react-intl";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import clsx from"clsx";import{DropdownMenu,IconButton,Text}from"@box/blueprint-web";import{Checkmark,Ellipsis}from"@box/blueprint-web-assets/icons/Fill";import '../styles/ai-suggestion-field.css';var ai_suggestion_field_module_default={wrapper:`_wrapper_132y2_1`,selectTrigger:`_selectTrigger_132y2_1`};function AiSuggestionField({aiSuggestion,onAiSuggestionAppend,onAiSuggestionReplace,onAiSuggestionIgnore,type,isSameValue,confidenceLevel}){let intl=useIntl(),{trackEvent}=useMetadataEditorAnalytics(),hasTrackedShownRef=useRef(!1);useEffect(()=>{hasTrackedShownRef.current||aiSuggestion==null||!trackEvent||(hasTrackedShownRef.current=!0,trackEvent(EVENT_NAMES.AI_SUGGESTION_SHOWN,{fieldType:type,confidenceLevel,isSameValue}))},[aiSuggestion,confidenceLevel,isSameValue,type,trackEvent]);let confidenceLevelMessage=confidenceLevel===ConfidenceLevel.High?messages_default.confidenceLevelHigh:messages_default.confidenceLevelLow,captionLevel=confidenceLevel?intl.formatMessage(confidenceLevelMessage):void 0;return jsx(`div`,{className:field_action_bar_module_default.wrapperGradient,
|
|
1
|
+
import{EVENT_NAMES}from"../esm/lib/utils/analytics/events.js";import{useMetadataEditorAnalytics}from"../esm/lib/utils/analytics/analytics-context.js";import{n as ConfidenceLevel}from"./types.js";import{t as field_action_bar_module_default}from"./field-action-bar.module.js";import messages_default from"../esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/messages.js";import{formatSuggestionValue}from"../esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/utils.js";import{useEffect,useRef}from"react";import{FormattedMessage,useIntl}from"react-intl";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import clsx from"clsx";import{DropdownMenu,IconButton,Text}from"@box/blueprint-web";import{Checkmark,Ellipsis}from"@box/blueprint-web-assets/icons/Fill";import '../styles/ai-suggestion-field.css';var ai_suggestion_field_module_default={wrapper:`_wrapper_132y2_1`,selectTrigger:`_selectTrigger_132y2_1`};function AiSuggestionField({aiSuggestion,onAiSuggestionAppend,onAiSuggestionReplace,onAiSuggestionIgnore,type,isSameValue,confidenceLevel}){let intl=useIntl(),{trackEvent}=useMetadataEditorAnalytics(),hasTrackedShownRef=useRef(!1);useEffect(()=>{hasTrackedShownRef.current||aiSuggestion==null||!trackEvent||(hasTrackedShownRef.current=!0,trackEvent(EVENT_NAMES.AI_SUGGESTION_SHOWN,{fieldType:type,confidenceLevel,isSameValue}))},[aiSuggestion,confidenceLevel,isSameValue,type,trackEvent]);let confidenceLevelMessage=confidenceLevel===ConfidenceLevel.High?messages_default.confidenceLevelHigh:messages_default.confidenceLevelLow,captionLevel=confidenceLevel?intl.formatMessage(confidenceLevelMessage):void 0;return jsx(`div`,{className:field_action_bar_module_default.wrapperGradient,children:jsx(`div`,{className:clsx(field_action_bar_module_default.wrapper,ai_suggestion_field_module_default.wrapper),children:isSameValue?jsxs(Fragment,{children:[jsx(Text,{as:`p`,color:`textOnLightSecondary`,variant:`caption`,children:confidenceLevel?intl.formatMessage(messages_default.sameValueAiSuggestionCaptionWithLevel,{level:captionLevel}):intl.formatMessage(messages_default.sameValueAiSuggestionCaption)}),jsx(`div`,{className:field_action_bar_module_default.buttons,children:jsx(IconButton,{"aria-label":confidenceLevel?intl.formatMessage(messages_default.aiSuggestionAccept):intl.formatMessage(messages_default.aiSuggestionConfirm),"data-target-id":confidenceLevel?`IconButton-aiSuggestionAccept`:`IconButton-aiSuggestionConfirmSame`,icon:Checkmark,onClick:confidenceLevel?onAiSuggestionReplace:onAiSuggestionIgnore,size:`x-small`})})]}):jsxs(Fragment,{children:[jsxs(`div`,{children:[jsx(Text,{as:`p`,color:`textOnLightSecondary`,variant:`caption`,children:confidenceLevel?intl.formatMessage(messages_default.aiSuggestionCaptionWithLevel,{level:captionLevel}):intl.formatMessage(messages_default.aiSuggestionCaption)}),jsx(Text,{as:`p`,children:formatSuggestionValue(aiSuggestion,{type,locale:intl.locale})})]}),jsxs(`div`,{className:field_action_bar_module_default.buttons,children:[jsx(IconButton,{"aria-label":intl.formatMessage(type===`multiSelect`?messages_default.aiSuggestionAppend:messages_default.aiSuggestionClearAndReplace),"data-target-id":type===`multiSelect`?`IconButton-aiSuggestionAppend`:`IconButton-aiSuggestionClearAndReplace`,icon:Checkmark,onClick:type===`multiSelect`?onAiSuggestionAppend:onAiSuggestionReplace,size:`x-small`}),jsxs(DropdownMenu.Root,{children:[jsx(DropdownMenu.Trigger,{className:ai_suggestion_field_module_default.selectTrigger,children:jsx(IconButton,{"aria-label":intl.formatMessage(messages_default.aiSuggestionOptions),"data-target-id":`IconButton-aiSuggestionOptions`,icon:Ellipsis})}),jsxs(DropdownMenu.Content,{children:[type===`multiSelect`&&jsx(DropdownMenu.Item,{"data-target-id":`DropdownMenu.Item-aiSuggestionAppend`,onSelect:onAiSuggestionAppend,children:jsx(FormattedMessage,{...messages_default.aiSuggestionAppend})}),jsx(DropdownMenu.Item,{"data-target-id":`DropdownMenu.Item-metadataAiSuggestionClearAndReplace`,onSelect:onAiSuggestionReplace,children:jsx(FormattedMessage,{...messages_default.aiSuggestionClearAndReplace})}),jsx(DropdownMenu.Separator,{}),jsx(DropdownMenu.Item,{"data-target-id":`DropdownMenu.Item-metadataAiSuggestionIgnore`,onSelect:onAiSuggestionIgnore,children:jsx(FormattedMessage,{...messages_default.aiSuggestionIgnore})})]})]})]})]})})})}export{AiSuggestionField as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '../styles/field-action-bar.css';var field_action_bar_module_default={wrapperGradient:`
|
|
1
|
+
import '../styles/field-action-bar.css';var field_action_bar_module_default={wrapperGradient:`_wrapperGradient_9y818_1`,wrapper:`_wrapper_9y818_1`,buttons:`_buttons_9y818_20`,loader:`_loader_9y818_25`};export{field_action_bar_module_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{TEMPLATE_CUSTOM_PROPERTIES}from"../esm/lib/constants.js";import{t as MetadataInstanceFormAiDisclaimer}from"./metadata-instance-form-ai-disclaimer.js";import{t as MetadataInstanceFormFooter}from"./metadata-instance-form-footer.js";import{t as MetadataInstanceFormHeader}from"./metadata-instance-form-header.js";import{jsx,jsxs}from"react/jsx-runtime";import clsx from"clsx";import{Card}from"@box/blueprint-web";import '../styles/metadata-instance-form-card-wrapper.css';var metadata_instance_form_module_default={metadataInstanceForm:`
|
|
1
|
+
import{TEMPLATE_CUSTOM_PROPERTIES}from"../esm/lib/constants.js";import{t as MetadataInstanceFormAiDisclaimer}from"./metadata-instance-form-ai-disclaimer.js";import{t as MetadataInstanceFormFooter}from"./metadata-instance-form-footer.js";import{t as MetadataInstanceFormHeader}from"./metadata-instance-form-header.js";import{jsx,jsxs}from"react/jsx-runtime";import clsx from"clsx";import{Card}from"@box/blueprint-web";import '../styles/metadata-instance-form-card-wrapper.css';var metadata_instance_form_module_default={metadataInstanceForm:`_metadataInstanceForm_10ifw_1`,wrapperGradient:`_wrapperGradient_10ifw_7`,suggestionsFetching:`_suggestionsFetching_10ifw_12`,metadataInstanceFormContent:`_metadataInstanceFormContent_10ifw_18`,metadataInstanceFormContentReducedGap:`_metadataInstanceFormContentReducedGap_10ifw_25`,showOverlay:`_showOverlay_10ifw_29`},MetadataInstanceFormCardWrapper=props=>{let{areAiSuggestionsAvailable,children,className,formRef,formValues,isAdvancedExtractAgentEnabled=!1,isAiSuggestionsFeatureEnabled,isBetaLanguageEnabled,isConfidenceScoreReviewEnabled=!1,isBoundingBoxEnabled=!1,isLargeFile=!1,isDeleteButtonDisabled,onToggleReviewFilter,shouldShowOnlyReviewFields=!1,suggestions,isFetchingSuggestions,isFormDirty=!1,selectedTemplateInstance,getAiSuggestions,handleCancel,handleDelete}=props,isCustomMetadata=selectedTemplateInstance?.templateKey===TEMPLATE_CUSTOM_PROPERTIES,hasSuggestions=!!suggestions[selectedTemplateInstance?.templateKey],isBoundingBoxOrConfidenceScoreReviewEnabled=isConfidenceScoreReviewEnabled||isBoundingBoxEnabled;return jsx(`div`,{className:isFetchingSuggestions&&metadata_instance_form_module_default.wrapperGradient,children:jsxs(Card,{ref:formRef,className:clsx(className,{[metadata_instance_form_module_default.suggestionsFetching]:isFetchingSuggestions}),children:[jsx(MetadataInstanceFormHeader,{areAiSuggestionsAvailable,hasSuggestions,isAdvancedExtractAgentEnabled,isAiSuggestionsFeatureEnabled:isAiSuggestionsFeatureEnabled&&!isCustomMetadata,isBetaLanguageEnabled,isConfidenceScoreReviewEnabled,isLargeFile,isLoading:isFetchingSuggestions,onAutofill:getAiSuggestions,onToggleReviewFilter,shouldShowOnlyReviewFields,templateName:selectedTemplateInstance?.displayName}),selectedTemplateInstance&&children,jsx(MetadataInstanceFormAiDisclaimer,{isLoading:isFetchingSuggestions,isBoundingBoxOrConfidenceScoreReviewEnabled,fields:formValues.metadata?.fields??[]}),jsx(MetadataInstanceFormFooter,{isDeleteButtonDisabled,isLoading:isFetchingSuggestions,onCancel:()=>handleCancel(isFormDirty),onDelete:handleDelete})]})})};export{metadata_instance_form_module_default as n,MetadataInstanceFormCardWrapper as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as field_action_bar_module_default}from"../../../../../../chunks/field-action-bar.module.js";import messages_default from"./messages.js";import{useEffect,useRef,useState}from"react";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{IconButton,LoadingIndicator,Text,Tooltip}from"@box/blueprint-web";import{Checkmark,XMark}from"@box/blueprint-web-assets/icons/Medium";var REVIEW_ACTION_DELAY_MS=800;function LowConfidenceSuggestionField({onAccept,onClear}){let intl=useIntl(),[isLoading,setIsLoading]=useState(!1),timerRef=useRef(void 0);useEffect(()=>()=>clearTimeout(timerRef.current),[]);let withLoader=action=>{clearTimeout(timerRef.current),setIsLoading(!0);try{action()}finally{timerRef.current=setTimeout(()=>{setIsLoading(!1)},REVIEW_ACTION_DELAY_MS)}};return jsx(`div`,{className:field_action_bar_module_default.wrapperGradient,
|
|
1
|
+
import{t as field_action_bar_module_default}from"../../../../../../chunks/field-action-bar.module.js";import messages_default from"./messages.js";import{useEffect,useRef,useState}from"react";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{IconButton,LoadingIndicator,Text,Tooltip}from"@box/blueprint-web";import{Checkmark,XMark}from"@box/blueprint-web-assets/icons/Medium";var REVIEW_ACTION_DELAY_MS=800;function LowConfidenceSuggestionField({onAccept,onClear}){let intl=useIntl(),[isLoading,setIsLoading]=useState(!1),timerRef=useRef(void 0);useEffect(()=>()=>clearTimeout(timerRef.current),[]);let withLoader=action=>{clearTimeout(timerRef.current),setIsLoading(!0);try{action()}finally{timerRef.current=setTimeout(()=>{setIsLoading(!1)},REVIEW_ACTION_DELAY_MS)}};return jsx(`div`,{className:field_action_bar_module_default.wrapperGradient,children:jsxs(`div`,{className:field_action_bar_module_default.wrapper,children:[jsxs(`div`,{children:[jsx(Text,{as:`p`,color:`textOnLightSecondary`,variant:`caption`,children:intl.formatMessage(messages_default.needsReview)}),jsx(Text,{as:`p`,color:`textOnLightDefault`,variant:`bodySmallSemibold`,children:intl.formatMessage(messages_default.description)})]}),isLoading?jsx(`div`,{className:field_action_bar_module_default.loader,children:jsx(LoadingIndicator,{"aria-label":intl.formatMessage(messages_default.reviewActionLoadingAriaLabel),size:`small`})}):jsxs(`div`,{className:field_action_bar_module_default.buttons,children:[jsx(Tooltip,{content:intl.formatMessage(messages_default.acceptValueTooltip),children:jsx(IconButton,{"aria-label":intl.formatMessage(messages_default.acceptValueAriaLabel),"data-target-id":`IconButton-metadataEditorLowConfAccept`,icon:Checkmark,onClick:()=>withLoader(onAccept),size:`x-small`})}),jsx(Tooltip,{content:intl.formatMessage(messages_default.clearValueTooltip),children:jsx(IconButton,{"aria-label":intl.formatMessage(messages_default.clearValueAriaLabel),"data-target-id":`IconButton-metadataEditorLowConfClear`,icon:XMark,onClick:()=>withLoader(onClear),size:`x-small`})})]})]})})}export{LowConfidenceSuggestionField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._wrapperGradient_9y818_1{border-radius:0 0 var(--bp-radius-06) var(--bp-radius-06);background:linear-gradient(135deg,#fe03dc 0%,#2784fa 100%)}._wrapper_9y818_1{box-sizing:border-box;padding:var(--space-2) var(--space-3);background:var(--box-blue-02);border:var(--border-1) solid transparent;border-radius:inherit;-webkit-user-select:none;user-select:none;background-clip:padding-box;justify-content:space-between;align-items:center;display:flex;position:relative}._buttons_9y818_20{gap:var(--space-1);display:flex}._loader_9y818_25{min-width:var(--bp-size-060);min-height:var(--bp-size-060);justify-content:center;align-items:center;display:flex;position:relative}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._metadataInstanceForm_10ifw_1{gap:var(--space-3);flex-direction:column;display:flex}._wrapperGradient_10ifw_7{border-radius:var(--bp-radius-10);background:linear-gradient(135deg,#fe03dc 0%,#2784fa 100%)}._suggestionsFetching_10ifw_12{background:var(--box-blue-02);border:var(--border-1) solid transparent;background-clip:padding-box}._metadataInstanceFormContent_10ifw_18{gap:var(--space-3);flex-direction:column;display:flex;position:relative}._metadataInstanceFormContentReducedGap_10ifw_25{gap:.375rem}._showOverlay_10ifw_29{min-height:172px}
|
package/package.json
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/metadata-editor",
|
|
3
|
-
"version": "2.10.
|
|
3
|
+
"version": "2.10.11",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@ariakit/react": "0.4.21",
|
|
6
|
-
"@box/blueprint-web": "^17.22.
|
|
7
|
-
"@box/blueprint-web-assets": "^5.11.
|
|
8
|
-
"@box/box-ai-agent-selector": "^2.3.
|
|
9
|
-
"@box/combobox-with-api": "^2.3.
|
|
10
|
-
"@box/metadata-taxonomy-picker": "^3.4.
|
|
11
|
-
"@box/metadata-template-browser": "^3.0.
|
|
12
|
-
"@box/user-selector": "^3.1.
|
|
6
|
+
"@box/blueprint-web": "^17.22.2",
|
|
7
|
+
"@box/blueprint-web-assets": "^5.11.11",
|
|
8
|
+
"@box/box-ai-agent-selector": "^2.3.11",
|
|
9
|
+
"@box/combobox-with-api": "^2.3.11",
|
|
10
|
+
"@box/metadata-taxonomy-picker": "^3.4.12",
|
|
11
|
+
"@box/metadata-template-browser": "^3.0.5",
|
|
12
|
+
"@box/user-selector": "^3.1.11",
|
|
13
13
|
"formik": "^2.0.3",
|
|
14
14
|
"lodash": "^4.17.15",
|
|
15
15
|
"react": "^17.0.0 || ^18.0.0",
|
|
@@ -19,12 +19,12 @@
|
|
|
19
19
|
"devDependencies": {
|
|
20
20
|
"@ariakit/react": "0.4.21",
|
|
21
21
|
"@box/babel-plugin-target-attributes": "2.2.27",
|
|
22
|
-
"@box/blueprint-web": "^17.22.
|
|
23
|
-
"@box/blueprint-web-assets": "^5.11.
|
|
24
|
-
"@box/box-ai-agent-selector": "^2.3.
|
|
25
|
-
"@box/metadata-taxonomy-picker": "^3.4.
|
|
26
|
-
"@box/storybook-utils": "^1.4.
|
|
27
|
-
"@box/user-selector": "^3.1.
|
|
22
|
+
"@box/blueprint-web": "^17.22.2",
|
|
23
|
+
"@box/blueprint-web-assets": "^5.11.11",
|
|
24
|
+
"@box/box-ai-agent-selector": "^2.3.11",
|
|
25
|
+
"@box/metadata-taxonomy-picker": "^3.4.12",
|
|
26
|
+
"@box/storybook-utils": "^1.4.6",
|
|
27
|
+
"@box/user-selector": "^3.1.11",
|
|
28
28
|
"@testing-library/react": "^15.0.6",
|
|
29
29
|
"react": "^18.3.0",
|
|
30
30
|
"react-dom": "^18.3.0",
|