feat(metadata-sidebar): Is delete confirmation modal checkbox enabled (#4076)

* feat(metadata-sidebar): control modal checkbox

* feat(metadata-sidebar): update packages

* feat(metadata-sidebar): update packages

* feat(metadata-editor): moduleResolution for tsx

* feat(metadata-sidebar): revert tsconfig

* feat(metadata-sidebar): update packages

* feat(metadata-editor): update packages

* feat(metadata-sidebar): update snapshot

* feat(metadata-sidebar): update packages

* feat(metadata-sidebar): bump packages

Author: kajarosz

package.json

@@ -122,16 +122,16 @@
         "@babel/preset-typescript": "^7.24.7",
         "@babel/template": "^7.24.7",
         "@babel/types": "^7.24.7",
-        "@box/blueprint-web": "^9.18.11",
+        "@box/blueprint-web": "^10.3.1",
         "@box/blueprint-web-assets": "4.36.0",
         "@box/box-ai-agent-selector": "^0.31.0",
         "@box/box-ai-content-answers": "^0.122.0",
         "@box/cldr-data": "^34.2.0",
-        "@box/combobox-with-api": "^0.28.4",
+        "@box/combobox-with-api": "^0.34.9",
         "@box/frontend": "^11.0.0",
         "@box/item-icon": "^0.9.83",
         "@box/languages": "^1.0.0",
-        "@box/metadata-editor": "^0.97.3",
+        "@box/metadata-editor": "^0.104.2",
         "@box/react-virtualized": "9.22.3-rc-box.9",
         "@cfaester/enzyme-adapter-react-18": "^0.8.0",
         "@chromatic-com/storybook": "^1.6.1",
@@ -297,14 +297,14 @@
         "worker-farm": "^1.7.0"
     },
     "peerDependencies": {
-        "@box/blueprint-web": "^9.18.11",
+        "@box/blueprint-web": "^10.3.1",
         "@box/blueprint-web-assets": "^4.36.0",
         "@box/box-ai-agent-selector": "^0.31.0",
         "@box/box-ai-content-answers": "^0.122.0",
         "@box/cldr-data": ">=34.2.0",
-        "@box/combobox-with-api": "^0.28.4",
+        "@box/combobox-with-api": "^0.34.9",
         "@box/item-icon": "^0.9.83",
-        "@box/metadata-editor": "^0.97.3",
+        "@box/metadata-editor": "^0.104.2",
         "@box/react-virtualized": "9.22.3-rc-box.9",
         "@hapi/address": "^2.1.4",
         "axios": "^0.30.0",

src/elements/content-sidebar/MetadataInstanceEditor.tsx

@@ -18,6 +18,7 @@ export interface MetadataInstanceEditorProps {
     isBetaLanguageEnabled: boolean;
     isBoxAiSuggestionsEnabled: boolean;
     isDeleteButtonDisabled: boolean;
+    isDeleteConfirmationModalCheckboxEnabled: boolean;
     isLargeFile: boolean;
     isMetadataMultiLevelTaxonomyFieldEnabled: boolean;
     isUnsavedChangesModalOpen: boolean;
@@ -36,6 +37,7 @@ const MetadataInstanceEditor: React.FC<MetadataInstanceEditorProps> = ({
     isBetaLanguageEnabled,
     isBoxAiSuggestionsEnabled,
     isDeleteButtonDisabled,
+    isDeleteConfirmationModalCheckboxEnabled,
     isLargeFile,
     isMetadataMultiLevelTaxonomyFieldEnabled,
     isUnsavedChangesModalOpen,
@@ -56,6 +58,7 @@ const MetadataInstanceEditor: React.FC<MetadataInstanceEditorProps> = ({
             isAiSuggestionsFeatureEnabled={isBoxAiSuggestionsEnabled}
             isBetaLanguageEnabled={isBetaLanguageEnabled}
             isDeleteButtonDisabled={isDeleteButtonDisabled}
+            isDeleteConfirmationModalCheckboxEnabled={isDeleteConfirmationModalCheckboxEnabled}
             isLargeFile={isLargeFile}
             isUnsavedChangesModalOpen={isUnsavedChangesModalOpen}
             onCancel={onCancel}

src/elements/content-sidebar/MetadataSidebarRedesign.tsx

@@ -114,6 +114,9 @@ function MetadataSidebarRedesign({
     const isBoxAiSuggestionsEnabled: boolean = useFeatureEnabled('metadata.aiSuggestions.enabled');
     const isBetaLanguageEnabled: boolean = useFeatureEnabled('metadata.betaLanguage.enabled');
     const isMetadataMultiLevelTaxonomyFieldEnabled: boolean = useFeatureEnabled('metadata.multilevelTaxonomy.enabled');
+    const isDeleteConfirmationModalCheckboxEnabled: boolean = useFeatureEnabled(
+        'metadata.deleteConfirmationModalCheckbox.enabled',
+    );
     const isSessionInitiated = useRef(false);
 
     const [isLargeFile, setIsLargeFile] = useState<boolean>(false);
@@ -310,6 +313,7 @@ function MetadataSidebarRedesign({
                             isBetaLanguageEnabled={isBetaLanguageEnabled}
                             isBoxAiSuggestionsEnabled={isBoxAiSuggestionsEnabled}
                             isDeleteButtonDisabled={isDeleteButtonDisabled}
+                            isDeleteConfirmationModalCheckboxEnabled={isDeleteConfirmationModalCheckboxEnabled}
                             isLargeFile={isLargeFile}
                             isMetadataMultiLevelTaxonomyFieldEnabled={isMetadataMultiLevelTaxonomyFieldEnabled}
                             isUnsavedChangesModalOpen={isUnsavedChangesModalOpen}

src/elements/content-sidebar/__tests__/MetadataInstanceEditor.test.tsx

@@ -74,6 +74,7 @@ describe('MetadataInstanceEditor', () => {
         isBetaLanguageEnabled: false,
         isBoxAiSuggestionsEnabled: true,
         isDeleteButtonDisabled: false,
+        isDeleteConfirmationModalCheckboxEnabled: false,
         isLargeFile: false,
         isMetadataMultiLevelTaxonomyFieldEnabled: false,
         isUnsavedChangesModalOpen: false,

src/elements/content-sidebar/stories/MetadataSidebarRedesign.stories.tsx

@@ -25,6 +25,7 @@ const mockLogger = {
 const defaultMetadataSidebarProps: ComponentProps<typeof MetadataSidebarRedesign> = {
     isBoxAiSuggestionsEnabled: true,
     isBetaLanguageEnabled: false,
+    isDeleteConfirmationModalCheckboxEnabled: false,
     isMetadataMultiLevelTaxonomyFieldEnabled: false,
     isFeatureEnabled: true,
     onError: fn(),