@finsemble/finsemble-ui 7.0.0 → 7.1.0-beta.2

package/react/components/shared/Animate.js

@@ -1,6 +1,12 @@
 import * as React from "react";
 const { useState, useEffect } = React;
+/**
+ * Animate the child component
+ * props have default values attached in the component
+ * @param props
+ */
 export default function Animate(props) {
+    // provide some defaults to ensure it still works even though it is blank
     const { animateIn, animateOut, displayDuration, animateOutComplete = () => {
         ("");
     }, } = props;
@@ -12,11 +18,16 @@ export default function Animate(props) {
                 animateOut && setCSS(animateOut);
             }, displayDuration);
         }
+        // this will clear Timeout when component unmount like in willComponentUnmount
         return () => {
             timer1 && clearTimeout(timer1);
             animateOut && setCSS(animateOut);
         };
-    }, [animateOut, displayDuration, props.displayDuration]);
+    }, [animateOut, displayDuration, props.displayDuration]
+    // eslint-disable-line
+    //useEffect will run only one time
+    //if you pass a value to array, like this [data] than clearTimeout will run every time this value changes (useEffect re-run)
+    );
     const hideChildElement = () => {
         css === animateOut && animateOutComplete();
     };

package/react/components/shared/Animate.js.map

@@ -1 +1 @@
-{"version":3,"file":"Animate.js","sourceRoot":"","sources":["../../../src/components/shared/Animate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;AActC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAY;IAE3C,MAAM,EACL,SAAS,EACT,UAAU,EACV,eAAe,EACf,kBAAkB,GAAG,GAAG,EAAE;QACzB,CAAC,EAAE,CAAC,CAAC;IACN,CAAC,GACD,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;IAEhD,SAAS,CACR,GAAG,EAAE;QACJ,IAAI,MAAM,GAA0B,IAAI,CAAC;QACzC,IAAI,KAAK,CAAC,eAAe,EAAE;YAC1B,MAAM,GAAG,UAAU,CAAC,GAAG,EAAE;gBACxB,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC;YAClC,CAAC,EAAE,eAAe,CAAC,CAAC;SACpB;QAGD,OAAO,GAAG,EAAE;YACX,MAAM,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC;YAC/B,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC;QAClC,CAAC,CAAC;IACH,CAAC,EACD,CAAC,UAAU,EAAE,eAAe,EAAE,KAAK,CAAC,eAAe,CAAC,CAIpD,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC7B,GAAG,KAAK,UAAU,IAAI,kBAAkB,EAAE,CAAC;IAC5C,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAE,GAAG,EAAE,cAAc,EAAE,gBAAgB,IACnD,KAAK,CAAC,QAAQ,CACV,CACN,CAAC;AACH,CAAC","sourcesContent":["import * as React from \"react\";\nconst { useState, useEffect } = React;\n\ninterface Props {\n\tchildren?: React.PropsWithChildren<any>;\n\tdisplayDuration?: number;\n\tanimateIn?: string;\n\tanimateOut?: string;\n\tanimateOutComplete?: Function;\n}\n/**\n * Animate the child component\n * props have default values attached in the component\n * @param props\n */\nexport default function Animate(props: Props) {\n\t// provide some defaults to ensure it still works even though it is blank\n\tconst {\n\t\tanimateIn,\n\t\tanimateOut,\n\t\tdisplayDuration,\n\t\tanimateOutComplete = () => {\n\t\t\t(\"\");\n\t\t},\n\t} = props;\n\tconst [css, setCSS] = useState(animateIn || \"\");\n\n\tuseEffect(\n\t\t() => {\n\t\t\tlet timer1: null | NodeJS.Timeout = null;\n\t\t\tif (props.displayDuration) {\n\t\t\t\ttimer1 = setTimeout(() => {\n\t\t\t\t\tanimateOut && setCSS(animateOut);\n\t\t\t\t}, displayDuration);\n\t\t\t}\n\n\t\t\t// this will clear Timeout when component unmount like in willComponentUnmount\n\t\t\treturn () => {\n\t\t\t\ttimer1 && clearTimeout(timer1);\n\t\t\t\tanimateOut && setCSS(animateOut);\n\t\t\t};\n\t\t},\n\t\t[animateOut, displayDuration, props.displayDuration]\n\t\t// eslint-disable-line\n\t\t//useEffect will run only one time\n\t\t//if you pass a value to array, like this [data] than clearTimeout will run every time this value changes (useEffect re-run)\n\t);\n\n\tconst hideChildElement = () => {\n\t\tcss === animateOut && animateOutComplete();\n\t};\n\n\treturn (\n\t\t<div className={css} onAnimationEnd={hideChildElement}>\n\t\t\t{props.children}\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"file":"Animate.js","sourceRoot":"","sources":["../../../src/components/shared/Animate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;AAStC;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAY;IAC3C,yEAAyE;IACzE,MAAM,EACL,SAAS,EACT,UAAU,EACV,eAAe,EACf,kBAAkB,GAAG,GAAG,EAAE;QACzB,CAAC,EAAE,CAAC,CAAC;IACN,CAAC,GACD,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;IAEhD,SAAS,CACR,GAAG,EAAE;QACJ,IAAI,MAAM,GAA0B,IAAI,CAAC;QACzC,IAAI,KAAK,CAAC,eAAe,EAAE;YAC1B,MAAM,GAAG,UAAU,CAAC,GAAG,EAAE;gBACxB,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC;YAClC,CAAC,EAAE,eAAe,CAAC,CAAC;SACpB;QAED,8EAA8E;QAC9E,OAAO,GAAG,EAAE;YACX,MAAM,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC;YAC/B,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC;QAClC,CAAC,CAAC;IACH,CAAC,EACD,CAAC,UAAU,EAAE,eAAe,EAAE,KAAK,CAAC,eAAe,CAAC;IACpD,sBAAsB;IACtB,kCAAkC;IAClC,4HAA4H;KAC5H,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC7B,GAAG,KAAK,UAAU,IAAI,kBAAkB,EAAE,CAAC;IAC5C,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAE,GAAG,EAAE,cAAc,EAAE,gBAAgB,IACnD,KAAK,CAAC,QAAQ,CACV,CACN,CAAC;AACH,CAAC","sourcesContent":["import * as React from \"react\";\nconst { useState, useEffect } = React;\n\ninterface Props {\n\tchildren?: React.PropsWithChildren<any>;\n\tdisplayDuration?: number;\n\tanimateIn?: string;\n\tanimateOut?: string;\n\tanimateOutComplete?: Function;\n}\n/**\n * Animate the child component\n * props have default values attached in the component\n * @param props\n */\nexport default function Animate(props: Props) {\n\t// provide some defaults to ensure it still works even though it is blank\n\tconst {\n\t\tanimateIn,\n\t\tanimateOut,\n\t\tdisplayDuration,\n\t\tanimateOutComplete = () => {\n\t\t\t(\"\");\n\t\t},\n\t} = props;\n\tconst [css, setCSS] = useState(animateIn || \"\");\n\n\tuseEffect(\n\t\t() => {\n\t\t\tlet timer1: null | NodeJS.Timeout = null;\n\t\t\tif (props.displayDuration) {\n\t\t\t\ttimer1 = setTimeout(() => {\n\t\t\t\t\tanimateOut && setCSS(animateOut);\n\t\t\t\t}, displayDuration);\n\t\t\t}\n\n\t\t\t// this will clear Timeout when component unmount like in willComponentUnmount\n\t\t\treturn () => {\n\t\t\t\ttimer1 && clearTimeout(timer1);\n\t\t\t\tanimateOut && setCSS(animateOut);\n\t\t\t};\n\t\t},\n\t\t[animateOut, displayDuration, props.displayDuration]\n\t\t// eslint-disable-line\n\t\t//useEffect will run only one time\n\t\t//if you pass a value to array, like this [data] than clearTimeout will run every time this value changes (useEffect re-run)\n\t);\n\n\tconst hideChildElement = () => {\n\t\tcss === animateOut && animateOutComplete();\n\t};\n\n\treturn (\n\t\t<div className={css} onAnimationEnd={hideChildElement}>\n\t\t\t{props.children}\n\t\t</div>\n\t);\n}\n"]}

package/react/components/shared/DefaultDropdownButton.js

@@ -60,25 +60,32 @@ const DefaultDropdownButton = ({ allowEmpty = true, caretLocation = "left", clas
                 return;
             }
             if (optionsVisible) {
+                // Keyboard navigation for the expanded combobox options
                 if (e.key === "Enter" || e.key === " ") {
+                    // Activate the selected option (equiv: click the hovered option)
                     selectOptionByIndex(focusIndex);
                 }
                 else if (e.key === "ArrowDown") {
+                    // Select next option down (equiv: hover over the next option down)
                     setFocusIndex(focusIndex + 1 >= buttonOptions.length ? buttonOptions.length - 1 : focusIndex + 1);
                     e.preventDefault();
                 }
                 else if (e.key === "ArrowUp") {
+                    // Select next option up (equiv: hover over the next option up)
                     setFocusIndex(focusIndex - 1 <= 0 ? 0 : focusIndex - 1);
                     e.preventDefault();
                 }
                 else if (e.key === "Escape") {
+                    // Without activating anything, close the options. (equiv: clicking away)
                     toggleOptionsPanel(false);
                     setFocusIndex(0);
                     e.preventDefault();
                 }
             }
             else {
+                // Keyboard navigation for a collapsed combobox
                 if (e.key === "Enter" || e.key === " ") {
+                    // Expand the combobox
                     toggleOptionsPanel(!optionsVisible);
                     setFocusIndex(0);
                     e.preventDefault();
@@ -88,11 +95,13 @@ const DefaultDropdownButton = ({ allowEmpty = true, caretLocation = "left", clas
                         toggleOptionsPanel(!optionsVisible);
                     }
                     else {
+                        // Cycle between options (down)
                         changeOptionByDirection("down");
                     }
                     e.preventDefault();
                 }
                 else if (e.key === "ArrowUp") {
+                    // Cycle between options (up)
                     e.preventDefault();
                     changeOptionByDirection("up");
                 }

package/react/components/shared/DefaultDropdownButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultDropdownButton.js","sourceRoot":"","sources":["../../../src/components/shared/DefaultDropdownButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport \"../../assets/css/button.css\";\nimport { useOutsideClickDetector } from \"../../hooks/useOutsideClickDetector\";\n\nexport interface IFinsembleDefaultDropdownButtonOptionsProps {\n\toptionLabel: string;\n\toptionValue?: any;\n\tclickHandler: Function;\n}\n\nexport interface IFinsembleDefaultDropdownButtonProps {\n\tallowEmpty?: boolean;\n\tbuttonLabel?: string;\n\tcaretLocation?: \"left\" | \"right\";\n\tclassNames?: string;\n\tbuttonOptions: Array<IFinsembleDefaultDropdownButtonOptionsProps>;\n\tdefaultSelection?: IFinsembleDefaultDropdownButtonOptionsProps | null;\n\tenabled?: boolean;\n}\n\nconst emptyOption: IFinsembleDefaultDropdownButtonOptionsProps = {\n\toptionLabel: \"Please select..\",\n\tclickHandler: () => {},\n};\n\nconst DefaultDropdownButton: React.FunctionComponent<IFinsembleDefaultDropdownButtonProps> = ({\n\tallowEmpty = true,\n\tcaretLocation = \"left\",\n\tclassNames = \"\",\n\tbuttonOptions = [],\n\tdefaultSelection = null,\n\tenabled = true,\n\tbuttonLabel = \"Select value\",\n}: IFinsembleDefaultDropdownButtonProps) => {\n\tconst wrapperRef = useRef<HTMLDivElement>(null);\n\tconst uniqueId = useMemo(() => Math.random(), []);\n\tconst [optionsVisible, toggleOptionsPanel] = useState(false);\n\tconst [focusIndex, setFocusIndex] = useState(-1);\n\tuseOutsideClickDetector(wrapperRef, () => toggleOptionsPanel(false));\n\n\tconst [selectedValue, setSelectedValue] = useState<IFinsembleDefaultDropdownButtonOptionsProps | null>(\n\t\tdefaultSelection\n\t);\n\n\tuseEffect(() => {\n\t\tif (defaultSelection) {\n\t\t\tsetSelectedValue(defaultSelection);\n\t\t} else {\n\t\t\tif (allowEmpty) {\n\t\t\t\tif (!buttonOptions.includes(emptyOption)) buttonOptions.unshift(emptyOption);\n\t\t\t\tsetSelectedValue(emptyOption);\n\t\t\t} else {\n\t\t\t\tsetSelectedValue(buttonOptions[0]);\n\t\t\t}\n\t\t}\n\t}, [defaultSelection]);\n\n\tconst selectOptionByIndex = (index: number) => {\n\t\tsetSelectedValue(buttonOptions[index]);\n\t\tif (\"clickHandler\" in buttonOptions[index]) {\n\t\t\tbuttonOptions[index].clickHandler();\n\t\t}\n\t\ttoggleOptionsPanel(false);\n\t};\n\n\tconst changeOptionByDirection = (direction: \"up\" | \"down\") => {\n\t\tif (!selectedValue) {\n\t\t\tif (direction === \"down\") {\n\t\t\t\tselectOptionByIndex(0);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\tconst optionLabels = buttonOptions.map((opt) => opt.optionLabel);\n\t\tconst currentOptionIndex = optionLabels.indexOf(selectedValue.optionLabel);\n\n\t\tif (direction === \"up\") {\n\t\t\tconst newIndex = currentOptionIndex - 1;\n\t\t\tselectOptionByIndex(Math.max(0, newIndex));\n\t\t} else {\n\t\t\tconst newIndex = currentOptionIndex + 1;\n\t\t\tselectOptionByIndex(Math.min(newIndex, buttonOptions.length - 1));\n\t\t}\n\t};\n\n\tconst options = buttonOptions.map((option, index) => (\n\t\t<div\n\t\t\tkey={index}\n\t\t\ttabIndex={0}\n\t\t\tclassName=\"finsemble-dropdown__btn-option\"\n\t\t\tonClick={() => {\n\t\t\t\tselectOptionByIndex(index);\n\t\t\t}}\n\t\t\trole=\"option\"\n\t\t\taria-selected={focusIndex === index}\n\t\t>\n\t\t\t{option.optionLabel}\n\t\t</div>\n\t));\n\n\treturn (\n\t\t<div\n\t\t\ttabIndex={enabled ? 0 : -1}\n\t\t\tref={wrapperRef}\n\t\t\trole=\"combobox\"\n\t\t\taria-haspopup={optionsVisible}\n\t\t\taria-expanded={optionsVisible}\n\t\t\taria-owns={`default-dropdown_${uniqueId}`}\n\t\t\taria-label={buttonLabel}\n\t\t\tclassName={`finsemble-dropdown__btn ${classNames} ${optionsVisible ? \"active\" : \"\"}`}\n\t\t\tonClick={enabled ? () => toggleOptionsPanel(!optionsVisible) : () => {}}\n\t\t\tonKeyDown={(e) => {\n\t\t\t\tif (!enabled) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif (optionsVisible) {\n\t\t\t\t\t// Keyboard navigation for the expanded combobox options\n\t\t\t\t\tif (e.key === \"Enter\" || e.key === \" \") {\n\t\t\t\t\t\t// Activate the selected option (equiv: click the hovered option)\n\t\t\t\t\t\tselectOptionByIndex(focusIndex);\n\t\t\t\t\t} else if (e.key === \"ArrowDown\") {\n\t\t\t\t\t\t// Select next option down (equiv: hover over the next option down)\n\t\t\t\t\t\tsetFocusIndex(focusIndex + 1 >= buttonOptions.length ? buttonOptions.length - 1 : focusIndex + 1);\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t} else if (e.key === \"ArrowUp\") {\n\t\t\t\t\t\t// Select next option up (equiv: hover over the next option up)\n\t\t\t\t\t\tsetFocusIndex(focusIndex - 1 <= 0 ? 0 : focusIndex - 1);\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t} else if (e.key === \"Escape\") {\n\t\t\t\t\t\t// Without activating anything, close the options. (equiv: clicking away)\n\t\t\t\t\t\ttoggleOptionsPanel(false);\n\t\t\t\t\t\tsetFocusIndex(0);\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// Keyboard navigation for a collapsed combobox\n\t\t\t\t\tif (e.key === \"Enter\" || e.key === \" \") {\n\t\t\t\t\t\t// Expand the combobox\n\t\t\t\t\t\ttoggleOptionsPanel(!optionsVisible);\n\t\t\t\t\t\tsetFocusIndex(0);\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t} else if (e.key === \"ArrowDown\") {\n\t\t\t\t\t\tif (e.altKey) {\n\t\t\t\t\t\t\ttoggleOptionsPanel(!optionsVisible);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Cycle between options (down)\n\t\t\t\t\t\t\tchangeOptionByDirection(\"down\");\n\t\t\t\t\t\t}\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t} else if (e.key === \"ArrowUp\") {\n\t\t\t\t\t\t// Cycle between options (up)\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tchangeOptionByDirection(\"up\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t{caretLocation === \"left\" ? (\n\t\t\t\t<>\n\t\t\t\t\t<i className={`ff-caret-${optionsVisible ? \"up\" : \"down\"}`} />\n\t\t\t\t\t<span className=\"finsemble-dropdown__btn-label\">\n\t\t\t\t\t\t{selectedValue ? selectedValue.optionLabel : emptyOption.optionLabel}\n\t\t\t\t\t</span>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<span className=\"finsemble-dropdown__btn-label\">\n\t\t\t\t\t\t{selectedValue ? selectedValue.optionLabel : emptyOption.optionLabel}\n\t\t\t\t\t</span>\n\t\t\t\t\t<i className={`ff-caret-${optionsVisible ? \"up\" : \"down\"}`} />\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t{optionsVisible ? (\n\t\t\t\t<div id={`default-dropdown_${uniqueId}`} className=\"finsemble-dropdown__btn-options\">\n\t\t\t\t\t{options}\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t</div>\n\t);\n};\n\nexport default DefaultDropdownButton;\n"]}
+{"version":3,"file":"DefaultDropdownButton.js","sourceRoot":"","sources":["../../../src/components/shared/DefaultDropdownButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport \"../../assets/css/button.css\";\nimport { useOutsideClickDetector } from \"../../hooks/useOutsideClickDetector\";\n\nexport interface IFinsembleDefaultDropdownButtonOptionsProps {\n\toptionLabel: string;\n\toptionValue?: any;\n\tclickHandler: Function;\n}\n\nexport interface IFinsembleDefaultDropdownButtonProps {\n\tallowEmpty?: boolean;\n\tbuttonLabel?: string;\n\tcaretLocation?: \"left\" | \"right\";\n\tclassNames?: string;\n\tbuttonOptions: Array<IFinsembleDefaultDropdownButtonOptionsProps>;\n\tdefaultSelection?: IFinsembleDefaultDropdownButtonOptionsProps | null;\n\tenabled?: boolean;\n}\n\nconst emptyOption: IFinsembleDefaultDropdownButtonOptionsProps = {\n\toptionLabel: \"Please select..\",\n\tclickHandler: () => {},\n};\n\nconst DefaultDropdownButton: React.FunctionComponent<IFinsembleDefaultDropdownButtonProps> = ({\n\tallowEmpty = true,\n\tcaretLocation = \"left\",\n\tclassNames = \"\",\n\tbuttonOptions = [],\n\tdefaultSelection = null,\n\tenabled = true,\n\tbuttonLabel = \"Select value\",\n}: IFinsembleDefaultDropdownButtonProps) => {\n\tconst wrapperRef = useRef<HTMLDivElement>(null);\n\tconst uniqueId = useMemo(() => Math.random(), []);\n\tconst [optionsVisible, toggleOptionsPanel] = useState(false);\n\tconst [focusIndex, setFocusIndex] = useState(-1);\n\tuseOutsideClickDetector(wrapperRef, () => toggleOptionsPanel(false));\n\n\tconst [selectedValue, setSelectedValue] = useState<IFinsembleDefaultDropdownButtonOptionsProps | null>(\n\t\tdefaultSelection\n\t);\n\n\tuseEffect(() => {\n\t\tif (defaultSelection) {\n\t\t\tsetSelectedValue(defaultSelection);\n\t\t} else {\n\t\t\tif (allowEmpty) {\n\t\t\t\tif (!buttonOptions.includes(emptyOption)) buttonOptions.unshift(emptyOption);\n\t\t\t\tsetSelectedValue(emptyOption);\n\t\t\t} else {\n\t\t\t\tsetSelectedValue(buttonOptions[0]);\n\t\t\t}\n\t\t}\n\t}, [defaultSelection]);\n\n\tconst selectOptionByIndex = (index: number) => {\n\t\tsetSelectedValue(buttonOptions[index]);\n\t\tif (\"clickHandler\" in buttonOptions[index]) {\n\t\t\tbuttonOptions[index].clickHandler();\n\t\t}\n\t\ttoggleOptionsPanel(false);\n\t};\n\n\tconst changeOptionByDirection = (direction: \"up\" | \"down\") => {\n\t\tif (!selectedValue) {\n\t\t\tif (direction === \"down\") {\n\t\t\t\tselectOptionByIndex(0);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\tconst optionLabels = buttonOptions.map((opt) => opt.optionLabel);\n\t\tconst currentOptionIndex = optionLabels.indexOf(selectedValue.optionLabel);\n\n\t\tif (direction === \"up\") {\n\t\t\tconst newIndex = currentOptionIndex - 1;\n\t\t\tselectOptionByIndex(Math.max(0, newIndex));\n\t\t} else {\n\t\t\tconst newIndex = currentOptionIndex + 1;\n\t\t\tselectOptionByIndex(Math.min(newIndex, buttonOptions.length - 1));\n\t\t}\n\t};\n\n\tconst options = buttonOptions.map((option, index) => (\n\t\t<div\n\t\t\tkey={index}\n\t\t\ttabIndex={0}\n\t\t\tclassName=\"finsemble-dropdown__btn-option\"\n\t\t\tonClick={() => {\n\t\t\t\tselectOptionByIndex(index);\n\t\t\t}}\n\t\t\trole=\"option\"\n\t\t\taria-selected={focusIndex === index}\n\t\t>\n\t\t\t{option.optionLabel}\n\t\t</div>\n\t));\n\n\treturn (\n\t\t<div\n\t\t\ttabIndex={enabled ? 0 : -1}\n\t\t\tref={wrapperRef}\n\t\t\trole=\"combobox\"\n\t\t\taria-haspopup={optionsVisible}\n\t\t\taria-expanded={optionsVisible}\n\t\t\taria-owns={`default-dropdown_${uniqueId}`}\n\t\t\taria-label={buttonLabel}\n\t\t\tclassName={`finsemble-dropdown__btn ${classNames} ${optionsVisible ? \"active\" : \"\"}`}\n\t\t\tonClick={enabled ? () => toggleOptionsPanel(!optionsVisible) : () => {}}\n\t\t\tonKeyDown={(e) => {\n\t\t\t\tif (!enabled) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif (optionsVisible) {\n\t\t\t\t\t// Keyboard navigation for the expanded combobox options\n\t\t\t\t\tif (e.key === \"Enter\" || e.key === \" \") {\n\t\t\t\t\t\t// Activate the selected option (equiv: click the hovered option)\n\t\t\t\t\t\tselectOptionByIndex(focusIndex);\n\t\t\t\t\t} else if (e.key === \"ArrowDown\") {\n\t\t\t\t\t\t// Select next option down (equiv: hover over the next option down)\n\t\t\t\t\t\tsetFocusIndex(focusIndex + 1 >= buttonOptions.length ? buttonOptions.length - 1 : focusIndex + 1);\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t} else if (e.key === \"ArrowUp\") {\n\t\t\t\t\t\t// Select next option up (equiv: hover over the next option up)\n\t\t\t\t\t\tsetFocusIndex(focusIndex - 1 <= 0 ? 0 : focusIndex - 1);\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t} else if (e.key === \"Escape\") {\n\t\t\t\t\t\t// Without activating anything, close the options. (equiv: clicking away)\n\t\t\t\t\t\ttoggleOptionsPanel(false);\n\t\t\t\t\t\tsetFocusIndex(0);\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// Keyboard navigation for a collapsed combobox\n\t\t\t\t\tif (e.key === \"Enter\" || e.key === \" \") {\n\t\t\t\t\t\t// Expand the combobox\n\t\t\t\t\t\ttoggleOptionsPanel(!optionsVisible);\n\t\t\t\t\t\tsetFocusIndex(0);\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t} else if (e.key === \"ArrowDown\") {\n\t\t\t\t\t\tif (e.altKey) {\n\t\t\t\t\t\t\ttoggleOptionsPanel(!optionsVisible);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Cycle between options (down)\n\t\t\t\t\t\t\tchangeOptionByDirection(\"down\");\n\t\t\t\t\t\t}\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t} else if (e.key === \"ArrowUp\") {\n\t\t\t\t\t\t// Cycle between options (up)\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tchangeOptionByDirection(\"up\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t{caretLocation === \"left\" ? (\n\t\t\t\t<>\n\t\t\t\t\t<i className={`ff-caret-${optionsVisible ? \"up\" : \"down\"}`} />\n\t\t\t\t\t<span className=\"finsemble-dropdown__btn-label\">\n\t\t\t\t\t\t{selectedValue ? selectedValue.optionLabel : emptyOption.optionLabel}\n\t\t\t\t\t</span>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<span className=\"finsemble-dropdown__btn-label\">\n\t\t\t\t\t\t{selectedValue ? selectedValue.optionLabel : emptyOption.optionLabel}\n\t\t\t\t\t</span>\n\t\t\t\t\t<i className={`ff-caret-${optionsVisible ? \"up\" : \"down\"}`} />\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t{optionsVisible ? (\n\t\t\t\t<div id={`default-dropdown_${uniqueId}`} className=\"finsemble-dropdown__btn-options\">\n\t\t\t\t\t{options}\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t</div>\n\t);\n};\n\nexport default DefaultDropdownButton;\n"]}

package/react/components/shared/Tag.d.ts

@@ -1,7 +1,3 @@
-/*!
- * Copyright 2017 by ChartIQ, Inc.
- * All rights reserved.
- */
 /// <reference types="react" />
 import "../../assets/css/tags.css";
 declare type TagProps = {

package/react/components/shared/Tag.js

@@ -2,6 +2,10 @@
  * Copyright 2017 by ChartIQ, Inc.
  * All rights reserved.
  */
+/**
+ * This component is the name of a component and a pin that will pin that component to all toolbars.
+ *
+ */
 import React from "react";
 import { getTruncatedStringWithEllipses } from "../appCatalog/components/helpers";
 import "../../assets/css/tags.css";

package/react/components/shared/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/shared/Tag.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAElF,OAAO,2BAA2B,CAAC;AAOnC,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IAC/B,MAAM,MAAM,GAAG,GAAG,EAAE;QACnB,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAC,SAAS;QACvB,6BAAK,SAAS,EAAC,aAAa;YAC3B,6BAAK,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,IACzC,8BAA8B,CAAC,KAAK,CAAC,IAAI,CAAC,CACtC;;YAEN,2BAAG,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,MAAM,GAAM,CACnD,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\n/**\n * This component is the name of a component and a pin that will pin that component to all toolbars.\n *\n */\nimport React from \"react\";\n\nimport { getTruncatedStringWithEllipses } from \"../appCatalog/components/helpers\";\n\nimport \"../../assets/css/tags.css\";\n\ntype TagProps = {\n\tname: string;\n\tremoveTag: (tagName: string) => void;\n};\n\nconst Tag = (props: TagProps) => {\n\tconst remove = () => {\n\t\tprops.removeTag(props.name);\n\t};\n\n\treturn (\n\t\t<div className=\"app-tag\">\n\t\t\t<div className=\"tag-content\">\n\t\t\t\t<div className=\"tag-name\" title={props.name}>\n\t\t\t\t\t{getTruncatedStringWithEllipses(props.name)}\n\t\t\t\t</div>\n\t\t\t\t&nbsp;&nbsp;\n\t\t\t\t<i className=\"ff-close tag-delete\" onClick={remove}></i>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Tag;\n"]}
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/shared/Tag.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAElF,OAAO,2BAA2B,CAAC;AAOnC,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IAC/B,MAAM,MAAM,GAAG,GAAG,EAAE;QACnB,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAC,SAAS;QACvB,6BAAK,SAAS,EAAC,aAAa;YAC3B,6BAAK,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,IACzC,8BAA8B,CAAC,KAAK,CAAC,IAAI,CAAC,CACtC;;YAEN,2BAAG,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,MAAM,GAAM,CACnD,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\n/**\n * This component is the name of a component and a pin that will pin that component to all toolbars.\n *\n */\nimport React from \"react\";\n\nimport { getTruncatedStringWithEllipses } from \"../appCatalog/components/helpers\";\n\nimport \"../../assets/css/tags.css\";\n\ntype TagProps = {\n\tname: string;\n\tremoveTag: (tagName: string) => void;\n};\n\nconst Tag = (props: TagProps) => {\n\tconst remove = () => {\n\t\tprops.removeTag(props.name);\n\t};\n\n\treturn (\n\t\t<div className=\"app-tag\">\n\t\t\t<div className=\"tag-content\">\n\t\t\t\t<div className=\"tag-name\" title={props.name}>\n\t\t\t\t\t{getTruncatedStringWithEllipses(props.name)}\n\t\t\t\t</div>\n\t\t\t\t&nbsp;&nbsp;\n\t\t\t\t<i className=\"ff-close tag-delete\" onClick={remove}></i>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Tag;\n"]}

package/react/components/shared/TagsMenu.d.ts

@@ -15,6 +15,12 @@ interface IProps {
 interface IState {
     isVisible: boolean;
 }
+/**
+ * A reusable fly out component for tags and any other lists
+ * This component creates a button with a customizable label
+ * and an item click handler.
+ * Example: <TagsMenu label="Tags" align="left" list={list} onItemClick={handler}/>
+ **/
 export default class TagsMenu extends React.Component<IProps, IState> {
     wrapperRef: any;
     constructor(props: IProps);

package/react/components/shared/TagsMenu.js

@@ -5,12 +5,19 @@
  */
 import React from "react";
 import "../../assets/css/tags.css";
+/**
+ * A reusable fly out component for tags and any other lists
+ * This component creates a button with a customizable label
+ * and an item click handler.
+ * Example: <TagsMenu label="Tags" align="left" list={list} onItemClick={handler}/>
+ **/
 export default class TagsMenu extends React.Component {
     constructor(props) {
         super(props);
         this.state = {
             isVisible: false,
         };
+        // Bind context
         this.toggleMenu = this.toggleMenu.bind(this);
         this.onItemClick = this.onItemClick.bind(this);
         this.setWrapperRef = this.setWrapperRef.bind(this);

package/react/components/shared/TagsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagsMenu.js","sourceRoot":"","sources":["../../../src/components/shared/TagsMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2018 by ChartIQ, Inc.\n * All rights reserved.\n *\n */\n\nimport React from \"react\";\n\nimport \"../../assets/css/tags.css\";\n\ninterface IProps {\n\tactive: string[]; // active tags\n\tlist: string[]; // list of tags\n\tonItemClick: (tag: string) => void;\n\tlabel: string;\n\talign: string;\n}\ninterface IState {\n\tisVisible: boolean;\n}\n\n/**\n * A reusable fly out component for tags and any other lists\n * This component creates a button with a customizable label\n * and an item click handler.\n * Example: <TagsMenu label=\"Tags\" align=\"left\" list={list} onItemClick={handler}/>\n **/\nexport default class TagsMenu extends React.Component<IProps, IState> {\n\twrapperRef: any;\n\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tisVisible: false,\n\t\t};\n\t\t// Bind context\n\t\tthis.toggleMenu = this.toggleMenu.bind(this);\n\t\tthis.onItemClick = this.onItemClick.bind(this);\n\t\tthis.setWrapperRef = this.setWrapperRef.bind(this);\n\t\tthis.handleClickOutside = this.handleClickOutside.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\tdocument.addEventListener(\"mousedown\", this.handleClickOutside);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tdocument.removeEventListener(\"mousedown\", this.handleClickOutside);\n\t}\n\n\ttoggleMenu() {\n\t\tthis.setState({\n\t\t\tisVisible: !this.state.isVisible,\n\t\t});\n\t}\n\n\tonItemClick(item: string) {\n\t\tthis.setState({\n\t\t\tisVisible: false,\n\t\t});\n\t\tthis.props.onItemClick(item);\n\t}\n\n\tsetWrapperRef(node: any) {\n\t\tthis.wrapperRef = node;\n\t}\n\n\thandleClickOutside(e: MouseEvent) {\n\t\tif (this.wrapperRef && !this.wrapperRef.contains(e.target)) {\n\t\t\tthis.setState({\n\t\t\t\tisVisible: false,\n\t\t\t});\n\t\t}\n\t}\n\n\trenderList() {\n\t\tconst items = this.props.list;\n\t\tconst styles = this.props.align === \"right\" ? { right: 0 } : { left: 0 };\n\t\treturn (\n\t\t\t<div className=\"tags-menu\" style={styles}>\n\t\t\t\t<ul>\n\t\t\t\t\t{\" \"}\n\t\t\t\t\t{items.sort().map((item, index) => {\n\t\t\t\t\t\tlet active = this.props.active.includes(item);\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li key={index} onClick={() => this.onItemClick(item)}>\n\t\t\t\t\t\t\t\t{active ? <i className=\"ff-check-mark\" /> : <div className=\"tags-checkmark-wrapper\">&nbsp;</div>}\n\t\t\t\t\t\t\t\t&nbsp;&nbsp;{item}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}{\" \"}\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t);\n\t}\n\n\trender() {\n\t\tif (this.props.list.length === 0) return <div></div>;\n\t\treturn (\n\t\t\t<div ref={this.setWrapperRef} className=\"tags-menu-wrapper\" onClick={this.toggleMenu}>\n\t\t\t\t<span>\n\t\t\t\t\t{this.props.label}\n\t\t\t\t\t<i className=\"ff-chevron-down\" />\n\t\t\t\t</span>\n\t\t\t\t{this.state.isVisible && this.renderList()}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"TagsMenu.js","sourceRoot":"","sources":["../../../src/components/shared/TagsMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2018 by ChartIQ, Inc.\n * All rights reserved.\n *\n */\n\nimport React from \"react\";\n\nimport \"../../assets/css/tags.css\";\n\ninterface IProps {\n\tactive: string[]; // active tags\n\tlist: string[]; // list of tags\n\tonItemClick: (tag: string) => void;\n\tlabel: string;\n\talign: string;\n}\ninterface IState {\n\tisVisible: boolean;\n}\n\n/**\n * A reusable fly out component for tags and any other lists\n * This component creates a button with a customizable label\n * and an item click handler.\n * Example: <TagsMenu label=\"Tags\" align=\"left\" list={list} onItemClick={handler}/>\n **/\nexport default class TagsMenu extends React.Component<IProps, IState> {\n\twrapperRef: any;\n\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tisVisible: false,\n\t\t};\n\t\t// Bind context\n\t\tthis.toggleMenu = this.toggleMenu.bind(this);\n\t\tthis.onItemClick = this.onItemClick.bind(this);\n\t\tthis.setWrapperRef = this.setWrapperRef.bind(this);\n\t\tthis.handleClickOutside = this.handleClickOutside.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\tdocument.addEventListener(\"mousedown\", this.handleClickOutside);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tdocument.removeEventListener(\"mousedown\", this.handleClickOutside);\n\t}\n\n\ttoggleMenu() {\n\t\tthis.setState({\n\t\t\tisVisible: !this.state.isVisible,\n\t\t});\n\t}\n\n\tonItemClick(item: string) {\n\t\tthis.setState({\n\t\t\tisVisible: false,\n\t\t});\n\t\tthis.props.onItemClick(item);\n\t}\n\n\tsetWrapperRef(node: any) {\n\t\tthis.wrapperRef = node;\n\t}\n\n\thandleClickOutside(e: MouseEvent) {\n\t\tif (this.wrapperRef && !this.wrapperRef.contains(e.target)) {\n\t\t\tthis.setState({\n\t\t\t\tisVisible: false,\n\t\t\t});\n\t\t}\n\t}\n\n\trenderList() {\n\t\tconst items = this.props.list;\n\t\tconst styles = this.props.align === \"right\" ? { right: 0 } : { left: 0 };\n\t\treturn (\n\t\t\t<div className=\"tags-menu\" style={styles}>\n\t\t\t\t<ul>\n\t\t\t\t\t{\" \"}\n\t\t\t\t\t{items.sort().map((item, index) => {\n\t\t\t\t\t\tlet active = this.props.active.includes(item);\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li key={index} onClick={() => this.onItemClick(item)}>\n\t\t\t\t\t\t\t\t{active ? <i className=\"ff-check-mark\" /> : <div className=\"tags-checkmark-wrapper\">&nbsp;</div>}\n\t\t\t\t\t\t\t\t&nbsp;&nbsp;{item}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}{\" \"}\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t);\n\t}\n\n\trender() {\n\t\tif (this.props.list.length === 0) return <div></div>;\n\t\treturn (\n\t\t\t<div ref={this.setWrapperRef} className=\"tags-menu-wrapper\" onClick={this.toggleMenu}>\n\t\t\t\t<span>\n\t\t\t\t\t{this.props.label}\n\t\t\t\t\t<i className=\"ff-chevron-down\" />\n\t\t\t\t</span>\n\t\t\t\t{this.state.isVisible && this.renderList()}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

package/react/components/shared/addProtocolToValidURL.d.ts

@@ -1 +1,7 @@
+/**
+ * Adds a protocol to a valid URL. booger.io is a valid URL,
+ * but if you try to create a new URL object with it, e.g.,
+ * `new URL("booger.io"), you'll get a javascript exception. No bueno.
+ * @param url
+ */
 export declare function addProtocolToValidURL(url: string): string;

package/react/components/shared/addProtocolToValidURL.js

@@ -1,3 +1,9 @@
+/**
+ * Adds a protocol to a valid URL. booger.io is a valid URL,
+ * but if you try to create a new URL object with it, e.g.,
+ * `new URL("booger.io"), you'll get a javascript exception. No bueno.
+ * @param url
+ */
 export function addProtocolToValidURL(url) {
     if (url.includes("://"))
         return url;

package/react/components/shared/addProtocolToValidURL.js.map

@@ -1 +1 @@
-{"version":3,"file":"addProtocolToValidURL.js","sourceRoot":"","sources":["../../../src/components/shared/addProtocolToValidURL.ts"],"names":[],"mappings":"AAMA,MAAM,UAAU,qBAAqB,CAAC,GAAW;IAChD,IAAI,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,GAAG,CAAC;IACpC,OAAO,GAAG,QAAQ,CAAC,QAAQ,KAAK,GAAG,EAAE,CAAC;AACvC,CAAC","sourcesContent":["/**\n * Adds a protocol to a valid URL. booger.io is a valid URL,\n * but if you try to create a new URL object with it, e.g.,\n * `new URL(\"booger.io\"), you'll get a javascript exception. No bueno.\n * @param url\n */\nexport function addProtocolToValidURL(url: string) {\n\tif (url.includes(\"://\")) return url;\n\treturn `${location.protocol}//${url}`;\n}\n"]}
+{"version":3,"file":"addProtocolToValidURL.js","sourceRoot":"","sources":["../../../src/components/shared/addProtocolToValidURL.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CAAC,GAAW;IAChD,IAAI,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,GAAG,CAAC;IACpC,OAAO,GAAG,QAAQ,CAAC,QAAQ,KAAK,GAAG,EAAE,CAAC;AACvC,CAAC","sourcesContent":["/**\n * Adds a protocol to a valid URL. booger.io is a valid URL,\n * but if you try to create a new URL object with it, e.g.,\n * `new URL(\"booger.io\"), you'll get a javascript exception. No bueno.\n * @param url\n */\nexport function addProtocolToValidURL(url: string) {\n\tif (url.includes(\"://\")) return url;\n\treturn `${location.protocol}//${url}`;\n}\n"]}

package/react/components/shared/openQuitConfirmationDialog.d.ts

@@ -1 +1 @@
-export declare const openQuitConfirmationDialog: () => Promise<void>;
+export declare const openQuitConfirmationDialog: (type?: string) => Promise<void>;

package/react/components/shared/openQuitConfirmationDialog.js

@@ -1,16 +1,16 @@
-export const openQuitConfirmationDialog = async () => {
+export const openQuitConfirmationDialog = async (type = "Shutdown") => {
     let { data: appname } = await FSBL.Clients.ConfigClient.getValue("startup_app.name");
     if (!appname)
         appname = "Finsemble";
     FSBL.Clients.DialogManager.open("yesNo", {
-        title: `Shutdown ${appname}?`,
+        title: `${type} ${appname}?`,
         monitor: "primary",
-        question: `Are you sure you want to close ${appname}?`,
+        question: `Are you sure you want to ${type === "Restart" ? "restart" : "close"} ${appname}?`,
         hideModalOnClose: true,
         showNegativeButton: false,
     }, (err, response) => {
         if (response && response.choice === "affirmative") {
-            FSBL.shutdownApplication();
+            type === "Restart" ? FSBL.restartApplication() : FSBL.shutdownApplication();
         }
     });
 };

package/react/components/shared/openQuitConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"openQuitConfirmationDialog.js","sourceRoot":"","sources":["../../../src/components/shared/openQuitConfirmationDialog.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,IAAI,EAAE;IACpD,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IACrF,IAAI,CAAC,OAAO;QAAE,OAAO,GAAG,WAAW,CAAC;IAEpC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAC9B,OAAO,EACP;QACC,KAAK,EAAE,YAAY,OAAO,GAAG;QAC7B,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,kCAAkC,OAAO,GAAG;QACtD,gBAAgB,EAAE,IAAI;QACtB,kBAAkB,EAAE,KAAK;KACzB,EACD,CAAC,GAAQ,EAAE,QAA4B,EAAE,EAAE;QAC1C,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,aAAa,EAAE;YAClD,IAAI,CAAC,mBAAmB,EAAE,CAAC;SAC3B;IACF,CAAC,CACD,CAAC;AACH,CAAC,CAAC","sourcesContent":["export const openQuitConfirmationDialog = async () => {\n\tlet { data: appname } = await FSBL.Clients.ConfigClient.getValue(\"startup_app.name\");\n\tif (!appname) appname = \"Finsemble\";\n\n\tFSBL.Clients.DialogManager.open(\n\t\t\"yesNo\",\n\t\t{\n\t\t\ttitle: `Shutdown ${appname}?`,\n\t\t\tmonitor: \"primary\",\n\t\t\tquestion: `Are you sure you want to close ${appname}?`,\n\t\t\thideModalOnClose: true,\n\t\t\tshowNegativeButton: false,\n\t\t},\n\t\t(err: any, response: { choice: string }) => {\n\t\t\tif (response && response.choice === \"affirmative\") {\n\t\t\t\tFSBL.shutdownApplication();\n\t\t\t}\n\t\t}\n\t);\n};\n"]}
+{"version":3,"file":"openQuitConfirmationDialog.js","sourceRoot":"","sources":["../../../src/components/shared/openQuitConfirmationDialog.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,EAAE,OAAe,UAAU,EAAE,EAAE;IAC7E,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IACrF,IAAI,CAAC,OAAO;QAAE,OAAO,GAAG,WAAW,CAAC;IAEpC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAC9B,OAAO,EACP;QACC,KAAK,EAAE,GAAG,IAAI,IAAI,OAAO,GAAG;QAC5B,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,4BAA4B,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,IAAI,OAAO,GAAG;QAC5F,gBAAgB,EAAE,IAAI;QACtB,kBAAkB,EAAE,KAAK;KACzB,EACD,CAAC,GAAQ,EAAE,QAA4B,EAAE,EAAE;QAC1C,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,aAAa,EAAE;YAClD,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;SAC5E;IACF,CAAC,CACD,CAAC;AACH,CAAC,CAAC","sourcesContent":["export const openQuitConfirmationDialog = async (type: string = \"Shutdown\") => {\n\tlet { data: appname } = await FSBL.Clients.ConfigClient.getValue(\"startup_app.name\");\n\tif (!appname) appname = \"Finsemble\";\n\n\tFSBL.Clients.DialogManager.open(\n\t\t\"yesNo\",\n\t\t{\n\t\t\ttitle: `${type} ${appname}?`,\n\t\t\tmonitor: \"primary\",\n\t\t\tquestion: `Are you sure you want to ${type === \"Restart\" ? \"restart\" : \"close\"} ${appname}?`,\n\t\t\thideModalOnClose: true,\n\t\t\tshowNegativeButton: false,\n\t\t},\n\t\t(err: any, response: { choice: string }) => {\n\t\t\tif (response && response.choice === \"affirmative\") {\n\t\t\t\ttype === \"Restart\" ? FSBL.restartApplication() : FSBL.shutdownApplication();\n\t\t\t}\n\t\t}\n\t);\n};\n"]}

package/react/components/shared/tests/addProtocolToValidURL.spec.js

@@ -1,6 +1,7 @@
 import { describe, it } from "mocha";
 import { expect } from "chai";
 import { addProtocolToValidURL } from "../addProtocolToValidURL";
+// Mock global variable location
 global.location = {
     protocol: "http:",
 };

package/react/components/shared/tests/addProtocolToValidURL.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"addProtocolToValidURL.spec.js","sourceRoot":"","sources":["../../../../src/components/shared/tests/addProtocolToValidURL.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,MAAM,CAAC,QAAQ,GAAQ;IACtB,QAAQ,EAAE,OAAO;CACjB,CAAC;AAEF,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC7C,MAAM,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC;QAC7F,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QACjE,MAAM,IAAI,GAAG,CAAC,uBAAuB,EAAE,mBAAmB,EAAE,mBAAmB,CAAC,CAAC;QACjF,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACpB,MAAM,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport { addProtocolToValidURL } from \"../addProtocolToValidURL\";\n\n// Mock global variable location\nglobal.location = <any>{\n\tprotocol: \"http:\",\n};\n\ndescribe(\"addProtocolToValidURL\", () => {\n\tit(\"should add protocol when necessary\", () => {\n\t\texpect(addProtocolToValidURL(\"www.google.com\"), \"website\").to.equal(\"http://www.google.com\");\n\t\texpect(addProtocolToValidURL(\"blah\"), \"words\").to.equal(\"http://blah\");\n\t});\n\tit(\"should not add protocol to URLs that already have them\", () => {\n\t\tconst urls = [\"http://www.google.com\", \"https://cosaic.io\", \"file:///C:/Users/\"];\n\t\turls.forEach((url) => {\n\t\t\texpect(addProtocolToValidURL(url), url).to.equal(url);\n\t\t});\n\t});\n});\n"]}
+{"version":3,"file":"addProtocolToValidURL.spec.js","sourceRoot":"","sources":["../../../../src/components/shared/tests/addProtocolToValidURL.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,gCAAgC;AAChC,MAAM,CAAC,QAAQ,GAAQ;IACtB,QAAQ,EAAE,OAAO;CACjB,CAAC;AAEF,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC7C,MAAM,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC;QAC7F,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QACjE,MAAM,IAAI,GAAG,CAAC,uBAAuB,EAAE,mBAAmB,EAAE,mBAAmB,CAAC,CAAC;QACjF,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACpB,MAAM,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport { addProtocolToValidURL } from \"../addProtocolToValidURL\";\n\n// Mock global variable location\nglobal.location = <any>{\n\tprotocol: \"http:\",\n};\n\ndescribe(\"addProtocolToValidURL\", () => {\n\tit(\"should add protocol when necessary\", () => {\n\t\texpect(addProtocolToValidURL(\"www.google.com\"), \"website\").to.equal(\"http://www.google.com\");\n\t\texpect(addProtocolToValidURL(\"blah\"), \"words\").to.equal(\"http://blah\");\n\t});\n\tit(\"should not add protocol to URLs that already have them\", () => {\n\t\tconst urls = [\"http://www.google.com\", \"https://cosaic.io\", \"file:///C:/Users/\"];\n\t\turls.forEach((url) => {\n\t\t\texpect(addProtocolToValidURL(url), url).to.equal(url);\n\t\t});\n\t});\n});\n"]}

package/react/components/shared/validateURL.d.ts

@@ -1 +1,19 @@
+/**
+ * URL validation regex taken from stack overflow: https://stackoverflow.com/questions/5717093/check-if-a-javascript-string-is-a-url
+ *
+ * "https://www.google.com" => valid
+ * "http://google.com" => valid
+ * "http://booger.io" => valid
+ * "http://intraneturl" => valid
+ * "http://localhost:3375/components/test/index.html" => valid
+ * "http://localhost:8089/SLEJSonServiceWeb/commonReact2.jsp?viewid=/lcm.houseacctprodlinexre.wrjs&swfversion=3_0&zone=CollateralManagement&functionName=Collateral%20Management&zoneLabel=Collateral%20Management#/?_k=f3xqnk" => valid
+ * "http://127.0.0.1:3375/components/test/index.html" => valid
+ * "http://127.0.01:3375/components/test/index.html" => not valid
+ * "www.google.com" => not valid
+ * "google.com" => not valid
+ * "booger.io" => not valid
+ * "boog" => not valid
+ * NOTE: This function will fail intranet URLs without a top level domain.
+ * @param str
+ */
 export declare function isValidURL(str: string): boolean;

package/react/components/shared/validateURL.js

@@ -1,11 +1,30 @@
+/**
+ * URL validation regex taken from stack overflow: https://stackoverflow.com/questions/5717093/check-if-a-javascript-string-is-a-url
+ *
+ * "https://www.google.com" => valid
+ * "http://google.com" => valid
+ * "http://booger.io" => valid
+ * "http://intraneturl" => valid
+ * "http://localhost:3375/components/test/index.html" => valid
+ * "http://localhost:8089/SLEJSonServiceWeb/commonReact2.jsp?viewid=/lcm.houseacctprodlinexre.wrjs&swfversion=3_0&zone=CollateralManagement&functionName=Collateral%20Management&zoneLabel=Collateral%20Management#/?_k=f3xqnk" => valid
+ * "http://127.0.0.1:3375/components/test/index.html" => valid
+ * "http://127.0.01:3375/components/test/index.html" => not valid
+ * "www.google.com" => not valid
+ * "google.com" => not valid
+ * "booger.io" => not valid
+ * "boog" => not valid
+ * NOTE: This function will fail intranet URLs without a top level domain.
+ * @param str
+ */
 export function isValidURL(str) {
     if (str === "about:blank")
         return true;
-    var pattern = new RegExp("^(https?:\\/\\/)" +
-        "((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.?)+[a-z]{2,}|" +
-        "((\\d{1,3}\\.){3}\\d{1,3}))" +
-        "(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*" +
-        "(\\?)?([;&a-z\\d\\/#\\?%_.~+=-]*)?", "i");
+    var pattern = new RegExp("^(https?:\\/\\/)" + // protocol
+        "((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.?)+[a-z]{2,}|" + // domain name
+        "((\\d{1,3}\\.){3}\\d{1,3}))" + // OR ip (v4) address
+        "(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*" + // port and path
+        "(\\?)?([;&a-z\\d\\/#\\?%_.~+=-]*)?", // query string
+    "i"); // fragment locator
     return !!pattern.test(str);
 }
 //# sourceMappingURL=validateURL.js.map

package/react/components/shared/validateURL.js.map

@@ -1 +1 @@
-{"version":3,"file":"validateURL.js","sourceRoot":"","sources":["../../../src/components/shared/validateURL.ts"],"names":[],"mappings":"AAkBA,MAAM,UAAU,UAAU,CAAC,GAAW;IACrC,IAAI,GAAG,KAAK,aAAa;QAAE,OAAO,IAAI,CAAC;IAEvC,IAAI,OAAO,GAAG,IAAI,MAAM,CACvB,kBAAkB;QACjB,mDAAmD;QACnD,6BAA6B;QAC7B,iCAAiC;QACjC,oCAAoC,EACrC,GAAG,CACH,CAAC;IACF,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC5B,CAAC","sourcesContent":["/**\n * URL validation regex taken from stack overflow: https://stackoverflow.com/questions/5717093/check-if-a-javascript-string-is-a-url\n *\n * \"https://www.google.com\" => valid\n * \"http://google.com\" => valid\n * \"http://booger.io\" => valid\n * \"http://intraneturl\" => valid\n * \"http://localhost:3375/components/test/index.html\" => valid\n * \"http://localhost:8089/SLEJSonServiceWeb/commonReact2.jsp?viewid=/lcm.houseacctprodlinexre.wrjs&swfversion=3_0&zone=CollateralManagement&functionName=Collateral%20Management&zoneLabel=Collateral%20Management#/?_k=f3xqnk\" => valid\n * \"http://127.0.0.1:3375/components/test/index.html\" => valid\n * \"http://127.0.01:3375/components/test/index.html\" => not valid\n * \"www.google.com\" => not valid\n * \"google.com\" => not valid\n * \"booger.io\" => not valid\n * \"boog\" => not valid\n * NOTE: This function will fail intranet URLs without a top level domain.\n * @param str\n */\nexport function isValidURL(str: string) {\n\tif (str === \"about:blank\") return true;\n\n\tvar pattern = new RegExp(\n\t\t\"^(https?:\\\\/\\\\/)\" + // protocol\n\t\t\t\"((([a-z\\\\d]([a-z\\\\d-]*[a-z\\\\d])*)\\\\.?)+[a-z]{2,}|\" + // domain name\n\t\t\t\"((\\\\d{1,3}\\\\.){3}\\\\d{1,3}))\" + // OR ip (v4) address\n\t\t\t\"(\\\\:\\\\d+)?(\\\\/[-a-z\\\\d%_.~+]*)*\" + // port and path\n\t\t\t\"(\\\\?)?([;&a-z\\\\d\\\\/#\\\\?%_.~+=-]*)?\", // query string\n\t\t\"i\"\n\t); // fragment locator\n\treturn !!pattern.test(str);\n}\n"]}
+{"version":3,"file":"validateURL.js","sourceRoot":"","sources":["../../../src/components/shared/validateURL.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,UAAU,CAAC,GAAW;IACrC,IAAI,GAAG,KAAK,aAAa;QAAE,OAAO,IAAI,CAAC;IAEvC,IAAI,OAAO,GAAG,IAAI,MAAM,CACvB,kBAAkB,GAAG,WAAW;QAC/B,mDAAmD,GAAG,cAAc;QACpE,6BAA6B,GAAG,qBAAqB;QACrD,iCAAiC,GAAG,gBAAgB;QACpD,oCAAoC,EAAE,eAAe;IACtD,GAAG,CACH,CAAC,CAAC,mBAAmB;IACtB,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC5B,CAAC","sourcesContent":["/**\n * URL validation regex taken from stack overflow: https://stackoverflow.com/questions/5717093/check-if-a-javascript-string-is-a-url\n *\n * \"https://www.google.com\" => valid\n * \"http://google.com\" => valid\n * \"http://booger.io\" => valid\n * \"http://intraneturl\" => valid\n * \"http://localhost:3375/components/test/index.html\" => valid\n * \"http://localhost:8089/SLEJSonServiceWeb/commonReact2.jsp?viewid=/lcm.houseacctprodlinexre.wrjs&swfversion=3_0&zone=CollateralManagement&functionName=Collateral%20Management&zoneLabel=Collateral%20Management#/?_k=f3xqnk\" => valid\n * \"http://127.0.0.1:3375/components/test/index.html\" => valid\n * \"http://127.0.01:3375/components/test/index.html\" => not valid\n * \"www.google.com\" => not valid\n * \"google.com\" => not valid\n * \"booger.io\" => not valid\n * \"boog\" => not valid\n * NOTE: This function will fail intranet URLs without a top level domain.\n * @param str\n */\nexport function isValidURL(str: string) {\n\tif (str === \"about:blank\") return true;\n\n\tvar pattern = new RegExp(\n\t\t\"^(https?:\\\\/\\\\/)\" + // protocol\n\t\t\t\"((([a-z\\\\d]([a-z\\\\d-]*[a-z\\\\d])*)\\\\.?)+[a-z]{2,}|\" + // domain name\n\t\t\t\"((\\\\d{1,3}\\\\.){3}\\\\d{1,3}))\" + // OR ip (v4) address\n\t\t\t\"(\\\\:\\\\d+)?(\\\\/[-a-z\\\\d%_.~+]*)*\" + // port and path\n\t\t\t\"(\\\\?)?([;&a-z\\\\d\\\\/#\\\\?%_.~+=-]*)?\", // query string\n\t\t\"i\"\n\t); // fragment locator\n\treturn !!pattern.test(str);\n}\n"]}

package/react/components/singleInputDialog/SingleInputDialog.css

@@ -1,3 +1,3 @@
 body {
-	margin: 0px;
+	margin: 0;
 }

package/react/components/singleInputDialog/SingleInputDialog.d.ts

@@ -2,4 +2,7 @@
 import "./SingleInputDialog.css";
 import "../../assets/css/finsemble.css";
 import "../../assets/css/dialogs.css";
+/**
+ * A window for collecting input from a user (e.g., a new workspace's name).
+ */
 export declare const SingleInputDialog: () => JSX.Element;

package/react/components/singleInputDialog/SingleInputDialog.js

@@ -1,3 +1,7 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
 import React from "react";
 import { FinsembleDialog } from "../legacyControls/FinsembleDialog";
 import { FinsembleDialogTextInput } from "../legacyControls/FinsembleDialogTextInput";
@@ -5,12 +9,19 @@ import { FinsembleDialogButton } from "../legacyControls/FinsembleDialogButton";
 import "./SingleInputDialog.css";
 import "../../assets/css/finsemble.css";
 import "../../assets/css/dialogs.css";
+/**
+ * This is our standard input dialog. It gives the user a single button and a text field, and ferries that data back to the window that opened it.
+ *
+ * @class SingleInputDialog
+ * @extends {React.Component}
+ */
 class _SingleInputDialog extends React.Component {
     constructor(props = {}) {
         super(props);
         this.bindCorrectContext();
         this.state = {
             affirmativeResponseLabel: "Yes",
+            /** Our input uses the HTML autoFocus attribute. This only fires when the element is rendered for the 1st time. Since we re-use the dialogs, the 2nd time the dialog is shown, autoFocus will not trigger. To force it to trigger, we change this boolean when a response is sent back to the opener, which unmounts the element from the dom. The next time the dialog is used, we will render the element again, and autoFocus will trigger. */
             renderInput: false,
             inputPlaceholder: "New workspace",
         };
@@ -22,6 +33,12 @@ class _SingleInputDialog extends React.Component {
         this.setInputValue = this.setInputValue.bind(this);
         this.sendResponse = this.sendResponse.bind(this);
     }
+    /**
+     * Handles escape and enter.
+     *
+     * @param {any} e
+     * @memberof SingleInputDialog
+     */
     handleKeydownOnBody(e) {
         if (e.code === "Enter" && e.shiftKey === false) {
             this.sendResponse("affirmative");
@@ -30,6 +47,13 @@ class _SingleInputDialog extends React.Component {
             this.sendResponse("cancel");
         }
     }
+    /**
+     * When the opener requests that the dialog show itself, it also passes in initialization data. This function grabs that data, calls setState, and then fits the window to the contents of the DOM. Then we call `showDialog`, which will display the dialog on the proper monitor.
+     *
+     * @param {any} err
+     * @param {any} response
+     * @memberof SingleInputDialog
+     */
     onShowRequested(err, response) {
         let { data } = response;
         this.setState({
@@ -45,11 +69,22 @@ class _SingleInputDialog extends React.Component {
             inputPlaceholder: data.inputPlaceholder || this.state.inputPlaceholder,
         }, this.fitAndShow);
     }
+    /**
+     * Fits the contents of the DOM to the window, then calls `showDialog`, which positions the dialog on the proper monitor and toggles the visibility of the window.
+     *
+     * @memberof SingleInputDialog
+     */
     fitAndShow() {
         FSBL.Clients.WindowClient.fitToDOM(null, () => {
             FSBL.Clients.DialogManager.showDialog();
         });
     }
+    /**
+     * Sends user input to the opener.
+     *
+     * @param {any} response
+     * @memberof SingleInputDialog
+     */
     sendResponse(response) {
         FSBL.Clients.DialogManager.respondToOpener({
             value: this.state.inputValue,
@@ -62,6 +97,12 @@ class _SingleInputDialog extends React.Component {
         });
         Array.from(document.querySelectorAll("input")).forEach((el) => (el.value = ""));
     }
+    /**
+     * onChange handler. When the user types, we keep the value up to date in the dialog's state.
+     *
+     * @param {any} e
+     * @memberof SingleInputDialog
+     */
     setInputValue(e) {
         this.setState({
             inputValue: e.target.value,
@@ -80,5 +121,8 @@ class _SingleInputDialog extends React.Component {
                     } }, this.state.affirmativeResponseLabel))));
     }
 }
+/**
+ * A window for collecting input from a user (e.g., a new workspace's name).
+ */
 export const SingleInputDialog = () => React.createElement(_SingleInputDialog, null);
 //# sourceMappingURL=SingleInputDialog.js.map

package/react/components/singleInputDialog/SingleInputDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleInputDialog.js","sourceRoot":"","sources":["../../../src/components/singleInputDialog/SingleInputDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport React from \"react\";\nimport { FinsembleDialog } from \"../legacyControls/FinsembleDialog\";\nimport { FinsembleDialogTextInput } from \"../legacyControls/FinsembleDialogTextInput\";\nimport { FinsembleDialogButton } from \"../legacyControls/FinsembleDialogButton\";\nimport \"./SingleInputDialog.css\";\nimport \"../../assets/css/finsemble.css\";\nimport \"../../assets/css/dialogs.css\";\n\n// SingleInputDialog and YesNoDialog can be combined. There's a lot of code being repeated between the 2.\n\ninterface IProps {}\ninterface IState {\n\taffirmativeResponseLabel: string;\n\trenderInput: boolean;\n\ttitle?: string;\n\tcancelResponseLabel?: string;\n\tshowCancelButton?: boolean;\n\thideModalOnClose?: boolean;\n\tinputValue?: string | null;\n\tinputPattern?: string;\n\tinputMaxLength?: number;\n\tinputPlaceholder: string;\n}\n\n/**\n * This is our standard input dialog. It gives the user a single button and a text field, and ferries that data back to the window that opened it.\n *\n * @class SingleInputDialog\n * @extends {React.Component}\n */\nclass _SingleInputDialog extends React.Component<IProps, IState> {\n\tconstructor(props = {}) {\n\t\tsuper(props);\n\t\tthis.bindCorrectContext();\n\t\tthis.state = {\n\t\t\taffirmativeResponseLabel: \"Yes\",\n\t\t\t/** Our input uses the HTML autoFocus attribute. This only fires when the element is rendered for the 1st time. Since we re-use the dialogs, the 2nd time the dialog is shown, autoFocus will not trigger. To force it to trigger, we change this boolean when a response is sent back to the opener, which unmounts the element from the dom. The next time the dialog is used, we will render the element again, and autoFocus will trigger. */\n\t\t\trenderInput: false,\n\t\t\tinputPlaceholder: \"New workspace\",\n\t\t};\n\t\tdocument.body.addEventListener(\"keydown\", this.handleKeydownOnBody);\n\t}\n\n\tbindCorrectContext() {\n\t\tthis.handleKeydownOnBody = this.handleKeydownOnBody.bind(this);\n\t\tthis.onShowRequested = this.onShowRequested.bind(this);\n\t\tthis.setInputValue = this.setInputValue.bind(this);\n\t\tthis.sendResponse = this.sendResponse.bind(this);\n\t}\n\n\t/**\n\t * Handles escape and enter.\n\t *\n\t * @param {any} e\n\t * @memberof SingleInputDialog\n\t */\n\thandleKeydownOnBody(e: KeyboardEvent) {\n\t\tif (e.code === \"Enter\" && e.shiftKey === false) {\n\t\t\tthis.sendResponse(\"affirmative\");\n\t\t}\n\n\t\tif (e.code === \"Escape\") {\n\t\t\tthis.sendResponse(\"cancel\");\n\t\t}\n\t}\n\n\t/**\n\t * When the opener requests that the dialog show itself, it also passes in initialization data. This function grabs that data, calls setState, and then fits the window to the contents of the DOM. Then we call `showDialog`, which will display the dialog on the proper monitor.\n\t *\n\t * @param {any} err\n\t * @param {any} response\n\t * @memberof SingleInputDialog\n\t */\n\tonShowRequested(err: any, response: any) {\n\t\tlet { data } = response;\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\ttitle: data.title || \"Title\",\n\t\t\t\tinputValue: null,\n\t\t\t\thideModalOnClose: typeof data.hideModalOnClose === \"undefined\" ? true : data.hideModalOnClose,\n\t\t\t\taffirmativeResponseLabel: data.affirmativeResponseLabel || \"OK\",\n\t\t\t\tcancelResponseLabel: data.cancelResponseLabel || \"Cancel\",\n\t\t\t\tshowCancelButton: typeof data.showCancelButton === \"undefined\" ? false : data.showCancelButton,\n\t\t\t\trenderInput: true,\n\t\t\t\tinputPattern: data.inputPattern,\n\t\t\t\tinputMaxLength: data.inputMaxLength,\n\t\t\t\tinputPlaceholder: data.inputPlaceholder || this.state.inputPlaceholder,\n\t\t\t},\n\t\t\tthis.fitAndShow\n\t\t);\n\t}\n\n\t/**\n\t * Fits the contents of the DOM to the window, then calls `showDialog`, which positions the dialog on the proper monitor and toggles the visibility of the window.\n\t *\n\t * @memberof SingleInputDialog\n\t */\n\tfitAndShow() {\n\t\tFSBL.Clients.WindowClient.fitToDOM(null, () => {\n\t\t\tFSBL.Clients.DialogManager.showDialog();\n\t\t});\n\t}\n\n\t/**\n\t * Sends user input to the opener.\n\t *\n\t * @param {any} response\n\t * @memberof SingleInputDialog\n\t */\n\tsendResponse(response: any) {\n\t\tFSBL.Clients.DialogManager.respondToOpener({\n\t\t\tvalue: this.state.inputValue,\n\t\t\tchoice: response,\n\t\t\thideModalOnClose: this.state.hideModalOnClose,\n\t\t});\n\n\t\tthis.setState({\n\t\t\tinputValue: null,\n\t\t\trenderInput: false,\n\t\t});\n\t\tArray.from(document.querySelectorAll(\"input\")).forEach((el) => (el.value = \"\"));\n\t}\n\n\t/**\n\t * onChange handler. When the user types, we keep the value up to date in the dialog's state.\n\t *\n\t * @param {any} e\n\t * @memberof SingleInputDialog\n\t */\n\tsetInputValue(e: React.ChangeEvent<HTMLInputElement>) {\n\t\tthis.setState({\n\t\t\tinputValue: e.target.value,\n\t\t});\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<FinsembleDialog\n\t\t\t\tuserInputTimeout={10000}\n\t\t\t\tbehaviorOnResponse=\"hide\"\n\t\t\t\tonShowRequested={this.onShowRequested}\n\t\t\t\tisModal={true}\n\t\t\t>\n\t\t\t\t<div className=\"dialog-title\">{this.state.title}</div>\n\t\t\t\t{this.state.renderInput && (\n\t\t\t\t\t<FinsembleDialogTextInput\n\t\t\t\t\t\tonInputChange={this.setInputValue}\n\t\t\t\t\t\tplaceholder={this.state.inputPlaceholder}\n\t\t\t\t\t\tautoFocus={true}\n\t\t\t\t\t\tinputPattern={this.state.inputPattern}\n\t\t\t\t\t\tmaxLength={this.state.inputMaxLength}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<div className=\"button-wrapper\">\n\t\t\t\t\t{this.state.showCancelButton && (\n\t\t\t\t\t\t<FinsembleDialogButton\n\t\t\t\t\t\t\tclassName=\"fsbl-button-neutral\"\n\t\t\t\t\t\t\tshow={true}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tthis.sendResponse(\"cancel\");\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.state.cancelResponseLabel}\n\t\t\t\t\t\t</FinsembleDialogButton>\n\t\t\t\t\t)}\n\t\t\t\t\t<FinsembleDialogButton\n\t\t\t\t\t\tclassName=\"fsbl-button-affirmative\"\n\t\t\t\t\t\tshow={true}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tthis.sendResponse(\"affirmative\");\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.state.affirmativeResponseLabel}\n\t\t\t\t\t</FinsembleDialogButton>\n\t\t\t\t</div>\n\t\t\t</FinsembleDialog>\n\t\t);\n\t}\n}\n\n/**\n * A window for collecting input from a user (e.g., a new workspace's name).\n */\nexport const SingleInputDialog = () => <_SingleInputDialog />;\n"]}
+{"version":3,"file":"SingleInputDialog.js","sourceRoot":"","sources":["../../../src/components/singleInputDialog/SingleInputDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport React from \"react\";\nimport { FinsembleDialog } from \"../legacyControls/FinsembleDialog\";\nimport { FinsembleDialogTextInput } from \"../legacyControls/FinsembleDialogTextInput\";\nimport { FinsembleDialogButton } from \"../legacyControls/FinsembleDialogButton\";\nimport \"./SingleInputDialog.css\";\nimport \"../../assets/css/finsemble.css\";\nimport \"../../assets/css/dialogs.css\";\n\n// SingleInputDialog and YesNoDialog can be combined. There's a lot of code being repeated between the 2.\n\ninterface IProps {}\ninterface IState {\n\taffirmativeResponseLabel: string;\n\trenderInput: boolean;\n\ttitle?: string;\n\tcancelResponseLabel?: string;\n\tshowCancelButton?: boolean;\n\thideModalOnClose?: boolean;\n\tinputValue?: string | null;\n\tinputPattern?: string;\n\tinputMaxLength?: number;\n\tinputPlaceholder: string;\n}\n\n/**\n * This is our standard input dialog. It gives the user a single button and a text field, and ferries that data back to the window that opened it.\n *\n * @class SingleInputDialog\n * @extends {React.Component}\n */\nclass _SingleInputDialog extends React.Component<IProps, IState> {\n\tconstructor(props = {}) {\n\t\tsuper(props);\n\t\tthis.bindCorrectContext();\n\t\tthis.state = {\n\t\t\taffirmativeResponseLabel: \"Yes\",\n\t\t\t/** Our input uses the HTML autoFocus attribute. This only fires when the element is rendered for the 1st time. Since we re-use the dialogs, the 2nd time the dialog is shown, autoFocus will not trigger. To force it to trigger, we change this boolean when a response is sent back to the opener, which unmounts the element from the dom. The next time the dialog is used, we will render the element again, and autoFocus will trigger. */\n\t\t\trenderInput: false,\n\t\t\tinputPlaceholder: \"New workspace\",\n\t\t};\n\t\tdocument.body.addEventListener(\"keydown\", this.handleKeydownOnBody);\n\t}\n\n\tbindCorrectContext() {\n\t\tthis.handleKeydownOnBody = this.handleKeydownOnBody.bind(this);\n\t\tthis.onShowRequested = this.onShowRequested.bind(this);\n\t\tthis.setInputValue = this.setInputValue.bind(this);\n\t\tthis.sendResponse = this.sendResponse.bind(this);\n\t}\n\n\t/**\n\t * Handles escape and enter.\n\t *\n\t * @param {any} e\n\t * @memberof SingleInputDialog\n\t */\n\thandleKeydownOnBody(e: KeyboardEvent) {\n\t\tif (e.code === \"Enter\" && e.shiftKey === false) {\n\t\t\tthis.sendResponse(\"affirmative\");\n\t\t}\n\n\t\tif (e.code === \"Escape\") {\n\t\t\tthis.sendResponse(\"cancel\");\n\t\t}\n\t}\n\n\t/**\n\t * When the opener requests that the dialog show itself, it also passes in initialization data. This function grabs that data, calls setState, and then fits the window to the contents of the DOM. Then we call `showDialog`, which will display the dialog on the proper monitor.\n\t *\n\t * @param {any} err\n\t * @param {any} response\n\t * @memberof SingleInputDialog\n\t */\n\tonShowRequested(err: any, response: any) {\n\t\tlet { data } = response;\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\ttitle: data.title || \"Title\",\n\t\t\t\tinputValue: null,\n\t\t\t\thideModalOnClose: typeof data.hideModalOnClose === \"undefined\" ? true : data.hideModalOnClose,\n\t\t\t\taffirmativeResponseLabel: data.affirmativeResponseLabel || \"OK\",\n\t\t\t\tcancelResponseLabel: data.cancelResponseLabel || \"Cancel\",\n\t\t\t\tshowCancelButton: typeof data.showCancelButton === \"undefined\" ? false : data.showCancelButton,\n\t\t\t\trenderInput: true,\n\t\t\t\tinputPattern: data.inputPattern,\n\t\t\t\tinputMaxLength: data.inputMaxLength,\n\t\t\t\tinputPlaceholder: data.inputPlaceholder || this.state.inputPlaceholder,\n\t\t\t},\n\t\t\tthis.fitAndShow\n\t\t);\n\t}\n\n\t/**\n\t * Fits the contents of the DOM to the window, then calls `showDialog`, which positions the dialog on the proper monitor and toggles the visibility of the window.\n\t *\n\t * @memberof SingleInputDialog\n\t */\n\tfitAndShow() {\n\t\tFSBL.Clients.WindowClient.fitToDOM(null, () => {\n\t\t\tFSBL.Clients.DialogManager.showDialog();\n\t\t});\n\t}\n\n\t/**\n\t * Sends user input to the opener.\n\t *\n\t * @param {any} response\n\t * @memberof SingleInputDialog\n\t */\n\tsendResponse(response: any) {\n\t\tFSBL.Clients.DialogManager.respondToOpener({\n\t\t\tvalue: this.state.inputValue,\n\t\t\tchoice: response,\n\t\t\thideModalOnClose: this.state.hideModalOnClose,\n\t\t});\n\n\t\tthis.setState({\n\t\t\tinputValue: null,\n\t\t\trenderInput: false,\n\t\t});\n\t\tArray.from(document.querySelectorAll(\"input\")).forEach((el) => (el.value = \"\"));\n\t}\n\n\t/**\n\t * onChange handler. When the user types, we keep the value up to date in the dialog's state.\n\t *\n\t * @param {any} e\n\t * @memberof SingleInputDialog\n\t */\n\tsetInputValue(e: React.ChangeEvent<HTMLInputElement>) {\n\t\tthis.setState({\n\t\t\tinputValue: e.target.value,\n\t\t});\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<FinsembleDialog\n\t\t\t\tuserInputTimeout={10000}\n\t\t\t\tbehaviorOnResponse=\"hide\"\n\t\t\t\tonShowRequested={this.onShowRequested}\n\t\t\t\tisModal={true}\n\t\t\t>\n\t\t\t\t<div className=\"dialog-title\">{this.state.title}</div>\n\t\t\t\t{this.state.renderInput && (\n\t\t\t\t\t<FinsembleDialogTextInput\n\t\t\t\t\t\tonInputChange={this.setInputValue}\n\t\t\t\t\t\tplaceholder={this.state.inputPlaceholder}\n\t\t\t\t\t\tautoFocus={true}\n\t\t\t\t\t\tinputPattern={this.state.inputPattern}\n\t\t\t\t\t\tmaxLength={this.state.inputMaxLength}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<div className=\"button-wrapper\">\n\t\t\t\t\t{this.state.showCancelButton && (\n\t\t\t\t\t\t<FinsembleDialogButton\n\t\t\t\t\t\t\tclassName=\"fsbl-button-neutral\"\n\t\t\t\t\t\t\tshow={true}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tthis.sendResponse(\"cancel\");\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.state.cancelResponseLabel}\n\t\t\t\t\t\t</FinsembleDialogButton>\n\t\t\t\t\t)}\n\t\t\t\t\t<FinsembleDialogButton\n\t\t\t\t\t\tclassName=\"fsbl-button-affirmative\"\n\t\t\t\t\t\tshow={true}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tthis.sendResponse(\"affirmative\");\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.state.affirmativeResponseLabel}\n\t\t\t\t\t</FinsembleDialogButton>\n\t\t\t\t</div>\n\t\t\t</FinsembleDialog>\n\t\t);\n\t}\n}\n\n/**\n * A window for collecting input from a user (e.g., a new workspace's name).\n */\nexport const SingleInputDialog = () => <_SingleInputDialog />;\n"]}

package/react/components/smartDesktopDesigner/SmartDesktopDesigner.js

@@ -1,3 +1,9 @@
+/**
+ * This class is a dummy class that exists only for build compatibility with LTS seed projects.
+ *
+ * If you rename "SmartDesktopDesigner" to something else (it's been Maker UI, Jumpstart, and DesktopProjectEditor in the past), grep for the following terms (case insensitive):
+ * "SmartDesktop", "Smart Desktop", "SDD", "SDServer", "SMART_DESKTOP"
+ */
 import React from "react";
 export const SmartDesktopDesigner = (props) => React.createElement(React.Fragment, null);
 //# sourceMappingURL=SmartDesktopDesigner.js.map

package/react/components/smartDesktopDesigner/SmartDesktopDesigner.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmartDesktopDesigner.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/SmartDesktopDesigner.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,yCAAK,CAAC","sourcesContent":["/**\n * This class is a dummy class that exists only for build compatibility with LTS seed projects.\n *\n * If you rename \"SmartDesktopDesigner\" to something else (it's been Maker UI, Jumpstart, and DesktopProjectEditor in the past), grep for the following terms (case insensitive):\n * \"SmartDesktop\", \"Smart Desktop\", \"SDD\", \"SDServer\", \"SMART_DESKTOP\"\n */\nimport React from \"react\";\n\nexport const SmartDesktopDesigner = (props: any) => <></>;\n"]}
+{"version":3,"file":"SmartDesktopDesigner.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/SmartDesktopDesigner.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,yCAAK,CAAC","sourcesContent":["/**\n * This class is a dummy class that exists only for build compatibility with LTS seed projects.\n *\n * If you rename \"SmartDesktopDesigner\" to something else (it's been Maker UI, Jumpstart, and DesktopProjectEditor in the past), grep for the following terms (case insensitive):\n * \"SmartDesktop\", \"Smart Desktop\", \"SDD\", \"SDServer\", \"SMART_DESKTOP\"\n */\nimport React from \"react\";\n\nexport const SmartDesktopDesigner = (props: any) => <></>;\n"]}