@box/metadata-taxonomy-picker 3.1.37 → 3.1.38
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{messages}from"../esm/lib/components/taxonomy-items-list/load-more-feedback/messages.js";import{useEffect}from"react";import{useIntl}from"react-intl";import{InlineNotice,Text,TextButton}from"@box/blueprint-web";import{Loader}from"@box/blueprint-web-assets/icons/Fill";import{jsx,jsxs}from"react/jsx-runtime";import{AlertCircle}from"@box/blueprint-web-assets/icons/Medium";import{bpIconIconErrorOnColor}from"@box/blueprint-web-assets/tokens/tokens";import '../styles/load-more-error-row.css';var load_more_error_row_module_default={container:`_container_1sz1a_1`,errorText:`_errorText_1sz1a_11`,reloadButton:`_reloadButton_1sz1a_16`};function LoadMoreErrorRow({onRetry}){let{formatMessage}=useIntl();return useEffect(()=>{let previouslyFocused=document.activeElement,wasInsideListbox=previouslyFocused?.closest(`[role="listbox"]`)!=null;return()=>{wasInsideListbox&&previouslyFocused&&document.body.contains(previouslyFocused)&&previouslyFocused.focus({preventScroll:!0})}},[]),jsxs(`div`,{"aria-live":`polite`,className:load_more_error_row_module_default.container,role:`status`,children:[jsx(InlineNotice,{icon:()=>jsx(AlertCircle,{
|
|
1
|
+
import{messages}from"../esm/lib/components/taxonomy-items-list/load-more-feedback/messages.js";import{useEffect}from"react";import{useIntl}from"react-intl";import{InlineNotice,Text,TextButton}from"@box/blueprint-web";import{Loader}from"@box/blueprint-web-assets/icons/Fill";import{jsx,jsxs}from"react/jsx-runtime";import{AlertCircle}from"@box/blueprint-web-assets/icons/Medium";import{bpIconIconErrorOnColor,bpSize050}from"@box/blueprint-web-assets/tokens/tokens";import '../styles/load-more-error-row.css';var load_more_error_row_module_default={container:`_container_1sz1a_1`,errorText:`_errorText_1sz1a_11`,reloadButton:`_reloadButton_1sz1a_16`};function LoadMoreErrorRow({onRetry}){let{formatMessage}=useIntl();return useEffect(()=>{let previouslyFocused=document.activeElement,wasInsideListbox=previouslyFocused?.closest(`[role="listbox"]`)!=null;return()=>{wasInsideListbox&&previouslyFocused&&document.body.contains(previouslyFocused)&&previouslyFocused.focus({preventScroll:!0})}},[]),jsxs(`div`,{"aria-live":`polite`,className:load_more_error_row_module_default.container,role:`status`,children:[jsx(InlineNotice,{icon:()=>jsx(AlertCircle,{color:bpIconIconErrorOnColor,height:bpSize050,width:bpSize050}),variant:`error`,variantIconAriaLabel:formatMessage(messages.errorNoticeIconAriaLabel),children:jsx(Text,{as:`span`,className:load_more_error_row_module_default.errorText,color:`textOnLightError`,variant:`bodyDefault`,children:formatMessage(messages.errorNoticeText)})}),jsx(`div`,{className:load_more_error_row_module_default.reloadButton,children:jsx(TextButton,{"data-testid":`reload-button`,icon:Loader,onClick:onRetry,type:`button`,children:formatMessage(messages.reloadButtonLabel)})})]})}export{LoadMoreErrorRow as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{BREADCRUMB_ROOT_ID}from"../esm/lib/constants.js";import{useTaxonomyPickerController}from"../esm/lib/hooks/use-taxonomy-picker-controller.js";import{t as TaxonomyItemsList}from"./taxonomy-items-list.js";import{t as TaxonomyLevelFilter}from"./taxonomy-level-filter.js";import{messages}from"../esm/lib/components/metadata-taxonomy-picker-shell/messages.js";import{forwardRef,useCallback,useEffect,useId,useLayoutEffect,useMemo,useRef,useState}from"react";import clsx from"clsx";import{useIntl}from"react-intl";import{Breadcrumb,ChipsGroup,IconButton,InputChip,Popover,Text,useForkRef}from"@box/blueprint-web";import{Search,XMark}from"@box/blueprint-web-assets/icons/Fill";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/metadata-taxonomy-picker-shell.css';var TaxonomyPickerMode=function(TaxonomyPickerMode){return TaxonomyPickerMode.SingleLevel=`single-level`,TaxonomyPickerMode.MultiLevel=`multi-level`,TaxonomyPickerMode}({}),metadata_taxonomy_picker_shell_module_default={container:`_container_nitxb_1`,label:`_label_nitxb_8`,trigger:`_trigger_nitxb_12`,searchInput:`_searchInput_nitxb_30`,chips:`_chips_nitxb_42`,searchIcon:`_searchIcon_nitxb_79`,popover:`_popover_nitxb_88`,clearButton:`_clearButton_nitxb_96`,breadcrumbContainer:`_breadcrumbContainer_nitxb_100`};function getLatestSelectableLevel(levels){let latest=null;for(let level of levels)level.selectable!==!1&&(latest===null||level.level>latest)&&(latest=level.level);return latest}var EMPTY_LEVELS=[];function resolvePortalContainer(portalElement){if(portalElement!=null)return(typeof portalElement==`function`?portalElement():portalElement)??void 0}var MetadataTaxonomyPickerShell=forwardRef(function({itemsService,eventService,levels=EMPTY_LEVELS,mode,multiSelect,value,onValueChange,placeholder,disabled=!1,label,containerClassName,portalElement},forwardedRef){let{formatMessage}=useIntl(),inputId=useId(),listboxId=`${inputId}-listbox`,inputRef=useRef(null),mergedInputRef=useForkRef(inputRef,forwardedRef),triggerRef=useRef(null),listRef=useRef(null),[popoverContentElement,setPopoverContentElement]=useState(null),savedScrollTopRef=useRef(0),wasSearchModeRef=useRef(!1),portalContainer=resolvePortalContainer(portalElement),isSingleLevelMode=mode===TaxonomyPickerMode.SingleLevel,{state,isOpen,handleOpenChange,handleInputValueChange,actions}=useTaxonomyPickerController(itemsService,levels,eventService),{items,levelStack}=state,{drillDown,navigateBack,loadMore,setSearchScopeOverride}=actions,isSearchMode=state.searchInputValue!==``,latestSelectableLevel=useMemo(()=>getLatestSelectableLevel(state.availableLevels),[state.availableLevels]);useEffect(()=>{setSearchScopeOverride(isSingleLevelMode&&latestSelectableLevel!==null?{parentId:null,levelFilter:latestSelectableLevel}:void 0)},[isSingleLevelMode,latestSelectableLevel,setSearchScopeOverride]);let[inputDisplayValue,setInputDisplayValue]=useState(``),isComposingRef=useRef(!1),handleCompositionStart=useCallback(()=>{isComposingRef.current=!0},[]),handleCompositionEnd=useCallback(e=>{isComposingRef.current=!1,handleInputValueChange(e.target.value)},[handleInputValueChange]);useLayoutEffect(()=>{isComposingRef.current?state.searchInputValue===``&&(isComposingRef.current=!1,setInputDisplayValue(``)):setInputDisplayValue(state.searchInputValue)},[state.searchInputValue]),useLayoutEffect(()=>{let rafId;return!isSearchMode&&wasSearchModeRef.current&&(rafId=requestAnimationFrame(()=>{listRef.current?.scrollTo(savedScrollTopRef.current)})),wasSearchModeRef.current=isSearchMode,()=>{rafId!==void 0&&cancelAnimationFrame(rafId)}},[isSearchMode]);let selectedIds=useMemo(()=>new Set(value.map(v=>v.id)),[value]),singleSelectValue=useMemo(()=>!multiSelect&&value.length===1?value[0].id:``,[multiSelect,value]),handleSelect=useCallback((id,closeAfterSelect=!0)=>{let node=items.find(n=>n.id===id);if(!node||!node.selectable)return;let newValue={id:node.id,displayName:node.displayName,level:node.level,ancestors:node.ancestors};multiSelect?onValueChange(selectedIds.has(id)?value.filter(v=>v.id!==id):[...value,newValue]):(onValueChange([newValue]),closeAfterSelect&&handleOpenChange(!1))},[items,multiSelect,selectedIds,value,onValueChange,handleOpenChange]),handleSearchSelect=useCallback((id,closeOnSelection=!0)=>{let result=state.searchResults.find(r=>r.id===id);if(!result||!result.selectable)return;let newValue={id:result.id,displayName:result.displayName,level:result.level,ancestors:result.ancestors};multiSelect?onValueChange(selectedIds.has(id)?value.filter(v=>v.id!==id):[...value,newValue]):(onValueChange([newValue]),closeOnSelection!==!1&&handleOpenChange(!1))},[state.searchResults,multiSelect,selectedIds,value,onValueChange,handleOpenChange]),handleSearchDrillDown=useCallback(id=>{let result=state.searchResults.find(r=>r.id===id);result&&actions.drillDown({id:result.id,displayName:result.displayName,ancestors:result.ancestors})},[state.searchResults,actions]),handleDrillDown=useCallback(id=>{let node=state.items.find(n=>n.id===id);node&&drillDown({id:node.id,displayName:node.displayName})},[state.items,drillDown]),computeShowDrillDown=useCallback(node=>!(!node.hasChildren||isSingleLevelMode&&latestSelectableLevel!==null&&node.level>=latestSelectableLevel),[isSingleLevelMode,latestSelectableLevel]),menuItems=useMemo(()=>items.map(node=>({id:node.id,displayName:node.displayName,selectable:node.selectable,multiSelect,isSelected:selectedIds.has(node.id),showDrillDown:computeShowDrillDown(node),ancestors:node.ancestors,onSelect:handleSelect,onDrillDown:handleDrillDown})),[items,multiSelect,selectedIds,computeShowDrillDown,handleSelect,handleDrillDown]),breadcrumbCrumbs=useMemo(()=>levelStack.length===0?[]:[{id:BREADCRUMB_ROOT_ID,name:formatMessage(messages.breadcrumbRootLabel)},...levelStack.map(entry=>({id:entry.id,name:entry.displayName}))],[levelStack,formatMessage]),handleBreadcrumbClick=useCallback(crumbId=>{navigateBack(crumbId===`__breadcrumb_root__`?null:crumbId)},[navigateBack]),showLevelFilter=!isSingleLevelMode&&isSearchMode&&state.availableLevels.length>1,searchMenuItems=useMemo(()=>state.searchResults.map(result=>({id:result.id,displayName:result.displayName,selectable:result.selectable,multiSelect,isSelected:selectedIds.has(result.id),showDrillDown:computeShowDrillDown(result),ancestors:result.ancestors,onSelect:handleSearchSelect,onDrillDown:handleSearchDrillDown})),[state.searchResults,multiSelect,selectedIds,computeShowDrillDown,handleSearchSelect,handleSearchDrillDown]),handleContainerClick=useCallback(event=>{event.target===event.currentTarget&&inputRef.current?.focus()},[inputRef]),hasValues=value.length>0,placeholderText=placeholder??formatMessage(messages.placeholder),handleTriggerMouseDown=e=>{!disabled&&e.target===e.currentTarget&&(e.preventDefault(),inputRef.current?.focus())},handleInputFocus=()=>{!disabled&&!isOpen&&handleOpenChange(!0)},handleClearSingleSelect=useCallback(()=>{disabled||(onValueChange([]),handleInputValueChange(``))},[disabled,onValueChange,handleInputValueChange]),handleInputChange=e=>{!isSearchMode&&e.target.value&&(savedScrollTopRef.current=listRef.current?.getScrollTop()??0),setInputDisplayValue(e.target.value),isComposingRef.current||handleInputValueChange(e.target.value)},handleRemoveValue=removed=>{disabled||onValueChange(value.filter(v=>v.id!==removed.id))};return jsxs(Popover.Root,{modal:!1,onOpenChange:handleOpenChange,open:isOpen,children:[jsx(Popover.Anchor,{children:jsxs(`div`,{className:clsx(metadata_taxonomy_picker_shell_module_default.container,containerClassName),children:[label&&jsx(Text,{as:`label`,className:metadata_taxonomy_picker_shell_module_default.label,htmlFor:inputId,variant:`bodyDefaultBold`,children:label}),jsxs(`div`,{className:metadata_taxonomy_picker_shell_module_default.trigger,"data-disabled":disabled,onMouseDown:handleTriggerMouseDown,ref:triggerRef,children:[multiSelect&&hasValues&&jsx(ChipsGroup,{className:metadata_taxonomy_picker_shell_module_default.chips,onClick:handleContainerClick,children:value.map(v=>jsx(InputChip,{label:v.displayName,onDelete:()=>handleRemoveValue(v),tabIndex:disabled?-1:void 0},v.id))}),!multiSelect&&hasValues&&jsx(InputChip,{label:value[0].displayName,tabIndex:disabled?-1:void 0}),jsx(`input`,{"aria-controls":listboxId,"aria-expanded":isOpen,"aria-haspopup":`listbox`,className:metadata_taxonomy_picker_shell_module_default.searchInput,disabled,id:inputId,onChange:handleInputChange,onCompositionStart:handleCompositionStart,onCompositionEnd:handleCompositionEnd,onFocus:handleInputFocus,placeholder:hasValues?void 0:placeholderText,ref:mergedInputRef,role:`combobox`,type:`text`,value:inputDisplayValue}),!multiSelect&&hasValues&&jsx(IconButton,{"aria-label":formatMessage(messages.clearAriaLabel),className:metadata_taxonomy_picker_shell_module_default.clearButton,icon:XMark,size:`x-small`,tabIndex:disabled?-1:void 0,onClick:handleClearSingleSelect}),jsx(Search,{"aria-hidden":`true`,className:metadata_taxonomy_picker_shell_module_default.searchIcon,role:`presentation`})]})]})}),jsxs(Popover.ContentContainer,{align:`start`,className:metadata_taxonomy_picker_shell_module_default.popover,container:portalContainer,onInteractOutside:e=>{triggerRef.current?.contains(e.target)&&e.preventDefault()},onOpenAutoFocus:e=>e.preventDefault(),ref:setPopoverContentElement,children:[breadcrumbCrumbs.length>0&&!isSearchMode&&jsx(`div`,{className:metadata_taxonomy_picker_shell_module_default.breadcrumbContainer,children:jsx(Breadcrumb,{breadcrumbAriaLabel:formatMessage(messages.breadcrumbAriaLabel),crumbs:breadcrumbCrumbs,onPageLinkClick:handleBreadcrumbClick,rootIconVariant:`taxonomy`,isInteractive:!disabled,isResponsiveEnabled:!1,size:`small`,truncatedLinksIconAriaLabel:formatMessage(messages.breadcrumbTruncatedLinksLabel),truncationMethod:`folder-tree`})}),showLevelFilter&&jsx(TaxonomyLevelFilter,{availableLevels:levels,container:popoverContentElement,levelFilter:state.levelFilter,onLevelFilterChange:actions.setLevelFilter}),jsx(TaxonomyItemsList,{error:isSearchMode?state.searchError:state.initialLoadError,estimatedRowHeight:isSearchMode?44:void 0,hasMore:isSearchMode?state.searchNextMarker!==void 0:state.itemsNextMarker!==void 0,hasVariableRowHeight:isSearchMode,isFetching:isSearchMode?state.isFetchingSearch:state.isFetching,isFetchingMore:isSearchMode?state.isFetchingSearchMore:state.isFetchingMore,isSearchMode,items:isSearchMode?searchMenuItems:menuItems,listboxId,loadMoreError:isSearchMode?state.searchLoadMoreError:state.loadMoreError,multiSelect,onFocusExit:()=>inputRef.current?.focus(),onLoadMore:isSearchMode?actions.searchLoadMore:loadMore,onRetry:actions.retry,ref:listRef,selectedValue:singleSelectValue})]})]})});export{TaxonomyPickerMode as n,MetadataTaxonomyPickerShell as t};
|
|
1
|
+
import{BREADCRUMB_ROOT_ID}from"../esm/lib/constants.js";import{useTaxonomyPickerController}from"../esm/lib/hooks/use-taxonomy-picker-controller.js";import{t as TaxonomyItemsList}from"./taxonomy-items-list.js";import{t as TaxonomyLevelFilter}from"./taxonomy-level-filter.js";import{messages}from"../esm/lib/components/metadata-taxonomy-picker-shell/messages.js";import{forwardRef,useCallback,useEffect,useId,useLayoutEffect,useMemo,useRef,useState}from"react";import clsx from"clsx";import{useIntl}from"react-intl";import{Breadcrumb,ChipsGroup,IconButton,InputChip,Popover,Text,useForkRef}from"@box/blueprint-web";import{Search,XMark}from"@box/blueprint-web-assets/icons/Fill";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/metadata-taxonomy-picker-shell.css';var TaxonomyPickerMode=function(TaxonomyPickerMode){return TaxonomyPickerMode.SingleLevel=`single-level`,TaxonomyPickerMode.MultiLevel=`multi-level`,TaxonomyPickerMode}({}),metadata_taxonomy_picker_shell_module_default={container:`_container_1un2o_27`,label:`_label_1un2o_34`,trigger:`_trigger_1un2o_38`,searchInput:`_searchInput_1un2o_55`,chips:`_chips_1un2o_67`,searchIcon:`_searchIcon_1un2o_117`,popover:`_popover_1un2o_126`,clearButton:`_clearButton_1un2o_134`,breadcrumbContainer:`_breadcrumbContainer_1un2o_138`};function getLatestSelectableLevel(levels){let latest=null;for(let level of levels)level.selectable!==!1&&(latest===null||level.level>latest)&&(latest=level.level);return latest}var EMPTY_LEVELS=[];function resolvePortalContainer(portalElement){if(portalElement!=null)return(typeof portalElement==`function`?portalElement():portalElement)??void 0}var MetadataTaxonomyPickerShell=forwardRef(function({itemsService,eventService,levels=EMPTY_LEVELS,mode,multiSelect,value,onValueChange,placeholder,disabled=!1,label,containerClassName,portalElement},forwardedRef){let{formatMessage}=useIntl(),inputId=useId(),listboxId=`${inputId}-listbox`,inputRef=useRef(null),mergedInputRef=useForkRef(inputRef,forwardedRef),triggerRef=useRef(null),listRef=useRef(null),[popoverContentElement,setPopoverContentElement]=useState(null),savedScrollTopRef=useRef(0),wasSearchModeRef=useRef(!1),portalContainer=resolvePortalContainer(portalElement),isSingleLevelMode=mode===TaxonomyPickerMode.SingleLevel,{state,isOpen,handleOpenChange,handleInputValueChange,actions}=useTaxonomyPickerController(itemsService,levels,eventService),{items,levelStack}=state,{drillDown,navigateBack,loadMore,setSearchScopeOverride}=actions,isSearchMode=state.searchInputValue!==``,latestSelectableLevel=useMemo(()=>getLatestSelectableLevel(state.availableLevels),[state.availableLevels]);useEffect(()=>{setSearchScopeOverride(isSingleLevelMode&&latestSelectableLevel!==null?{parentId:null,levelFilter:latestSelectableLevel}:void 0)},[isSingleLevelMode,latestSelectableLevel,setSearchScopeOverride]);let[inputDisplayValue,setInputDisplayValue]=useState(``),isComposingRef=useRef(!1),handleCompositionStart=useCallback(()=>{isComposingRef.current=!0},[]),handleCompositionEnd=useCallback(e=>{isComposingRef.current=!1,handleInputValueChange(e.target.value)},[handleInputValueChange]);useLayoutEffect(()=>{isComposingRef.current?state.searchInputValue===``&&(isComposingRef.current=!1,setInputDisplayValue(``)):setInputDisplayValue(state.searchInputValue)},[state.searchInputValue]),useLayoutEffect(()=>{let rafId;return!isSearchMode&&wasSearchModeRef.current&&(rafId=requestAnimationFrame(()=>{listRef.current?.scrollTo(savedScrollTopRef.current)})),wasSearchModeRef.current=isSearchMode,()=>{rafId!==void 0&&cancelAnimationFrame(rafId)}},[isSearchMode]);let selectedIds=useMemo(()=>new Set(value.map(v=>v.id)),[value]),singleSelectValue=useMemo(()=>!multiSelect&&value.length===1?value[0].id:``,[multiSelect,value]),handleSelect=useCallback((id,closeAfterSelect=!0)=>{let node=items.find(n=>n.id===id);if(!node||!node.selectable)return;let newValue={id:node.id,displayName:node.displayName,level:node.level,ancestors:node.ancestors};multiSelect?onValueChange(selectedIds.has(id)?value.filter(v=>v.id!==id):[...value,newValue]):(onValueChange([newValue]),closeAfterSelect&&handleOpenChange(!1))},[items,multiSelect,selectedIds,value,onValueChange,handleOpenChange]),handleSearchSelect=useCallback((id,closeOnSelection=!0)=>{let result=state.searchResults.find(r=>r.id===id);if(!result||!result.selectable)return;let newValue={id:result.id,displayName:result.displayName,level:result.level,ancestors:result.ancestors};multiSelect?onValueChange(selectedIds.has(id)?value.filter(v=>v.id!==id):[...value,newValue]):(onValueChange([newValue]),closeOnSelection!==!1&&handleOpenChange(!1))},[state.searchResults,multiSelect,selectedIds,value,onValueChange,handleOpenChange]),handleSearchDrillDown=useCallback(id=>{let result=state.searchResults.find(r=>r.id===id);result&&actions.drillDown({id:result.id,displayName:result.displayName,ancestors:result.ancestors})},[state.searchResults,actions]),handleDrillDown=useCallback(id=>{let node=state.items.find(n=>n.id===id);node&&drillDown({id:node.id,displayName:node.displayName})},[state.items,drillDown]),computeShowDrillDown=useCallback(node=>!(!node.hasChildren||isSingleLevelMode&&latestSelectableLevel!==null&&node.level>=latestSelectableLevel),[isSingleLevelMode,latestSelectableLevel]),menuItems=useMemo(()=>items.map(node=>({id:node.id,displayName:node.displayName,selectable:node.selectable,multiSelect,isSelected:selectedIds.has(node.id),showDrillDown:computeShowDrillDown(node),ancestors:node.ancestors,onSelect:handleSelect,onDrillDown:handleDrillDown})),[items,multiSelect,selectedIds,computeShowDrillDown,handleSelect,handleDrillDown]),breadcrumbCrumbs=useMemo(()=>levelStack.length===0?[]:[{id:BREADCRUMB_ROOT_ID,name:formatMessage(messages.breadcrumbRootLabel)},...levelStack.map(entry=>({id:entry.id,name:entry.displayName}))],[levelStack,formatMessage]),handleBreadcrumbClick=useCallback(crumbId=>{navigateBack(crumbId===`__breadcrumb_root__`?null:crumbId)},[navigateBack]),showLevelFilter=!isSingleLevelMode&&isSearchMode&&state.availableLevels.length>1,searchMenuItems=useMemo(()=>state.searchResults.map(result=>({id:result.id,displayName:result.displayName,selectable:result.selectable,multiSelect,isSelected:selectedIds.has(result.id),showDrillDown:computeShowDrillDown(result),ancestors:result.ancestors,onSelect:handleSearchSelect,onDrillDown:handleSearchDrillDown})),[state.searchResults,multiSelect,selectedIds,computeShowDrillDown,handleSearchSelect,handleSearchDrillDown]),handleContainerClick=useCallback(event=>{event.target===event.currentTarget&&inputRef.current?.focus()},[inputRef]),hasValues=value.length>0,placeholderText=placeholder??formatMessage(messages.placeholder),handleTriggerMouseDown=e=>{!disabled&&e.target===e.currentTarget&&(e.preventDefault(),inputRef.current?.focus())},handleInputFocus=()=>{!disabled&&!isOpen&&handleOpenChange(!0)},handleClearSingleSelect=useCallback(()=>{disabled||(onValueChange([]),handleInputValueChange(``))},[disabled,onValueChange,handleInputValueChange]),handleInputChange=e=>{!isSearchMode&&e.target.value&&(savedScrollTopRef.current=listRef.current?.getScrollTop()??0),setInputDisplayValue(e.target.value),isComposingRef.current||handleInputValueChange(e.target.value)},handleRemoveValue=removed=>{disabled||onValueChange(value.filter(v=>v.id!==removed.id))};return jsxs(Popover.Root,{modal:!1,onOpenChange:handleOpenChange,open:isOpen,children:[jsx(Popover.Anchor,{children:jsxs(`div`,{className:clsx(metadata_taxonomy_picker_shell_module_default.container,containerClassName),children:[label&&jsx(Text,{as:`label`,className:metadata_taxonomy_picker_shell_module_default.label,htmlFor:inputId,variant:`bodyDefaultBold`,children:label}),jsxs(`div`,{className:metadata_taxonomy_picker_shell_module_default.trigger,"data-disabled":disabled,onMouseDown:handleTriggerMouseDown,ref:triggerRef,children:[multiSelect&&hasValues&&jsx(ChipsGroup,{className:metadata_taxonomy_picker_shell_module_default.chips,onClick:handleContainerClick,children:value.map(v=>jsx(InputChip,{label:v.displayName,onDelete:()=>handleRemoveValue(v),tabIndex:disabled?-1:void 0},v.id))}),!multiSelect&&hasValues&&jsx(InputChip,{label:value[0].displayName,tabIndex:disabled?-1:void 0}),jsx(`input`,{"aria-controls":listboxId,"aria-expanded":isOpen,"aria-haspopup":`listbox`,className:metadata_taxonomy_picker_shell_module_default.searchInput,disabled,id:inputId,onChange:handleInputChange,onCompositionStart:handleCompositionStart,onCompositionEnd:handleCompositionEnd,onFocus:handleInputFocus,placeholder:hasValues?void 0:placeholderText,ref:mergedInputRef,role:`combobox`,type:`text`,value:inputDisplayValue}),!multiSelect&&hasValues&&jsx(IconButton,{"aria-label":formatMessage(messages.clearAriaLabel),className:metadata_taxonomy_picker_shell_module_default.clearButton,icon:XMark,size:`x-small`,tabIndex:disabled?-1:void 0,onClick:handleClearSingleSelect}),jsx(Search,{"aria-hidden":`true`,className:metadata_taxonomy_picker_shell_module_default.searchIcon,role:`presentation`})]})]})}),jsxs(Popover.ContentContainer,{align:`start`,className:metadata_taxonomy_picker_shell_module_default.popover,container:portalContainer,onInteractOutside:e=>{triggerRef.current?.contains(e.target)&&e.preventDefault()},onOpenAutoFocus:e=>e.preventDefault(),ref:setPopoverContentElement,children:[breadcrumbCrumbs.length>0&&!isSearchMode&&jsx(`div`,{className:metadata_taxonomy_picker_shell_module_default.breadcrumbContainer,children:jsx(Breadcrumb,{breadcrumbAriaLabel:formatMessage(messages.breadcrumbAriaLabel),crumbs:breadcrumbCrumbs,onPageLinkClick:handleBreadcrumbClick,rootIconVariant:`taxonomy`,isInteractive:!disabled,isResponsiveEnabled:!1,size:`small`,truncatedLinksIconAriaLabel:formatMessage(messages.breadcrumbTruncatedLinksLabel),truncationMethod:`folder-tree`})}),showLevelFilter&&jsx(TaxonomyLevelFilter,{availableLevels:levels,container:popoverContentElement,levelFilter:state.levelFilter,onLevelFilterChange:actions.setLevelFilter}),jsx(TaxonomyItemsList,{error:isSearchMode?state.searchError:state.initialLoadError,estimatedRowHeight:isSearchMode?44:void 0,hasMore:isSearchMode?state.searchNextMarker!==void 0:state.itemsNextMarker!==void 0,hasVariableRowHeight:isSearchMode,isFetching:isSearchMode?state.isFetchingSearch:state.isFetching,isFetchingMore:isSearchMode?state.isFetchingSearchMore:state.isFetchingMore,isSearchMode,items:isSearchMode?searchMenuItems:menuItems,listboxId,loadMoreError:isSearchMode?state.searchLoadMoreError:state.loadMoreError,multiSelect,onFocusExit:()=>inputRef.current?.focus(),onLoadMore:isSearchMode?actions.searchLoadMore:loadMore,onRetry:actions.retry,ref:listRef,selectedValue:singleSelectValue})]})]})});export{TaxonomyPickerMode as n,MetadataTaxonomyPickerShell as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1un2o_27{gap:var(--bp-space-020,.5rem);flex-direction:column;width:100%;display:flex}._label_1un2o_34{cursor:pointer}._trigger_1un2o_38{box-sizing:border-box;align-items:center;gap:var(--space-2);width:100%;min-height:var(--bp-size-100,2.5rem);padding-block:var(--bp-space-020,.5rem);padding-inline:var(--bp-space-030,.75rem);color:var(--bp-text-text-on-light);background-color:var(--surface-dropdown-surface);border:var(--bp-border-01,.0625rem) solid var(--bp-border-input-border);border-radius:var(--bp-radius-06,.75rem);cursor:pointer;outline:none;flex-wrap:wrap;display:flex}._trigger_1un2o_38:has(._searchInput_1un2o_55:focus){background-color:var(--surface-dropdown-surface-focus);border-color:var(--outline-focus-on-light);border-width:var(--bp-border-02,.125rem)}._trigger_1un2o_38[data-disabled=true]{opacity:.6;cursor:not-allowed}._trigger_1un2o_38[data-disabled=true] button{pointer-events:none}._trigger_1un2o_38 ._chips_1un2o_67{display:contents}._trigger_1un2o_38[data-disabled=true] ._chips_1un2o_67>*{pointer-events:none}input[type=text]._searchInput_1un2o_55{font-weight:var(--bp-font-weight-regular);font-size:var(--bp-font-size-05);font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;font-style:normal;line-height:var(--bp-font-line-height-04);letter-spacing:var(--bp-font-letter-spacing-01)}:where(body.is-inter-font) input[type=text]._searchInput_1un2o_55{letter-spacing:0;text-transform:none;font-family:InterVariable,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:.875rem;font-style:normal;font-weight:450;line-height:1.25rem;text-decoration:none}input[type=text]._searchInput_1un2o_55{width:auto;min-width:var(--size-12);color:var(--bp-text-text-on-light);box-shadow:none;cursor:inherit;background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:0}input[type=text]._searchInput_1un2o_55:hover,input[type=text]._searchInput_1un2o_55:focus,input[type=text]._searchInput_1un2o_55:disabled{box-shadow:none;background:0 0;border:none;border-radius:0;outline:none}input[type=text]._searchInput_1un2o_55::placeholder{color:var(--bp-text-text-on-light-secondary)}._searchIcon_1un2o_117{width:var(--bp-size-040,1rem);height:var(--bp-size-040,1rem);color:var(--bp-icon-icon-on-light-secondary);pointer-events:none;flex-shrink:0;margin-inline-start:auto}._popover_1un2o_126{width:var(--radix-popover-trigger-width);max-width:none}._popover_1un2o_126 div[data-radix-popper-content-wrapper]:has([role=menu]){background-color:var(--bp-surface-menu-surface-dropdown)}._clearButton_1un2o_134{flex-shrink:0}._breadcrumbContainer_1un2o_138{min-width:0;padding-block:var(--bp-space-020,.5rem);padding-inline:var(--bp-space-020,.5rem);border-bottom:var(--bp-border-01,.0625rem) solid var(--bp-border-divider);align-items:center;display:flex}._breadcrumbContainer_1un2o_138 li:first-child:has(button){margin-inline-start:calc(-1 * var(--bp-space-010,.25rem))}
|