@box/metadata-template-editor 2.4.8 → 2.5.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.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as isUnsupportedField}from"../../../../chunks/types.js";import{general}from"./messages/configurator-messages.js";import ConfirmationModal from"./components/confirmation-modal/confirmation-modal.js";import{t as metadata_field_configurator_module_default}from"../../../../chunks/metadata-field-configurator.module.js";import{FieldActionSlot}from"./components/field-action-slot/field-action-slot.js";import{FieldConfiguratorContext}from"./context/field-configurator-context.js";import{TaxonomyOptionsContext,useHasTaxonomyOptionsProvider}from"./context/taxonomy-options-context.js";import{FieldEditContent}from"./components/field-edit-content/field-edit-content.js";import{FieldExtensionsContext}from"./context/field-extensions-context.js";import{EDIT_TAB_ID,useFieldConfiguratorBehavior}from"./hooks/useFieldConfiguratorBehavior.js";import{useTaxonomyFetch}from"./hooks/useTaxonomyFetch.js";import{Accordion,Tabs}from"@box/blueprint-web";import{useIntl}from"react-intl";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import"react";var StandaloneTaxonomyProvider=({taxonomyOptions,fetchTaxonomies,fetchTaxonomyByKey,children})=>{let taxonomyContextValue=useTaxonomyFetch({fetchTaxonomies,staticOptions:taxonomyOptions,fetchTaxonomyByKey});return jsx(TaxonomyOptionsContext.Provider,{value:taxonomyContextValue,children})},MetadataFieldConfigurator=({index,maxIndex,values,onValuesChange,onDelete,onDuplicate,onReorderFields,onTouchStart,onDragStart,onDragEnd,externalErrors,externalTouched,dndDragHandleProps,fieldCollapsedText,isExpanded,onExpandedChange,taxonomyOptions,fetchTaxonomies,fetchTaxonomyByKey,submitAttemptCount,fieldExtensions:fieldExtensionsProp,onValidationChange,readOnly=!1})=>{let intl=useIntl(),hasParentTaxonomyProvider=useHasTaxonomyOptionsProvider(),{contextValue,extensions,isActive,handleAccordionValueChange,isDeleteConfirmationModalOpen,openConfirmationModal,closeConfirmationModal,handleDeleteField,activeTabId,setActiveTabId,isTypeEditable,uniqueKey,nameInputId,descriptionInputId,accordionTitle,TitleIcon,hasErrors,handleTypeChange,handleChangeVisibility}=useFieldConfiguratorBehavior({values,onValuesChange,onDelete,isExpanded,onExpandedChange,submitAttemptCount,fieldExtensionsProp,onValidationChange}),effectiveContextValue=readOnly?{...contextValue,values:{...contextValue.values,isFieldReadOnly:!0}}:contextValue,editContent=jsx(FieldEditContent,{nameInputId,descriptionInputId,isTypeEditable,externalErrors,externalTouched,handleTypeChange,readOnly}),accordionBody=extensions.length>0?jsxs(Fragment,{children:[jsx(Tabs.TabPanel,{tabId:EDIT_TAB_ID,children:editContent}),extensions.map((ext,i)=>jsx(Tabs.TabPanel,{tabId:`ext-${i}`,className:metadata_field_configurator_module_default.extensionContent,children:ext.renderContent(values)},ext.label))]}):editContent,isUnsupported=isUnsupportedField(values),isDraggable=isExpanded===!1&&!isUnsupported,accordionItemEl=jsx(Accordion.Item,{highlighted:!0,startElement:jsx(TitleIcon,{fontSize:`20px`,role:`presentation`}),value:uniqueKey,title:accordionTitle,action:jsx(FieldActionSlot,{fieldCollapsedText,isHidden:values.hidden,isExpanded:isActive,index,maxIndex,onReorderFields:isUnsupported?void 0:onReorderFields,onToggleVisibility:isUnsupported?void 0:handleChangeVisibility,onRequestDelete:openConfirmationModal,onRequestDuplicate:isUnsupported?void 0:onDuplicate,extensions,readOnly}),className:metadata_field_configurator_module_default.fieldAccordionItem,iconVariant:hasErrors?`alert-error`:void 0,children:accordionBody}),accordionItem=extensions.length>0?jsx(Tabs,{selectedId:activeTabId,setSelectedId:id=>setActiveTabId(id??`edit`),children:accordionItemEl}):accordionItemEl,content=jsxs(FieldConfiguratorContext.Provider,{value:effectiveContextValue,children:[jsx(`div`,{draggable:isDraggable&&!dndDragHandleProps,onDragStart:isDraggable&&!dndDragHandleProps&&onDragStart?e=>onDragStart(e,index):void 0,onDragEnd:isDraggable&&!dndDragHandleProps&&onDragEnd?e=>onDragEnd(e,index):void 0,onTouchStart:isDraggable&&!dndDragHandleProps&&onTouchStart?e=>onTouchStart(e,index):void 0,...isDraggable?dndDragHandleProps?.listeners??{}:{},...isDraggable?dndDragHandleProps?.attributes??{}:{},children:isExpanded===void 0?jsx(Accordion,{type:`single`,collapsible:!0,value:isActive?uniqueKey:``,onValueChange:handleAccordionValueChange,children:accordionItem}):accordionItem}),isDeleteConfirmationModalOpen&&jsx(ConfirmationModal,{onClose:closeConfirmationModal,onConfirm:handleDeleteField,title:intl.formatMessage(general.deleteFieldTitle,{fieldName:values.name}),body:intl.formatMessage(general.deleteFieldDescription)})]}),withTaxonomyContext=hasParentTaxonomyProvider?content:jsx(StandaloneTaxonomyProvider,{taxonomyOptions,fetchTaxonomies,fetchTaxonomyByKey,children:content});return fieldExtensionsProp===void 0?withTaxonomyContext:jsx(FieldExtensionsContext.Provider,{value:fieldExtensionsProp,children:withTaxonomyContext})};export{MetadataFieldConfigurator};
|
|
1
|
+
import{d as isUnsupportedField}from"../../../../chunks/types.js";import{general}from"./messages/configurator-messages.js";import ConfirmationModal from"./components/confirmation-modal/confirmation-modal.js";import{t as metadata_field_configurator_module_default}from"../../../../chunks/metadata-field-configurator.module.js";import{FieldActionSlot}from"./components/field-action-slot/field-action-slot.js";import{FieldConfiguratorContext}from"./context/field-configurator-context.js";import{TaxonomyOptionsContext,useHasTaxonomyOptionsProvider}from"./context/taxonomy-options-context.js";import{FieldEditContent}from"./components/field-edit-content/field-edit-content.js";import{FieldExtensionsContext}from"./context/field-extensions-context.js";import{EDIT_TAB_ID,useFieldConfiguratorBehavior}from"./hooks/useFieldConfiguratorBehavior.js";import{useTaxonomyFetch}from"./hooks/useTaxonomyFetch.js";import{Accordion,Tabs}from"@box/blueprint-web";import{useIntl}from"react-intl";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import"react";var StandaloneTaxonomyProvider=({taxonomyOptions,fetchTaxonomies,fetchTaxonomyByKey,children})=>{let taxonomyContextValue=useTaxonomyFetch({fetchTaxonomies,staticOptions:taxonomyOptions,fetchTaxonomyByKey});return jsx(TaxonomyOptionsContext.Provider,{value:taxonomyContextValue,children})},MetadataFieldConfigurator=({index,maxIndex,values,onValuesChange,onDelete,onDuplicate,onReorderFields,onTouchStart,onDragStart,onDragEnd,externalErrors,externalTouched,dndDragHandleProps,fieldCollapsedText,isExpanded,onExpandedChange,taxonomyOptions,fetchTaxonomies,fetchTaxonomyByKey,submitAttemptCount,fieldExtensions:fieldExtensionsProp,onValidationChange,readOnly=!1})=>{let intl=useIntl(),hasParentTaxonomyProvider=useHasTaxonomyOptionsProvider(),{contextValue,extensions,isActive,handleAccordionValueChange,isDeleteConfirmationModalOpen,openConfirmationModal,closeConfirmationModal,handleDeleteField,activeTabId,setActiveTabId,isTypeEditable,uniqueKey,nameInputId,descriptionInputId,accordionTitle,TitleIcon,hasErrors,handleTypeChange,handleChangeVisibility}=useFieldConfiguratorBehavior({values,onValuesChange,onDelete,isExpanded,onExpandedChange,submitAttemptCount,fieldExtensionsProp,onValidationChange}),effectiveContextValue=readOnly?{...contextValue,values:{...contextValue.values,isFieldReadOnly:!0}}:contextValue,editContent=jsx(FieldEditContent,{nameInputId,descriptionInputId,isTypeEditable,externalErrors,externalTouched,handleTypeChange,readOnly}),accordionBody=extensions.length>0?jsxs(Fragment,{children:[jsx(Tabs.TabPanel,{tabId:EDIT_TAB_ID,children:editContent}),extensions.map((ext,i)=>jsx(Tabs.TabPanel,{tabId:`ext-${i}`,className:metadata_field_configurator_module_default.extensionContent,children:ext.renderContent(values)},ext.label))]}):editContent,isUnsupported=isUnsupportedField(values),isDraggable=isExpanded===!1&&!isUnsupported,accordionItemEl=jsx(Accordion.Item,{highlighted:!0,startElement:jsx(TitleIcon,{fontSize:`20px`,role:`presentation`}),value:uniqueKey,title:accordionTitle,action:jsx(FieldActionSlot,{fieldCollapsedText,isHidden:values.hidden,isExpanded:isActive,index,maxIndex,onReorderFields:isUnsupported?void 0:onReorderFields,onToggleVisibility:isUnsupported?void 0:handleChangeVisibility,onRequestDelete:openConfirmationModal,onRequestDuplicate:isUnsupported?void 0:onDuplicate,extensions,readOnly}),className:metadata_field_configurator_module_default.fieldAccordionItem,iconVariant:hasErrors?`alert-error`:void 0,expandedLineClamp:4,children:accordionBody}),accordionItem=extensions.length>0?jsx(Tabs,{selectedId:activeTabId,setSelectedId:id=>setActiveTabId(id??`edit`),children:accordionItemEl}):accordionItemEl,content=jsxs(FieldConfiguratorContext.Provider,{value:effectiveContextValue,children:[jsx(`div`,{draggable:isDraggable&&!dndDragHandleProps,onDragStart:isDraggable&&!dndDragHandleProps&&onDragStart?e=>onDragStart(e,index):void 0,onDragEnd:isDraggable&&!dndDragHandleProps&&onDragEnd?e=>onDragEnd(e,index):void 0,onTouchStart:isDraggable&&!dndDragHandleProps&&onTouchStart?e=>onTouchStart(e,index):void 0,...isDraggable?dndDragHandleProps?.listeners??{}:{},...isDraggable?dndDragHandleProps?.attributes??{}:{},children:isExpanded===void 0?jsx(Accordion,{type:`single`,collapsible:!0,value:isActive?uniqueKey:``,onValueChange:handleAccordionValueChange,children:accordionItem}):accordionItem}),isDeleteConfirmationModalOpen&&jsx(ConfirmationModal,{onClose:closeConfirmationModal,onConfirm:handleDeleteField,title:intl.formatMessage(general.deleteFieldTitle,{fieldName:values.name}),body:intl.formatMessage(general.deleteFieldDescription)})]}),withTaxonomyContext=hasParentTaxonomyProvider?content:jsx(StandaloneTaxonomyProvider,{taxonomyOptions,fetchTaxonomies,fetchTaxonomyByKey,children:content});return fieldExtensionsProp===void 0?withTaxonomyContext:jsx(FieldExtensionsContext.Provider,{value:fieldExtensionsProp,children:withTaxonomyContext})};export{MetadataFieldConfigurator};
|