From ef939bb8e9baafdf2f5f9e235a0b11e9d28a4733 Mon Sep 17 00:00:00 2001
From: srikant <srksriks123@gmail.com>
Date: Thu, 14 Dec 2023 19:58:25 +0530
Subject: [PATCH 01/15] #1646 Panel accordions are not using the carbon
 standards

Signed-off-by: srikant <srksriks123@gmail.com>
---
 .../components/editor-form-test.js            | 10 ++---
 .../conditions/alerts-test.js                 | 44 +++++++++----------
 .../controls/numberfield-test.js              |  8 ++--
 .../controls/selectcolumn-test.js             |  6 +--
 .../controls/someofselect-test.js             |  2 +-
 .../common-properties/panels/panel-test.js    |  2 +-
 .../common-properties/panels/summary-test.js  | 12 ++---
 .../properties-controller-test.js             |  2 +-
 .../components/editor-form/editor-form.jsx    | 27 ++++++------
 .../components/editor-form/editor-form.scss   | 16 +++++++
 .../cypress/e2e/properties/actions.cy.js      |  2 +-
 .../support/properties/properties-cmds.js     |  2 +-
 .../properties-verification-cmds.js           |  2 +-
 13 files changed, 76 insertions(+), 59 deletions(-)

diff --git a/canvas_modules/common-canvas/__tests__/common-properties/components/editor-form-test.js b/canvas_modules/common-canvas/__tests__/common-properties/components/editor-form-test.js
index 0eb7e2903f..3174de5b2b 100644
--- a/canvas_modules/common-canvas/__tests__/common-properties/components/editor-form-test.js
+++ b/canvas_modules/common-canvas/__tests__/common-properties/components/editor-form-test.js
@@ -103,18 +103,18 @@ describe("controls should be rendered correctly when no uihints are provided", (
 	});
 
 	it("validate no tabs are present", () => {
-		expect(wrapper.find(".properties-categories")).to.have.length(0);
+		expect(wrapper.find(".properties-rightpanel-accordion")).to.have.length(0);
 		expect(wrapper.find(".properties-single-category")).to.have.length(1);
 	});
 
 	it("validate alerts tab isn't created", () => {
-		expect(wrapper.find(".properties-categories")).to.have.length(0);
+		expect(wrapper.find(".properties-rightpanel-accordion")).to.have.length(0);
 		controller.updatePropertyValue({ name: "textfield" }, null);
 		wrapper.update();
 		// validate message is created
 		expect(wrapper.find(".bx--form-requirement")).to.have.length(1);
 		// valide no catagories(tabs) are created
-		expect(wrapper.find(".properties-categories")).to.have.length(0);
+		expect(wrapper.find(".properties-rightpanel-accordion")).to.have.length(0);
 	});
 });
 
@@ -148,7 +148,7 @@ describe("Right flyout category views", () => {
 		const editorForm = wrapper.find(".properties-editor-form");
 		expect(editorForm.prop("className").includes("right-flyout-tabs-view")).to.equal(false);
 
-		const propertiesCategories = editorForm.find(".properties-categories");
+		const propertiesCategories = editorForm.find(".properties-rightpanel-accordion");
 		expect(propertiesCategories).to.have.length(1);
 
 		const categoryContainers = propertiesCategories.find(".properties-category-container");
@@ -165,7 +165,7 @@ describe("Right flyout category views", () => {
 		const editorForm = wrapper.find(".properties-editor-form");
 		expect(editorForm.prop("className").includes("right-flyout-tabs-view")).to.equal(false);
 
-		const propertiesCategories = editorForm.find(".properties-categories");
+		const propertiesCategories = editorForm.find(".properties-rightpanel-accordion");
 		expect(propertiesCategories).to.have.length(1);
 
 		const categoryContainers = propertiesCategories.find(".properties-category-container");
diff --git a/canvas_modules/common-canvas/__tests__/common-properties/conditions/alerts-test.js b/canvas_modules/common-canvas/__tests__/common-properties/conditions/alerts-test.js
index 6a297c8d20..b02c36354d 100644
--- a/canvas_modules/common-canvas/__tests__/common-properties/conditions/alerts-test.js
+++ b/canvas_modules/common-canvas/__tests__/common-properties/conditions/alerts-test.js
@@ -41,13 +41,13 @@ describe("condition messages should add alerts tab", () => {
 		randomInput.simulate("change", { target: { value: "", validity: { badInput: false } } });
 		// get alerts tabs
 		let alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		let alertButton = alertCategory.find("button.properties-category-title");
+		let alertButton = alertCategory.find("button.bx--accordion__heading");
 		expect(alertButton.text()).to.equal("Alerts (2)");
 		alertButton.simulate("click");
 
 		// ensure that alert tab is open
 		alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		const alertDiv = alertCategory.find("div.properties-category-content.show"); // Alerts div
+		const alertDiv = alertCategory.find("li.properties-category-content-accordion.show"); // Alerts div
 		expect(alertDiv).to.have.length(1);
 		let alertList = alertDiv.find("a.properties-link-text");
 		expect(alertList).to.have.length(2);
@@ -58,17 +58,17 @@ describe("condition messages should add alerts tab", () => {
 		alertList.at(0).find("a.properties-link-text")
 			.simulate("click");
 		let valuesCategory = wrapper.find("div.properties-category-container").at(1); // Values category
-		expect(valuesCategory.find("button.properties-category-title").text()).to.equal("Values (2)");
+		expect(valuesCategory.find("button.bx--accordion__heading").text()).to.equal("Values (2)");
 
 		// regenerate random number should decrease alert list
-		let valuesDiv = valuesCategory.find("div.properties-category-content.show"); // Values div
+		let valuesDiv = valuesCategory.find("li.properties-category-content-accordion.show"); // Values div
 		expect(valuesDiv).to.have.length(1);
 		const generator = valuesDiv.find("button.properties-number-generator");
 		expect(generator).to.have.length(2);
 		generator.at(0).simulate("click");
 
 		alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		alertButton = alertCategory.find("button.properties-category-title");
+		alertButton = alertCategory.find("button.bx--accordion__heading");
 		expect(alertButton.text()).to.equal("Alerts (1)");
 		alertButton.simulate("click");
 
@@ -80,21 +80,21 @@ describe("condition messages should add alerts tab", () => {
 
 		// enter new integer value to remove all Alerts
 		valuesCategory = wrapper.find("div.properties-category-container").at(1); // Values category
-		expect(valuesCategory.find("button.properties-category-title").text()).to.equal("Values (1)");
+		expect(valuesCategory.find("button.bx--accordion__heading").text()).to.equal("Values (1)");
 
-		valuesDiv = valuesCategory.find("div.properties-category-content.show"); // Values category
+		valuesDiv = valuesCategory.find("li.properties-category-content-accordion.show"); // Values category
 		expect(valuesDiv).to.have.length(1);
 		integerInput = valuesDiv.find("div[data-id='properties-number_int'] input");
 		expect(integerInput).to.have.length(1);
 		integerInput.simulate("change", { target: { value: "1" } });
 
 		valuesCategory = wrapper.find("div.properties-category-container").at(0); // Values category
-		expect(valuesCategory.find("button.properties-category-title").text()).to.equal("Values");
+		expect(valuesCategory.find("button.bx--accordion__heading").text()).to.equal("Values");
 	});
 	it("alerts should not show messages for hidden controls", () => {
 		// open the conditions tabs
 		const conditionsCategory = wrapper.find("div.properties-category-container").at(1); // Conditions category
-		const conditionsButton = conditionsCategory.find("button.properties-category-title");
+		const conditionsButton = conditionsCategory.find("button.bx--accordion__heading");
 		expect(conditionsButton.text()).to.equal("Conditions");
 		conditionsButton.simulate("click");
 
@@ -112,13 +112,13 @@ describe("condition messages should add alerts tab", () => {
 
 		// get alerts tabs
 		let alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		const alertButton = alertCategory.find("button.properties-category-title");
+		const alertButton = alertCategory.find("button.bx--accordion__heading");
 		expect(alertButton.text()).to.equal("Alerts (1)");
 		alertButton.simulate("click");
 
 		// ensure that alert tab is open
 		alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		let alertDiv = alertCategory.find("div.properties-category-content.show"); // Alerts div
+		let alertDiv = alertCategory.find("li.properties-category-content-accordion.show"); // Alerts div
 		expect(alertDiv).to.have.length(1);
 		let alertList = alertDiv.find("a.properties-link-text");
 		expect(alertList).to.have.length(1);
@@ -130,7 +130,7 @@ describe("condition messages should add alerts tab", () => {
 
 		// there should be no alerts for the hidden field
 		alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		alertDiv = alertCategory.find("div.properties-category-content.show"); // Alerts div
+		alertDiv = alertCategory.find("li.properties-category-content-accordion.show"); // Alerts div
 		alertList = alertDiv.find("a.properties-link-text");
 		expect(alertList).to.have.length(0);
 	});
@@ -149,13 +149,13 @@ describe("condition messages should add alerts tab for tables", () => {
 		// validate the Alerts tab has 2 warnings
 		// get alerts tabs
 		let alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		const alertButton = alertCategory.find("button.properties-category-title");
+		const alertButton = alertCategory.find("button.bx--accordion__heading");
 		expect(alertButton.text()).to.equal("Alerts (2)");
 		alertButton.simulate("click");
 
 		// ensure that alert tab is open
 		alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		let alertDiv = alertCategory.find("div.properties-category-content.show"); // Alerts div
+		let alertDiv = alertCategory.find("li.properties-category-content-accordion.show"); // Alerts div
 		expect(alertDiv).to.have.length(1);
 		let alertList = alertDiv.find("a.properties-link-text");
 		expect(alertList).to.have.length(2);
@@ -188,7 +188,7 @@ describe("condition messages should add alerts tab for tables", () => {
 
 		// validate the Alerts tab has only 1 warning
 		alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		alertDiv = alertCategory.find("div.properties-category-content.show"); // Alerts div
+		alertDiv = alertCategory.find("li.properties-category-content-accordion.show"); // Alerts div
 		expect(alertDiv).to.have.length(1);
 		alertList = alertDiv.find("a.properties-link-text");
 		expect(alertList).to.have.length(1);
@@ -198,7 +198,7 @@ describe("condition messages should add alerts tab for tables", () => {
 	it("alerts should not show messages for hidden table controls", () => {
 		// open the conditions tabs
 		const conditionsCategory = wrapper.find("div.properties-category-container").at(5); // Conditions category
-		const conditionsButton = conditionsCategory.find("button.properties-category-title");
+		const conditionsButton = conditionsCategory.find("button.bx--accordion__heading");
 		expect(conditionsButton.text()).to.equal("Conditions");
 		conditionsButton.simulate("click");
 
@@ -232,13 +232,13 @@ describe("condition messages should add alerts tab for tables", () => {
 		// validate the Alerts tab has the error
 		// get alerts tabs
 		let alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		const alertButton = alertCategory.find("button.properties-category-title");
+		const alertButton = alertCategory.find("button.bx--accordion__heading");
 		expect(alertButton.text()).to.equal("Alerts (3)");
 		alertButton.simulate("click");
 
 		// ensure that alert tab is open
 		alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		let alertDiv = alertCategory.find("div.properties-category-content.show"); // Alerts div
+		let alertDiv = alertCategory.find("li.properties-category-content-accordion.show"); // Alerts div
 		expect(alertDiv).to.have.length(1);
 		let alertList = alertDiv.find("a.properties-link-text");
 		expect(alertList).to.have.length(3);
@@ -265,7 +265,7 @@ describe("condition messages should add alerts tab for tables", () => {
 
 		// Verify the Error is cleared from Alerts tab
 		alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		alertDiv = alertCategory.find("div.properties-category-content.show"); // Alerts div
+		alertDiv = alertCategory.find("li.properties-category-content-accordion.show"); // Alerts div
 		alertList = alertDiv.find("a.properties-link-text");
 		expect(alertList).to.have.length(2);
 		expect(alertList.at(0).text()).to.not.equal("The field cannot contain 'number'");
@@ -290,7 +290,7 @@ describe("Show/hide Alerts tab based on showAlertsTab boolean in propertiesConfi
 		expect(allCategories).to.have.length(3);
 
 		allCategories.forEach((category, idx) => {
-			const categoryTitle = category.find("button.properties-category-title").text();
+			const categoryTitle = category.find("button.bx--accordion__heading").text();
 			expect(categoryTitle).to.equal(categoryLabels[idx]);
 		});
 	});
@@ -306,7 +306,7 @@ describe("Show/hide Alerts tab based on showAlertsTab boolean in propertiesConfi
 		expect(allCategories).to.have.length(4);
 
 		allCategories.forEach((category, idx) => {
-			const categoryTitle = category.find("button.properties-category-title").text();
+			const categoryTitle = category.find("button.bx--accordion__heading").text();
 			expect(categoryTitle).to.equal(categoryLabels[idx]);
 		});
 	});
@@ -322,7 +322,7 @@ describe("Show/hide Alerts tab based on showAlertsTab boolean in propertiesConfi
 		expect(allCategories).to.have.length(4);
 
 		allCategories.forEach((category, idx) => {
-			const categoryTitle = category.find("button.properties-category-title").text();
+			const categoryTitle = category.find("button.bx--accordion__heading").text();
 			expect(categoryTitle).to.equal(categoryLabels[idx]);
 		});
 	});
diff --git a/canvas_modules/common-canvas/__tests__/common-properties/controls/numberfield-test.js b/canvas_modules/common-canvas/__tests__/common-properties/controls/numberfield-test.js
index c7d879ade8..6f3a9597f1 100644
--- a/canvas_modules/common-canvas/__tests__/common-properties/controls/numberfield-test.js
+++ b/canvas_modules/common-canvas/__tests__/common-properties/controls/numberfield-test.js
@@ -233,12 +233,12 @@ describe("numberfield control works correctly", () => {
 		expect(controller.getPropertyValue(numPropertyId)).to.be.undefined;
 	});
 	it("should have displayed random generator button", () => {
-		const category = wrapper.find(".properties-category-content").at(0); // values category
+		const category = wrapper.find(".properties-category-content-accordion").at(0); // values category
 		const generator = category.find("button.properties-number-generator");
 		expect(generator).to.have.length(2);
 	});
 	it("should click on generator to create a new number", () => {
-		const category = wrapper.find(".properties-category-content").at(0); // values category
+		const category = wrapper.find(".properties-category-content-accordion").at(0); // values category
 		const generator = category.find("button.properties-number-generator").at(0); // NumberGenerator default
 		const numPropertyId = { name: "number_random" };
 		const oldValue = controller.getPropertyValue(numPropertyId);
@@ -247,12 +247,12 @@ describe("numberfield control works correctly", () => {
 		expect(oldValue).not.equal(newValue);
 	});
 	it("should have displayed random generator with default label", () => {
-		const category = wrapper.find(".properties-category-content").at(0); // values category
+		const category = wrapper.find(".properties-category-content-accordion").at(0); // values category
 		const generator = category.find("div[data-id='properties-ctrl-number_random']").find("button.properties-number-generator");
 		expect(generator.text()).to.equal("NumberGenerator default");
 	});
 	it("should have displayed random generator with resource_key label", () => {
-		const category = wrapper.find(".properties-category-content").at(0); // values category
+		const category = wrapper.find(".properties-category-content-accordion").at(0); // values category
 		const generator = category.find("div[data-id='properties-ctrl-number_random_resource_key']").find("button.properties-number-generator");
 		expect(generator.text()).to.equal("NumberGenerator resource_key");
 	});
diff --git a/canvas_modules/common-canvas/__tests__/common-properties/controls/selectcolumn-test.js b/canvas_modules/common-canvas/__tests__/common-properties/controls/selectcolumn-test.js
index 6e8847010e..e2308ca44a 100644
--- a/canvas_modules/common-canvas/__tests__/common-properties/controls/selectcolumn-test.js
+++ b/canvas_modules/common-canvas/__tests__/common-properties/controls/selectcolumn-test.js
@@ -422,13 +422,13 @@ describe("selectcolumn control renders correctly with paramDef", () => {
 		// Verify there are 2 alerts
 		// get alerts tabs
 		let alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		const alertButton = alertCategory.find("button.properties-category-title");
+		const alertButton = alertCategory.find("button.bx--accordion__heading");
 		expect(alertButton.text()).to.equal("Alerts (2)");
 		alertButton.simulate("click");
 
 		// ensure that alert tab is open
 		alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		const alertDiv = alertCategory.find("div.properties-category-content.show"); // Alerts div
+		const alertDiv = alertCategory.find("li.properties-category-content-accordion.show"); // Alerts div
 		expect(alertDiv).to.have.length(1);
 		const alertList = alertDiv.find("a.properties-link-text");
 		expect(alertList).to.have.length(2);
@@ -452,7 +452,7 @@ describe("selectcolumn control renders correctly with paramDef", () => {
 
 		// Verify alerts are cleared by checking first tab is not the alert tab
 		const firstCategory = wrapper.find("div.properties-category-container").at(0);
-		const firstTab = firstCategory.find("button.properties-category-title");
+		const firstTab = firstCategory.find("button.bx--accordion__heading");
 		expect(firstTab.text()).to.equal("Values");
 	});
 });
diff --git a/canvas_modules/common-canvas/__tests__/common-properties/controls/someofselect-test.js b/canvas_modules/common-canvas/__tests__/common-properties/controls/someofselect-test.js
index c5e687e7a8..f883ff3060 100644
--- a/canvas_modules/common-canvas/__tests__/common-properties/controls/someofselect-test.js
+++ b/canvas_modules/common-canvas/__tests__/common-properties/controls/someofselect-test.js
@@ -390,7 +390,7 @@ describe("someofselect control multiple rows selection", () => {
 
 	it("verify multiple rows select/deselect works fine with filtered enum", () => {
 		// Open filters tab
-		wrapper.find("button.properties-category-title")
+		wrapper.find("button.bx--accordion__heading")
 			.at(2)
 			.simulate("click");
 		let someofselectWrapper;
diff --git a/canvas_modules/common-canvas/__tests__/common-properties/panels/panel-test.js b/canvas_modules/common-canvas/__tests__/common-properties/panels/panel-test.js
index 2f4377cd46..618fb8a6aa 100644
--- a/canvas_modules/common-canvas/__tests__/common-properties/panels/panel-test.js
+++ b/canvas_modules/common-canvas/__tests__/common-properties/panels/panel-test.js
@@ -48,7 +48,7 @@ describe("additional components are rendered correctly", () => {
 		const customPanel = wrapper.find(".properties-custom-container");
 		expect(customPanel).to.have.length(1);
 		const togglePanelContainer = customPanel.find(".properties-category-container").at(0);
-		const togglePanelContent = togglePanelContainer.find(".properties-category-content");
+		const togglePanelContent = togglePanelContainer.find(".bx--accordion__content");
 		expect(togglePanelContent.children()).to.have.length(2); // Default Component & Additional Component
 
 	});
diff --git a/canvas_modules/common-canvas/__tests__/common-properties/panels/summary-test.js b/canvas_modules/common-canvas/__tests__/common-properties/panels/summary-test.js
index 37fe814401..1b7c42fc34 100644
--- a/canvas_modules/common-canvas/__tests__/common-properties/panels/summary-test.js
+++ b/canvas_modules/common-canvas/__tests__/common-properties/panels/summary-test.js
@@ -120,7 +120,7 @@ describe("summary panel renders error/warning status correctly", () => {
 
 		// check that Alerts tab is added
 		const alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		const alertButton = alertCategory.find("button.properties-category-title");
+		const alertButton = alertCategory.find("button.bx--accordion__heading");
 		expect(alertButton.text()).to.equal("Alerts (1)");
 		alertButton.simulate("click");
 		const alertList = alertCategory.find("div.properties-link-text-container.warning");
@@ -130,7 +130,7 @@ describe("summary panel renders error/warning status correctly", () => {
 
 		// click on the link should open up structure list table category
 		warningMsg.simulate("click");
-		expect(wrapper.find("div.properties-category-content.show")).to.have.length(1);
+		expect(wrapper.find("li.properties-category-content-accordion.show")).to.have.length(1);
 
 		// check that warning icon is shown in summary
 		let tableCategory = wrapper.find("div[data-id='properties-Derive-Node']");
@@ -186,7 +186,7 @@ describe("summary panel renders error/warning status correctly", () => {
 
 		// check that Alerts tab is added and that is shows error message before warning message
 		let alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		expect(alertCategory.find("button.properties-category-title").text()).to.equal("Alerts (2)");
+		expect(alertCategory.find("button.bx--accordion__heading").text()).to.equal("Alerts (2)");
 		let alertList = alertCategory.find("div.properties-link-text-container");
 		expect(alertList).to.have.length(2);
 		const errorWrapper = alertCategory.find("div.properties-link-text-container.error");
@@ -197,7 +197,7 @@ describe("summary panel renders error/warning status correctly", () => {
 		expect(warningWrapper.find("a.properties-link-text").text()).to.equal("Expression cell table cannot be empty");
 		// check that summary icon is an error icon
 		let tableCategory = wrapper.find("div.properties-category-container").at(1); // Structure list table category
-		expect(tableCategory.find("button.properties-category-title").text()).to.equal("Structure List Table (2)");
+		expect(tableCategory.find("button.bx--accordion__heading").text()).to.equal("Structure List Table (2)");
 		let summary = tableCategory.find("div.properties-summary-link-container");
 		expect(summary.find("svg.error")).to.have.length(1);
 
@@ -212,7 +212,7 @@ describe("summary panel renders error/warning status correctly", () => {
 
 		// check that Alerts tab is added and that is shows error message before warning message
 		alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		expect(alertCategory.find("button.properties-category-title").text()).to.equal("Alerts (1)");
+		expect(alertCategory.find("button.bx--accordion__heading").text()).to.equal("Alerts (1)");
 		alertList = alertCategory.find("div.properties-link-text-container");
 		expect(alertList).to.have.length(1);
 		warningWrapper = alertCategory.find("div.properties-link-text-container.warning");
@@ -220,7 +220,7 @@ describe("summary panel renders error/warning status correctly", () => {
 		expect(warningWrapper.find("a.properties-link-text").text()).to.equal("Expression cell table cannot be empty");
 		// check that summary icon is an error icon
 		tableCategory = wrapper.find("div.properties-category-container").at(1); // Structure list table category
-		expect(tableCategory.find("button.properties-category-title").text()).to.equal("Structure List Table (1)");
+		expect(tableCategory.find("button.bx--accordion__heading").text()).to.equal("Structure List Table (1)");
 		summary = tableCategory.find("div.properties-summary-link-container");
 		expect(summary.find("svg.warning")).to.have.length(1);
 	});
diff --git a/canvas_modules/common-canvas/__tests__/common-properties/properties-controller-test.js b/canvas_modules/common-canvas/__tests__/common-properties/properties-controller-test.js
index f6abedbd7f..217a6c98b4 100644
--- a/canvas_modules/common-canvas/__tests__/common-properties/properties-controller-test.js
+++ b/canvas_modules/common-canvas/__tests__/common-properties/properties-controller-test.js
@@ -2306,7 +2306,7 @@ describe("Properties Controller getTopLevelActiveGroupId", () => {
 
 		// Select Conditions accordion
 		const conditionsCategory = wrapper.find("div.properties-category-container").at(1);
-		conditionsCategory.find("button.properties-category-title").simulate("click");
+		conditionsCategory.find("button.bx--accordion__heading").simulate("click");
 		topLevelActiveGroupId = controller.getTopLevelActiveGroupId();
 		expect(topLevelActiveGroupId).to.equal("checkboxset-conditions");
 
diff --git a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
index 54dbcf2f35..01275533a7 100644
--- a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
+++ b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
@@ -18,6 +18,7 @@ import React from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { setActiveTab } from "./../../actions";
+import { Accordion, AccordionItem } from "carbon-components-react";
 import { Tab, Tabs, Link } from "carbon-components-react";
 import * as PropertyUtil from "./../../util/property-utils";
 import { MESSAGE_KEYS, CARBON_ICONS, CONDITION_MESSAGE_TYPE, STATES, CATEGORY_VIEW } from "./../../constants/constants";
@@ -134,6 +135,7 @@ class EditorForm extends React.Component {
 
 	genPrimaryTabs(key, tabs, propertyId, indexof) {
 		const tabContent = [];
+		const tabContentAcc = [];
 		let hasAlertsTab = false;
 		let modalSelected = 0;
 		let hiddenTabs = 0;
@@ -167,10 +169,8 @@ class EditorForm extends React.Component {
 				);
 			}
 			if (this.props.rightFlyout && this.props.categoryView !== CATEGORY_VIEW.TABS) {
-				let panelArrow = <Icon type={CARBON_ICONS.CHEVRONARROWS.DOWN} className="properties-category-caret-down" />;
 				let categoryOpen = false;
 				if (this.props.activeTab === tab.group) {
-					panelArrow = <Icon type={CARBON_ICONS.CHEVRONARROWS.UP} className="properties-category-caret-up" />;
 					categoryOpen = true;
 				}
 				if (tab.content.itemType !== ItemType.TEARSHEET && nonTearsheetTabs.length === 1) {
@@ -181,20 +181,19 @@ class EditorForm extends React.Component {
 						</div>
 					);
 				} else {
-					tabContent.push(
+					tabContentAcc.push(
 						<div key={this._getContainerIndex(hasAlertsTab, i) + "-" + key}
 							className={classNames("properties-category-container", { "properties-hidden-container": tab.content.itemType === ItemType.TEARSHEET })}
 						>
-							<button type="button" onClick={this._showCategoryPanel.bind(this, tab.group)}
-								className={classNames("properties-category-title", { "properties-light-enabled": this.props.controller.getLight() }) }
+							<AccordionItem title={`${tab.text}${this._getMessageCountForCategory(tab) ? this._getMessageCountForCategory(tab) : ""}`}
+								open={this.props.activeTab === tab.group}
+								onHeadingClick={this._showCategoryPanel.bind(this, tab.group)}
+								className={`bx--accordion__item-${i} ${classNames("properties-category-content-accordion",
+									{ "show": categoryOpen })}`}
 							>
-								{tab.text}{this._getMessageCountForCategory(tab)}
-								{panelArrow}
-							</button>
-							<div className={classNames("properties-category-content", { "show": categoryOpen }) }>
 								{panelItems}
 								{additionalComponent}
-							</div>
+							</AccordionItem>
 						</div>
 					);
 				}
@@ -221,9 +220,11 @@ class EditorForm extends React.Component {
 
 		if (this.props.rightFlyout && this.props.categoryView !== CATEGORY_VIEW.TABS) {
 			return (
-				<div key={"cat." + key} className="properties-categories">
-					{tabContent}
-				</div>
+				<Accordion>
+					<div key={"cat." + key} className="properties-rightpanel-accordion">
+						{tabContentAcc}
+					</div>
+				</Accordion>
 			);
 		}
 		return (
diff --git a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
index 84250c8228..bfc8b0e3b0 100644
--- a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
+++ b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
@@ -52,6 +52,22 @@ $primary-tab-height: $spacing-08;
 	}
 }
 
+.properties-rightpanel-accordion{
+	.bx--accordion__item {
+
+		margin: 3 -1rem; // Remove 16px outer padding for accordion title and content
+	}
+	.bx--accordion__item--active .bx--accordion__content {
+		// 24px padding between accordion title and content (issue #3106)
+		padding: $spacing-06 $spacing-05 $spacing-05;
+	}
+
+	// Remove Default borders for Accordions
+	.bx--accordion__item{
+		border-top: 0px
+	}
+}
+
 .properties-category-container {
 	position: relative;
 	&:last-of-type {
diff --git a/canvas_modules/harness/cypress/e2e/properties/actions.cy.js b/canvas_modules/harness/cypress/e2e/properties/actions.cy.js
index 23786c0bbc..cab64b19a2 100644
--- a/canvas_modules/harness/cypress/e2e/properties/actions.cy.js
+++ b/canvas_modules/harness/cypress/e2e/properties/actions.cy.js
@@ -56,7 +56,7 @@ describe("Test of action image tooltip direction", function() {
 		// ---------------------------------------------------------------------------
 
 		// Click "Conditions" catgeory
-		cy.get(".common-canvas-right-side-items .properties-category-title").eq(2)
+		cy.get(".common-canvas-right-side-items .bx--accordion__heading").eq(2)
 			.click();
 		// For "image_cond_hide" image, tooltip_direction is not specified
 		cy.hoverOverActionImage("image_cond_hide");
diff --git a/canvas_modules/harness/cypress/support/properties/properties-cmds.js b/canvas_modules/harness/cypress/support/properties/properties-cmds.js
index 51a71d3c7b..22e8903430 100644
--- a/canvas_modules/harness/cypress/support/properties/properties-cmds.js
+++ b/canvas_modules/harness/cypress/support/properties/properties-cmds.js
@@ -20,7 +20,7 @@ Cypress.Commands.add("openPropertyDefinition", (propertyFileName) => {
 });
 
 Cypress.Commands.add("toggleCategory", (categoryName) => {
-	cy.get(".common-canvas-right-side-items .properties-category-title")
+	cy.get(".common-canvas-right-side-items .bx--accordion__heading")
 		.contains(categoryName)
 		.click();
 });
diff --git a/canvas_modules/harness/cypress/support/properties/properties-verification-cmds.js b/canvas_modules/harness/cypress/support/properties/properties-verification-cmds.js
index 5976c836e5..737e6ee504 100644
--- a/canvas_modules/harness/cypress/support/properties/properties-verification-cmds.js
+++ b/canvas_modules/harness/cypress/support/properties/properties-verification-cmds.js
@@ -191,7 +191,7 @@ Cypress.Commands.add("verifyControlIsDisplayed", (propertyId) => {
 Cypress.Commands.add("verifyValueInSummaryPanelForCategory", (value, summaryName, rowNumber, categoryName) => {
 	cy.get(".right-flyout-panel")
 		.find(".properties-category-container")
-		.find(".properties-category-title")
+		.find(".bx--accordion__title")
 		.contains(categoryName)
 		.should("exist");
 

From 5a19d94271e3835b8782cf72357e61dc406b9aa2 Mon Sep 17 00:00:00 2001
From: srikant <srksriks123@gmail.com>
Date: Fri, 15 Dec 2023 13:04:21 +0530
Subject: [PATCH 02/15] #1646 Panel accordions - Resolve code-test and
 tearsheet testcases by including tabContent

Signed-off-by: srikant <srksriks123@gmail.com>
---
 .../components/editor-form/editor-form.jsx          | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
index 01275533a7..c33e7e7d40 100644
--- a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
+++ b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
@@ -220,11 +220,16 @@ class EditorForm extends React.Component {
 
 		if (this.props.rightFlyout && this.props.categoryView !== CATEGORY_VIEW.TABS) {
 			return (
-				<Accordion>
-					<div key={"cat." + key} className="properties-rightpanel-accordion">
-						{tabContentAcc}
+				<>
+					<div key={"cat." + key} className="properties-categories">
+						{tabContent}
 					</div>
-				</Accordion>
+					<Accordion>
+						<div key={"cat." + key} className="properties-rightpanel-accordion">
+							{tabContentAcc}
+						</div>
+					</Accordion>
+				</>
 			);
 		}
 		return (

From 8ef25bcb05e32b65a459a53ba4d5bb98726be309 Mon Sep 17 00:00:00 2001
From: srikant <srksriks123@gmail.com>
Date: Mon, 18 Dec 2023 12:18:19 +0530
Subject: [PATCH 03/15] Conditionally render panel accordions

Signed-off-by: srikant <srksriks123@gmail.com>
---
 .../components/editor-form/editor-form.jsx                | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
index c33e7e7d40..c298a9b313 100644
--- a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
+++ b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
@@ -221,14 +221,14 @@ class EditorForm extends React.Component {
 		if (this.props.rightFlyout && this.props.categoryView !== CATEGORY_VIEW.TABS) {
 			return (
 				<>
-					<div key={"cat." + key} className="properties-categories">
+					{tabContent.length ? (<div key={"cat." + key} className="properties-categories">
 						{tabContent}
-					</div>
-					<Accordion>
+					</div>) : null}
+					{tabContentAcc.length ? (<Accordion>
 						<div key={"cat." + key} className="properties-rightpanel-accordion">
 							{tabContentAcc}
 						</div>
-					</Accordion>
+					</Accordion>) : null}
 				</>
 			);
 		}

From f8467ee8483b8b84e36000e26c6c4ebb6af39b49 Mon Sep 17 00:00:00 2001
From: srikant <srksriks123@gmail.com>
Date: Thu, 21 Dec 2023 17:33:50 +0530
Subject: [PATCH 04/15] Fix Nested Accordion Issue and classnames

Signed-off-by: srikant <srksriks123@gmail.com>
---
 .../components/editor-form-test.js            | 10 ++---
 .../conditions/alerts-test.js                 | 18 ++++-----
 .../controls/numberfield-test.js              |  8 ++--
 .../controls/selectcolumn-test.js             |  2 +-
 .../common-properties/panels/summary-test.js  |  2 +-
 .../components/editor-form/editor-form.jsx    |  7 ++--
 .../components/editor-form/editor-form.scss   | 38 +++++++++++--------
 7 files changed, 46 insertions(+), 39 deletions(-)

diff --git a/canvas_modules/common-canvas/__tests__/common-properties/components/editor-form-test.js b/canvas_modules/common-canvas/__tests__/common-properties/components/editor-form-test.js
index 3174de5b2b..0eb7e2903f 100644
--- a/canvas_modules/common-canvas/__tests__/common-properties/components/editor-form-test.js
+++ b/canvas_modules/common-canvas/__tests__/common-properties/components/editor-form-test.js
@@ -103,18 +103,18 @@ describe("controls should be rendered correctly when no uihints are provided", (
 	});
 
 	it("validate no tabs are present", () => {
-		expect(wrapper.find(".properties-rightpanel-accordion")).to.have.length(0);
+		expect(wrapper.find(".properties-categories")).to.have.length(0);
 		expect(wrapper.find(".properties-single-category")).to.have.length(1);
 	});
 
 	it("validate alerts tab isn't created", () => {
-		expect(wrapper.find(".properties-rightpanel-accordion")).to.have.length(0);
+		expect(wrapper.find(".properties-categories")).to.have.length(0);
 		controller.updatePropertyValue({ name: "textfield" }, null);
 		wrapper.update();
 		// validate message is created
 		expect(wrapper.find(".bx--form-requirement")).to.have.length(1);
 		// valide no catagories(tabs) are created
-		expect(wrapper.find(".properties-rightpanel-accordion")).to.have.length(0);
+		expect(wrapper.find(".properties-categories")).to.have.length(0);
 	});
 });
 
@@ -148,7 +148,7 @@ describe("Right flyout category views", () => {
 		const editorForm = wrapper.find(".properties-editor-form");
 		expect(editorForm.prop("className").includes("right-flyout-tabs-view")).to.equal(false);
 
-		const propertiesCategories = editorForm.find(".properties-rightpanel-accordion");
+		const propertiesCategories = editorForm.find(".properties-categories");
 		expect(propertiesCategories).to.have.length(1);
 
 		const categoryContainers = propertiesCategories.find(".properties-category-container");
@@ -165,7 +165,7 @@ describe("Right flyout category views", () => {
 		const editorForm = wrapper.find(".properties-editor-form");
 		expect(editorForm.prop("className").includes("right-flyout-tabs-view")).to.equal(false);
 
-		const propertiesCategories = editorForm.find(".properties-rightpanel-accordion");
+		const propertiesCategories = editorForm.find(".properties-categories");
 		expect(propertiesCategories).to.have.length(1);
 
 		const categoryContainers = propertiesCategories.find(".properties-category-container");
diff --git a/canvas_modules/common-canvas/__tests__/common-properties/conditions/alerts-test.js b/canvas_modules/common-canvas/__tests__/common-properties/conditions/alerts-test.js
index b02c36354d..92ccd7e715 100644
--- a/canvas_modules/common-canvas/__tests__/common-properties/conditions/alerts-test.js
+++ b/canvas_modules/common-canvas/__tests__/common-properties/conditions/alerts-test.js
@@ -47,7 +47,7 @@ describe("condition messages should add alerts tab", () => {
 
 		// ensure that alert tab is open
 		alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		const alertDiv = alertCategory.find("li.properties-category-content-accordion.show"); // Alerts div
+		const alertDiv = alertCategory.find("li.properties-category-content.show"); // Alerts div
 		expect(alertDiv).to.have.length(1);
 		let alertList = alertDiv.find("a.properties-link-text");
 		expect(alertList).to.have.length(2);
@@ -61,7 +61,7 @@ describe("condition messages should add alerts tab", () => {
 		expect(valuesCategory.find("button.bx--accordion__heading").text()).to.equal("Values (2)");
 
 		// regenerate random number should decrease alert list
-		let valuesDiv = valuesCategory.find("li.properties-category-content-accordion.show"); // Values div
+		let valuesDiv = valuesCategory.find("li.properties-category-content.show"); // Values div
 		expect(valuesDiv).to.have.length(1);
 		const generator = valuesDiv.find("button.properties-number-generator");
 		expect(generator).to.have.length(2);
@@ -82,7 +82,7 @@ describe("condition messages should add alerts tab", () => {
 		valuesCategory = wrapper.find("div.properties-category-container").at(1); // Values category
 		expect(valuesCategory.find("button.bx--accordion__heading").text()).to.equal("Values (1)");
 
-		valuesDiv = valuesCategory.find("li.properties-category-content-accordion.show"); // Values category
+		valuesDiv = valuesCategory.find("li.properties-category-content.show"); // Values category
 		expect(valuesDiv).to.have.length(1);
 		integerInput = valuesDiv.find("div[data-id='properties-number_int'] input");
 		expect(integerInput).to.have.length(1);
@@ -118,7 +118,7 @@ describe("condition messages should add alerts tab", () => {
 
 		// ensure that alert tab is open
 		alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		let alertDiv = alertCategory.find("li.properties-category-content-accordion.show"); // Alerts div
+		let alertDiv = alertCategory.find("li.properties-category-content.show"); // Alerts div
 		expect(alertDiv).to.have.length(1);
 		let alertList = alertDiv.find("a.properties-link-text");
 		expect(alertList).to.have.length(1);
@@ -130,7 +130,7 @@ describe("condition messages should add alerts tab", () => {
 
 		// there should be no alerts for the hidden field
 		alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		alertDiv = alertCategory.find("li.properties-category-content-accordion.show"); // Alerts div
+		alertDiv = alertCategory.find("li.properties-category-content.show"); // Alerts div
 		alertList = alertDiv.find("a.properties-link-text");
 		expect(alertList).to.have.length(0);
 	});
@@ -155,7 +155,7 @@ describe("condition messages should add alerts tab for tables", () => {
 
 		// ensure that alert tab is open
 		alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		let alertDiv = alertCategory.find("li.properties-category-content-accordion.show"); // Alerts div
+		let alertDiv = alertCategory.find("li.properties-category-content.show"); // Alerts div
 		expect(alertDiv).to.have.length(1);
 		let alertList = alertDiv.find("a.properties-link-text");
 		expect(alertList).to.have.length(2);
@@ -188,7 +188,7 @@ describe("condition messages should add alerts tab for tables", () => {
 
 		// validate the Alerts tab has only 1 warning
 		alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		alertDiv = alertCategory.find("li.properties-category-content-accordion.show"); // Alerts div
+		alertDiv = alertCategory.find("li.properties-category-content.show"); // Alerts div
 		expect(alertDiv).to.have.length(1);
 		alertList = alertDiv.find("a.properties-link-text");
 		expect(alertList).to.have.length(1);
@@ -238,7 +238,7 @@ describe("condition messages should add alerts tab for tables", () => {
 
 		// ensure that alert tab is open
 		alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		let alertDiv = alertCategory.find("li.properties-category-content-accordion.show"); // Alerts div
+		let alertDiv = alertCategory.find("li.properties-category-content.show"); // Alerts div
 		expect(alertDiv).to.have.length(1);
 		let alertList = alertDiv.find("a.properties-link-text");
 		expect(alertList).to.have.length(3);
@@ -265,7 +265,7 @@ describe("condition messages should add alerts tab for tables", () => {
 
 		// Verify the Error is cleared from Alerts tab
 		alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		alertDiv = alertCategory.find("li.properties-category-content-accordion.show"); // Alerts div
+		alertDiv = alertCategory.find("li.properties-category-content.show"); // Alerts div
 		alertList = alertDiv.find("a.properties-link-text");
 		expect(alertList).to.have.length(2);
 		expect(alertList.at(0).text()).to.not.equal("The field cannot contain 'number'");
diff --git a/canvas_modules/common-canvas/__tests__/common-properties/controls/numberfield-test.js b/canvas_modules/common-canvas/__tests__/common-properties/controls/numberfield-test.js
index 6f3a9597f1..c7d879ade8 100644
--- a/canvas_modules/common-canvas/__tests__/common-properties/controls/numberfield-test.js
+++ b/canvas_modules/common-canvas/__tests__/common-properties/controls/numberfield-test.js
@@ -233,12 +233,12 @@ describe("numberfield control works correctly", () => {
 		expect(controller.getPropertyValue(numPropertyId)).to.be.undefined;
 	});
 	it("should have displayed random generator button", () => {
-		const category = wrapper.find(".properties-category-content-accordion").at(0); // values category
+		const category = wrapper.find(".properties-category-content").at(0); // values category
 		const generator = category.find("button.properties-number-generator");
 		expect(generator).to.have.length(2);
 	});
 	it("should click on generator to create a new number", () => {
-		const category = wrapper.find(".properties-category-content-accordion").at(0); // values category
+		const category = wrapper.find(".properties-category-content").at(0); // values category
 		const generator = category.find("button.properties-number-generator").at(0); // NumberGenerator default
 		const numPropertyId = { name: "number_random" };
 		const oldValue = controller.getPropertyValue(numPropertyId);
@@ -247,12 +247,12 @@ describe("numberfield control works correctly", () => {
 		expect(oldValue).not.equal(newValue);
 	});
 	it("should have displayed random generator with default label", () => {
-		const category = wrapper.find(".properties-category-content-accordion").at(0); // values category
+		const category = wrapper.find(".properties-category-content").at(0); // values category
 		const generator = category.find("div[data-id='properties-ctrl-number_random']").find("button.properties-number-generator");
 		expect(generator.text()).to.equal("NumberGenerator default");
 	});
 	it("should have displayed random generator with resource_key label", () => {
-		const category = wrapper.find(".properties-category-content-accordion").at(0); // values category
+		const category = wrapper.find(".properties-category-content").at(0); // values category
 		const generator = category.find("div[data-id='properties-ctrl-number_random_resource_key']").find("button.properties-number-generator");
 		expect(generator.text()).to.equal("NumberGenerator resource_key");
 	});
diff --git a/canvas_modules/common-canvas/__tests__/common-properties/controls/selectcolumn-test.js b/canvas_modules/common-canvas/__tests__/common-properties/controls/selectcolumn-test.js
index e2308ca44a..59b879249e 100644
--- a/canvas_modules/common-canvas/__tests__/common-properties/controls/selectcolumn-test.js
+++ b/canvas_modules/common-canvas/__tests__/common-properties/controls/selectcolumn-test.js
@@ -428,7 +428,7 @@ describe("selectcolumn control renders correctly with paramDef", () => {
 
 		// ensure that alert tab is open
 		alertCategory = wrapper.find("div.properties-category-container").at(0); // alert category
-		const alertDiv = alertCategory.find("li.properties-category-content-accordion.show"); // Alerts div
+		const alertDiv = alertCategory.find("li.properties-category-content.show"); // Alerts div
 		expect(alertDiv).to.have.length(1);
 		const alertList = alertDiv.find("a.properties-link-text");
 		expect(alertList).to.have.length(2);
diff --git a/canvas_modules/common-canvas/__tests__/common-properties/panels/summary-test.js b/canvas_modules/common-canvas/__tests__/common-properties/panels/summary-test.js
index 1b7c42fc34..5ca807005e 100644
--- a/canvas_modules/common-canvas/__tests__/common-properties/panels/summary-test.js
+++ b/canvas_modules/common-canvas/__tests__/common-properties/panels/summary-test.js
@@ -130,7 +130,7 @@ describe("summary panel renders error/warning status correctly", () => {
 
 		// click on the link should open up structure list table category
 		warningMsg.simulate("click");
-		expect(wrapper.find("li.properties-category-content-accordion.show")).to.have.length(1);
+		expect(wrapper.find("li.properties-category-content.show")).to.have.length(1);
 
 		// check that warning icon is shown in summary
 		let tableCategory = wrapper.find("div[data-id='properties-Derive-Node']");
diff --git a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
index c298a9b313..2f28b3d524 100644
--- a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
+++ b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
@@ -77,6 +77,7 @@ class EditorForm extends React.Component {
 
 	}
 
+
 	shouldComponentUpdate(nextProps, nextState) {
 		if (!this.props.controller.isSummaryPanelShowing() && !this.props.controller.isSubPanelsShowing()) {
 			// only update list of error messages when no summary panel or sub-panel is shown,
@@ -186,9 +187,9 @@ class EditorForm extends React.Component {
 							className={classNames("properties-category-container", { "properties-hidden-container": tab.content.itemType === ItemType.TEARSHEET })}
 						>
 							<AccordionItem title={`${tab.text}${this._getMessageCountForCategory(tab) ? this._getMessageCountForCategory(tab) : ""}`}
-								open={this.props.activeTab === tab.group}
+								open={categoryOpen}
 								onHeadingClick={this._showCategoryPanel.bind(this, tab.group)}
-								className={`bx--accordion__item-${i} ${classNames("properties-category-content-accordion",
+								className={`bx--accordion__item-${i} ${classNames("properties-category-content",
 									{ "show": categoryOpen })}`}
 							>
 								{panelItems}
@@ -225,7 +226,7 @@ class EditorForm extends React.Component {
 						{tabContent}
 					</div>) : null}
 					{tabContentAcc.length ? (<Accordion>
-						<div key={"cat." + key} className="properties-rightpanel-accordion">
+						<div key={"cat." + key} className="properties-categories">
 							{tabContentAcc}
 						</div>
 					</Accordion>) : null}
diff --git a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
index bfc8b0e3b0..2fda481851 100644
--- a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
+++ b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
@@ -52,7 +52,7 @@ $primary-tab-height: $spacing-08;
 	}
 }
 
-.properties-rightpanel-accordion{
+.properties-categories {  
 	.bx--accordion__item {
 
 		margin: 3 -1rem; // Remove 16px outer padding for accordion title and content
@@ -60,6 +60,27 @@ $primary-tab-height: $spacing-08;
 	.bx--accordion__item--active .bx--accordion__content {
 		// 24px padding between accordion title and content (issue #3106)
 		padding: $spacing-06 $spacing-05 $spacing-05;
+		
+		
+		.bx--accordion__item {
+			.bx--accordion__content {
+				display: none;
+			}
+
+			.bx--accordion__arrow {
+				transform: rotate(90deg);
+			}
+		}
+
+		.bx--accordion__item.bx--accordion__item--active { 
+			.bx--accordion__content {
+				display: block;
+			}
+			.bx--accordion__arrow {
+				transform: rotate(270deg);
+			}
+		}
+		
 	}
 
 	// Remove Default borders for Accordions
@@ -70,11 +91,6 @@ $primary-tab-height: $spacing-08;
 
 .properties-category-container {
 	position: relative;
-	&:last-of-type {
-		.properties-category-content.show {
-			border-bottom: 0;
-		}
-	}
 }
 
 .properties-category-title {
@@ -104,16 +120,6 @@ $primary-tab-height: $spacing-08;
 	}
 }
 
-.properties-category-content {
-	height: 100%;
-	padding: $spacing-05;
-	border-bottom: 1px solid $ui-03;
-	display: none;
-	&.show {
-		display: inherit;
-	}
-}
-
 .properties-subtabs, .properties-primaryTabs {
 	.bx--tabs__nav {
 		overflow-x: auto; // override carbon so scrollbar doesn't always show

From f3e7f9c1197cf9f6ee15c6d77c10aaec1fe87e8a Mon Sep 17 00:00:00 2001
From: srikant <srksriks123@gmail.com>
Date: Thu, 21 Dec 2023 17:46:53 +0530
Subject: [PATCH 05/15] ##1646 Use default classnames

Signed-off-by: srikant <srksriks123@gmail.com>
---
 .../common-properties/components/editor-form/editor-form.scss    | 1 -
 1 file changed, 1 deletion(-)

diff --git a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
index 2fda481851..2d2254dcfb 100644
--- a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
+++ b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
@@ -54,7 +54,6 @@ $primary-tab-height: $spacing-08;
 
 .properties-categories {  
 	.bx--accordion__item {
-
 		margin: 3 -1rem; // Remove 16px outer padding for accordion title and content
 	}
 	.bx--accordion__item--active .bx--accordion__content {

From ce5b0a0996814c672ad1d2cedd799c1d4d95a0cb Mon Sep 17 00:00:00 2001
From: srikant <srksriks123@gmail.com>
Date: Fri, 5 Jan 2024 20:50:35 +0530
Subject: [PATCH 06/15] Enable Opening of Multiple Tabs, Open Default Tab and
 Open Tab with Alerts when clicked

Signed-off-by: srikant <srksriks123@gmail.com>
---
 .../components/editor-form/editor-form.jsx        | 15 ++++++++++++++-
 .../components/editor-form/editor-form.scss       |  3 ---
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
index 2f28b3d524..eca9b18e26 100644
--- a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
+++ b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
@@ -74,6 +74,8 @@ class EditorForm extends React.Component {
 		this.FIRST_TEARSHEET_ID = null;
 		this.TEARSHEETS = {};
 		this.visibleTearsheet = null;
+		this.defaultOpenTab = props.activeTab;
+		this.alertOpenTab = null;
 
 	}
 
@@ -122,11 +124,21 @@ class EditorForm extends React.Component {
 		if (this.props.activeTab === panelId) {
 			activeTab = "";
 		}
+		if (this.alertOpenTab === panelId) {
+			this.alertOpenTab = null;
+		}
+		if (this.defaultOpenTab === panelId) {
+			this.defaultOpenTab = null;
+		}
 		this.props.setActiveTab(activeTab);
 	}
 
 	_handleMessageClick(controlId, ev) {
 		const control = this.props.controller.getControl(controlId);
+		this.alertOpenTab = control.parentCategoryId;
+		if (this.defaultOpenTab === this.alertOpenTab) {
+			this.defaultOpenTab = null;
+		}
 		this.props.setActiveTab(control.parentCategoryId);
 	}
 
@@ -187,7 +199,8 @@ class EditorForm extends React.Component {
 							className={classNames("properties-category-container", { "properties-hidden-container": tab.content.itemType === ItemType.TEARSHEET })}
 						>
 							<AccordionItem title={`${tab.text}${this._getMessageCountForCategory(tab) ? this._getMessageCountForCategory(tab) : ""}`}
-								open={categoryOpen}
+								// Open Tab with Alert Message when from Alerts Tab or a open Default Tab
+								open={ this.defaultOpenTab === tab.group || this.alertOpenTab === tab.group }
 								onHeadingClick={this._showCategoryPanel.bind(this, tab.group)}
 								className={`bx--accordion__item-${i} ${classNames("properties-category-content",
 									{ "show": categoryOpen })}`}
diff --git a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
index 2d2254dcfb..a9ae75400c 100644
--- a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
+++ b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
@@ -53,9 +53,6 @@ $primary-tab-height: $spacing-08;
 }
 
 .properties-categories {  
-	.bx--accordion__item {
-		margin: 3 -1rem; // Remove 16px outer padding for accordion title and content
-	}
 	.bx--accordion__item--active .bx--accordion__content {
 		// 24px padding between accordion title and content (issue #3106)
 		padding: $spacing-06 $spacing-05 $spacing-05;

From cf70ce6635b32c7c325c6fc0a9ed6a48845d9a81 Mon Sep 17 00:00:00 2001
From: srikant <srksriks123@gmail.com>
Date: Mon, 8 Jan 2024 11:50:22 +0530
Subject: [PATCH 07/15] Remove bx classname from content and describe accordion
 inside accordion

Signed-off-by: srikant <srksriks123@gmail.com>
---
 .../components/editor-form/editor-form.jsx                | 2 +-
 .../components/editor-form/editor-form.scss               | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
index eca9b18e26..c067651ad7 100644
--- a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
+++ b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
@@ -202,7 +202,7 @@ class EditorForm extends React.Component {
 								// Open Tab with Alert Message when from Alerts Tab or a open Default Tab
 								open={ this.defaultOpenTab === tab.group || this.alertOpenTab === tab.group }
 								onHeadingClick={this._showCategoryPanel.bind(this, tab.group)}
-								className={`bx--accordion__item-${i} ${classNames("properties-category-content",
+								className={`${classNames("properties-category-content",
 									{ "show": categoryOpen })}`}
 							>
 								{panelItems}
diff --git a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
index a9ae75400c..462acf1124 100644
--- a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
+++ b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
@@ -57,7 +57,12 @@ $primary-tab-height: $spacing-08;
 		// 24px padding between accordion title and content (issue #3106)
 		padding: $spacing-06 $spacing-05 $spacing-05;
 		
-		
+		/*  
+			Accordion Carbon Component currently doesn't support Accordions inside an Accordion
+			By default inner Accordions will be in open state and won't close on click
+		*/
+
+		// Handle Initial state where Accordion is closed to hide the content and rotate arrow to indicate the same.
 		.bx--accordion__item {
 			.bx--accordion__content {
 				display: none;
@@ -68,6 +73,7 @@ $primary-tab-height: $spacing-08;
 			}
 		}
 
+		// Handle Open state where Accordion is opened to show the content and rotate arrow.
 		.bx--accordion__item.bx--accordion__item--active { 
 			.bx--accordion__content {
 				display: block;

From 73119e90efff2c2d79df37af6ea79c534976885a Mon Sep 17 00:00:00 2001
From: srikant <srksriks123@gmail.com>
Date: Wed, 28 Feb 2024 11:55:55 +0530
Subject: [PATCH 08/15] Fix setTopLevelActiveGroup test case failure due to
 accordion

Signed-off-by: srikant <srksriks123@gmail.com>
---
 .../__tests__/common-properties/properties-controller-test.js   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/canvas_modules/common-canvas/__tests__/common-properties/properties-controller-test.js b/canvas_modules/common-canvas/__tests__/common-properties/properties-controller-test.js
index cd9df5d7fc..b27af5360d 100644
--- a/canvas_modules/common-canvas/__tests__/common-properties/properties-controller-test.js
+++ b/canvas_modules/common-canvas/__tests__/common-properties/properties-controller-test.js
@@ -2422,7 +2422,7 @@ describe("Properties Controller setTopLevelActiveGroup", () => {
 
 		// Select Condition in accordion
 		const conditionsCategory = wrapper.find("div.properties-category-container").at(2);
-		conditionsCategory.find("button.properties-category-title").simulate("click");
+		conditionsCategory.find("button.bx--accordion__heading").simulate("click");
 		topLevelActiveGroupId = controller.getTopLevelActiveGroupId();
 		expect(topLevelActiveGroupId).to.equal("Primary2");
 	});

From c0fb47fafb3466a66261af51c707a1a1e428d621 Mon Sep 17 00:00:00 2001
From: srikant <srksriks123@gmail.com>
Date: Tue, 16 Apr 2024 20:27:18 +0530
Subject: [PATCH 09/15] Fix Build issues in editor-form files

Signed-off-by: srikant <srksriks123@gmail.com>
---
 .../components/editor-form/editor-form.jsx    |   2 +-
 .../components/editor-form/editor-form.scss   | 306 +++++++++---------
 2 files changed, 155 insertions(+), 153 deletions(-)

diff --git a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
index 47381f7ac0..808fcb8517 100644
--- a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
+++ b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
@@ -18,7 +18,7 @@ import React from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { setActiveTab } from "./../../actions";
-import { Tab, Tabs, TabList, TabPanel, Link, TabPanels, Accordion, AccordionItem  } from "@carbon/react";
+import { Tab, Tabs, TabList, TabPanel, Link, TabPanels, Accordion, AccordionItem } from "@carbon/react";
 import * as PropertyUtil from "./../../util/property-utils";
 import { MESSAGE_KEYS, CARBON_ICONS, CONDITION_MESSAGE_TYPE, STATES, CATEGORY_VIEW } from "./../../constants/constants";
 import { cloneDeep, isEmpty, sortBy, get, filter } from "lodash";
diff --git a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
index b3355491e7..ce98c41f9c 100644
--- a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
+++ b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
@@ -1,93 +1,94 @@
 /*
- * Copyright 2017-2023 Elyra Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
- $primary-tab-height: $spacing-08;
-
- // styling when there is only 1 tab
- .properties-single-category {
-	 padding: $spacing-05;
- }
- 
- .properties-right-flyout {
-	 .properties-editor-form {
-		 height: 100%;
-	 }
-	 .properties-single-category {
-		 height: 100%;
-		 .properties-sub-tab-container {
-			 position: relative;
-			 height: 100%;
-		 }
-		 .properties-subtabs {
-			 position: absolute;
-			 height: $primary-tab-height;
-			 border-bottom: 1px solid $layer-accent-01;
-		 }
-		 .properties-subtab-panel {
-			 height: calc(100% - #{$primary-tab-height});
-			 position: relative;
-			 top: $primary-tab-height;
-			 overflow-y: auto;
-			 overflow-x: hidden;
-		 }
-	 }
- }
- 
- .properties-category-title {
-	 @include type-style("body-long-01");
-	 text-decoration-color: $text-primary;
-	 color: $text-primary;
- 
-	 height: 46px;
-	 width: 100%;
- 
-	 display: flex;
-	 background-color: $background;
-	 justify-content: space-between;
-	 align-items: center;
-	 padding: 0 $spacing-05;
-	 border: 0; // override for button styling
-	 outline: none; // override for button styling
-	 border-bottom: 1px solid $layer-accent-01;
-	 cursor: pointer;
-	 &:hover {
-		 background-color: $layer-hover-01;
-	 }
-	 > svg {
-		 height: 20px;
-		 width: 20px;
-		 fill: $icon-primary;
-	 }
- }
- 
- .properties-subtabs, .properties-primaryTabs {
-	 .cds--tabs__nav {
-		 overflow-x: auto; // override carbon so scrollbar doesn't always show
-	 }
- }
-
- .properties-categories {  
+* Copyright 2017-2023 Elyra Authors
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+* http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+
+$primary-tab-height: $spacing-08;
+
+// styling when there is only 1 tab
+.properties-single-category {
+	padding: $spacing-05;
+}
+
+.properties-right-flyout {
+	.properties-editor-form {
+		height: 100%;
+	}
+	.properties-single-category {
+		height: 100%;
+		.properties-sub-tab-container {
+			position: relative;
+			height: 100%;
+		}
+		.properties-subtabs {
+			position: absolute;
+			height: $primary-tab-height;
+			border-bottom: 1px solid $layer-accent-01;
+		}
+		.properties-subtab-panel {
+			height: calc(100% - #{$primary-tab-height});
+			position: relative;
+			top: $primary-tab-height;
+			overflow-y: auto;
+			overflow-x: hidden;
+		}
+	}
+}
+
+.properties-category-title {
+	@include type-style("body-long-01");
+	text-decoration-color: $text-primary;
+	color: $text-primary;
+
+	height: 46px;
+	width: 100%;
+
+	display: flex;
+	background-color: $background;
+	justify-content: space-between;
+	align-items: center;
+	padding: 0 $spacing-05;
+	border: 0; // override for button styling
+	outline: none; // override for button styling
+	border-bottom: 1px solid $layer-accent-01;
+	cursor: pointer;
+	&:hover {
+		background-color: $layer-hover-01;
+	}
+	> svg {
+		height: 20px;
+		width: 20px;
+		fill: $icon-primary;
+	}
+}
+
+.properties-subtabs,
+.properties-primaryTabs {
+	.cds--tabs__nav {
+		overflow-x: auto; // override carbon so scrollbar doesn't always show
+	}
+}
+
+.properties-categories {
 	.cds--accordion__item--active .cds--accordion__content {
 		// 24px padding between accordion title and content (issue #3106)
 		padding: $spacing-06 $spacing-05 $spacing-05;
-		
+
 		/*  
-			Accordion Carbon Component currently doesn't support Accordions inside an Accordion
-			By default inner Accordions will be in open state and won't close on click
-		*/
+		Accordion Carbon Component currently doesn't support Accordions inside an Accordion
+		By default inner Accordions will be in open state and won't close on click
+	*/
 
 		// Handle Initial state where Accordion is closed to hide the content and rotate arrow to indicate the same.
 		.cds--accordion__item {
@@ -101,7 +102,7 @@
 		}
 
 		// Handle Open state where Accordion is opened to show the content and rotate arrow.
-		.cds--accordion__item.cds--accordion__item--active { 
+		.cds--accordion__item.cds--accordion__item--active {
 			.cds--accordion__content {
 				display: block;
 			}
@@ -109,74 +110,75 @@
 				transform: rotate(270deg);
 			}
 		}
-		
 	}
 
 	// Remove Default borders for Accordions
-	.cds--accordion__item{
-		border-top: 0px
+	.cds--accordion__item {
+		border-top: 0px;
+	}
+}
+
+.properties-static-text-container {
+	display: flex;
+	align-items: center;
+	padding: $spacing-02 0;
+	.properties-static-text {
+		@include type-style("body-short-01");
+		color: $text-primary;
+		&.info {
+			@include type-style("label-01");
+			color: $text-secondary;
+		}
+	}
+	svg {
+		width: 16px;
+		height: 16px;
+		margin-right: $spacing-03;
+	}
+}
+
+.properties-h-separator {
+	margin-top: $spacing-05;
+	margin-bottom: $spacing-05;
+}
+
+.properties-link-text-container {
+	display: flex;
+	align-items: center;
+	padding: $spacing-04 0 0 0;
+	svg {
+		margin-right: $spacing-03;
+	}
+	.properties-link-text {
+		cursor: pointer;
+	}
+}
+
+.properties-light-enabled {
+	background-color: $layer-01; // Override theme background-color when light option is true
+}
+
+.properties-custom-panel + .properties-control-panel {
+	padding-top: $spacing-05; // padding between the two classes
+}
+
+// Display in full height if inside a tearsheet
+.properties-editor-form.tearsheet-container,
+.properties-editor-form.right-flyout-tabs-view {
+	height: 100%;
+
+	.properties-primaryTabs {
+		position: absolute;
+		height: $primary-tab-height;
+		border-bottom: 1px solid $layer-accent-01;
+	}
+
+	.properties-primary-tab-panel.tearsheet-container,
+	.properties-primary-tab-panel.right-flyout-tabs-view {
+		height: calc(100% - #{$primary-tab-height});
+		position: relative;
+		top: $primary-tab-height;
+		overflow-y: auto;
+		overflow-x: hidden;
 	}
 }
- 
- .properties-static-text-container {
-	 display: flex;
-	 align-items: center;
-	 padding: $spacing-02 0;
-	 .properties-static-text {
-		 @include type-style("body-short-01");
-		 color: $text-primary;
-		 &.info {
-			 @include type-style("label-01");
-			 color: $text-secondary;
-		 }
-	 }
-	 svg {
-		 width: 16px;
-		 height: 16px;
-		 margin-right: $spacing-03;
-	 }
- }
- 
- .properties-h-separator {
-	 margin-top: $spacing-05;
-	 margin-bottom: $spacing-05;
- }
- 
- .properties-link-text-container {
-	 display: flex;
-	 align-items: center;
-	 padding: $spacing-04 0 0 0;
-	 svg {
-		 margin-right: $spacing-03;
-	 }
-	 .properties-link-text {
-		 cursor: pointer;
-	 }
- }
- 
- .properties-light-enabled {
-	 background-color: $layer-01; // Override theme background-color when light option is true
- }
- 
- .properties-custom-panel + .properties-control-panel {
-	 padding-top: $spacing-05; // padding between the two classes
- }
- 
- // Display in full height if inside a tearsheet
- .properties-editor-form.tearsheet-container, .properties-editor-form.right-flyout-tabs-view {
-	 height: 100%;
- 
-	 .properties-primaryTabs {
-		 position: absolute;
-		 height: $primary-tab-height;
-		 border-bottom: 1px solid $layer-accent-01;
-	 }
- 
-	 .properties-primary-tab-panel.tearsheet-container, .properties-primary-tab-panel.right-flyout-tabs-view {
-		 height: calc(100% - #{$primary-tab-height});
-		 position: relative;
-		 top: $primary-tab-height;
-		 overflow-y: auto;
-		 overflow-x: hidden;
-	 }
- }

From f72d07fa6b06eef1c8e062af24a0d80d653c394c Mon Sep 17 00:00:00 2001
From: srikant <srksriks123@gmail.com>
Date: Tue, 16 Apr 2024 20:29:28 +0530
Subject: [PATCH 10/15] Revert Copyright changes in editor-form.scss

Signed-off-by: srikant <srksriks123@gmail.com>
---
 .../components/editor-form/editor-form.scss   | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
index ce98c41f9c..c1aea3849b 100644
--- a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
+++ b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
@@ -1,18 +1,18 @@
 /*
-* Copyright 2017-2023 Elyra Authors
-*
-* Licensed under the Apache License, Version 2.0 (the "License");
-* you may not use this file except in compliance with the License.
-* You may obtain a copy of the License at
-*
-* http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-*/
+ * Copyright 2017-2023 Elyra Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 
 $primary-tab-height: $spacing-08;
 

From 4394438c45afb34ed7602c275597c69102070891 Mon Sep 17 00:00:00 2001
From: srikant <srksriks123@gmail.com>
Date: Wed, 17 Apr 2024 11:41:17 +0530
Subject: [PATCH 11/15] Delete package-lock.json

Signed-off-by: srikant <srksriks123@gmail.com>
---
 package-lock.json | 1199 ---------------------------------------------
 1 file changed, 1199 deletions(-)
 delete mode 100644 package-lock.json

diff --git a/package-lock.json b/package-lock.json
deleted file mode 100644
index fd8fd2a8f7..0000000000
--- a/package-lock.json
+++ /dev/null
@@ -1,1199 +0,0 @@
-{
-  "name": "canvas",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "node_modules/@adobe/css-tools": {
-      "version": "4.3.3",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/@adobe/css-tools/-/css-tools-4.3.3.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2F%40adobe%2Fcss-tools%2F-%2Fcss-tools-4.3.3.tgz",
-      "integrity": "sha512-rE0Pygv0sEZ4vBWHlAgJLGDU7Pm8xoO6p3wsEceb7GYAjScrOHpEo8KK/eVkAcnSM+slAEtXjA2JpdjLp4fJQQ==",
-      "dev": true
-    },
-    "node_modules/@babel/code-frame": {
-      "version": "7.23.5",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/@babel/code-frame/-/code-frame-7.23.5.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2F%40babel%2Fcode-frame%2F-%2Fcode-frame-7.23.5.tgz",
-      "integrity": "sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/highlight": "^7.23.4",
-        "chalk": "^2.4.2"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/code-frame/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/ansi-styles/-/ansi-styles-3.2.1.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fansi-styles%2F-%2Fansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/code-frame/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/chalk/-/chalk-2.4.2.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fchalk%2F-%2Fchalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/code-frame/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/color-convert/-/color-convert-1.9.3.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fcolor-convert%2F-%2Fcolor-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dev": true,
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/@babel/code-frame/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/color-name/-/color-name-1.1.3.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fcolor-name%2F-%2Fcolor-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-      "dev": true
-    },
-    "node_modules/@babel/code-frame/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/has-flag/-/has-flag-3.0.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fhas-flag%2F-%2Fhas-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/code-frame/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/supports-color/-/supports-color-5.5.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fsupports-color%2F-%2Fsupports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.22.20",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2F%40babel%2Fhelper-validator-identifier%2F-%2Fhelper-validator-identifier-7.22.20.tgz",
-      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/highlight": {
-      "version": "7.23.4",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/@babel/highlight/-/highlight-7.23.4.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2F%40babel%2Fhighlight%2F-%2Fhighlight-7.23.4.tgz",
-      "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "chalk": "^2.4.2",
-        "js-tokens": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/ansi-styles/-/ansi-styles-3.2.1.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fansi-styles%2F-%2Fansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/chalk/-/chalk-2.4.2.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fchalk%2F-%2Fchalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/color-convert/-/color-convert-1.9.3.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fcolor-convert%2F-%2Fcolor-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dev": true,
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/color-name/-/color-name-1.1.3.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fcolor-name%2F-%2Fcolor-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-      "dev": true
-    },
-    "node_modules/@babel/highlight/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/has-flag/-/has-flag-3.0.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fhas-flag%2F-%2Fhas-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/supports-color/-/supports-color-5.5.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fsupports-color%2F-%2Fsupports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/runtime": {
-      "version": "7.24.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/@babel/runtime/-/runtime-7.24.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2F%40babel%2Fruntime%2F-%2Fruntime-7.24.0.tgz",
-      "integrity": "sha512-Chk32uHMg6TnQdvw2e9IlqPpFX/6NLuK0Ys2PqLb7/gL5uFn9mXvK715FGLlOLQrcO4qIkNHkvPGktzzXexsFw==",
-      "dev": true,
-      "dependencies": {
-        "regenerator-runtime": "^0.14.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@testing-library/dom": {
-      "version": "9.3.4",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/@testing-library/dom/-/dom-9.3.4.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2F%40testing-library%2Fdom%2F-%2Fdom-9.3.4.tgz",
-      "integrity": "sha512-FlS4ZWlp97iiNWig0Muq8p+3rVDjRiYE+YKGbAqXOu9nwJFFOdL00kFpz42M+4huzYi86vAK1sOOfyOG45muIQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.10.4",
-        "@babel/runtime": "^7.12.5",
-        "@types/aria-query": "^5.0.1",
-        "aria-query": "5.1.3",
-        "chalk": "^4.1.0",
-        "dom-accessibility-api": "^0.5.9",
-        "lz-string": "^1.5.0",
-        "pretty-format": "^27.0.2"
-      },
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/@testing-library/dom/node_modules/aria-query": {
-      "version": "5.1.3",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/aria-query/-/aria-query-5.1.3.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Faria-query%2F-%2Faria-query-5.1.3.tgz",
-      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
-      "dev": true,
-      "dependencies": {
-        "deep-equal": "^2.0.5"
-      }
-    },
-    "node_modules/@testing-library/dom/node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/chalk/-/chalk-4.1.2.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fchalk%2F-%2Fchalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@testing-library/dom/node_modules/dom-accessibility-api": {
-      "version": "0.5.16",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fdom-accessibility-api%2F-%2Fdom-accessibility-api-0.5.16.tgz",
-      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
-      "dev": true
-    },
-    "node_modules/@testing-library/jest-dom": {
-      "version": "6.4.2",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/@testing-library/jest-dom/-/jest-dom-6.4.2.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2F%40testing-library%2Fjest-dom%2F-%2Fjest-dom-6.4.2.tgz",
-      "integrity": "sha512-CzqH0AFymEMG48CpzXFriYYkOjk6ZGPCLMhW9e9jg3KMCn5OfJecF8GtGW7yGfR/IgCe3SX8BSwjdzI6BBbZLw==",
-      "dev": true,
-      "dependencies": {
-        "@adobe/css-tools": "^4.3.2",
-        "@babel/runtime": "^7.9.2",
-        "aria-query": "^5.0.0",
-        "chalk": "^3.0.0",
-        "css.escape": "^1.5.1",
-        "dom-accessibility-api": "^0.6.3",
-        "lodash": "^4.17.15",
-        "redent": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=14",
-        "npm": ">=6",
-        "yarn": ">=1"
-      },
-      "peerDependencies": {
-        "@jest/globals": ">= 28",
-        "@types/bun": "latest",
-        "@types/jest": ">= 28",
-        "jest": ">= 28",
-        "vitest": ">= 0.32"
-      },
-      "peerDependenciesMeta": {
-        "@jest/globals": {
-          "optional": true
-        },
-        "@types/bun": {
-          "optional": true
-        },
-        "@types/jest": {
-          "optional": true
-        },
-        "jest": {
-          "optional": true
-        },
-        "vitest": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@testing-library/react": {
-      "version": "14.2.1",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/@testing-library/react/-/react-14.2.1.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2F%40testing-library%2Freact%2F-%2Freact-14.2.1.tgz",
-      "integrity": "sha512-sGdjws32ai5TLerhvzThYFbpnF9XtL65Cjf+gB0Dhr29BGqK+mAeN7SURSdu+eqgET4ANcWoC7FQpkaiGvBr+A==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.12.5",
-        "@testing-library/dom": "^9.0.0",
-        "@types/react-dom": "^18.0.0"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "peerDependencies": {
-        "react": "^18.0.0",
-        "react-dom": "^18.0.0"
-      }
-    },
-    "node_modules/@types/aria-query": {
-      "version": "5.0.4",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/@types/aria-query/-/aria-query-5.0.4.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2F%40types%2Faria-query%2F-%2Faria-query-5.0.4.tgz",
-      "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
-      "dev": true
-    },
-    "node_modules/@types/prop-types": {
-      "version": "15.7.11",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/@types/prop-types/-/prop-types-15.7.11.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2F%40types%2Fprop-types%2F-%2Fprop-types-15.7.11.tgz",
-      "integrity": "sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==",
-      "dev": true
-    },
-    "node_modules/@types/react": {
-      "version": "18.2.66",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/@types/react/-/react-18.2.66.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2F%40types%2Freact%2F-%2Freact-18.2.66.tgz",
-      "integrity": "sha512-OYTmMI4UigXeFMF/j4uv0lBBEbongSgptPrHBxqME44h9+yNov+oL6Z3ocJKo0WyXR84sQUNeyIp9MRfckvZpg==",
-      "dev": true,
-      "dependencies": {
-        "@types/prop-types": "*",
-        "@types/scheduler": "*",
-        "csstype": "^3.0.2"
-      }
-    },
-    "node_modules/@types/react-dom": {
-      "version": "18.2.22",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/@types/react-dom/-/react-dom-18.2.22.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2F%40types%2Freact-dom%2F-%2Freact-dom-18.2.22.tgz",
-      "integrity": "sha512-fHkBXPeNtfvri6gdsMYyW+dW7RXFo6Ad09nLFK0VQWR7yGLai/Cyvyj696gbwYvBnhGtevUG9cET0pmUbMtoPQ==",
-      "dev": true,
-      "dependencies": {
-        "@types/react": "*"
-      }
-    },
-    "node_modules/@types/scheduler": {
-      "version": "0.16.8",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/@types/scheduler/-/scheduler-0.16.8.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2F%40types%2Fscheduler%2F-%2Fscheduler-0.16.8.tgz",
-      "integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==",
-      "dev": true
-    },
-    "node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/ansi-regex/-/ansi-regex-5.0.1.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fansi-regex%2F-%2Fansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/ansi-styles/-/ansi-styles-4.3.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fansi-styles%2F-%2Fansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/aria-query": {
-      "version": "5.3.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/aria-query/-/aria-query-5.3.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Faria-query%2F-%2Faria-query-5.3.0.tgz",
-      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
-      "dev": true,
-      "dependencies": {
-        "dequal": "^2.0.3"
-      }
-    },
-    "node_modules/array-buffer-byte-length": {
-      "version": "1.0.1",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Farray-buffer-byte-length%2F-%2Farray-buffer-byte-length-1.0.1.tgz",
-      "integrity": "sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.5",
-        "is-array-buffer": "^3.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/available-typed-arrays": {
-      "version": "1.0.7",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Favailable-typed-arrays%2F-%2Favailable-typed-arrays-1.0.7.tgz",
-      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
-      "dev": true,
-      "dependencies": {
-        "possible-typed-array-names": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/call-bind": {
-      "version": "1.0.7",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/call-bind/-/call-bind-1.0.7.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fcall-bind%2F-%2Fcall-bind-1.0.7.tgz",
-      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
-      "dev": true,
-      "dependencies": {
-        "es-define-property": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.4",
-        "set-function-length": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/chalk": {
-      "version": "3.0.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/chalk/-/chalk-3.0.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fchalk%2F-%2Fchalk-3.0.0.tgz",
-      "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/color-convert/-/color-convert-2.0.1.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fcolor-convert%2F-%2Fcolor-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/color-name/-/color-name-1.1.4.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fcolor-name%2F-%2Fcolor-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true
-    },
-    "node_modules/css.escape": {
-      "version": "1.5.1",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/css.escape/-/css.escape-1.5.1.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fcss.escape%2F-%2Fcss.escape-1.5.1.tgz",
-      "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
-      "dev": true
-    },
-    "node_modules/csstype": {
-      "version": "3.1.3",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/csstype/-/csstype-3.1.3.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fcsstype%2F-%2Fcsstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-      "dev": true
-    },
-    "node_modules/deep-equal": {
-      "version": "2.2.3",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/deep-equal/-/deep-equal-2.2.3.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fdeep-equal%2F-%2Fdeep-equal-2.2.3.tgz",
-      "integrity": "sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==",
-      "dev": true,
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "call-bind": "^1.0.5",
-        "es-get-iterator": "^1.1.3",
-        "get-intrinsic": "^1.2.2",
-        "is-arguments": "^1.1.1",
-        "is-array-buffer": "^3.0.2",
-        "is-date-object": "^1.0.5",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.2",
-        "isarray": "^2.0.5",
-        "object-is": "^1.1.5",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.5.1",
-        "side-channel": "^1.0.4",
-        "which-boxed-primitive": "^1.0.2",
-        "which-collection": "^1.0.1",
-        "which-typed-array": "^1.1.13"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/define-data-property": {
-      "version": "1.1.4",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/define-data-property/-/define-data-property-1.1.4.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fdefine-data-property%2F-%2Fdefine-data-property-1.1.4.tgz",
-      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
-      "dev": true,
-      "dependencies": {
-        "es-define-property": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "gopd": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/define-properties": {
-      "version": "1.2.1",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/define-properties/-/define-properties-1.2.1.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fdefine-properties%2F-%2Fdefine-properties-1.2.1.tgz",
-      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
-      "dev": true,
-      "dependencies": {
-        "define-data-property": "^1.0.1",
-        "has-property-descriptors": "^1.0.0",
-        "object-keys": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/dequal": {
-      "version": "2.0.3",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/dequal/-/dequal-2.0.3.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fdequal%2F-%2Fdequal-2.0.3.tgz",
-      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/dom-accessibility-api": {
-      "version": "0.6.3",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fdom-accessibility-api%2F-%2Fdom-accessibility-api-0.6.3.tgz",
-      "integrity": "sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==",
-      "dev": true
-    },
-    "node_modules/es-define-property": {
-      "version": "1.0.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/es-define-property/-/es-define-property-1.0.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fes-define-property%2F-%2Fes-define-property-1.0.0.tgz",
-      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.2.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-errors": {
-      "version": "1.3.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/es-errors/-/es-errors-1.3.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fes-errors%2F-%2Fes-errors-1.3.0.tgz",
-      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-get-iterator": {
-      "version": "1.1.3",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/es-get-iterator/-/es-get-iterator-1.1.3.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fes-get-iterator%2F-%2Fes-get-iterator-1.1.3.tgz",
-      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.3",
-        "has-symbols": "^1.0.3",
-        "is-arguments": "^1.1.1",
-        "is-map": "^2.0.2",
-        "is-set": "^2.0.2",
-        "is-string": "^1.0.7",
-        "isarray": "^2.0.5",
-        "stop-iteration-iterator": "^1.0.0"
-      }
-    },
-    "node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fescape-string-regexp%2F-%2Fescape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/for-each": {
-      "version": "0.3.3",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/for-each/-/for-each-0.3.3.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Ffor-each%2F-%2Ffor-each-0.3.3.tgz",
-      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
-      "dev": true,
-      "dependencies": {
-        "is-callable": "^1.1.3"
-      }
-    },
-    "node_modules/function-bind": {
-      "version": "1.1.2",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/function-bind/-/function-bind-1.1.2.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Ffunction-bind%2F-%2Ffunction-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "dev": true
-    },
-    "node_modules/functions-have-names": {
-      "version": "1.2.3",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/functions-have-names/-/functions-have-names-1.2.3.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Ffunctions-have-names%2F-%2Ffunctions-have-names-1.2.3.tgz",
-      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
-      "dev": true
-    },
-    "node_modules/get-intrinsic": {
-      "version": "1.2.4",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/get-intrinsic/-/get-intrinsic-1.2.4.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fget-intrinsic%2F-%2Fget-intrinsic-1.2.4.tgz",
-      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
-      "dev": true,
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "hasown": "^2.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/gopd": {
-      "version": "1.0.1",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/gopd/-/gopd-1.0.1.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fgopd%2F-%2Fgopd-1.0.1.tgz",
-      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.1.3"
-      }
-    },
-    "node_modules/has-bigints": {
-      "version": "1.0.2",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/has-bigints/-/has-bigints-1.0.2.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fhas-bigints%2F-%2Fhas-bigints-1.0.2.tgz",
-      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
-      "dev": true
-    },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/has-flag/-/has-flag-4.0.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fhas-flag%2F-%2Fhas-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/has-property-descriptors": {
-      "version": "1.0.2",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fhas-property-descriptors%2F-%2Fhas-property-descriptors-1.0.2.tgz",
-      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
-      "dev": true,
-      "dependencies": {
-        "es-define-property": "^1.0.0"
-      }
-    },
-    "node_modules/has-proto": {
-      "version": "1.0.3",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/has-proto/-/has-proto-1.0.3.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fhas-proto%2F-%2Fhas-proto-1.0.3.tgz",
-      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/has-symbols": {
-      "version": "1.0.3",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/has-symbols/-/has-symbols-1.0.3.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fhas-symbols%2F-%2Fhas-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/has-tostringtag": {
-      "version": "1.0.2",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/has-tostringtag/-/has-tostringtag-1.0.2.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fhas-tostringtag%2F-%2Fhas-tostringtag-1.0.2.tgz",
-      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
-      "dev": true,
-      "dependencies": {
-        "has-symbols": "^1.0.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/hasown": {
-      "version": "2.0.2",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/hasown/-/hasown-2.0.2.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fhasown%2F-%2Fhasown-2.0.2.tgz",
-      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-      "dev": true,
-      "dependencies": {
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/indent-string": {
-      "version": "4.0.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/indent-string/-/indent-string-4.0.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Findent-string%2F-%2Findent-string-4.0.0.tgz",
-      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/internal-slot": {
-      "version": "1.0.7",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/internal-slot/-/internal-slot-1.0.7.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Finternal-slot%2F-%2Finternal-slot-1.0.7.tgz",
-      "integrity": "sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==",
-      "dev": true,
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "hasown": "^2.0.0",
-        "side-channel": "^1.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-arguments": {
-      "version": "1.1.1",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/is-arguments/-/is-arguments-1.1.1.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fis-arguments%2F-%2Fis-arguments-1.1.1.tgz",
-      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-array-buffer": {
-      "version": "3.0.4",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/is-array-buffer/-/is-array-buffer-3.0.4.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fis-array-buffer%2F-%2Fis-array-buffer-3.0.4.tgz",
-      "integrity": "sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-bigint": {
-      "version": "1.0.4",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/is-bigint/-/is-bigint-1.0.4.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fis-bigint%2F-%2Fis-bigint-1.0.4.tgz",
-      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
-      "dev": true,
-      "dependencies": {
-        "has-bigints": "^1.0.1"
-      }
-    },
-    "node_modules/is-boolean-object": {
-      "version": "1.1.2",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/is-boolean-object/-/is-boolean-object-1.1.2.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fis-boolean-object%2F-%2Fis-boolean-object-1.1.2.tgz",
-      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-callable": {
-      "version": "1.2.7",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/is-callable/-/is-callable-1.2.7.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fis-callable%2F-%2Fis-callable-1.2.7.tgz",
-      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-date-object": {
-      "version": "1.0.5",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/is-date-object/-/is-date-object-1.0.5.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fis-date-object%2F-%2Fis-date-object-1.0.5.tgz",
-      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-map": {
-      "version": "2.0.3",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/is-map/-/is-map-2.0.3.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fis-map%2F-%2Fis-map-2.0.3.tgz",
-      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-number-object": {
-      "version": "1.0.7",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/is-number-object/-/is-number-object-1.0.7.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fis-number-object%2F-%2Fis-number-object-1.0.7.tgz",
-      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-regex": {
-      "version": "1.1.4",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/is-regex/-/is-regex-1.1.4.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fis-regex%2F-%2Fis-regex-1.1.4.tgz",
-      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-set": {
-      "version": "2.0.3",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/is-set/-/is-set-2.0.3.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fis-set%2F-%2Fis-set-2.0.3.tgz",
-      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-shared-array-buffer": {
-      "version": "1.0.3",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fis-shared-array-buffer%2F-%2Fis-shared-array-buffer-1.0.3.tgz",
-      "integrity": "sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.7"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-string": {
-      "version": "1.0.7",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/is-string/-/is-string-1.0.7.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fis-string%2F-%2Fis-string-1.0.7.tgz",
-      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-symbol": {
-      "version": "1.0.4",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/is-symbol/-/is-symbol-1.0.4.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fis-symbol%2F-%2Fis-symbol-1.0.4.tgz",
-      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
-      "dev": true,
-      "dependencies": {
-        "has-symbols": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-weakmap": {
-      "version": "2.0.2",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/is-weakmap/-/is-weakmap-2.0.2.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fis-weakmap%2F-%2Fis-weakmap-2.0.2.tgz",
-      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-weakset": {
-      "version": "2.0.3",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/is-weakset/-/is-weakset-2.0.3.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fis-weakset%2F-%2Fis-weakset-2.0.3.tgz",
-      "integrity": "sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "get-intrinsic": "^1.2.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/isarray": {
-      "version": "2.0.5",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/isarray/-/isarray-2.0.5.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fisarray%2F-%2Fisarray-2.0.5.tgz",
-      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
-      "dev": true
-    },
-    "node_modules/js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/js-tokens/-/js-tokens-4.0.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fjs-tokens%2F-%2Fjs-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "dev": true
-    },
-    "node_modules/lodash": {
-      "version": "4.17.21",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/lodash/-/lodash-4.17.21.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Flodash%2F-%2Flodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-      "dev": true
-    },
-    "node_modules/loose-envify": {
-      "version": "1.4.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/loose-envify/-/loose-envify-1.4.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Floose-envify%2F-%2Floose-envify-1.4.0.tgz",
-      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "js-tokens": "^3.0.0 || ^4.0.0"
-      },
-      "bin": {
-        "loose-envify": "cli.js"
-      }
-    },
-    "node_modules/lz-string": {
-      "version": "1.5.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/lz-string/-/lz-string-1.5.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Flz-string%2F-%2Flz-string-1.5.0.tgz",
-      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
-      "dev": true,
-      "bin": {
-        "lz-string": "bin/bin.js"
-      }
-    },
-    "node_modules/min-indent": {
-      "version": "1.0.1",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/min-indent/-/min-indent-1.0.1.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fmin-indent%2F-%2Fmin-indent-1.0.1.tgz",
-      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/object-inspect": {
-      "version": "1.13.1",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/object-inspect/-/object-inspect-1.13.1.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fobject-inspect%2F-%2Fobject-inspect-1.13.1.tgz",
-      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
-      "dev": true
-    },
-    "node_modules/object-is": {
-      "version": "1.1.6",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/object-is/-/object-is-1.1.6.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fobject-is%2F-%2Fobject-is-1.1.6.tgz",
-      "integrity": "sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/object-keys": {
-      "version": "1.1.1",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/object-keys/-/object-keys-1.1.1.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fobject-keys%2F-%2Fobject-keys-1.1.1.tgz",
-      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/object.assign": {
-      "version": "4.1.5",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/object.assign/-/object.assign-4.1.5.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fobject.assign%2F-%2Fobject.assign-4.1.5.tgz",
-      "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.5",
-        "define-properties": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "object-keys": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/possible-typed-array-names": {
-      "version": "1.0.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fpossible-typed-array-names%2F-%2Fpossible-typed-array-names-1.0.0.tgz",
-      "integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/pretty-format": {
-      "version": "27.5.1",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/pretty-format/-/pretty-format-27.5.1.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fpretty-format%2F-%2Fpretty-format-27.5.1.tgz",
-      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^5.0.1",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^17.0.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/pretty-format/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/ansi-styles/-/ansi-styles-5.2.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fansi-styles%2F-%2Fansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/react": {
-      "version": "18.2.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/react/-/react-18.2.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Freact%2F-%2Freact-18.2.0.tgz",
-      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "loose-envify": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/react-dom": {
-      "version": "18.2.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/react-dom/-/react-dom-18.2.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Freact-dom%2F-%2Freact-dom-18.2.0.tgz",
-      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "scheduler": "^0.23.0"
-      },
-      "peerDependencies": {
-        "react": "^18.2.0"
-      }
-    },
-    "node_modules/react-is": {
-      "version": "17.0.2",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/react-is/-/react-is-17.0.2.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Freact-is%2F-%2Freact-is-17.0.2.tgz",
-      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
-      "dev": true
-    },
-    "node_modules/redent": {
-      "version": "3.0.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/redent/-/redent-3.0.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fredent%2F-%2Fredent-3.0.0.tgz",
-      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
-      "dev": true,
-      "dependencies": {
-        "indent-string": "^4.0.0",
-        "strip-indent": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/regenerator-runtime": {
-      "version": "0.14.1",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fregenerator-runtime%2F-%2Fregenerator-runtime-0.14.1.tgz",
-      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
-      "dev": true
-    },
-    "node_modules/regexp.prototype.flags": {
-      "version": "1.5.2",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fregexp.prototype.flags%2F-%2Fregexp.prototype.flags-1.5.2.tgz",
-      "integrity": "sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.6",
-        "define-properties": "^1.2.1",
-        "es-errors": "^1.3.0",
-        "set-function-name": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/scheduler": {
-      "version": "0.23.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/scheduler/-/scheduler-0.23.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fscheduler%2F-%2Fscheduler-0.23.0.tgz",
-      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "loose-envify": "^1.1.0"
-      }
-    },
-    "node_modules/set-function-length": {
-      "version": "1.2.2",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/set-function-length/-/set-function-length-1.2.2.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fset-function-length%2F-%2Fset-function-length-1.2.2.tgz",
-      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
-      "dev": true,
-      "dependencies": {
-        "define-data-property": "^1.1.4",
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.4",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/set-function-name": {
-      "version": "2.0.2",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/set-function-name/-/set-function-name-2.0.2.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fset-function-name%2F-%2Fset-function-name-2.0.2.tgz",
-      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
-      "dev": true,
-      "dependencies": {
-        "define-data-property": "^1.1.4",
-        "es-errors": "^1.3.0",
-        "functions-have-names": "^1.2.3",
-        "has-property-descriptors": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/side-channel": {
-      "version": "1.0.6",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/side-channel/-/side-channel-1.0.6.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fside-channel%2F-%2Fside-channel-1.0.6.tgz",
-      "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.4",
-        "object-inspect": "^1.13.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/stop-iteration-iterator": {
-      "version": "1.0.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fstop-iteration-iterator%2F-%2Fstop-iteration-iterator-1.0.0.tgz",
-      "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
-      "dev": true,
-      "dependencies": {
-        "internal-slot": "^1.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/strip-indent": {
-      "version": "3.0.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/strip-indent/-/strip-indent-3.0.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fstrip-indent%2F-%2Fstrip-indent-3.0.0.tgz",
-      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
-      "dev": true,
-      "dependencies": {
-        "min-indent": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/supports-color/-/supports-color-7.2.0.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fsupports-color%2F-%2Fsupports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/which-boxed-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fwhich-boxed-primitive%2F-%2Fwhich-boxed-primitive-1.0.2.tgz",
-      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
-      "dev": true,
-      "dependencies": {
-        "is-bigint": "^1.0.1",
-        "is-boolean-object": "^1.1.0",
-        "is-number-object": "^1.0.4",
-        "is-string": "^1.0.5",
-        "is-symbol": "^1.0.3"
-      }
-    },
-    "node_modules/which-collection": {
-      "version": "1.0.2",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/which-collection/-/which-collection-1.0.2.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fwhich-collection%2F-%2Fwhich-collection-1.0.2.tgz",
-      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
-      "dev": true,
-      "dependencies": {
-        "is-map": "^2.0.3",
-        "is-set": "^2.0.3",
-        "is-weakmap": "^2.0.2",
-        "is-weakset": "^2.0.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/which-typed-array": {
-      "version": "1.1.15",
-      "resolved": "https://na.artifactory.swg-devops.com/artifactory/api/npm/wcp-wdp-npm-virtual/which-typed-array/-/which-typed-array-1.1.15.tgz?dl=https%3A%2F%2Fregistry.npmjs.org%2Fwhich-typed-array%2F-%2Fwhich-typed-array-1.1.15.tgz",
-      "integrity": "sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==",
-      "dev": true,
-      "dependencies": {
-        "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.7",
-        "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-tostringtag": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    }
-  }
-}

From 9455f206640c8da013cee6314158f93076eca348 Mon Sep 17 00:00:00 2001
From: srikant <srksriks123@gmail.com>
Date: Thu, 18 Apr 2024 14:57:34 +0530
Subject: [PATCH 12/15] Adjust Accordion height and border as per previous
 setup

Signed-off-by: srikant <srksriks123@gmail.com>
---
 .../components/editor-form/editor-form.scss   | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
index c1aea3849b..fcaa8f5fb8 100644
--- a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
+++ b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
@@ -83,12 +83,12 @@ $primary-tab-height: $spacing-08;
 .properties-categories {
 	.cds--accordion__item--active .cds--accordion__content {
 		// 24px padding between accordion title and content (issue #3106)
-		padding: $spacing-06 $spacing-05 $spacing-05;
+		padding: $spacing-02 $spacing-05 $spacing-05;
 
 		/*  
-		Accordion Carbon Component currently doesn't support Accordions inside an Accordion
-		By default inner Accordions will be in open state and won't close on click
-	*/
+			Accordion Carbon Component currently doesn't support Accordions inside an Accordion
+			By default inner Accordions will be in open state and won't close on click
+		*/
 
 		// Handle Initial state where Accordion is closed to hide the content and rotate arrow to indicate the same.
 		.cds--accordion__item {
@@ -115,6 +115,17 @@ $primary-tab-height: $spacing-08;
 	// Remove Default borders for Accordions
 	.cds--accordion__item {
 		border-top: 0px;
+		border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
+	}
+
+	// Remove default accordion padding
+	.cds--accordion__item--active .cds--accordion__wrapper {
+		padding-block-end: 0px;
+	}
+
+	//Override default accordionitem height to match with previous panels
+	.cds--accordion__heading {
+		min-block-size: 46px;
 	}
 }
 
@@ -145,7 +156,6 @@ $primary-tab-height: $spacing-08;
 .properties-link-text-container {
 	display: flex;
 	align-items: center;
-	padding: $spacing-04 0 0 0;
 	svg {
 		margin-right: $spacing-03;
 	}

From 789f4bb0a55ef9c8314caa3647a075201ba43b19 Mon Sep 17 00:00:00 2001
From: srikant <srksriks123@gmail.com>
Date: Thu, 18 Apr 2024 15:04:21 +0530
Subject: [PATCH 13/15] Update Accordion border

Signed-off-by: srikant <srksriks123@gmail.com>
---
 .../common-properties/components/editor-form/editor-form.scss   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
index fcaa8f5fb8..9b68b55ec4 100644
--- a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
+++ b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
@@ -115,7 +115,7 @@ $primary-tab-height: $spacing-08;
 	// Remove Default borders for Accordions
 	.cds--accordion__item {
 		border-top: 0px;
-		border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
+		border-bottom: 1px solid $layer-accent-01;
 	}
 
 	// Remove default accordion padding

From 1b7280b05b20ad60c7c7fdd501af940b9e06a04f Mon Sep 17 00:00:00 2001
From: srikant <srksriks123@gmail.com>
Date: Fri, 19 Apr 2024 17:05:30 +0530
Subject: [PATCH 14/15] Fix css issues by replacing classnames

Signed-off-by: srikant <srksriks123@gmail.com>
---
 .../components/editor-form/editor-form.jsx    |  2 +-
 .../components/editor-form/editor-form.scss   | 45 +++----------------
 2 files changed, 7 insertions(+), 40 deletions(-)

diff --git a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
index 808fcb8517..fda733a5a7 100644
--- a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
+++ b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.jsx
@@ -246,7 +246,7 @@ class EditorForm extends React.Component {
 					{tabContent.length ? (<div key={"cat." + key} className="properties-categories">
 						{tabContent}
 					</div>) : null}
-					{tabContentAcc.length ? (<Accordion>
+					{tabContentAcc.length ? (<Accordion size="lg">
 						<div key={"cat." + key} className="properties-categories">
 							{tabContentAcc}
 						</div>
diff --git a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
index 9b68b55ec4..2c534ed173 100644
--- a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
+++ b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
@@ -46,33 +46,6 @@ $primary-tab-height: $spacing-08;
 	}
 }
 
-.properties-category-title {
-	@include type-style("body-long-01");
-	text-decoration-color: $text-primary;
-	color: $text-primary;
-
-	height: 46px;
-	width: 100%;
-
-	display: flex;
-	background-color: $background;
-	justify-content: space-between;
-	align-items: center;
-	padding: 0 $spacing-05;
-	border: 0; // override for button styling
-	outline: none; // override for button styling
-	border-bottom: 1px solid $layer-accent-01;
-	cursor: pointer;
-	&:hover {
-		background-color: $layer-hover-01;
-	}
-	> svg {
-		height: 20px;
-		width: 20px;
-		fill: $icon-primary;
-	}
-}
-
 .properties-subtabs,
 .properties-primaryTabs {
 	.cds--tabs__nav {
@@ -81,9 +54,8 @@ $primary-tab-height: $spacing-08;
 }
 
 .properties-categories {
-	.cds--accordion__item--active .cds--accordion__content {
-		// 24px padding between accordion title and content (issue #3106)
-		padding: $spacing-02 $spacing-05 $spacing-05;
+	.properties-category-content .cds--accordion__content {
+		padding: $spacing-05;
 
 		/*  
 			Accordion Carbon Component currently doesn't support Accordions inside an Accordion
@@ -91,7 +63,7 @@ $primary-tab-height: $spacing-08;
 		*/
 
 		// Handle Initial state where Accordion is closed to hide the content and rotate arrow to indicate the same.
-		.cds--accordion__item {
+		.properties-category-content {
 			.cds--accordion__content {
 				display: none;
 			}
@@ -113,19 +85,14 @@ $primary-tab-height: $spacing-08;
 	}
 
 	// Remove Default borders for Accordions
-	.cds--accordion__item {
+	.properties-category-content {
 		border-top: 0px;
 		border-bottom: 1px solid $layer-accent-01;
 	}
 
 	// Remove default accordion padding
-	.cds--accordion__item--active .cds--accordion__wrapper {
-		padding-block-end: 0px;
-	}
-
-	//Override default accordionitem height to match with previous panels
-	.cds--accordion__heading {
-		min-block-size: 46px;
+	.properties-category-content .cds--accordion__wrapper { 
+		padding: 0;
 	}
 }
 

From 2930b5b651646ce1ab0fcd2d0d9049d3d1632606 Mon Sep 17 00:00:00 2001
From: srikant <srksriks123@gmail.com>
Date: Fri, 19 Apr 2024 20:25:14 +0530
Subject: [PATCH 15/15] Add cds--accordion__item class in editor-form css to
 make twisty panel work

Signed-off-by: srikant <srksriks123@gmail.com>
---
 .../common-properties/components/editor-form/editor-form.scss   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
index 2c534ed173..3df5f512e7 100644
--- a/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
+++ b/canvas_modules/common-canvas/src/common-properties/components/editor-form/editor-form.scss
@@ -63,7 +63,7 @@ $primary-tab-height: $spacing-08;
 		*/
 
 		// Handle Initial state where Accordion is closed to hide the content and rotate arrow to indicate the same.
-		.properties-category-content {
+		.cds--accordion__item {
 			.cds--accordion__content {
 				display: none;
 			}