@finsemble/finsemble-ui 8.3.0-beta.8 → 8.3.1

package/react/assets/css/processMonitor.css

@@ -47,7 +47,7 @@ body.process-monitor {
 }
 
 .process-list {
-	height: calc(100vh - 185px);
+	height: calc(100vh - 160px);
 	overflow-y: auto;
 }
 
@@ -76,6 +76,10 @@ body.process-monitor {
 	width: 40%;
 }
 
+.process-name-collapsible {
+	cursor: pointer;
+}
+
 .process-name {
 	font-weight: var(--procMonitor-process-name-font-weight);
 	font-style: italic;
@@ -117,9 +121,6 @@ body.process-monitor {
 
 .child-window-name {
 	font-weight: var(--procMonitor-component-name-font-weight);
-}
-
-.advanced .child-window-name {
 	cursor: pointer;
 }
 
@@ -214,3 +215,7 @@ body.process-monitor {
 	border-radius: inherit;
 	background-color: rgb(0 0 0 / 20%);
 }
+
+.summary-statistic-number {
+	white-space: nowrap;
+}

package/react/assets/css/userPreferences.css

@@ -478,7 +478,7 @@ option:focus {
 .notifications-main-preferences__container {
 	display: flex;
 	flex-direction: column;
-	padding: 5px 15px;
+	padding: 5px 15px 5px 30px;
 }
 
 .notifications-main-preferences__container .row-section {

package/react/assets/css/windowTitleBar.css

@@ -5,102 +5,42 @@
  */
 @import url("./linkerWindow.css");
 @import url("./defaultTheme.css");
-@import url("core/icons.css");
-@import url("core/windowFrame.css");
-@import url("core/formElements.css");
+@import url("./core/icons.css");
 @import url("./font-finance.css");
 @import url("./fonts/Open_Sans/OpenSans-Definition.css");
 
-.fsbl-drag-handle {
-	z-index: 2147483641;
+/* .fsbl-app-region is only used by e2e tests */
 
-	/* use below with window scrollbar hack */
-	position: fixed;
-	/* stylelint-disable-next-line declaration-no-important */
-	top: 5px !important;
-	/* stylelint-disable-next-line declaration-no-important */
-	margin-top: 0 !important;
-
-	/* use below without window scrollbar hack */
-
-	/* position: absolute; */
-
-	/* top: 0px!important; */
-
-	/* background-color: red; */
-
-	/* prevent dragging any data when move window */
-	user-select: none;
-}
-
-.fsbl-drag-handle-native-movement {
-	z-index: 2147483641;
-
-	/* use below with window scrollbar hack */
-	position: fixed;
-	/* stylelint-disable-next-line declaration-no-important */
-	top: 5px !important;
-	/* stylelint-disable-next-line declaration-no-important */
-	margin-top: 0 !important;
+/* This gets added to draggable areas if useDOMBasedMovement is turned off in config */
+.fsbl-no-dom-movement {
 	-webkit-app-region: drag;
-
-	/* prevent dragging any data when move window */
-	user-select: none;
-}
-
-.fsbl-drag-handle.hidden {
-	display: none;
-}
-
-.fsbl-drag-handle-native-movement.hidden {
-	display: none;
 }
 
-.fsbl-tabs-multiple .fsbl-header-right {
-	padding-left: 80px; /* leave some space for a user to grab */
-}
+/* 100px minimum. flex-grow will fill up available space to the right */
+.fsbl-guaranteed-drag-area {
+	min-width: 100px;
 
-html::before,
-html::after,
-body::before,
-body::after {
-	content: "";
-	position: fixed;
-	display: block;
-	z-index: 2147483640;
-	background-color: var(--window-border-color);
+	/* if, for whatever reason, no tabs appear then this will ensure that the drag region has height to grab */
+	min-height: 20px;
+	flex-grow: 1;
 }
 
-/*
-* The next few items give the border of windows
-* thickness so that the user can see them
-*/
-html::before {
-	height: 1px;
-	left: 0;
-	right: 0;
-	top: 0;
+.fsbl-tab-region {
+	width: 100%;
+	display: inline-block;
 }
 
-html::after {
-	width: 1px;
-	top: 0;
-	right: 0;
-	bottom: 0;
+.fsbl-tab-region-tabbing-disabled {
+	text-align: center;
 }
 
-body::before {
-	height: 1px;
-	right: 0;
-	bottom: 0;
-	left: 0;
+.fsbl-tab-region-tabbing-enabled {
+	text-align: left;
+	display: flex;
 }
 
-body::after {
-	width: 1px;
-	top: 0;
-	bottom: 0;
-	left: 0;
+#FSBLHeader {
+	color: white;
 }
 
 .fsbl-header {
@@ -117,6 +57,10 @@ body::after {
 	background: var(--titleBar-background-inactive-color);
 	width: 100%;
 	left: 0;
+
+	/* This ensures that the window title bar is always the top DOM element on a page. This can be important when the 
+	title bar is injected. While we have code to shift app content downward, that code is not 100% reliable. This z-index
+	then ensures that the window is at least always operable even if the content isn't properly shifted */
 	z-index: 2147483639;
 	top: 0;
 	color: var(--titleBar-inactive-font-color);
@@ -127,39 +71,6 @@ body::after {
 	flex-shrink: unset;
 }
 
-html.desktop-active .fsbl-tab-title-text {
-	background: transparent;
-	color: var(--titleBar-active-font-color);
-}
-
-/* This class applies to a tab that is ALONE and active. For tabs that have neighbors, see .fsbl-tab */
-.fsbl-header-title {
-	position: relative;
-	height: 100%;
-	padding-left: 8px;
-	overflow: hidden;
-	align-items: center;
-	display: flex;
-	padding-right: 14px;
-	transition: background-color 0.2s ease;
-	border-top-left-radius: 10px;
-	border-top-right-radius: 10px;
-	background-color: var(--titlebar-tab-active-background-color);
-}
-
-.fsbl-header-title:hover {
-	background-color: var(--core-primary-2);
-}
-
-html.desktop-active .fsbl-header-title .fsbl-tab-title {
-	color: var(--titlebar-tab-active-font-color);
-}
-
-html.desktop-active .fsbl-header-title:hover {
-	background-color: var(--titlebar-tab-active-background-color);
-	color: var(--titlebar-tab-active-font-color);
-}
-
 .fsbl-header-left {
 	height: calc(100% - 5px); /* leave some space for the resize cursor */
 	margin-left: 2px;
@@ -172,20 +83,17 @@ html.desktop-active .fsbl-header-title:hover {
 }
 
 .fsbl-header-center {
-	height: calc(100% - 10px);
+	overflow: hidden;
+	height: 100%;
 	align-content: center;
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	width: 80%;
+	width: 100%;
 	text-overflow: ellipsis;
 	white-space: nowrap;
-
-	--webkit-user-select: none;
-
 	user-select: none;
 	position: relative;
-	padding-bottom: 3px; /* This needs to be half of the thing subtracted from the height. e.g. height = 100% - 6px, then this is 3px) */
 }
 
 .fsbl-tabs-enabled .fsbl-header-center {
@@ -194,10 +102,6 @@ html.desktop-active .fsbl-header-title:hover {
 	padding-bottom: 0;
 }
 
-html.desktop-active .fsbl-header-right {
-	background: var(--titleBar-background-active-color);
-}
-
 .fsbl-header-right {
 	margin-right: 2px;
 	height: calc(100% - 5px); /* leave some space for the resize cursor */
@@ -212,17 +116,6 @@ html.desktop-active .fsbl-header-right {
 	margin-top: -2px;
 }
 
-html.desktop-active .fsbl-tab-region-drag-area {
-	background-color: var(--titleBar-background-inactive-color);
-}
-
-.tab-drop-region {
-	width: 100%;
-	height: 100%;
-	position: absolute;
-	z-index: 30000;
-}
-
 .fsbl-icon {
 	position: relative;
 	color: var(--titleBar-inactive-font-color);
@@ -257,10 +150,6 @@ html.desktop-active .fsbl-tab-region-drag-area {
 	color: var(--titleBar-button-hover-negative-color);
 }
 
-html.desktop-active .fsbl-icon.fsbl-close:hover {
-	color: var(--titleBar-button-hover-negative-color);
-}
-
 .fsbl-icon-highlighted {
 	transition: background-color 300ms ease-in-out;
 	background-color: var(--titleBar-button-highlight-inactive-color);
@@ -268,21 +157,12 @@ html.desktop-active .fsbl-icon.fsbl-close:hover {
 	color: var(--titlebar-icon-hover-color);
 }
 
-html.desktop-active .fsbl-icon-highlighted {
-	background-color: var(--titleBar-button-highlight-active-color);
-}
-
 .fsbl-minimize {
 	align-items: center;
 	margin-top: -2px;
 	transition: 0.2s all;
 }
 
-.fsbl-ejector {
-	transition: background-color 300ms ease-in-out;
-	background-color: var(--titleBar-button-highlight-active-color);
-}
-
 .linkerSection {
 	display: flex;
 	height: 100%;
@@ -421,54 +301,44 @@ html.desktop-active .fsbl-icon-highlighted {
 	box-sizing: border-box;
 	justify-content: flex-start;
 	transition: color 0.2s ease;
-}
+	transition: transform 0.2s ease-in-out;
+	max-width: max-content;
+	min-width: 30px;
 
-.fsbl-active-tab {
-	background-color: var(--titlebar-tab-active-background-color);
-	color: var(--titlebar-tab-active-font-color);
-}
-
-.fsbl-tab:hover {
-	background-color: var(--titlebar-tab-hover-background-color);
-	color: var(--titlebar-tab-hover-font-color);
+	/* This is important, otherwise flex box expands the final tab, causing scroll buttons to appear when they aren't necessary */
+	overflow: hidden;
 }
 
-.tab-region-wrapper {
-	display: flex;
-	max-width: 90%;
+/* The gap that appears in the final, right-most, position in the tab region when dragging. */
+.fsbl-tab-gap[data-display="true"] {
+	background-color: var(--titlebar-tab-active-background-color);
+	border-top-right-radius: 10px;
+	border-top-left-radius: 10px;
+	height: 23px;
 }
 
-/* When there are multiple tabs, no border for the last tab on the right side. */
-.fsbl-tabs-multiple .tab-region-wrapper > div:last-child {
-	border-right: none;
+.fsbl-active-tab {
+	background-color: var(--titlebar-tab-active-background-color);
+	color: var(--titlebar-tab-active-font-color);
 }
 
-.fsbl-tab-area {
-	height: 100%;
-	display: flex;
-	width: 100%;
-	position: absolute;
-	left: 0;
-	overflow: scroll;
-}
+.fsbl-tab-title {
+	text-align: left;
+	padding-left: 1px;
+	padding-right: 4px;
+	display: inline-flex;
+	align-items: center;
 
-.fsbl-tab-area::-webkit-scrollbar {
-	display: none;
+	/*	min-width: 20px; */
+	color: var(--titlebar-tab-inactive-font-color);
 }
 
-.fsbl-tab-editor {
-	position: relative;
-	z-index: 29999;
-	overflow: auto;
+.fsbl-open-tab {
+	width: 100px;
 }
 
-.fsbl-tab-title {
-	text-align: left;
-	padding-left: 1px;
-	min-width: 0;
-	color: var(--titlebar-tab-inactive-font-color);
-	display: flex;
-	align-items: center;
+.fsbl-tab-title-text {
+	margin-right: 5px;
 }
 
 /* The block below allows for a flex-child to have text truncated with an ellipsis. */
@@ -494,25 +364,13 @@ html.desktop-active .fsbl-icon-highlighted {
 	transition-delay: 0.2s;
 }
 
-.fsbl-tab:hover .fsbl-tab-title .fsbl-tab-title-text {
-	padding-right: 18px;
-}
-
 div.fsbl-tab-close .ff-close {
-	/**
-	Override the "transition: 2s all;" on .ff-close
-	 */
-	transition: 0s all;
-	transition-delay: 0.2s;
-}
-
-html.desktop-active .fsbl-active-tab .fsbl-tab-title {
-	color: var(--titlebar-tab-active-font-color);
+	transition: all 0.2s ease-in;
 }
 
 div.fsbl-tab-close {
 	font-size: 8px;
-	padding: 0 10px;
+	padding: 0 7px;
 	visibility: hidden;
 	cursor: pointer;
 	height: 100%;
@@ -521,7 +379,14 @@ div.fsbl-tab-close {
 	justify-content: center;
 	position: absolute;
 	right: 0;
-	z-index: 30001;
+
+	/** This transition is critical. Without it, a user can click on a tab and accidentally close it. This happens if you click in the vicinity
+	of the close button when a different window currently has focus. This transition ensures that the close button isn't visible at the time
+	that such a click occurs. */
+	transition: visibility 0s ease 0.5s;
+
+	/* z-index: 30001; */
+	background-color: var(--titlebar-tab-hover-background-color);
 }
 
 .fsbl-tab-close:hover {
@@ -532,51 +397,11 @@ div.fsbl-tab-close {
 	visibility: visible;
 }
 
-.fsbl-tab-logo {
-	margin: 0 7px;
-	padding-top: 3px;
-	width: auto;
-	height: auto;
-	color: var(--titlebar-tab-icon-font-color);
-}
-
-.fsbl-tab-logo i {
-	font-size: 14px;
-}
-
-.fsbl-tab-logo img {
-	height: 18px;
-	width: 18px;
-}
-
-.fsbl-tab .fsbl-tab-style {
-	position: relative;
-	height: 100%;
-	left: 0;
-}
-
-.fsbl-tab-region-drag-area::before {
-	content: "a";
-	visibility: hidden;
-}
-
-/* Without content, the ghost-tab caused really strange sizing behaviors. */
-.ghost-tab::before {
-	content: "a";
+/* Hovering will be disabled by the react component if the element is too thin and not the promoted tab */
+.fsbl-tab:hover[data-show-close-button="false"] > .fsbl-tab-close {
 	visibility: hidden;
 }
 
-.ghost-tab {
-	background-color: var(--titlebar-tab-ghost-background-color);
-	border-right: 1px solid var(--titlebar-tab-ghost-border-colorcolor);
-	border-top: 1px solid var(--titlebar-tab-ghost-border-color);
-	width: 175px;
-	opacity: 0.7;
-	position: relative;
-	height: 100%;
-	left: 0;
-}
-
 /* Styles the zoom pop up */
 .fsbl-zoom-popup {
 	display: none;
@@ -618,14 +443,6 @@ div.fsbl-tab-close {
 		/* stylelint-disable-next-line declaration-no-important */
 		display: none !important;
 	}
-
-	.fsbl-tabs-multiple .fsbl-header-right {
-		padding-left: 70px; /* leave some space for a user to grab */
-	}
-
-	.fsbl-header-title {
-		max-width: 50%;
-	}
 }
 
 /* At 310px, the left section of the header will be removed. */
@@ -634,10 +451,6 @@ div.fsbl-tab-close {
 		/* stylelint-disable-next-line declaration-no-important */
 		display: none !important;
 	}
-
-	.fsbl-tabs-multiple .fsbl-header-right {
-		padding-left: 60px; /* leave some space for a user to grab */
-	}
 }
 
 /* At 280px, the docking icon will be removed. */
@@ -647,10 +460,6 @@ div.fsbl-tab-close {
 		/* stylelint-disable-next-line declaration-no-important */
 		display: none !important;
 	}
-
-	.fsbl-tabs-multiple .fsbl-header-right {
-		padding-left: 50px; /* this will leave some space for window dragging */
-	}
 }
 
 /* At 245px, the maximize icon will be removed. */
@@ -659,10 +468,6 @@ div.fsbl-tab-close {
 		/* stylelint-disable-next-line declaration-no-important */
 		display: none !important;
 	}
-
-	.fsbl-tabs-multiple .fsbl-header-right {
-		padding-left: 40px; /* this will leave some space for window dragging */
-	}
 }
 
 /* At 210px, all other icons icon will be removed. */
@@ -681,21 +486,12 @@ div.fsbl-tab-close {
 		/* stylelint-disable-next-line declaration-no-important */
 		display: none !important;
 	}
-
-	.fsbl-tabs-multiple .fsbl-header-right {
-		padding-left: 30px; /* this will leave some space for window dragging */
-	}
-
-	.fsbl-header-title {
-		max-width: 25%;
-	}
 }
 
 .finsemble-toolbar .icon-avatar {
 	padding: 3px;
 	font-size: 7px;
 	position: relative;
-	top: -1px;
 }
 
 .finsemble-toolbar .icon-avatar > i {
@@ -703,30 +499,50 @@ div.fsbl-tab-close {
 	top: 1px;
 }
 
-#title_editor_input {
+.finsemble-toolbar .icon-avatar-wrapper {
+	align-items: normal;
+}
+
+/* Do not attempt to animate the input's width. Doing so can cause the input tag to disappear due to stray clicks
+that blur the input while animating */
+input.fsbl-tab-input {
 	font-size: 12px;
-	padding: 2px 10px;
-	width: 80%;
-	border: none;
+	margin-top: 1px;
+	width: 100%;
+	border-right: 2px solid gray;
 	border-bottom: 2px solid #73c3ff;
 	color: white;
 	transition: none;
-	background: transparent;
+	background-color: #353434;
 }
 
-input.tab__input:focus {
+input.fsbl-tab-input:focus {
 	outline: none;
-	animation: input-highlighter 0.3s ease;
 }
 
-@keyframes input-highlighter {
-	from {
-		background: #527bae;
-		width: 0;
-	}
+.fsbl-tabs-container {
+	display: flex;
+	align-items: center;
+}
 
-	to {
-		width: 80%;
-		background: transparent;
-	}
+.fsbl-tabs-scroll-surround {
+	--webkit-app-region: no-drag;
+
+	overflow: hidden;
+}
+
+.fsbl-tab-region-tabbing-enabled .fsbl-tab {
+	display: flex;
+	white-space: nowrap;
+}
+
+.fsbl-tab-scroll-button {
+	--webkit-app-region: no-drag;
+
+	background-color: transparent;
+	color: var(--titleBar-active-font-color);
+}
+
+.fsbl-tab-scroll-button:disabled {
+	color: var(--titleBar-inactive-font-color);
 }

package/react/assets/icons/chevron-down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M256 429.3l22.6-22.6 192-192L493.3 192 448 146.7l-22.6 22.6L256 338.7 86.6 169.4 64 146.7 18.7 192l22.6 22.6 192 192L256 429.3z"/></svg>

package/react/assets/icons/chevron-up.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M256 82.7l22.6 22.6 192 192L493.3 320 448 365.3l-22.6-22.6L256 173.3 86.6 342.6 64 365.3 18.7 320l22.6-22.6 192-192L256 82.7z"/></svg>

package/react/components/appCatalog/AppCatalog.d.ts

@@ -4,6 +4,9 @@
  */
 /// <reference types="react" />
 /**
+ * @deprecated This feature is deprecated. It is no longer supported and will likely go away in the future. Please contact
+ * support@finsemble.com if you are using this component.
+ *
  * A UI component that stores all the applications and allows the end user to add, remove, browse, or launch an application
  * from the app catalog window.
  */

package/react/components/appCatalog/AppCatalog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppCatalog.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/appCatalog/AppCatalog.tsx"],"names":[],"mappings":"AAAA;;;GAGG;;AAQH;;;GAGG;AACH,eAAO,MAAM,UAAU,mBAmBtB,CAAC"}
+{"version":3,"file":"AppCatalog.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/appCatalog/AppCatalog.tsx"],"names":[],"mappings":"AAAA;;;GAGG;;AAQH;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,mBAmBtB,CAAC"}

package/react/components/appCatalog/AppCatalog.js

@@ -8,6 +8,9 @@ import { AppCatalogComponent } from "./AppCatalogComponent";
 import storeActions from "./stores/storeActions";
 import { useTitle } from "../../hooks/useTitle";
 /**
+ * @deprecated This feature is deprecated. It is no longer supported and will likely go away in the future. Please contact
+ * support@finsemble.com if you are using this component.
+ *
  * A UI component that stores all the applications and allows the end user to add, remove, browse, or launch an application
  * from the app catalog window.
  */

package/react/components/appCatalog/AppCatalog.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppCatalog.js","sourceRoot":"","sources":["../../../../../src/ui/components/appCatalog/AppCatalog.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,YAAY,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,QAAQ,CAAC,aAAa,CAAC,CAAC;IAExB,+CAA+C;IAC/C,SAAS,CAAC,GAAG,EAAE;QACd,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE;YAChB,YAAY,CAAC,UAAU,CAAC,GAAG,EAAE;gBAC5B,UAAU,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IACjB,CAAC,CAAC,CAAC;IACH,OAAO,0CAAG,OAAO,IAAI,oBAAC,mBAAmB,OAAG,CAAI,CAAC;AAClD,CAAC,CAAC"}
+{"version":3,"file":"AppCatalog.js","sourceRoot":"","sources":["../../../../../src/ui/components/appCatalog/AppCatalog.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,YAAY,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,QAAQ,CAAC,aAAa,CAAC,CAAC;IAExB,+CAA+C;IAC/C,SAAS,CAAC,GAAG,EAAE;QACd,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE;YAChB,YAAY,CAAC,UAAU,CAAC,GAAG,EAAE;gBAC5B,UAAU,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IACjB,CAAC,CAAC,CAAC;IACH,OAAO,0CAAG,OAAO,IAAI,oBAAC,mBAAmB,OAAG,CAAI,CAAC;AAClD,CAAC,CAAC"}

package/react/components/appCatalog/AppCatalogComponent.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @deprecated This feature is deprecated. It is no longer supported and will likely go away in the future. Please contact
+ * support@finsemble.com if you are using this component.
+ */
 export class AppCatalogComponent extends React.Component<any, any, any> {
     constructor(props: any);
     state: {

package/react/components/appCatalog/AppCatalogComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppCatalogComponent.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/appCatalog/AppCatalogComponent.jsx"],"names":[],"mappings":"AAaA;IACC,wBAWC;IATA;;;;;;;MAOC;IAIF,2BAgBC;IAwFD,yBAsBC;IAED;;;;OAIG;IACH,eAEC;IA+ED;;OAEG;IACH,eAEC;IArBD;;;OAGG;IACH,YAFW,MAAM,QAIhB;IAED;;;OAGG;IACH,eAFW,MAAM,QAIhB;IASD;;;OAGG;IACH,qBAFW,MAAM,QAIhB;IAeD;;OAEG;IACH,wBAUC;IA1BD;;OAEG;IACH,yCAIC;IAqBD;;;;OAIG;IACH,2BAFW,OAAO,OAgBjB;IAED,+BAqCC;IAlLD;;OAEG;IACH,0CAgBC;IAkFD,kCAEC;IA5ID,sCAEC;IAkED;;;;;OAKG;IACH,eAHa,OAAO,CAKnB;IAED;;;;;OAKG;IACH,uBAEC;IAvKD,kCA+CC;IAtCE,4CAiBG;IAIL,6CAgBG;IAGJ,0BAYC;IAED,6BAgBC;IA4DD;;;;;OAKG;IACH,gBAHa,MAAM,CAKlB;IAsBD;;;;;OAKG;IACH,mBAHa,MAAM,CAKlB;IAyHD,sBA4CC;CACD"}
+{"version":3,"file":"AppCatalogComponent.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/appCatalog/AppCatalogComponent.jsx"],"names":[],"mappings":"AAaA;;;GAGG;AACH;IACC,wBAWC;IATA;;;;;;;MAOC;IAIF,2BAgBC;IAwFD,yBAsBC;IAED;;;;OAIG;IACH,eAEC;IA+ED;;OAEG;IACH,eAEC;IArBD;;;OAGG;IACH,YAFW,MAAM,QAIhB;IAED;;;OAGG;IACH,eAFW,MAAM,QAIhB;IASD;;;OAGG;IACH,qBAFW,MAAM,QAIhB;IAeD;;OAEG;IACH,wBAUC;IA1BD;;OAEG;IACH,yCAIC;IAqBD;;;;OAIG;IACH,2BAFW,OAAO,OAgBjB;IAED,+BAqCC;IAlLD;;OAEG;IACH,0CAgBC;IAkFD,kCAEC;IA5ID,sCAEC;IAkED;;;;;OAKG;IACH,eAHa,OAAO,CAKnB;IAED;;;;;OAKG;IACH,uBAEC;IAvKD,kCA+CC;IAtCE,4CAiBG;IAIL,6CAgBG;IAGJ,0BAYC;IAED,6BAgBC;IA4DD;;;;;OAKG;IACH,gBAHa,MAAM,CAKlB;IAsBD;;;;;OAKG;IACH,mBAHa,MAAM,CAKlB;IAyHD,sBA4CC;CACD"}