@finsemble/finsemble-ui 10.0.0-iocd.9 → 10.0.3-beta.2

package/react/actions/workspaceActions.d.ts

@@ -1,12 +1,12 @@
-import { UnionOf } from "unionize";
-import { WorkspaceState } from "../reducers/workspaceReducer";
-/** All available action types */
-export declare const WorkspaceActions: import("unionize").Unionized<{
-    UPDATE_ALL_WORKSPACES: WorkspaceState;
-    UPDATE_PROMPT_ON_SAVE_WORKSPACE_PREFERENCE: boolean;
-}, import("unionize").SingleValueVariants<{
-    UPDATE_ALL_WORKSPACES: WorkspaceState;
-    UPDATE_PROMPT_ON_SAVE_WORKSPACE_PREFERENCE: boolean;
-}, "type", "payload">, "type">;
-export declare type WorkspaceActionTypes = UnionOf<typeof WorkspaceActions>;
+import { UnionOf } from "unionize";
+import { WorkspaceState } from "../reducers/workspaceReducer";
+/** All available action types */
+export declare const WorkspaceActions: import("unionize").Unionized<{
+    UPDATE_ALL_WORKSPACES: WorkspaceState;
+    UPDATE_PROMPT_ON_SAVE_WORKSPACE_PREFERENCE: boolean;
+}, import("unionize").SingleValueVariants<{
+    UPDATE_ALL_WORKSPACES: WorkspaceState;
+    UPDATE_PROMPT_ON_SAVE_WORKSPACE_PREFERENCE: boolean;
+}, "type", "payload">, "type">;
+export type WorkspaceActionTypes = UnionOf<typeof WorkspaceActions>;
 //# sourceMappingURL=workspaceActions.d.ts.map

package/react/actions/workspaceActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"workspaceActions.d.ts","sourceRoot":"","sources":["../../../../src/ui/actions/workspaceActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,OAAO,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,iCAAiC;AACjC,eAAO,MAAM,gBAAgB;;;;;;8BAM5B,CAAC;AAEF,oBAAY,oBAAoB,GAAG,OAAO,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"workspaceActions.d.ts","sourceRoot":"","sources":["../../../../src/ui/actions/workspaceActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,OAAO,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,iCAAiC;AACjC,eAAO,MAAM,gBAAgB;;;;;;8BAM5B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/react/actions/workspaceActions.js

@@ -1,7 +1,7 @@
-import { unionize, ofType } from "unionize";
-/** All available action types */
-export const WorkspaceActions = unionize({
-    UPDATE_ALL_WORKSPACES: ofType(),
-    UPDATE_PROMPT_ON_SAVE_WORKSPACE_PREFERENCE: ofType(),
-}, { tag: "type", value: "payload" });
+import { unionize, ofType } from "unionize";
+/** All available action types */
+export const WorkspaceActions = unionize({
+    UPDATE_ALL_WORKSPACES: ofType(),
+    UPDATE_PROMPT_ON_SAVE_WORKSPACE_PREFERENCE: ofType(),
+}, { tag: "type", value: "payload" });
 //# sourceMappingURL=workspaceActions.js.map

package/react/assets/css/advancedAppLauncher.css

@@ -33,7 +33,7 @@ body.advancedAppLauncher {
 
 /* the height sum of advanced-app-launcher-nav-top and advanced-app-launcher-nav-bottom should be less or equal to height of advanced-app-launcher */
 .advanced-app-launcher-nav-top {
-	max-height: 290;
+	max-height: 290px;
 }
 
 .advanced-app-launcher-nav-bottom {

package/react/assets/css/appCatalog.css

@@ -297,9 +297,9 @@ body.app-catalog-body {
 	color: var(--catalog-font-color);
 	overflow: hidden;
 	text-overflow: ellipsis;
-	display: box;
+	display: block;
 	-webkit-line-clamp: 2;
-	-webkit-box-orient: vertical;
+	-webkit-box-orient: vertical; /* stylelint-disable-line */
 	padding-left: 3px;
 }
 
@@ -332,9 +332,9 @@ body.app-catalog-body {
 	color: var(--core-primary-5);
 	overflow: hidden;
 	text-overflow: ellipsis;
-	display: box;
+	display: block;
 	-webkit-line-clamp: 2;
-	-webkit-box-orient: vertical;
+	-webkit-box-orient: vertical; /* stylelint-disable-line */
 	margin-left: -8px;
 }
 

package/react/assets/css/dialogs.css

@@ -56,7 +56,7 @@ body.dialog .dialog-question {
 	padding: 0 4px;
 	margin-bottom: 10px;
 	text-align: left;
-	word-wrap: break-word;
+	overflow-wrap: break-word;
 }
 
 .controls-wrapper .button-wrapper,
@@ -81,11 +81,7 @@ body.dialog input::-webkit-inner-spin-button {
 
 .controls-wrapper input:focus,
 body.dialog input:focus {
-	box-shadow:
-		0 0 5px rgba 81,
-		203,
-		238,
-		1;
+	box-shadow: 0 0 5px rgb(81 203 238 / 100%);
 	border-bottom: 2px solid var(--dialog-input-border-focus-color);
 	outline: none;
 }

package/react/assets/css/favorites.css

@@ -22,7 +22,6 @@
 	font-size: 8px;
 	padding-right: 4px;
 	padding-top: 4px;
-	align-self: bottom;
 	margin-left: 1em;
 	color: var(--toolbar-favorite-delete-icon);
 }
@@ -43,8 +42,7 @@
 .gu-transit {
 	opacity: 0.2;
 	filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
-	/* stylelint-disable-next-line function-no-unknown */
-	filter: alpha(opacity=20);
+	filter: opacity(20%);
 }
 
 #favoritesContainer {

package/react/assets/css/finsemble.css

@@ -10,7 +10,6 @@
 @import url("core/formElements.css");
 @import url("./font-finance.css");
 @import url("./fonts/Open_Sans/OpenSans-Definition.css");
-
 @import url("./shared/common.css");
 
 .hidden {

package/react/assets/css/font-finance.css

@@ -22,7 +22,6 @@
 	font-weight: normal;
 	font-variant: normal;
 	text-transform: none;
-	speak: none;
 	line-height: 1;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
@@ -35,7 +34,6 @@
 	font-weight: normal;
 	font-variant: normal;
 	text-transform: none;
-	speak: none;
 	line-height: 1;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
@@ -53,22 +51,10 @@
 	content: "\63";
 }
 
-.ff-arrow-redo::before {
-	content: "\64";
-}
-
 .ff-arrow-right::before {
 	content: "\65";
 }
 
-.ff-arrow-trade::before {
-	content: "\66";
-}
-
-.ff-arrow-undo::before {
-	content: "\67";
-}
-
 .ff-arrow-up::before {
 	content: "\68";
 }
@@ -85,154 +71,22 @@
 	content: "\6c";
 }
 
-.ff-chart-alt-1::before {
-	content: "\6d";
-}
-
 .ff-component::before {
 	content: "\6e";
 }
 
-.ff-company::before {
-	content: "\6f";
-}
-
-.ff-close::before {
-	content: "\70";
-}
-
-.ff-clock::before {
-	content: "\71";
-}
-
-.ff-check-circle::before {
-	content: "\72";
-}
-
-.ff-check-box::before {
-	content: "\73";
-}
-
 .ff-chat-popout::before {
 	content: "\74";
 }
 
-.ff-chat-group::before {
-	content: "\75";
-}
-
-.ff-chat-add::before {
-	content: "\76";
-}
-
-.ff-chat::before {
-	content: "\77";
-}
-
-.ff-chart-simple::before {
-	content: "\78";
-}
-
-.ff-chart-pie::before {
-	content: "\79";
-}
-
 .ff-chart-alt-2::before {
 	content: "\7a";
 }
 
-.ff-crosshair::before {
-	content: "\41";
-}
-
-.ff-delete-box::before {
-	content: "\43";
-}
-
-.ff-delete-circle::before {
-	content: "\44";
-}
-
-.ff-document-1::before {
-	content: "\45";
-}
-
-.ff-document-2::before {
-	content: "\46";
-}
-
-.ff-edit::before {
-	content: "\49";
-}
-
 .ff-finsemble::before {
 	content: "\4b";
 }
 
-.ff-filter-2::before {
-	content: "\4c";
-}
-
-.ff-interval-2::before {
-	content: "\4d";
-}
-
-.ff-finsemble-2::before {
-	content: "\4e";
-}
-
-.ff-interval::before {
-	content: "\4f";
-}
-
-.ff-insiders-2::before {
-	content: "\50";
-}
-
-.ff-insiders::before {
-	content: "\51";
-}
-
-.ff-info::before {
-	content: "\52";
-}
-
-.ff-industry::before {
-	content: "\53";
-}
-
-.ff-home-3::before {
-	content: "\54";
-}
-
-.ff-home-2::before {
-	content: "\55";
-}
-
-.ff-home::before {
-	content: "\56";
-}
-
-.ff-help::before {
-	content: "\57";
-}
-
-.ff-grid::before {
-	content: "\59";
-}
-
-.ff-fundamentals::before {
-	content: "\27";
-}
-
-.ff-linker::before {
-	content: "\e012";
-}
-
-.ff-magnet::before {
-	content: "\32";
-}
-
 .ff-maximize::before {
 	content: "\33";
 }
@@ -241,58 +95,10 @@
 	content: "\34";
 }
 
-.ff-minus-circle::before {
-	content: "\35";
-}
-
-.ff-new-workspace::before {
-	content: "\36";
-}
-
-.ff-news::before {
-	content: "\37";
-}
-
-.ff-overview::before {
-	content: "\38";
-}
-
-.ff-pin::before {
-	content: "\39";
-}
-
-.ff-plus::before {
-	content: "\21";
-}
-
-.ff-plus-circle::before {
-	content: "\22";
-}
-
 .ff-restore::before {
 	content: "\23";
 }
 
-.ff-workspace::before {
-	content: "\24";
-}
-
-.ff-watchlist::before {
-	content: "\25";
-}
-
-.ff-user::before {
-	content: "\26";
-}
-
-.ff-table::before {
-	content: "\28";
-}
-
-.ff-studies::before {
-	content: "\29";
-}
-
 .ff-settings::before {
 	content: "\2b";
 }
@@ -301,30 +107,10 @@
 	content: "\2c";
 }
 
-.ff-save-1::before {
-	content: "\2e";
-}
-
-.ff-save-2::before {
-	content: "\2f";
-}
-
-.ff-saveas-1::before {
-	content: "\3a";
-}
-
-.ff-saveas-2::before {
-	content: "\3b";
-}
-
 .ff-chevron-down::before {
 	content: "\3c";
 }
 
-.ff-bring-to-front::before {
-	content: "\69";
-}
-
 .ff-detached::before {
 	content: "\3e";
 }
@@ -337,22 +123,10 @@
 	content: "\e013";
 }
 
-.ff-hamburger::before {
-	content: "\58";
-}
-
-.ff-sort::before {
-	content: "\4a";
-}
-
 .ff-check-mark::before {
 	content: "\3d";
 }
 
-.ff-minimize-all::before {
-	content: "\3f";
-}
-
 .ff-list::before {
 	content: "\5b";
 }
@@ -365,38 +139,14 @@
 	content: "\5e";
 }
 
-.ff-anchor::before {
-	content: "\5f";
-}
-
-.ff-copy::before {
-	content: "\60";
-}
-
 .ff-always-on-top::before {
 	content: "\7b";
 }
 
-.ff-close-2::before {
-	content: "\7c";
-}
-
-.ff-delete::before {
-	content: "\42";
-}
-
-.ff-ungrid::before {
-	content: "\7d";
-}
-
 .ff-tag::before {
 	content: "\5a";
 }
 
-.ff-folder::before {
-	content: "\7e";
-}
-
 .ff-chevron-left::before {
 	content: "\5c";
 }
@@ -405,38 +155,10 @@
 	content: "\e000";
 }
 
-.ff-alert::before {
-	content: "\e001";
-}
-
 .ff-favorite::before {
 	content: "\e003";
 }
 
-.ff-dashboard::before {
-	content: "\e004";
-}
-
-.ff-dashboard-new::before {
-	content: "\e005";
-}
-
-.ff-filter::before {
-	content: "\30";
-}
-
-.ff-arrow-triangle-both::before {
-	content: "\2d";
-}
-
-.ff-arrow-triangle-left::before {
-	content: "\e002";
-}
-
-.ff-arrow-triangle-right::before {
-	content: "\e006";
-}
-
 .ff-adp-apps::before {
 	content: "\e007";
 }
@@ -477,12 +199,12 @@
 	content: "\e00d";
 }
 
-.ff-adp-hamburger::before {
-	content: "\e011";
+.ff-close::before {
+	content: "\70";
 }
 
-.ff-linker-1::before {
-	content: "\31";
+.ff-adp-hamburger::before {
+	content: "\e011";
 }
 
 .ff-plus-2::before {

package/react/assets/css/menus.css

@@ -82,12 +82,16 @@ The "focused" attribute is set during keyboard navigation.
 
 .menu-item:focus,
 .menu-item-icon:focus,
-.menu-item:hover,
 .finsemble-toolbar-button:hover {
 	background: var(--menu-content-hover-color);
 	outline: none;
 }
 
+.menu-item-hover {
+	background: var(--menu-content-hover-color);
+	outline: none;
+}
+
 .menu-secondary .menu-item:hover {
 	background: var(--menu-actions-hover-color);
 }

package/react/assets/css/search.css

@@ -36,7 +36,7 @@
 	margin-left: 11px;
 	width: calc(100% - 43px);
 	color: var(--search-menu-font-color);
-	transition: border-bottom 0.2 ease-in;
+	transition: border-bottom 0.2s ease-in;
 }
 
 .search-menu .search-input:focus {
@@ -67,7 +67,6 @@
 	vertical-align: middle;
 	color: var(--menu-font-color);
 	text-transform: none;
-	position: right;
 	margin-left: 8px;
 }
 

package/react/assets/css/toolbar.css

@@ -128,6 +128,7 @@
 		display: none;
 	}
 }
+
 @media screen and (width <= 390px) {
 	/* hide buttons on right. show overflow. */
 	.finsemble-toolbar-section.center {
@@ -135,6 +136,13 @@
 	}
 }
 
+#WorkspaceMenu-menu-toggle-button {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	max-width: 15em;
+}
+
 .finsemble-toolbar-section.left > .finsemble-toolbar-button-label {
 	padding-top: 1px;
 	margin-top: 2px;
@@ -324,7 +332,7 @@ img.pinned-icon {
 	z-index: 2;
 	overflow: hidden;
 	white-space: nowrap;
-	transition-timing-function: ease-in-out -0.1;
+	transition-timing-function: ease-in-out;
 	/* stylelint-disable-next-line declaration-block-no-shorthand-property-overrides */
 	transition:
 		width 0.5s,

package/react/assets/css/userPreferences.css

@@ -169,7 +169,7 @@ img {
 	justify-content: space-between;
 }
 
-.workspace-list {
+.content-section-wrapper .workspace-list {
 	border: 1px solid var(--content-list-border-color);
 	width: 100%;
 	height: 210px;

package/react/components/FinsembleCSS.d.ts

@@ -1,18 +1,18 @@
-import { ReactNode } from "react";
-declare type FinsembleCssType = {
-    dialog?: boolean;
-    children?: ReactNode;
-};
-/**
- * A component for dynamically loading and unloading the finsemble css. This component can be composed into
- * a template in order to instantiate the styles, as opposed to importing them directly.
- *
- * We use dynamic loading because if we were to import the CSS directly then the styles would be injected
- * at module load time, and since the module is included in index.ts, this would mean that the styles would
- * _always_ be injected, regardless of whether a developer actually used the component or not.
- *
- * @param param.dialog Set to true when the component is a dialog so that dialogs.css will also be loaded, such as the authentication component.
- */
-export declare const FinsembleCSS: ({ dialog }: FinsembleCssType) => JSX.Element;
-export {};
+import React, { ReactNode } from "react";
+type FinsembleCssType = {
+    dialog?: boolean;
+    children?: ReactNode;
+};
+/**
+ * A component for dynamically loading and unloading the finsemble css. This component can be composed into
+ * a template in order to instantiate the styles, as opposed to importing them directly.
+ *
+ * We use dynamic loading because if we were to import the CSS directly then the styles would be injected
+ * at module load time, and since the module is included in index.ts, this would mean that the styles would
+ * _always_ be injected, regardless of whether a developer actually used the component or not.
+ *
+ * @param param.dialog Set to true when the component is a dialog so that dialogs.css will also be loaded, such as the authentication component.
+ */
+export declare const FinsembleCSS: ({ dialog }: FinsembleCssType) => React.JSX.Element;
+export {};
 //# sourceMappingURL=FinsembleCSS.d.ts.map

package/react/components/FinsembleCSS.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FinsembleCSS.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/FinsembleCSS.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAIpD,aAAK,gBAAgB,GAAG;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,eAAgB,gBAAgB,gBAYxD,CAAC"}
+{"version":3,"file":"FinsembleCSS.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/FinsembleCSS.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAKpD,KAAK,gBAAgB,GAAG;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,eAAgB,gBAAgB,sBAYxD,CAAC"}