@finsemble/finsemble-ui 10.0.0-beta.2 → 10.0.0-iocd-3

package/react/components/icon/Icon.js

@@ -1,20 +1,45 @@
 import * as React from "react";
-export const iconFromConfig = (config, title) => {
+/**
+ * Converts a Finsemble config entry to an Icon type that can be used to create <Icon> components.
+ * @param config A finsemble icon config entry as derived by the launcher (e.g. "icons.toolBar", "icons.taskbar" or  "icons.titleBar")
+ * @param title The title for the icon
+ */
+export const iconFromConfig = (config, title, appD) => {
     var _a, _b;
-    let icon = {
+    if (((_a = appD === null || appD === void 0 ? void 0 : appD.icons) === null || _a === void 0 ? void 0 : _a.length) > 0 && appD.icons[0].src) {
+        // mixed content would display a broken icon
+        let mixedContent = !document.location.href.includes("file://") && ((_b = appD === null || appD === void 0 ? void 0 : appD.icons) === null || _b === void 0 ? void 0 : _b[0].src.includes("file://"));
+        if (!mixedContent) {
+            return {
+                imageType: "url",
+                path: appD.icons[0].src,
+            };
+        }
+    }
+    // Our default icon. The <Icon> component can generate an "initials" icon based just off of the `name`
+    const defaultIcon = {
         imageType: "initials",
         name: title,
         category: "Application",
     };
-    if ((_a = config) === null || _a === void 0 ? void 0 : _a.iconClass) {
-        icon.imageType = "fonticon";
-        icon.path = config.iconClass;
+    // Use iconography if available in the app's icon config entry
+    if (config === null || config === void 0 ? void 0 : config.iconClass) {
+        return {
+            imageType: "fonticon",
+            path: config.iconClass,
+        };
     }
-    if ((_b = config) === null || _b === void 0 ? void 0 : _b.iconURL) {
-        icon.imageType = "url";
-        icon.path = config.iconURL;
+    if (config === null || config === void 0 ? void 0 : config.iconURL) {
+        // mixed content would display a broken icon
+        let mixedContent = !document.location.href.includes("file://") && (config === null || config === void 0 ? void 0 : config.iconURL.includes("file://"));
+        if (!mixedContent) {
+            return {
+                imageType: "url",
+                path: config.iconURL,
+            };
+        }
     }
-    return icon;
+    return defaultIcon;
 };
 const deriveClasses = (imageType, className = "") => {
     let classes = `icon-avatar-wrapper ${className}`;
@@ -26,25 +51,52 @@ const deriveClasses = (imageType, className = "") => {
     }
     return classes;
 };
+/**
+ * Derives two initials from a given name based on some simple heuristics.
+ */
+const avatarInitialsFromName = (name) => {
+    // Significant words are over three characters
+    const significantWords = name
+        .toUpperCase()
+        .split(" ")
+        .flatMap((str) => (str.length > 3 ? [str] : []));
+    // If no significant words then just return first two characters of the original name
+    if (significantWords.length === 0)
+        return name.substr(0, 2);
+    // If only one significant word then return its first two characters
+    if (significantWords.length === 1)
+        return significantWords[0].substr(0, 2);
+    // Return the first character of the first two significant words
+    return significantWords[0].substr(0, 1).concat(significantWords[1].substr(0, 1));
+};
+/**
+ * An icon to accompany Finsemble components or workspaces.
+ * @param {string} [imageType] - "fonticon" | "url" | "initials" - Determines how the icon is generated.
+ * @param {string} [path] - The path of the image.
+ * @param {string} [name] - Used if imageType is "initials" to generate a text based icon.
+ * @param {string} [category] - This will appear on the `data-category` attribute which can be used to drive CSS.
+ * @param {string} [className] - Optional class to be appended.
+ */
 export const Icon = (props) => {
-    var _a, _b;
+    var _a, _b, _c;
     let avatar;
     if (props.imageType === "initials") {
-        const name = (_a = props.name, (_a !== null && _a !== void 0 ? _a : ""));
-        const initials = name
-            .split(" ")
-            .map((substr) => substr[0])
-            .join("")
-            .substr(0, 2);
-        avatar = React.createElement("span", null, initials);
+        const name = (_a = props.name) !== null && _a !== void 0 ? _a : "";
+        avatar = React.createElement("span", null, avatarInitialsFromName(name));
     }
     if (props.imageType === "fonticon") {
         avatar = React.createElement("i", { className: props.path });
     }
     if (props.imageType === "url") {
-        avatar = React.createElement("img", { src: props.path });
+        const mixedContent = !document.location.href.includes("file://") && ((_b = props.path) === null || _b === void 0 ? void 0 : _b.includes("file://"));
+        if (mixedContent) {
+            avatar = React.createElement("span", null, avatarInitialsFromName(props.name));
+        }
+        else {
+            avatar = React.createElement("img", { src: props.path, alt: "" });
+        }
     }
-    const imageType = (_b = props.imageType, (_b !== null && _b !== void 0 ? _b : "initials"));
+    const imageType = (_c = props.imageType) !== null && _c !== void 0 ? _c : "initials";
     const classes = deriveClasses(imageType, props.className);
     return (React.createElement("div", { className: classes, "data-category": props.category }, avatar));
 };

package/react/components/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAW,EAAE,KAAa,EAAE,EAAE;;IAE5D,IAAI,IAAI,GAAQ;QACf,SAAS,EAAE,UAAU;QACrB,IAAI,EAAE,KAAK;QACX,QAAQ,EAAE,aAAa;KACvB,CAAC;IAIF,UAAI,MAAM,0CAAE,SAAS,EAAE;QACtB,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC;QAC5B,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC;KAC7B;IACD,UAAI,MAAM,0CAAE,OAAO,EAAE;QACpB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC;KAC3B;IACD,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,SAAiB,EAAE,YAAoB,EAAE,EAAU,EAAE;IAC3E,IAAI,OAAO,GAAG,uBAAuB,SAAS,EAAE,CAAC;IACjD,IAAI,SAAS,KAAK,KAAK,EAAE;QACxB,OAAO,GAAG,GAAG,OAAO,kBAAkB,CAAC;KACvC;SAAM;QACN,OAAO,GAAG,GAAG,OAAO,cAAc,CAAC;KACnC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC,CAAC;AAcF,MAAM,CAAC,MAAM,IAAI,GAAgD,CAAC,KAAK,EAAE,EAAE;;IAC1E,IAAI,MAAM,CAAC;IACX,IAAI,KAAK,CAAC,SAAS,KAAK,UAAU,EAAE;QACnC,MAAM,IAAI,SAAG,KAAK,CAAC,IAAI,uCAAI,EAAE,EAAA,CAAC;QAC9B,MAAM,QAAQ,GAAG,IAAI;aACnB,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,CAAC,MAAc,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;aAClC,IAAI,CAAC,EAAE,CAAC;aACR,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACf,MAAM,GAAG,kCAAO,QAAQ,CAAQ,CAAC;KACjC;IACD,IAAI,KAAK,CAAC,SAAS,KAAK,UAAU,EAAE;QACnC,MAAM,GAAG,2BAAG,SAAS,EAAE,KAAK,CAAC,IAAI,GAAM,CAAC;KACxC;IACD,IAAI,KAAK,CAAC,SAAS,KAAK,KAAK,EAAE;QAC9B,MAAM,GAAG,6BAAK,GAAG,EAAE,KAAK,CAAC,IAAI,GAAI,CAAC;KAClC;IACD,MAAM,SAAS,SAAG,KAAK,CAAC,SAAS,uCAAI,UAAU,EAAA,CAAC;IAChD,MAAM,OAAO,GAAG,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAE1D,OAAO,CACN,6BAAK,SAAS,EAAE,OAAO,mBAAiB,KAAK,CAAC,QAAQ,IACpD,MAAM,CACF,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { Icon as IconType } from \"../../types/iconTypes\";\r\n\r\n/**\r\n * Converts a Finsemble config entry to an Icon type that can be used to create <Icon> components.\r\n * @param config A finsemble config entry from \"foreign.components.Toolbar\"\r\n * @param title The title for the icon\r\n */\r\nexport const iconFromConfig = (config: any, title: string) => {\r\n\t// Our default icon. The <Icon> component can generate an \"initials\" icon based just off of the `name`\r\n\tlet icon: any = {\r\n\t\timageType: \"initials\",\r\n\t\tname: title,\r\n\t\tcategory: \"Application\",\r\n\t};\r\n\r\n\t// Use any iconography that is available in Finsemble's config for this component\r\n\t// This typically comes from the component's \"foreign.components.Toolbar\" section\r\n\tif (config?.iconClass) {\r\n\t\ticon.imageType = \"fonticon\";\r\n\t\ticon.path = config.iconClass;\r\n\t}\r\n\tif (config?.iconURL) {\r\n\t\ticon.imageType = \"url\";\r\n\t\ticon.path = config.iconURL;\r\n\t}\r\n\treturn icon;\r\n};\r\n\r\nconst deriveClasses = (imageType: string, className: string = \"\"): string => {\r\n\tlet classes = `icon-avatar-wrapper ${className}`;\r\n\tif (imageType === \"url\") {\r\n\t\tclasses = `${classes} entity-with-img`;\r\n\t} else {\r\n\t\tclasses = `${classes} icon-avatar`;\r\n\t}\r\n\treturn classes;\r\n};\r\n\r\ntype IconProps = IconType & {\r\n\tclassName?: string;\r\n};\r\n\r\n/**\r\n * An icon to accompany Finsemble components or workspaces.\r\n * @param {string} [imageType] - \"fonticon\" | \"url\" | \"initials\" - Determines how the icon is generated.\r\n * @param {string} [path] - The path of the image.\r\n * @param {string} [name] - Used if imageType is \"initials\" to generate a text based icon.\r\n * @param {string} [category] - This will appear on the `data-category` attribute which can be used to drive CSS.\r\n * @param {string} [className] - Optional class to be appended.\r\n */\r\nexport const Icon: React.FunctionComponent<Partial<IconProps>> = (props) => {\r\n\tlet avatar;\r\n\tif (props.imageType === \"initials\") {\r\n\t\tconst name = props.name ?? \"\";\r\n\t\tconst initials = name\r\n\t\t\t.split(\" \")\r\n\t\t\t.map((substr: string) => substr[0])\r\n\t\t\t.join(\"\")\r\n\t\t\t.substr(0, 2);\r\n\t\tavatar = <span>{initials}</span>;\r\n\t}\r\n\tif (props.imageType === \"fonticon\") {\r\n\t\tavatar = <i className={props.path}></i>;\r\n\t}\r\n\tif (props.imageType === \"url\") {\r\n\t\tavatar = <img src={props.path} />;\r\n\t}\r\n\tconst imageType = props.imageType ?? \"initials\";\r\n\tconst classes = deriveClasses(imageType, props.className);\r\n\r\n\treturn (\r\n\t\t<div className={classes} data-category={props.category}>\r\n\t\t\t{avatar}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\n/*\r\nexport const CategoryIcon: React.FunctionComponent<CategoryIconProps> = (props) => {\r\n\tlet className = \"\";\r\n\tif(props.category == \"Application\")\r\n\t\tclassName=`entity-component ${props.className}`;\r\n\tif(props.category == \"Workspace\")\r\n\t\tclassName=`entity-workspace ${props.className}`;\r\n\treturn (\r\n\t\t<Icon {...props} {...className} />\r\n\t)\r\n}\r\n*/\r\n"]}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/ui/components/icon/Icon.tsx"],"names":[],"mappings":"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"}

package/react/components/icon/index.d.ts

@@ -1 +1,2 @@
 export { Icon } from "./Icon";
+//# sourceMappingURL=index.d.ts.map

package/react/components/icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/react/components/icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC","sourcesContent":["export { Icon } from \"./Icon\";\r\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/react/components/index.d.ts

@@ -0,0 +1,29 @@
+/**
+ * React Components that are documented as part of our UI API
+ */
+export * from "./appCatalog";
+export * from "./downloadManager";
+export * from "./fdc3Resolver";
+export * from "./FinsembleProvider";
+export * from "./FinsembleCSS";
+export * from "./icon";
+export * from "./linker";
+export * from "./menu";
+export * from "./notifications";
+export * from "./processMonitor";
+export * from "./quickComponentForm";
+export * from "./singleInputDialog";
+export * from "./search";
+export * from "./system";
+export * from "./toolbar";
+export * from "./userPreferences";
+export * from "./windowTitleBar";
+export * from "./yesNoDialog";
+/**
+ * Bits and pieces necessary to customize those components
+ */
+/**
+ * Used for customizing UserPreferences
+ */
+export * from "./common/Checkbox";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAE9B;;GAEG;AACH;;GAEG;AACH,cAAc,mBAAmB,CAAC"}

package/react/components/index.js

@@ -0,0 +1,29 @@
+/**
+ * React Components that are documented as part of our UI API
+ */
+export * from "./appCatalog";
+export * from "./downloadManager";
+export * from "./fdc3Resolver";
+export * from "./FinsembleProvider";
+export * from "./FinsembleCSS";
+export * from "./icon";
+export * from "./linker";
+export * from "./menu";
+export * from "./notifications";
+export * from "./processMonitor";
+export * from "./quickComponentForm";
+export * from "./singleInputDialog";
+export * from "./search";
+export * from "./system";
+export * from "./toolbar";
+export * from "./userPreferences";
+export * from "./windowTitleBar";
+export * from "./yesNoDialog";
+/**
+ * Bits and pieces necessary to customize those components
+ */
+/**
+ * Used for customizing UserPreferences
+ */
+export * from "./common/Checkbox";
+//# sourceMappingURL=index.js.map

package/react/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAE9B;;GAEG;AACH;;GAEG;AACH,cAAc,mBAAmB,CAAC"}

package/react/components/legacyControls/FinsembleDialog.d.ts

@@ -2,13 +2,18 @@
  * Copyright 2017 by ChartIQ, Inc.
  * All rights reserved.
  */
-import * as React from "react";
-declare type FinsembleDialogProps = {
+/// <reference types="react" />
+export declare type FinsembleDialogProps = {
     behaviorOnResponse?: "close" | "hide";
     userInputTimeout?: number;
-    onShowRequested?: () => void;
+    onShowRequested?: (err: any, response: any) => void;
     isModal: boolean;
     className?: string;
+    children?: any;
 };
-export declare const FinsembleDialog: React.FunctionComponent<FinsembleDialogProps>;
-export {};
+/**
+ * This is a component that adds some baked in behavior that is common accross several
+ * of the finsemble dialogs. Hiding/closing on blur, timing out, etc.
+ */
+export declare const FinsembleDialog: (props: FinsembleDialogProps) => JSX.Element;
+//# sourceMappingURL=FinsembleDialog.d.ts.map

package/react/components/legacyControls/FinsembleDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleDialog.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/legacyControls/FinsembleDialog.tsx"],"names":[],"mappings":"AAAA;;;GAGG;;AAMH,oBAAY,oBAAoB,GAAG;IAClC,kBAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACpD,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC;CACf,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,UAAW,oBAAoB,gBA6D1D,CAAC"}

package/react/components/legacyControls/FinsembleDialog.js

@@ -3,41 +3,58 @@
  * All rights reserved.
  */
 import * as React from "react";
+import { FEAGlobals } from "../../../common/Globals";
 const DIALOG_BASE_CLASS = "dialog";
+/**
+ * This is a component that adds some baked in behavior that is common accross several
+ * of the finsemble dialogs. Hiding/closing on blur, timing out, etc.
+ */
 export const FinsembleDialog = (props) => {
-    let { behaviorOnResponse, userInputTimeout, onShowRequested, isModal, className, children } = props;
+    let { userInputTimeout, onShowRequested, isModal, className, children } = props;
     const handleKeyDown = (e) => {
-        if (FSBL.Clients.DialogManager.openerMessage === null && e.key === "Escape") {
-            finsembleWindow.hide();
+        // If the user hits escape then hide the window
+        // openerMessage won't be null if data is in transit to the originating window, in which
+        // case we bypass the hide() -- this is some sort of race condition from a long time ago
+        // that is not fully understood
+        if (e.key === "Escape" && FEAGlobals.FSBL.Clients.DialogManager.openerMessage === null) {
+            FEAGlobals.finsembleWindow.hide();
         }
     };
-    finsembleWindow.updateOptions({
+    FEAGlobals.finsembleWindow.setAlwaysOnTop({
         alwaysOnTop: true,
     });
     if (typeof onShowRequested === "undefined") {
         throw new Error("No onShowRequested passed to FinsembleDialog. Pass onShowRequested as a property to the FinsembleDialog component.");
     }
+    /*if (typeof behaviorOnResponse === "undefined") {
+        behaviorOnResponse = "hide";
+    }*/
     if (typeof userInputTimeout === "undefined") {
         userInputTimeout = 10000;
     }
-    FSBL.Clients.DialogManager.userInputTimeout = userInputTimeout;
-    FSBL.Clients.DialogManager.isModal = isModal;
+    FEAGlobals.FSBL.Clients.DialogManager.userInputTimeout = userInputTimeout;
+    //FEAGlobals.FSBL.Clients.DialogManager.behaviorOnResponse = behaviorOnResponse;
+    /**
+     * Registers some event listeners the first time this component is rendered.
+     */
     React.useEffect(() => {
         document.body.addEventListener("keydown", handleKeyDown);
-        document.body.className = `${document.body.className} dialog`;
-        FSBL.Clients.DialogManager.registerDialogCallback(onShowRequested);
+        document.body.classList.add("dialog");
+        FEAGlobals.FSBL.Clients.DialogManager.registerDialogCallback(onShowRequested);
+        const showModal = () => FEAGlobals.FSBL.Clients.DialogManager.showModal();
+        const hideModal = () => FEAGlobals.FSBL.Clients.DialogManager.hideModal();
         if (isModal) {
-            finsembleWindow.addEventListener("shown", FSBL.Clients.DialogManager.showModal);
-            finsembleWindow.addEventListener("hidden", FSBL.Clients.DialogManager.hideModal);
+            FEAGlobals.finsembleWindow.addEventListener("shown", showModal);
+            FEAGlobals.finsembleWindow.addEventListener("hidden", hideModal);
         }
         return () => {
             if (isModal) {
-                finsembleWindow.removeEventListener("shown", FSBL.Clients.DialogManager.showModal);
-                finsembleWindow.removeEventListener("hidden", FSBL.Clients.DialogManager.hideModal);
+                FEAGlobals.finsembleWindow.removeEventListener("shown", showModal);
+                FEAGlobals.finsembleWindow.removeEventListener("hidden", hideModal);
             }
         };
     }, []);
-    const classes = `${className} ${DIALOG_BASE_CLASS}`;
+    const classes = className ? `${className} ${DIALOG_BASE_CLASS}` : DIALOG_BASE_CLASS;
     return React.createElement("div", { className: classes }, children);
 };
 //# sourceMappingURL=FinsembleDialog.js.map

package/react/components/legacyControls/FinsembleDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"FinsembleDialog.js","sourceRoot":"","sources":["../../../src/components/legacyControls/FinsembleDialog.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AAanC,MAAM,CAAC,MAAM,eAAe,GAAkD,CAAC,KAAK,EAAE,EAAE;IACvF,IAAI,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEpG,MAAM,aAAa,GAAG,CAAC,CAAgB,EAAE,EAAE;QAC1C,IAAI,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,aAAa,KAAK,IAAI,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YAC5E,eAAe,CAAC,IAAI,EAAE,CAAC;SACvB;IACF,CAAC,CAAC;IAEF,eAAe,CAAC,aAAa,CAAC;QAC7B,WAAW,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,IAAI,OAAO,eAAe,KAAK,WAAW,EAAE;QAC3C,MAAM,IAAI,KAAK,CACd,oHAAoH,CACpH,CAAC;KACF;IAMD,IAAI,OAAO,gBAAgB,KAAK,WAAW,EAAE;QAC5C,gBAAgB,GAAG,KAAK,CAAC;KACzB;IAED,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;IAC/D,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,GAAG,OAAO,CAAC;IAM7C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,SAAS,CAAC;QAE9D,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC;QAEnE,IAAI,OAAO,EAAE;YACZ,eAAe,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;YAChF,eAAe,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;SACjF;QAED,OAAO,GAAG,EAAE;YACX,IAAI,OAAO,EAAE;gBACZ,eAAe,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;gBACnF,eAAe,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;aACpF;QACF,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,GAAG,SAAS,IAAI,iBAAiB,EAAE,CAAC;IACpD,OAAO,6BAAK,SAAS,EAAE,OAAO,IAAG,QAAQ,CAAO,CAAC;AAClD,CAAC,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport * as React from \"react\";\r\nconst DIALOG_BASE_CLASS = \"dialog\";\r\ntype FinsembleDialogProps = {\r\n\tbehaviorOnResponse?: \"close\" | \"hide\";\r\n\tuserInputTimeout?: number;\r\n\tonShowRequested?: () => void;\r\n\tisModal: boolean;\r\n\tclassName?: string;\r\n};\r\n\r\n/**\r\n * This is a component that adds some baked in behavior that is common accross several\r\n * of the finsemble dialogs. Hiding/closing on blur, timing out, etc.\r\n */\r\nexport const FinsembleDialog: React.FunctionComponent<FinsembleDialogProps> = (props) => {\r\n\tlet { behaviorOnResponse, userInputTimeout, onShowRequested, isModal, className, children } = props;\r\n\r\n\tconst handleKeyDown = (e: KeyboardEvent) => {\r\n\t\tif (FSBL.Clients.DialogManager.openerMessage === null && e.key === \"Escape\") {\r\n\t\t\tfinsembleWindow.hide();\r\n\t\t}\r\n\t};\r\n\r\n\tfinsembleWindow.updateOptions({\r\n\t\talwaysOnTop: true,\r\n\t});\r\n\r\n\tif (typeof onShowRequested === \"undefined\") {\r\n\t\tthrow new Error(\r\n\t\t\t\"No onShowRequested passed to FinsembleDialog. Pass onShowRequested as a property to the FinsembleDialog component.\"\r\n\t\t);\r\n\t}\r\n\r\n\t/*if (typeof behaviorOnResponse === \"undefined\") {\r\n\t\tbehaviorOnResponse = \"hide\";\r\n\t}*/\r\n\r\n\tif (typeof userInputTimeout === \"undefined\") {\r\n\t\tuserInputTimeout = 10000;\r\n\t}\r\n\r\n\tFSBL.Clients.DialogManager.userInputTimeout = userInputTimeout;\r\n\tFSBL.Clients.DialogManager.isModal = isModal;\r\n\t//FSBL.Clients.DialogManager.behaviorOnResponse = behaviorOnResponse;\r\n\r\n\t/**\r\n\t * Registers some event listeners the first time this component is rendered.\r\n\t */\r\n\tReact.useEffect(() => {\r\n\t\tdocument.body.addEventListener(\"keydown\", handleKeyDown);\r\n\t\tdocument.body.className = `${document.body.className} dialog`;\r\n\r\n\t\tFSBL.Clients.DialogManager.registerDialogCallback(onShowRequested);\r\n\r\n\t\tif (isModal) {\r\n\t\t\tfinsembleWindow.addEventListener(\"shown\", FSBL.Clients.DialogManager.showModal);\r\n\t\t\tfinsembleWindow.addEventListener(\"hidden\", FSBL.Clients.DialogManager.hideModal);\r\n\t\t}\r\n\r\n\t\treturn () => {\r\n\t\t\tif (isModal) {\r\n\t\t\t\tfinsembleWindow.removeEventListener(\"shown\", FSBL.Clients.DialogManager.showModal);\r\n\t\t\t\tfinsembleWindow.removeEventListener(\"hidden\", FSBL.Clients.DialogManager.hideModal);\r\n\t\t\t}\r\n\t\t};\r\n\t}, []);\r\n\r\n\tconst classes = `${className} ${DIALOG_BASE_CLASS}`;\r\n\treturn <div className={classes}>{children}</div>;\r\n};\r\n"]}
+{"version":3,"file":"FinsembleDialog.js","sourceRoot":"","sources":["../../../../../src/ui/components/legacyControls/FinsembleDialog.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AAUnC;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC9D,IAAI,EAAE,gBAAgB,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEhF,MAAM,aAAa,GAAG,CAAC,CAAgB,EAAE,EAAE;QAC1C,+CAA+C;QAC/C,wFAAwF;QACxF,wFAAwF;QACxF,+BAA+B;QAC/B,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,aAAa,KAAK,IAAI,EAAE;YACvF,UAAU,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;SAClC;IACF,CAAC,CAAC;IAEF,UAAU,CAAC,eAAe,CAAC,cAAc,CAAC;QACzC,WAAW,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,IAAI,OAAO,eAAe,KAAK,WAAW,EAAE;QAC3C,MAAM,IAAI,KAAK,CACd,oHAAoH,CACpH,CAAC;KACF;IAED;;OAEG;IAEH,IAAI,OAAO,gBAAgB,KAAK,WAAW,EAAE;QAC5C,gBAAgB,GAAG,KAAK,CAAC;KACzB;IAED,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;IAC1E,gFAAgF;IAEhF;;OAEG;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAEtC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC;QAE9E,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC;QAC1E,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC;QAE1E,IAAI,OAAO,EAAE;YACZ,UAAU,CAAC,eAAe,CAAC,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;YAChE,UAAU,CAAC,eAAe,CAAC,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;SACjE;QAED,OAAO,GAAG,EAAE;YACX,IAAI,OAAO,EAAE;gBACZ,UAAU,CAAC,eAAe,CAAC,mBAAmB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;gBACnE,UAAU,CAAC,eAAe,CAAC,mBAAmB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;aACpE;QACF,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,iBAAiB,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC;IACpF,OAAO,6BAAK,SAAS,EAAE,OAAO,IAAG,QAAQ,CAAO,CAAC;AAClD,CAAC,CAAC"}

package/react/components/legacyControls/FinsembleDialogButton.d.ts

@@ -3,10 +3,15 @@
  * All rights reserved.
  */
 import * as React from "react";
-declare type FinsembleDialogButtonProps = {
+export declare type FinsembleDialogButtonProps = {
     buttonSize?: string;
     className?: string;
-    show: boolean;
+    show?: boolean;
+    onClick?: () => void;
+    children: React.ReactNode;
 };
-export declare const FinsembleDialogButton: React.FunctionComponent<FinsembleDialogButtonProps>;
-export {};
+/**
+ * Button that is rendered on a dialog.
+ */
+export declare const FinsembleDialogButton: (props: FinsembleDialogButtonProps) => JSX.Element | null;
+//# sourceMappingURL=FinsembleDialogButton.d.ts.map

package/react/components/legacyControls/FinsembleDialogButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleDialogButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/legacyControls/FinsembleDialogButton.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oBAAY,0BAA0B,GAAG;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,UAAW,0BAA0B,uBAqBtE,CAAC"}

package/react/components/legacyControls/FinsembleDialogButton.js

@@ -3,10 +3,20 @@
  * All rights reserved.
  */
 import * as React from "react";
+/**
+ * Button that is rendered on a dialog.
+ */
 export const FinsembleDialogButton = (props) => {
+    // Default size is medium.
     var _a, _b;
-    const size = (_a = props.buttonSize, (_a !== null && _a !== void 0 ? _a : "md"));
-    const classes = `fsbl-button fsbl-button-${size} ${_b = props.className, (_b !== null && _b !== void 0 ? _b : "")}`;
-    return props.show !== false ? (React.createElement("div", Object.assign({}, props, { className: classes }), props.children)) : null;
+    // [Julianna Langston, 2021-04-19] I don't think this is being used, since the css class `fsbl-button-md` doesn't exist anywhere. Candidate for removal, along with associated prop.
+    const size = (_a = props.buttonSize) !== null && _a !== void 0 ? _a : "md"; // `fsbl-button-md` css doesn't exist anywhere?
+    const classes = `fsbl-button fsbl-button-${size} ${(_b = props.className) !== null && _b !== void 0 ? _b : ""}`;
+    return props.show !== false ? (React.createElement("div", { className: classes, onClick: props.onClick, role: "button", tabIndex: 0, onKeyDown: (e) => {
+            var _a;
+            if (e.key === "Enter") {
+                (_a = props === null || props === void 0 ? void 0 : props.onClick) === null || _a === void 0 ? void 0 : _a.call(props);
+            }
+        } }, props.children)) : null;
 };
 //# sourceMappingURL=FinsembleDialogButton.js.map

package/react/components/legacyControls/FinsembleDialogButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FinsembleDialogButton.js","sourceRoot":"","sources":["../../../src/components/legacyControls/FinsembleDialogButton.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,CAAC,MAAM,qBAAqB,GAAwD,CAAC,KAAK,EAAE,EAAE;;IAEnG,MAAM,IAAI,SAAG,KAAK,CAAC,UAAU,uCAAI,IAAI,EAAA,CAAC;IACtC,MAAM,OAAO,GAAG,2BAA2B,IAAI,IAAI,KAAA,KAAK,CAAC,SAAS,uCAAI,EAAE,CAAA,EAAE,CAAC;IAC3E,OAAO,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAC7B,6CAAS,KAAK,IAAE,SAAS,EAAE,OAAO,KAChC,KAAK,CAAC,QAAQ,CACV,CACN,CAAC,CAAC,CAAC,IAAI,CAAC;AACV,CAAC,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport * as React from \"react\";\r\n\r\ntype FinsembleDialogButtonProps = {\r\n\tbuttonSize?: string;\r\n\tclassName?: string;\r\n\tshow: boolean;\r\n};\r\n\r\n/**\r\n * Button that is rendered on a dialog.\r\n */\r\nexport const FinsembleDialogButton: React.FunctionComponent<FinsembleDialogButtonProps> = (props) => {\r\n\t// Default size is medium.\r\n\tconst size = props.buttonSize ?? \"md\";\r\n\tconst classes = `fsbl-button fsbl-button-${size} ${props.className ?? \"\"}`;\r\n\treturn props.show !== false ? (\r\n\t\t<div {...props} className={classes}>\r\n\t\t\t{props.children}\r\n\t\t</div>\r\n\t) : null;\r\n};\r\n"]}
+{"version":3,"file":"FinsembleDialogButton.js","sourceRoot":"","sources":["../../../../../src/ui/components/legacyControls/FinsembleDialogButton.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IAC1E,0BAA0B;;IAE1B,oLAAoL;IACpL,MAAM,IAAI,GAAG,MAAA,KAAK,CAAC,UAAU,mCAAI,IAAI,CAAC,CAAC,+CAA+C;IACtF,MAAM,OAAO,GAAG,2BAA2B,IAAI,IAAI,MAAA,KAAK,CAAC,SAAS,mCAAI,EAAE,EAAE,CAAC;IAC3E,OAAO,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAC7B,6BACC,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;;YAChB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;gBACtB,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,qDAAI,CAAC;aACnB;QACF,CAAC,IAEA,KAAK,CAAC,QAAQ,CACV,CACN,CAAC,CAAC,CAAC,IAAI,CAAC;AACV,CAAC,CAAC"}

package/react/components/legacyControls/FinsembleDialogQuestion.d.ts

@@ -1,7 +1,15 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
 import * as React from "react";
-declare type FinsembleDialogQuestionProps = {
+export declare type FinsembleDialogQuestionProps = {
     className?: string;
-    question: string;
+    question?: string;
+    children?: React.ReactNode;
 };
-export declare const FinsembleDialogQuestion: React.FunctionComponent<FinsembleDialogQuestionProps>;
-export {};
+/**
+ * This component is essentially just a component that adds classes so the styling looks good on dialogs.
+ */
+export declare const FinsembleDialogQuestion: (props: FinsembleDialogQuestionProps) => JSX.Element;
+//# sourceMappingURL=FinsembleDialogQuestion.d.ts.map

package/react/components/legacyControls/FinsembleDialogQuestion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleDialogQuestion.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/legacyControls/FinsembleDialogQuestion.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,oBAAY,4BAA4B,GAAG;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,UAAW,4BAA4B,gBAQ1E,CAAC"}

package/react/components/legacyControls/FinsembleDialogQuestion.js

@@ -1,8 +1,15 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
 import * as React from "react";
 const DIALOG_QUESTION_BASE_CLASS = "dialog-question";
+/**
+ * This component is essentially just a component that adds classes so the styling looks good on dialogs.
+ */
 export const FinsembleDialogQuestion = (props) => {
     var _a;
-    const classes = `${_a = props.className, (_a !== null && _a !== void 0 ? _a : "")} ${DIALOG_QUESTION_BASE_CLASS}`;
+    const classes = `${(_a = props.className) !== null && _a !== void 0 ? _a : ""} ${DIALOG_QUESTION_BASE_CLASS}`;
     return (React.createElement("div", { className: classes },
         props.question,
         props.children));

package/react/components/legacyControls/FinsembleDialogQuestion.js.map

@@ -1 +1 @@
-{"version":3,"file":"FinsembleDialogQuestion.js","sourceRoot":"","sources":["../../../src/components/legacyControls/FinsembleDialogQuestion.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,0BAA0B,GAAG,iBAAiB,CAAC;AAUrD,MAAM,CAAC,MAAM,uBAAuB,GAA0D,CAAC,KAAK,EAAE,EAAE;;IACvG,MAAM,OAAO,GAAG,GAAG,KAAA,KAAK,CAAC,SAAS,uCAAI,EAAE,CAAA,IAAI,0BAA0B,EAAE,CAAC;IACzE,OAAO,CACN,6BAAK,SAAS,EAAE,OAAO;QACrB,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,QAAQ,CACV,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport * as React from \"react\";\r\nconst DIALOG_QUESTION_BASE_CLASS = \"dialog-question\";\r\n\r\ntype FinsembleDialogQuestionProps = {\r\n\tclassName?: string;\r\n\tquestion: string;\r\n};\r\n\r\n/**\r\n * This component is essentially just a component that adds classes so the styling looks good on dialogs.\r\n */\r\nexport const FinsembleDialogQuestion: React.FunctionComponent<FinsembleDialogQuestionProps> = (props) => {\r\n\tconst classes = `${props.className ?? \"\"} ${DIALOG_QUESTION_BASE_CLASS}`;\r\n\treturn (\r\n\t\t<div className={classes}>\r\n\t\t\t{props.question}\r\n\t\t\t{props.children}\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"FinsembleDialogQuestion.js","sourceRoot":"","sources":["../../../../../src/ui/components/legacyControls/FinsembleDialogQuestion.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,0BAA0B,GAAG,iBAAiB,CAAC;AAQrD;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAmC,EAAE,EAAE;;IAC9E,MAAM,OAAO,GAAG,GAAG,MAAA,KAAK,CAAC,SAAS,mCAAI,EAAE,IAAI,0BAA0B,EAAE,CAAC;IACzE,OAAO,CACN,6BAAK,SAAS,EAAE,OAAO;QACrB,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,QAAQ,CACV,CACN,CAAC;AACH,CAAC,CAAC"}

package/react/components/legacyControls/FinsembleDialogTextInput.d.ts

@@ -3,15 +3,21 @@
  * All rights reserved.
  */
 import * as React from "react";
-declare type FinsembleDialogTextInputProps = {
+export declare type FinsembleDialogTextInputProps = {
     className?: string;
     maxLength?: number;
     placeholder?: string;
-    autoFocus: boolean;
+    autoFocus?: boolean;
     focusOnShow?: boolean;
-    inputLabel: string;
+    inputLabel?: string;
     value?: string;
-    onInputChange: React.ChangeEventHandler;
+    onInputChange: React.ChangeEventHandler<HTMLInputElement>;
+    inputPattern?: string;
+    ariaLabel?: string;
+    children?: React.ReactNode;
 };
-export declare const FinsembleDialogTextInput: React.FunctionComponent<FinsembleDialogTextInputProps>;
-export {};
+/**
+ * A big text field that's shown on dialogs.
+ */
+export declare const FinsembleDialogTextInput: (props: FinsembleDialogTextInputProps) => JSX.Element;
+//# sourceMappingURL=FinsembleDialogTextInput.d.ts.map

package/react/components/legacyControls/FinsembleDialogTextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleDialogTextInput.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/legacyControls/FinsembleDialogTextInput.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,oBAAY,6BAA6B,GAAG;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,UAAW,6BAA6B,gBAqE5E,CAAC"}

package/react/components/legacyControls/FinsembleDialogTextInput.js

@@ -3,31 +3,63 @@
  * All rights reserved.
  */
 import * as React from "react";
+import { FEAGlobals } from "../../../common/Globals";
 const DIALOG_INPUT_BASE_CLASS = "dialog-input";
+/**
+ * A big text field that's shown on dialogs.
+ */
 export const FinsembleDialogTextInput = (props) => {
-    var _a, _b;
+    var _a, _b, _c;
+    const [textValue, setTextValue] = React.useState((_a = props.value) !== null && _a !== void 0 ? _a : "");
     const textInput = React.useRef(null);
+    const inputPatternRegEx = props.inputPattern ? new RegExp(props.inputPattern) : undefined;
+    /**
+     * Focuses the input field.
+     */
     const focusInput = () => {
-        var _a, _b;
-        if ((_b = (_a = textInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus)
+        var _a;
+        if ((_a = textInput === null || textInput === void 0 ? void 0 : textInput.current) === null || _a === void 0 ? void 0 : _a.focus)
             textInput.current.focus();
     };
+    /**
+     * Listens for the shown event so it can focus the input.
+     */
     React.useEffect(() => {
         if (props.focusOnShow) {
-            finsembleWindow.addEventListener("shown", focusInput);
+            FEAGlobals.finsembleWindow.addEventListener("shown", focusInput);
         }
         return () => {
             if (props.focusOnShow) {
-                finsembleWindow.removeEventListener("shown", focusInput);
+                FEAGlobals.finsembleWindow.removeEventListener("shown", focusInput);
             }
         };
     }, [props.focusOnShow]);
-    const placeholder = (_a = props.placeholder, (_a !== null && _a !== void 0 ? _a : ""));
-    const classes = `${_b = props.className, (_b !== null && _b !== void 0 ? _b : "")} ${DIALOG_INPUT_BASE_CLASS}`;
+    React.useEffect(() => {
+        var _a;
+        if (props.value !== textValue) {
+            setTextValue((_a = props.value) !== null && _a !== void 0 ? _a : "");
+        }
+    }, [props.value]);
+    const placeholder = (_b = props.placeholder) !== null && _b !== void 0 ? _b : "";
+    const classes = `${(_c = props.className) !== null && _c !== void 0 ? _c : ""} ${DIALOG_INPUT_BASE_CLASS}`;
+    /**
+     * If the input is a match for the props.inputPattern regular expression, then pass on the change
+     *
+     * @param {React.ChangeEvent<HTMLInputElement>} e
+     */
+    const changeEvent = (e) => {
+        if (inputPatternRegEx === undefined || e.target.value.match(inputPatternRegEx)) {
+            props.onInputChange(e);
+            setTextValue(e.target.value);
+        }
+        else {
+            FEAGlobals.FSBL.Clients.Logger.system.debug(`FinsembleDialogTextInput: input '${e.target.value}' failed to match against props.inputPattern '${props.inputPattern}'`);
+        }
+    };
     return (React.createElement("div", { className: classes },
-        React.createElement("label", { htmlFor: "single-input" }, props.inputLabel),
+        React.createElement("label", { htmlFor: "single-input" }, props.inputLabel || ""),
         React.createElement("div", { className: "form-group" },
-            React.createElement("input", { autoFocus: props.autoFocus, type: "text", maxLength: props.maxLength, onChange: props.onInputChange, placeholder: placeholder, ref: textInput, value: props.value })),
+            React.createElement("input", { id: "single-input", autoFocus: props.autoFocus, type: "text", maxLength: props.maxLength, onChange: changeEvent, placeholder: placeholder, ref: textInput, value: textValue, "aria-label": props.ariaLabel })),
         props.children));
 };
 //# sourceMappingURL=FinsembleDialogTextInput.js.map

package/react/components/legacyControls/FinsembleDialogTextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FinsembleDialogTextInput.js","sourceRoot":"","sources":["../../../src/components/legacyControls/FinsembleDialogTextInput.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,uBAAuB,GAAG,cAAc,CAAC;AAgB/C,MAAM,CAAC,MAAM,wBAAwB,GAA2D,CAAC,KAAK,EAAE,EAAE;;IACzG,MAAM,SAAS,GAAgC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAIlE,MAAM,UAAU,GAAG,GAAG,EAAE;;QACvB,gBAAI,SAAS,0CAAE,OAAO,0CAAE,KAAK;YAAE,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAC1D,CAAC,CAAC;IAKF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,IAAI,KAAK,CAAC,WAAW,EAAE;YACtB,eAAe,CAAC,gBAAgB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;SACtD;QACD,OAAO,GAAG,EAAE;YACX,IAAI,KAAK,CAAC,WAAW,EAAE;gBACtB,eAAe,CAAC,mBAAmB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;aACzD;QACF,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAExB,MAAM,WAAW,SAAG,KAAK,CAAC,WAAW,uCAAI,EAAE,EAAA,CAAC;IAC5C,MAAM,OAAO,GAAG,GAAG,KAAA,KAAK,CAAC,SAAS,uCAAI,EAAE,CAAA,IAAI,uBAAuB,EAAE,CAAC;IACtE,OAAO,CACN,6BAAK,SAAS,EAAE,OAAO;QACtB,+BAAO,OAAO,EAAC,cAAc,IAAE,KAAK,CAAC,UAAU,CAAS;QACxD,6BAAK,SAAS,EAAC,YAAY;YAC1B,+BACC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,aAAa,EAC7B,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,KAAK,CAAC,KAAK,GACjB,CACG;QACL,KAAK,CAAC,QAAQ,CACV,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport * as React from \"react\";\r\nconst DIALOG_INPUT_BASE_CLASS = \"dialog-input\";\r\n\r\ntype FinsembleDialogTextInputProps = {\r\n\tclassName?: string;\r\n\tmaxLength?: number;\r\n\tplaceholder?: string;\r\n\tautoFocus: boolean;\r\n\tfocusOnShow?: boolean;\r\n\tinputLabel: string;\r\n\tvalue?: string;\r\n\tonInputChange: React.ChangeEventHandler;\r\n};\r\n\r\n/**\r\n * A big text field that's shown on dialogs.\r\n */\r\nexport const FinsembleDialogTextInput: React.FunctionComponent<FinsembleDialogTextInputProps> = (props) => {\r\n\tconst textInput: React.Ref<HTMLInputElement> = React.useRef(null);\r\n\t/**\r\n\t * Focuses the input field.\r\n\t */\r\n\tconst focusInput = () => {\r\n\t\tif (textInput?.current?.focus) textInput.current.focus();\r\n\t};\r\n\r\n\t/**\r\n\t * Listens for the shown event so it can focus the input.\r\n\t */\r\n\tReact.useEffect(() => {\r\n\t\tif (props.focusOnShow) {\r\n\t\t\tfinsembleWindow.addEventListener(\"shown\", focusInput);\r\n\t\t}\r\n\t\treturn () => {\r\n\t\t\tif (props.focusOnShow) {\r\n\t\t\t\tfinsembleWindow.removeEventListener(\"shown\", focusInput);\r\n\t\t\t}\r\n\t\t};\r\n\t}, [props.focusOnShow]);\r\n\r\n\tconst placeholder = props.placeholder ?? \"\";\r\n\tconst classes = `${props.className ?? \"\"} ${DIALOG_INPUT_BASE_CLASS}`;\r\n\treturn (\r\n\t\t<div className={classes}>\r\n\t\t\t<label htmlFor=\"single-input\">{props.inputLabel}</label>\r\n\t\t\t<div className=\"form-group\">\r\n\t\t\t\t<input\r\n\t\t\t\t\tautoFocus={props.autoFocus}\r\n\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\tmaxLength={props.maxLength}\r\n\t\t\t\t\tonChange={props.onInputChange}\r\n\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\tref={textInput}\r\n\t\t\t\t\tvalue={props.value}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t\t{props.children}\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"FinsembleDialogTextInput.js","sourceRoot":"","sources":["../../../../../src/ui/components/legacyControls/FinsembleDialogTextInput.tsx"],"names":[],"mappings":"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"}