@box/metadata-editor 2.4.24 → 2.5.0

package/dist/chunks/metadata-instance-entry.js

@@ -1 +1 @@
-import messages from"../esm/lib/messages.js";import{EVENT_NAMES}from"../esm/lib/utils/analytics/events.js";import{useMetadataEditorAnalytics}from"../esm/lib/utils/analytics/analytics-context.js";import{convertISOStringToUTCDate}from"../esm/lib/utils/convertDate.js";import{getConfidenceScoreTooltip}from"../esm/lib/utils/confidence-score/get-confidence-score-tooltip.js";import{isConfidenceScoreNeedingReview}from"../esm/lib/utils/confidence-score/is-confidence-score-needing-review.js";import{t as interactive_text_module_default}from"./interactive-text.module.js";import{checkIfHasBoundingBoxes}from"../esm/lib/utils/check-if-has-bounding-boxes.js";import{t as shared_field_styles_module_default}from"./shared-field-styles.module.js";import messages$1 from"../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/messages.js";import{MetadataEntryDisplay}from"../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/metadata-entry-display.js";import{useRef}from"react";import{FormattedDate,useIntl}from"react-intl";import{Focusable}from"@ariakit/react";import{jsx,jsxs}from"react/jsx-runtime";import clsx from"clsx";import{Status,Text,Tooltip,useIsEllipsized}from"@box/blueprint-web";import{AlertCircle}from"@box/blueprint-web-assets/icons/Medium";import '../styles/metadata-instance-entry.css';var metadata_instance_entry_module_default={metadataInstanceEntry:`_metadataInstanceEntry_1ygbk_1`,name:`_name_1ygbk_6`,nameText:`_nameText_1ygbk_13`,labelContainer:`_labelContainer_1ygbk_21`,nameLabel:`_nameLabel_1ygbk_28`,confidenceScoreIcon:`_confidenceScoreIcon_1ygbk_43`},MetadataInstanceEntry=({description,isSelected,name,onClick,shouldHideEmptyValues,type,value,taxonomyNodeFetcher,taxonomyKey,scope,isExternallyOwned,confidenceScore,isConfidenceScoreReviewEnabled=!1,isBoundingBoxEnabled=!1,targetLocation})=>{let intl=useIntl(),{trackEvent}=useMetadataEditorAnalytics(),nameEllipsisRef=useRef(null),isNameEllipsized=useIsEllipsized(nameEllipsisRef),nameTextRef=node=>{nameEllipsisRef.current=node instanceof HTMLElement?node:null},isBoundingBoxOrConfidenceScoreReviewEnabled=isBoundingBoxEnabled||isConfidenceScoreReviewEnabled,isLowConfidenceScore=isConfidenceScoreReviewEnabled&&!!confidenceScore&&isConfidenceScoreNeedingReview(confidenceScore),hasBoundingBoxes=checkIfHasBoundingBoxes(targetLocation),isClickable=isBoundingBoxOrConfidenceScoreReviewEnabled&&hasBoundingBoxes&&!!onClick,confidenceScoreTooltipText=isLowConfidenceScore?getConfidenceScoreTooltip(intl.formatMessage,confidenceScore):null,handleLowConfIconHover=()=>trackEvent(EVENT_NAMES.LOW_CONF_ICON_HOVER_READ_MODE,{fieldType:type,confidenceLevel:confidenceScore?.level,scope}),formattedValue=typeof value==`number`?value.toString():value?Array.isArray(value)?value.join(`, `):type===`date`&&typeof value==`string`?jsx(FormattedDate,{day:`numeric`,month:`long`,value:convertISOStringToUTCDate(value),year:`numeric`}):value:null,clickableFieldProps={"data-metadata-field":!0,"data-target-id":`Button-metadataEditorFieldReadClick`,"data-testid":`metadata-field`,onClick,onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),e.stopPropagation(),onClick?.())},role:`button`,tabIndex:0};if(shouldHideEmptyValues&&!formattedValue)return null;let nameTooltipContent=(()=>{if(description)return isNameEllipsized?jsxs(`div`,{children:[jsx(`div`,{children:name}),jsx(`div`,{children:description})]}):description;if(isNameEllipsized)return name})(),nameText=jsx(`h5`,{className:metadata_instance_entry_module_default.name,children:jsx(Text,{ref:nameTextRef,as:`span`,className:clsx(metadata_instance_entry_module_default.nameText,description&&interactive_text_module_default.interactiveTextHint),color:`textOnLightSecondary`,variant:`bodyDefaultBold`,children:name})}),content=jsxs(`div`,{className:clsx(metadata_instance_entry_module_default.metadataInstanceEntry,isBoundingBoxOrConfidenceScoreReviewEnabled&&shared_field_styles_module_default.spacious,isClickable&&shared_field_styles_module_default.clickableField,isClickable&&isSelected&&shared_field_styles_module_default.selectedField),...isClickable&&clickableFieldProps,children:[jsxs(`div`,{className:metadata_instance_entry_module_default.labelContainer,children:[confidenceScoreTooltipText&&jsx(Tooltip,{content:confidenceScoreTooltipText,children:jsx(`span`,{className:metadata_instance_entry_module_default.confidenceScoreIcon,children:jsx(Status,{"data-target-id":`Status-metadataInstanceEntryConfidenceScoreIcon`,color:`SurfaceStatusSurfaceGray`,hideText:!0,icon:AlertCircle,interactive:!0,text:intl.formatMessage(messages$1.confidenceScoreIconAriaLabel),onMouseEnter:handleLowConfIconHover})})}),jsx(`div`,{className:metadata_instance_entry_module_default.nameLabel,children:nameTooltipContent?jsx(Tooltip,{content:nameTooltipContent,children:jsx(Focusable,{render:nameText})}):nameText})]}),jsx(MetadataEntryDisplay,{formattedValue,isExternallyOwned,scope,taxonomyKey,taxonomyNodeFetcher,type,value})]});return isClickable?jsx(Tooltip,{content:intl.formatMessage(messages.viewOnDocument),children:content}):content};export{MetadataInstanceEntry as t};
+import messages from"../esm/lib/messages.js";import{EVENT_NAMES}from"../esm/lib/utils/analytics/events.js";import{useMetadataEditorAnalytics}from"../esm/lib/utils/analytics/analytics-context.js";import{convertISOStringToUTCDate}from"../esm/lib/utils/convertDate.js";import{getConfidenceScoreTooltip}from"../esm/lib/utils/confidence-score/get-confidence-score-tooltip.js";import{isConfidenceScoreNeedingReview}from"../esm/lib/utils/confidence-score/is-confidence-score-needing-review.js";import{t as interactive_text_module_default}from"./interactive-text.module.js";import{checkIfHasBoundingBoxes}from"../esm/lib/utils/check-if-has-bounding-boxes.js";import{t as shared_field_styles_module_default}from"./shared-field-styles.module.js";import messages$1 from"../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/messages.js";import{MetadataEntryDisplay}from"../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/metadata-entry-display.js";import{useRef}from"react";import{FormattedDate,useIntl}from"react-intl";import{Focusable}from"@ariakit/react";import{jsx,jsxs}from"react/jsx-runtime";import clsx from"clsx";import{Status,Text,Tooltip,useIsEllipsized}from"@box/blueprint-web";import{AlertCircle}from"@box/blueprint-web-assets/icons/Medium";import '../styles/metadata-instance-entry.css';var metadata_instance_entry_module_default={metadataInstanceEntry:`_metadataInstanceEntry_1ygbk_1`,name:`_name_1ygbk_6`,nameText:`_nameText_1ygbk_13`,labelContainer:`_labelContainer_1ygbk_21`,nameLabel:`_nameLabel_1ygbk_28`,confidenceScoreIcon:`_confidenceScoreIcon_1ygbk_43`},MetadataInstanceEntry=({description,isSelected,name,onClick,shouldHideEmptyValues,type,value,taxonomyNodeFetcher,taxonomyKey,scope,isExternallyOwned,confidenceScore,isConfidenceScoreReviewEnabled=!1,isBoundingBoxEnabled=!1,targetLocation})=>{let intl=useIntl(),{trackEvent}=useMetadataEditorAnalytics(),nameEllipsisRef=useRef(null),isNameEllipsized=useIsEllipsized(nameEllipsisRef),nameTextRef=node=>{nameEllipsisRef.current=node instanceof HTMLElement?node:null},isBoundingBoxOrConfidenceScoreReviewEnabled=isBoundingBoxEnabled||isConfidenceScoreReviewEnabled,isLowConfidenceScore=isConfidenceScoreReviewEnabled&&!!confidenceScore&&isConfidenceScoreNeedingReview(confidenceScore),hasBoundingBoxes=checkIfHasBoundingBoxes(targetLocation),isClickable=isBoundingBoxOrConfidenceScoreReviewEnabled&&hasBoundingBoxes&&!!onClick,confidenceScoreTooltipText=isLowConfidenceScore?getConfidenceScoreTooltip(intl.formatMessage,confidenceScore):null,handleLowConfIconHover=()=>trackEvent(EVENT_NAMES.LOW_CONF_ICON_HOVER_READ_MODE,{fieldType:type,confidenceLevel:confidenceScore?.level,scope}),formattedValue=typeof value==`number`?value.toString():value?type===`user`&&Array.isArray(value)?value.length===0?null:value.map(user=>user.name).join(`, `):Array.isArray(value)?value.join(`, `):type===`date`&&typeof value==`string`?jsx(FormattedDate,{day:`numeric`,month:`long`,value:convertISOStringToUTCDate(value),year:`numeric`}):value:null,clickableFieldProps={"data-metadata-field":!0,"data-target-id":`Button-metadataEditorFieldReadClick`,"data-testid":`metadata-field`,onClick,onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),e.stopPropagation(),onClick?.())},role:`button`,tabIndex:0};if(shouldHideEmptyValues&&!formattedValue)return null;let nameTooltipContent=(()=>{if(description)return isNameEllipsized?jsxs(`div`,{children:[jsx(`div`,{children:name}),jsx(`div`,{children:description})]}):description;if(isNameEllipsized)return name})(),nameText=jsx(`h5`,{className:metadata_instance_entry_module_default.name,children:jsx(Text,{ref:nameTextRef,as:`span`,className:clsx(metadata_instance_entry_module_default.nameText,description&&interactive_text_module_default.interactiveTextHint),color:`textOnLightSecondary`,variant:`bodyDefaultBold`,children:name})}),content=jsxs(`div`,{className:clsx(metadata_instance_entry_module_default.metadataInstanceEntry,isBoundingBoxOrConfidenceScoreReviewEnabled&&shared_field_styles_module_default.spacious,isClickable&&shared_field_styles_module_default.clickableField,isClickable&&isSelected&&shared_field_styles_module_default.selectedField),...isClickable&&clickableFieldProps,children:[jsxs(`div`,{className:metadata_instance_entry_module_default.labelContainer,children:[confidenceScoreTooltipText&&jsx(Tooltip,{content:confidenceScoreTooltipText,children:jsx(`span`,{className:metadata_instance_entry_module_default.confidenceScoreIcon,children:jsx(Status,{"data-target-id":`Status-metadataInstanceEntryConfidenceScoreIcon`,color:`SurfaceStatusSurfaceGray`,hideText:!0,icon:AlertCircle,interactive:!0,text:intl.formatMessage(messages$1.confidenceScoreIconAriaLabel),onMouseEnter:handleLowConfIconHover})})}),jsx(`div`,{className:metadata_instance_entry_module_default.nameLabel,children:nameTooltipContent?jsx(Tooltip,{content:nameTooltipContent,children:jsx(Focusable,{render:nameText})}):nameText})]}),jsx(MetadataEntryDisplay,{formattedValue,isExternallyOwned,scope,taxonomyKey,taxonomyNodeFetcher,type,value})]});return isClickable?jsx(Tooltip,{content:intl.formatMessage(messages.viewOnDocument),children:content}):content};export{MetadataInstanceEntry as t};

package/package.json

@@ -1,15 +1,15 @@
 {
     "name": "@box/metadata-editor",
-    "version": "2.4.24",
+    "version": "2.5.0",
     "peerDependencies": {
         "@ariakit/react": "0.4.21",
         "@box/blueprint-web": "^16.20.6",
         "@box/blueprint-web-assets": "^5.7.13",
         "@box/box-ai-agent-selector": "^2.2.22",
-        "@box/combobox-with-api": "^2.2.23",
+        "@box/combobox-with-api": "^2.2.24",
         "@box/metadata-taxonomy-picker": "^3.3.5",
         "@box/metadata-template-browser": "^2.3.3",
-        "@box/user-selector": "^2.2.23",
+        "@box/user-selector": "^3.0.0",
         "formik": "^2.0.3",
         "lodash": "^4.17.15",
         "react": "^17.0.0 || ^18.0.0",
@@ -24,7 +24,7 @@
         "@box/box-ai-agent-selector": "^2.2.22",
         "@box/metadata-taxonomy-picker": "^3.3.5",
         "@box/storybook-utils": "^1.2.22",
-        "@box/user-selector": "^2.2.23",
+        "@box/user-selector": "^3.0.0",
         "@testing-library/react": "^15.0.6",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",