@finsemble/finsemble-ui 6.2.0 → 6.3.0-beta.20211008

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, useRef, useState } from \"react\";\r\nimport \"../../assets/css/button.css\";\r\nimport { useOutsideClickDetector } from \"../../hooks/useOutsideClickDetector\";\r\n\r\nexport interface IFinsembleDefaultDropdownButtonOptionsProps {\r\n\toptionLabel: string;\r\n\toptionValue?: any;\r\n\tclickHandler: Function;\r\n}\r\n\r\nexport interface IFinsembleDefaultDropdownButtonProps {\r\n\tallowEmpty?: boolean;\r\n\tbuttonLabel?: string;\r\n\tcaretLocation?: \"left\" | \"right\";\r\n\tclassNames?: string;\r\n\tbuttonOptions: Array<IFinsembleDefaultDropdownButtonOptionsProps>;\r\n\tdefaultSelection?: IFinsembleDefaultDropdownButtonOptionsProps | null;\r\n\tenabled?: boolean;\r\n}\r\n\r\nconst emptyOption: IFinsembleDefaultDropdownButtonOptionsProps = {\r\n\toptionLabel: \"Please select..\",\r\n\tclickHandler: () => {},\r\n};\r\n\r\nconst DefaultDropdownButton: React.FunctionComponent<IFinsembleDefaultDropdownButtonProps> = ({\r\n\tallowEmpty = true,\r\n\tbuttonLabel = \"Please select...\",\r\n\tcaretLocation = \"left\",\r\n\tclassNames = \"\",\r\n\tbuttonOptions = [],\r\n\tdefaultSelection = null,\r\n\tenabled = true,\r\n}: IFinsembleDefaultDropdownButtonProps) => {\r\n\tconst wrapperRef = useRef<HTMLDivElement>(null);\r\n\tconst [optionsVisible, toggleOptionsPanel] = useState(false);\r\n\tuseOutsideClickDetector(wrapperRef, () => toggleOptionsPanel(false));\r\n\r\n\tconst [selectedValue, setSelectedValue] = useState<IFinsembleDefaultDropdownButtonOptionsProps | null>(null);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (defaultSelection) {\r\n\t\t\tsetSelectedValue(defaultSelection);\r\n\t\t} else {\r\n\t\t\tif (allowEmpty) {\r\n\t\t\t\tif (!buttonOptions.includes(emptyOption)) buttonOptions.unshift(emptyOption);\r\n\t\t\t\tsetSelectedValue(emptyOption);\r\n\t\t\t} else {\r\n\t\t\t\tsetSelectedValue(buttonOptions[0]);\r\n\t\t\t}\r\n\t\t}\r\n\t}, [defaultSelection]);\r\n\r\n\tconst options = buttonOptions.map((option, index) => (\r\n\t\t<div\r\n\t\t\tkey={index}\r\n\t\t\ttabIndex={0}\r\n\t\t\tclassName=\"finsemble-dropdown__btn-option\"\r\n\t\t\tonClick={() => {\r\n\t\t\t\tsetSelectedValue(option);\r\n\t\t\t\toption.clickHandler();\r\n\t\t\t\ttoggleOptionsPanel(false);\r\n\t\t\t}}\r\n\t\t\tonKeyDown={(e) => {\r\n\t\t\t\tif (e.key === \"Enter\" || e.key === \" \") {\r\n\t\t\t\t\tsetSelectedValue(option);\r\n\t\t\t\t\toption.clickHandler();\r\n\t\t\t\t\ttoggleOptionsPanel(false);\r\n\t\t\t\t}\r\n\t\t\t}}\r\n\t\t>\r\n\t\t\t{option.optionLabel}\r\n\t\t</div>\r\n\t));\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\ttabIndex={0}\r\n\t\t\tref={wrapperRef}\r\n\t\t\tclassName={`finsemble-dropdown__btn ${classNames} ${optionsVisible ? \"active\" : \"\"}`}\r\n\t\t\tonClick={enabled ? () => toggleOptionsPanel(!optionsVisible) : () => {}}\r\n\t\t\tonKeyDown={(e) => {\r\n\t\t\t\tif ((e.key === \"Enter\" || e.key === \" \") && enabled) {\r\n\t\t\t\t\ttoggleOptionsPanel(!optionsVisible);\r\n\t\t\t\t}\r\n\t\t\t}}\r\n\t\t>\r\n\t\t\t{caretLocation === \"left\" ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<i className={`ff-caret-${optionsVisible ? \"up\" : \"down\"}`} />\r\n\t\t\t\t\t<span className=\"finsemble-dropdown__btn-label\">\r\n\t\t\t\t\t\t{selectedValue ? selectedValue.optionLabel : emptyOption.optionLabel}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</>\r\n\t\t\t) : (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<span className=\"finsemble-dropdown__btn-label\">\r\n\t\t\t\t\t\t{selectedValue ? selectedValue.optionLabel : emptyOption.optionLabel}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<i className={`ff-caret-${optionsVisible ? \"up\" : \"down\"}`} />\r\n\t\t\t\t</>\r\n\t\t\t)}\r\n\t\t\t{optionsVisible ? <div className=\"finsemble-dropdown__btn-options\">{options}</div> : null}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default DefaultDropdownButton;\r\n"]}
+{"version":3,"file":"DefaultDropdownButton.js","sourceRoot":"","sources":["../../../src/components/shared/DefaultDropdownButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\r\nimport \"../../assets/css/button.css\";\r\nimport { useOutsideClickDetector } from \"../../hooks/useOutsideClickDetector\";\r\n\r\nexport interface IFinsembleDefaultDropdownButtonOptionsProps {\r\n\toptionLabel: string;\r\n\toptionValue?: any;\r\n\tclickHandler: Function;\r\n}\r\n\r\nexport interface IFinsembleDefaultDropdownButtonProps {\r\n\tallowEmpty?: boolean;\r\n\tbuttonLabel?: string;\r\n\tcaretLocation?: \"left\" | \"right\";\r\n\tclassNames?: string;\r\n\tbuttonOptions: Array<IFinsembleDefaultDropdownButtonOptionsProps>;\r\n\tdefaultSelection?: IFinsembleDefaultDropdownButtonOptionsProps | null;\r\n\tenabled?: boolean;\r\n}\r\n\r\nconst emptyOption: IFinsembleDefaultDropdownButtonOptionsProps = {\r\n\toptionLabel: \"Please select..\",\r\n\tclickHandler: () => {},\r\n};\r\n\r\nconst DefaultDropdownButton: React.FunctionComponent<IFinsembleDefaultDropdownButtonProps> = ({\r\n\tallowEmpty = true,\r\n\tcaretLocation = \"left\",\r\n\tclassNames = \"\",\r\n\tbuttonOptions = [],\r\n\tdefaultSelection = null,\r\n\tenabled = true,\r\n}: IFinsembleDefaultDropdownButtonProps) => {\r\n\tconst wrapperRef = useRef<HTMLDivElement>(null);\r\n\tconst [optionsVisible, toggleOptionsPanel] = useState(false);\r\n\tuseOutsideClickDetector(wrapperRef, () => toggleOptionsPanel(false));\r\n\r\n\tconst [selectedValue, setSelectedValue] = useState<IFinsembleDefaultDropdownButtonOptionsProps | null>(null);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (defaultSelection) {\r\n\t\t\tsetSelectedValue(defaultSelection);\r\n\t\t} else {\r\n\t\t\tif (allowEmpty) {\r\n\t\t\t\tif (!buttonOptions.includes(emptyOption)) buttonOptions.unshift(emptyOption);\r\n\t\t\t\tsetSelectedValue(emptyOption);\r\n\t\t\t} else {\r\n\t\t\t\tsetSelectedValue(buttonOptions[0]);\r\n\t\t\t}\r\n\t\t}\r\n\t}, [defaultSelection]);\r\n\r\n\tconst options = buttonOptions.map((option, index) => (\r\n\t\t<div\r\n\t\t\tkey={index}\r\n\t\t\ttabIndex={0}\r\n\t\t\tclassName=\"finsemble-dropdown__btn-option\"\r\n\t\t\tonClick={() => {\r\n\t\t\t\tsetSelectedValue(option);\r\n\t\t\t\toption.clickHandler();\r\n\t\t\t\ttoggleOptionsPanel(false);\r\n\t\t\t}}\r\n\t\t\tonKeyDown={(e) => {\r\n\t\t\t\tif (e.key === \"Enter\" || e.key === \" \") {\r\n\t\t\t\t\tsetSelectedValue(option);\r\n\t\t\t\t\toption.clickHandler();\r\n\t\t\t\t\ttoggleOptionsPanel(false);\r\n\t\t\t\t}\r\n\t\t\t}}\r\n\t\t>\r\n\t\t\t{option.optionLabel}\r\n\t\t</div>\r\n\t));\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\ttabIndex={0}\r\n\t\t\tref={wrapperRef}\r\n\t\t\tclassName={`finsemble-dropdown__btn ${classNames} ${optionsVisible ? \"active\" : \"\"}`}\r\n\t\t\tonClick={enabled ? () => toggleOptionsPanel(!optionsVisible) : () => {}}\r\n\t\t\tonKeyDown={(e) => {\r\n\t\t\t\tif ((e.key === \"Enter\" || e.key === \" \") && enabled) {\r\n\t\t\t\t\ttoggleOptionsPanel(!optionsVisible);\r\n\t\t\t\t}\r\n\t\t\t}}\r\n\t\t>\r\n\t\t\t{caretLocation === \"left\" ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<i className={`ff-caret-${optionsVisible ? \"up\" : \"down\"}`} />\r\n\t\t\t\t\t<span className=\"finsemble-dropdown__btn-label\">\r\n\t\t\t\t\t\t{selectedValue ? selectedValue.optionLabel : emptyOption.optionLabel}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</>\r\n\t\t\t) : (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<span className=\"finsemble-dropdown__btn-label\">\r\n\t\t\t\t\t\t{selectedValue ? selectedValue.optionLabel : emptyOption.optionLabel}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<i className={`ff-caret-${optionsVisible ? \"up\" : \"down\"}`} />\r\n\t\t\t\t</>\r\n\t\t\t)}\r\n\t\t\t{optionsVisible ? <div className=\"finsemble-dropdown__btn-options\">{options}</div> : null}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default DefaultDropdownButton;\r\n"]}

package/react/components/shared/NavigationButton.js

@@ -1,15 +1,13 @@
 import React from "react";
 import "../../assets/css/button.css";
-const NavigationButton = ({ buttonLabel = "Label", clickHandler = () => { }, direction, caretLocation = "left", }) => {
-    return (React.createElement("div", { className: "finsemble-navigation__btn", role: "button", tabIndex: 0, onClick: () => clickHandler(), onKeyDown: (e) => {
-            if (e.key === "Enter" || e.key === " ") {
-                clickHandler();
-            }
-        } }, caretLocation === "left" ? (React.createElement(React.Fragment, null,
-        React.createElement("i", { className: `ff-adp-chevron-${direction}` }),
-        React.createElement("span", { className: "finsemble-navigation__btn-label" }, buttonLabel))) : (React.createElement(React.Fragment, null,
-        React.createElement("span", { className: "finsemble-navigation__btn-label" }, buttonLabel),
-        React.createElement("i", { className: `ff-adp-chevron-${direction}` })))));
-};
+const NavigationButton = ({ buttonLabel = "Label", clickHandler = () => { }, direction, caretLocation = "left", }) => (React.createElement("div", { className: "finsemble-navigation__btn", role: "button", tabIndex: 0, onClick: () => clickHandler(), onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+            clickHandler();
+        }
+    } }, caretLocation === "left" ? (React.createElement(React.Fragment, null,
+    React.createElement("i", { className: `ff-adp-chevron-${direction}` }),
+    React.createElement("span", { className: "finsemble-navigation__btn-label" }, buttonLabel))) : (React.createElement(React.Fragment, null,
+    React.createElement("span", { className: "finsemble-navigation__btn-label" }, buttonLabel),
+    React.createElement("i", { className: `ff-adp-chevron-${direction}` })))));
 export default NavigationButton;
 //# sourceMappingURL=NavigationButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationButton.js","sourceRoot":"","sources":["../../../src/components/shared/NavigationButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,6BAA6B,CAAC;AASrC,MAAM,gBAAgB,GAA6D,CAAC,EACnF,WAAW,GAAG,OAAO,EACrB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,SAAS,EACT,aAAa,GAAG,MAAM,GACW,EAAE,EAAE;IACrC,OAAO,CACN,6BACC,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,EAC7B,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YAChB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;gBACvC,YAAY,EAAE,CAAC;aACf;QACF,CAAC,IAEA,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,CAC3B;QACC,2BAAG,SAAS,EAAE,kBAAkB,SAAS,EAAE,GAAI;QAC/C,8BAAM,SAAS,EAAC,iCAAiC,IAAE,WAAW,CAAQ,CACpE,CACH,CAAC,CAAC,CAAC,CACH;QACC,8BAAM,SAAS,EAAC,iCAAiC,IAAE,WAAW,CAAQ;QACtE,2BAAG,SAAS,EAAE,kBAAkB,SAAS,EAAE,GAAI,CAC7C,CACH,CACI,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import React from \"react\";\r\nimport \"../../assets/css/button.css\";\r\n\r\nexport interface IFinsembleNavigationButtonProps {\r\n\tdirection: \"left\" | \"right\" | \"up\" | \"down\";\r\n\tcaretLocation: \"left\" | \"right\";\r\n\tbuttonLabel: string;\r\n\tclickHandler: Function;\r\n}\r\n\r\nconst NavigationButton: React.FunctionComponent<IFinsembleNavigationButtonProps> = ({\r\n\tbuttonLabel = \"Label\",\r\n\tclickHandler = () => {},\r\n\tdirection,\r\n\tcaretLocation = \"left\",\r\n}: IFinsembleNavigationButtonProps) => {\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName=\"finsemble-navigation__btn\"\r\n\t\t\trole=\"button\"\r\n\t\t\ttabIndex={0}\r\n\t\t\tonClick={() => clickHandler()}\r\n\t\t\tonKeyDown={(e) => {\r\n\t\t\t\tif (e.key === \"Enter\" || e.key === \" \") {\r\n\t\t\t\t\tclickHandler();\r\n\t\t\t\t}\r\n\t\t\t}}\r\n\t\t>\r\n\t\t\t{caretLocation === \"left\" ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<i className={`ff-adp-chevron-${direction}`} />\r\n\t\t\t\t\t<span className=\"finsemble-navigation__btn-label\">{buttonLabel}</span>\r\n\t\t\t\t</>\r\n\t\t\t) : (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<span className=\"finsemble-navigation__btn-label\">{buttonLabel}</span>\r\n\t\t\t\t\t<i className={`ff-adp-chevron-${direction}`} />\r\n\t\t\t\t</>\r\n\t\t\t)}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default NavigationButton;\r\n"]}
+{"version":3,"file":"NavigationButton.js","sourceRoot":"","sources":["../../../src/components/shared/NavigationButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,6BAA6B,CAAC;AASrC,MAAM,gBAAgB,GAA6D,CAAC,EACnF,WAAW,GAAG,OAAO,EACrB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,SAAS,EACT,aAAa,GAAG,MAAM,GACW,EAAE,EAAE,CAAC,CACtC,6BACC,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,EAC7B,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;QAChB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;YACvC,YAAY,EAAE,CAAC;SACf;IACF,CAAC,IAEA,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,CAC3B;IACC,2BAAG,SAAS,EAAE,kBAAkB,SAAS,EAAE,GAAI;IAC/C,8BAAM,SAAS,EAAC,iCAAiC,IAAE,WAAW,CAAQ,CACpE,CACH,CAAC,CAAC,CAAC,CACH;IACC,8BAAM,SAAS,EAAC,iCAAiC,IAAE,WAAW,CAAQ;IACtE,2BAAG,SAAS,EAAE,kBAAkB,SAAS,EAAE,GAAI,CAC7C,CACH,CACI,CACN,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import React from \"react\";\r\nimport \"../../assets/css/button.css\";\r\n\r\nexport interface IFinsembleNavigationButtonProps {\r\n\tdirection: \"left\" | \"right\" | \"up\" | \"down\";\r\n\tcaretLocation: \"left\" | \"right\";\r\n\tbuttonLabel: string;\r\n\tclickHandler: Function;\r\n}\r\n\r\nconst NavigationButton: React.FunctionComponent<IFinsembleNavigationButtonProps> = ({\r\n\tbuttonLabel = \"Label\",\r\n\tclickHandler = () => {},\r\n\tdirection,\r\n\tcaretLocation = \"left\",\r\n}: IFinsembleNavigationButtonProps) => (\r\n\t<div\r\n\t\tclassName=\"finsemble-navigation__btn\"\r\n\t\trole=\"button\"\r\n\t\ttabIndex={0}\r\n\t\tonClick={() => clickHandler()}\r\n\t\tonKeyDown={(e) => {\r\n\t\t\tif (e.key === \"Enter\" || e.key === \" \") {\r\n\t\t\t\tclickHandler();\r\n\t\t\t}\r\n\t\t}}\r\n\t>\r\n\t\t{caretLocation === \"left\" ? (\r\n\t\t\t<>\r\n\t\t\t\t<i className={`ff-adp-chevron-${direction}`} />\r\n\t\t\t\t<span className=\"finsemble-navigation__btn-label\">{buttonLabel}</span>\r\n\t\t\t</>\r\n\t\t) : (\r\n\t\t\t<>\r\n\t\t\t\t<span className=\"finsemble-navigation__btn-label\">{buttonLabel}</span>\r\n\t\t\t\t<i className={`ff-adp-chevron-${direction}`} />\r\n\t\t\t</>\r\n\t\t)}\r\n\t</div>\r\n);\r\n\r\nexport default NavigationButton;\r\n"]}

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

@@ -1,2 +1,12 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+/// <reference types="react" />
+import "../../assets/css/tags.css";
+declare type TagProps = {
+    name: string;
+    removeTag: (tagName: string) => void;
+};
+declare const Tag: (props: TagProps) => JSX.Element;
 export default Tag;
-declare function Tag(props: any): JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/shared/Tag.jsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAElF,OAAO,2BAA2B,CAAC;AAEnC,MAAM,GAAG,GAAG,CAAC,KAAK,EAAE,EAAE;IACrB,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":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n/**\r\n * This component is the name of a component and a pin that will pin that component to all toolbars.\r\n *\r\n */\r\nimport React from \"react\";\r\n\r\nimport { getTruncatedStringWithEllipses } from \"../appCatalog/components/helpers\";\r\n\r\nimport \"../../assets/css/tags.css\";\r\n\r\nconst Tag = (props) => {\r\n\tconst remove = () => {\r\n\t\tprops.removeTag(props.name);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div className=\"app-tag\">\r\n\t\t\t<div className=\"tag-content\">\r\n\t\t\t\t<div className=\"tag-name\" title={props.name}>\r\n\t\t\t\t\t{getTruncatedStringWithEllipses(props.name)}\r\n\t\t\t\t</div>\r\n\t\t\t\t&nbsp;&nbsp;\r\n\t\t\t\t<i className=\"ff-close tag-delete\" onClick={remove}></i>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default Tag;\r\n"]}
+{"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":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n/**\r\n * This component is the name of a component and a pin that will pin that component to all toolbars.\r\n *\r\n */\r\nimport React from \"react\";\r\n\r\nimport { getTruncatedStringWithEllipses } from \"../appCatalog/components/helpers\";\r\n\r\nimport \"../../assets/css/tags.css\";\r\n\r\ntype TagProps = {\r\n\tname: string;\r\n\tremoveTag: (tagName: string) => void;\r\n};\r\n\r\nconst Tag = (props: TagProps) => {\r\n\tconst remove = () => {\r\n\t\tprops.removeTag(props.name);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div className=\"app-tag\">\r\n\t\t\t<div className=\"tag-content\">\r\n\t\t\t\t<div className=\"tag-name\" title={props.name}>\r\n\t\t\t\t\t{getTruncatedStringWithEllipses(props.name)}\r\n\t\t\t\t</div>\r\n\t\t\t\t&nbsp;&nbsp;\r\n\t\t\t\t<i className=\"ff-close tag-delete\" onClick={remove}></i>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default Tag;\r\n"]}

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

@@ -1,10 +1,30 @@
-export default class TagsMenu extends React.Component<any, any, any> {
-    constructor(props: any);
+/*!
+ * Copyright 2018 by ChartIQ, Inc.
+ * All rights reserved.
+ *
+ */
+import React from "react";
+import "../../assets/css/tags.css";
+interface IProps {
+    active: string[];
+    list: string[];
+    onItemClick: (tag: string) => void;
+    label: string;
+    align: string;
+}
+interface IState {
+    isVisible: boolean;
+}
+export default class TagsMenu extends React.Component<IProps, IState> {
+    wrapperRef: any;
+    constructor(props: IProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
     toggleMenu(): void;
-    onItemClick(item: any): void;
+    onItemClick(item: string): void;
     setWrapperRef(node: any): void;
-    handleClickOutside(e: any): void;
-    wrapperRef: any;
+    handleClickOutside(e: MouseEvent): void;
     renderList(): JSX.Element;
+    render(): JSX.Element;
 }
-import React from "react";
+export {};

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

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

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

@@ -1 +1,3 @@
-export function getChannelLabelFromIndex(channelName: any, allChannels: any): null;
+export declare function getChannelLabelFromIndex(channelName: string, allChannels: {
+    name: string;
+}[]): null;

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

@@ -1 +1 @@
-{"version":3,"file":"linkerUtil.js","sourceRoot":"","sources":["../../../src/components/shared/linkerUtil.js"],"names":[],"mappings":"AAAA,MAAM,UAAU,wBAAwB,CAAC,WAAW,EAAE,WAAW;IAChE,IAAI,KAAK,GAAG,IAAI,CAAC;IACjB,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;QACtC,IAAI,OAAO,CAAC,IAAI,KAAK,WAAW,EAAE;YACjC,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;SAClB;IACF,CAAC,CAAC,CAAC;IACH,OAAO,KAAK,CAAC;AACd,CAAC","sourcesContent":["export function getChannelLabelFromIndex(channelName, allChannels) {\r\n\tlet label = null;\r\n\tallChannels.forEach((channel, index) => {\r\n\t\tif (channel.name === channelName) {\r\n\t\t\tlabel = index + 1;\r\n\t\t}\r\n\t});\r\n\treturn label;\r\n}\r\n"]}
+{"version":3,"file":"linkerUtil.js","sourceRoot":"","sources":["../../../src/components/shared/linkerUtil.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,wBAAwB,CAAC,WAAmB,EAAE,WAA+B;IAC5F,IAAI,KAAK,GAAG,IAAI,CAAC;IACjB,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;QACtC,IAAI,OAAO,CAAC,IAAI,KAAK,WAAW,EAAE;YACjC,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;SAClB;IACF,CAAC,CAAC,CAAC;IACH,OAAO,KAAK,CAAC;AACd,CAAC","sourcesContent":["export function getChannelLabelFromIndex(channelName: string, allChannels: { name: string }[]) {\r\n\tlet label = null;\r\n\tallChannels.forEach((channel, index) => {\r\n\t\tif (channel.name === channelName) {\r\n\t\t\tlabel = index + 1;\r\n\t\t}\r\n\t});\r\n\treturn label;\r\n}\r\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultDropdownButton.spec.js","sourceRoot":"","sources":["../../../../src/components/shared/tests/DefaultDropdownButton.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount, configure } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport DefaultDropdownButton from \"./../DefaultDropdownButton\";\r\nimport * as sinon from \"sinon\";\r\n\r\ndescribe(\"<DefaultDropdownButton/>\", () => {\r\n\tit(\"should display options when not displaying options and clicked on\", () => {\r\n\t\tconst buttonOptions = [\r\n\t\t\t{ optionLabel: \"one\", clickHandler: () => {} },\r\n\t\t\t{ optionLabel: \"two\", clickHandler: () => {} },\r\n\t\t];\r\n\t\tconst wrapper = mount(<DefaultDropdownButton buttonOptions={buttonOptions} />);\r\n\t\twrapper.find(\".finsemble-dropdown__btn\").simulate(\"click\");\r\n\t\texpect(wrapper.find(\".finsemble-dropdown__btn-options\")).to.have.lengthOf(1);\r\n\t});\r\n\r\n\tit(\"should not display options when currently displaying options and clicked on\", () => {\r\n\t\tconst buttonOptions = [\r\n\t\t\t{ optionLabel: \"one\", clickHandler: () => {} },\r\n\t\t\t{ optionLabel: \"two\", clickHandler: () => {} },\r\n\t\t];\r\n\t\tconst wrapper = mount(<DefaultDropdownButton buttonOptions={buttonOptions} />);\r\n\t\twrapper.find(\".finsemble-dropdown__btn\").simulate(\"click\");\r\n\t\twrapper.find(\".finsemble-dropdown__btn\").simulate(\"click\");\r\n\t\texpect(wrapper.find(\".finsemble-dropdown__btn-options\")).to.have.lengthOf(0);\r\n\t});\r\n\r\n\tit(\"should not display options when clicked on and not enabled\", () => {\r\n\t\tconst buttonOptions = [\r\n\t\t\t{ optionLabel: \"one\", clickHandler: () => {} },\r\n\t\t\t{ optionLabel: \"two\", clickHandler: () => {} },\r\n\t\t];\r\n\t\tconst wrapper = mount(<DefaultDropdownButton buttonOptions={buttonOptions} enabled={false} />);\r\n\t\twrapper.find(\".finsemble-dropdown__btn\").simulate(\"click\");\r\n\t\texpect(wrapper.find(\".finsemble-dropdown__btn-options\")).to.have.lengthOf(0);\r\n\t});\r\n\r\n\tit(\"should perform the specific clickHandler function corresponding to its option\", () => {\r\n\t\tlet spy = sinon.spy(console, \"log\");\r\n\t\tconst buttonOptions = [\r\n\t\t\t{ optionLabel: \"one\", clickHandler: () => {} },\r\n\t\t\t{\r\n\t\t\t\toptionLabel: \"two\",\r\n\t\t\t\tclickHandler: () => {\r\n\t\t\t\t\tconsole.log(\"Hello World\");\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t];\r\n\t\tconst wrapper = mount(<DefaultDropdownButton buttonOptions={buttonOptions} />);\r\n\t\twrapper.find(\".finsemble-dropdown__btn\").simulate(\"click\");\r\n\t\twrapper.find(\".finsemble-dropdown__btn-option\").at(2).simulate(\"click\");\r\n\t\texpect(spy.calledWith(\"Hello World\")).to.be.true;\r\n\t\tspy.restore();\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"DefaultDropdownButton.spec.js","sourceRoot":"","sources":["../../../../src/components/shared/tests/DefaultDropdownButton.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport DefaultDropdownButton from \"./../DefaultDropdownButton\";\r\nimport * as sinon from \"sinon\";\r\n\r\ndescribe(\"<DefaultDropdownButton/>\", () => {\r\n\tit(\"should display options when not displaying options and clicked on\", () => {\r\n\t\tconst buttonOptions = [\r\n\t\t\t{ optionLabel: \"one\", clickHandler: () => {} },\r\n\t\t\t{ optionLabel: \"two\", clickHandler: () => {} },\r\n\t\t];\r\n\t\tconst wrapper = mount(<DefaultDropdownButton buttonOptions={buttonOptions} />);\r\n\t\twrapper.find(\".finsemble-dropdown__btn\").simulate(\"click\");\r\n\t\texpect(wrapper.find(\".finsemble-dropdown__btn-options\")).to.have.lengthOf(1);\r\n\t});\r\n\r\n\tit(\"should not display options when currently displaying options and clicked on\", () => {\r\n\t\tconst buttonOptions = [\r\n\t\t\t{ optionLabel: \"one\", clickHandler: () => {} },\r\n\t\t\t{ optionLabel: \"two\", clickHandler: () => {} },\r\n\t\t];\r\n\t\tconst wrapper = mount(<DefaultDropdownButton buttonOptions={buttonOptions} />);\r\n\t\twrapper.find(\".finsemble-dropdown__btn\").simulate(\"click\");\r\n\t\twrapper.find(\".finsemble-dropdown__btn\").simulate(\"click\");\r\n\t\texpect(wrapper.find(\".finsemble-dropdown__btn-options\")).to.have.lengthOf(0);\r\n\t});\r\n\r\n\tit(\"should not display options when clicked on and not enabled\", () => {\r\n\t\tconst buttonOptions = [\r\n\t\t\t{ optionLabel: \"one\", clickHandler: () => {} },\r\n\t\t\t{ optionLabel: \"two\", clickHandler: () => {} },\r\n\t\t];\r\n\t\tconst wrapper = mount(<DefaultDropdownButton buttonOptions={buttonOptions} enabled={false} />);\r\n\t\twrapper.find(\".finsemble-dropdown__btn\").simulate(\"click\");\r\n\t\texpect(wrapper.find(\".finsemble-dropdown__btn-options\")).to.have.lengthOf(0);\r\n\t});\r\n\r\n\tit(\"should perform the specific clickHandler function corresponding to its option\", () => {\r\n\t\tlet spy = sinon.spy(console, \"log\");\r\n\t\tconst buttonOptions = [\r\n\t\t\t{ optionLabel: \"one\", clickHandler: () => {} },\r\n\t\t\t{\r\n\t\t\t\toptionLabel: \"two\",\r\n\t\t\t\tclickHandler: () => {\r\n\t\t\t\t\tconsole.log(\"Hello World\");\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t];\r\n\t\tconst wrapper = mount(<DefaultDropdownButton buttonOptions={buttonOptions} />);\r\n\t\twrapper.find(\".finsemble-dropdown__btn\").simulate(\"click\");\r\n\t\twrapper.find(\".finsemble-dropdown__btn-option\").at(2).simulate(\"click\");\r\n\t\texpect(spy.calledWith(\"Hello World\")).to.be.true;\r\n\t\tspy.restore();\r\n\t});\r\n});\r\n"]}

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

@@ -6,15 +6,15 @@ import { Basic, CustomButtonLabels, NoCancelButton, WithInputPlaceholder } from
 import { accessibilityAssessor } from "../smartDesktopDesigner/tests/a11y_helper";
 describe("<SingleInputDialog/>", () => {
     it("should pass accessibility scans", async () => {
-        const wrapper = mount(React.createElement(Basic, { ...Basic.args }));
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
         expect(await accessibilityAssessor(wrapper)).to.be.true;
     });
     it("should contain a text input", () => {
-        const wrapper = mount(React.createElement(Basic, { ...Basic.args }));
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
         expect(wrapper.find("input").exists()).to.be.true;
     });
     it("should display custom labels", () => {
-        const wrapper = mount(React.createElement(CustomButtonLabels, { ...CustomButtonLabels.args }));
+        const wrapper = mount(React.createElement(CustomButtonLabels, Object.assign({}, CustomButtonLabels.args)));
         const dialogText = wrapper.text();
         expect(dialogText).to.contain("Да");
         expect(dialogText).to.contain("Отмена");
@@ -22,16 +22,16 @@ describe("<SingleInputDialog/>", () => {
         expect(dialogText).to.not.contain("Cancel");
     });
     it("should supress cancel button on request", () => {
-        const wrapper = mount(React.createElement(NoCancelButton, { ...NoCancelButton.args }));
+        const wrapper = mount(React.createElement(NoCancelButton, Object.assign({}, NoCancelButton.args)));
         const dialogText = wrapper.text();
         expect(dialogText).to.not.contain("Cancel");
     });
     it("can display custom placeholder", () => {
-        const wrapper = mount(React.createElement(WithInputPlaceholder, { ...WithInputPlaceholder.args }));
+        const wrapper = mount(React.createElement(WithInputPlaceholder, Object.assign({}, WithInputPlaceholder.args)));
         expect(wrapper.find("input").prop("placeholder")).to.equal("My placeholder");
     });
     it("should display default placeholder", () => {
-        const wrapper = mount(React.createElement(Basic, { ...Basic.args }));
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
         expect(wrapper.find("input").prop("placeholder")).to.equal("New workspace");
     });
 });

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

@@ -1 +1 @@
-{"version":3,"file":"SingleInputDialog.spec.js","sourceRoot":"","sources":["../../../src/components/singleInputDialog/SingleInputDialog.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { Basic, CustomButtonLabels, NoCancelButton, WithInputPlaceholder } from \"./SingleInputDialog.stories\";\r\nimport { accessibilityAssessor } from \"../smartDesktopDesigner/tests/a11y_helper\";\r\n\r\ndescribe(\"<SingleInputDialog/>\", () => {\r\n\tit(\"should pass accessibility scans\", async () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as any)} />);\r\n\r\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\r\n\t});\r\n\tit(\"should contain a text input\", () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as any)} />);\r\n\r\n\t\texpect(wrapper.find(\"input\").exists()).to.be.true;\r\n\t});\r\n\tit(\"should display custom labels\", () => {\r\n\t\tconst wrapper = mount(<CustomButtonLabels {...(CustomButtonLabels.args as any)} />);\r\n\r\n\t\tconst dialogText = wrapper.text();\r\n\t\texpect(dialogText).to.contain(\"Да\");\r\n\t\texpect(dialogText).to.contain(\"Отмена\");\r\n\t\texpect(dialogText).to.not.contain(\"Yes\");\r\n\t\texpect(dialogText).to.not.contain(\"Cancel\");\r\n\t});\r\n\tit(\"should supress cancel button on request\", () => {\r\n\t\tconst wrapper = mount(<NoCancelButton {...(NoCancelButton.args as any)} />);\r\n\r\n\t\tconst dialogText = wrapper.text();\r\n\t\texpect(dialogText).to.not.contain(\"Cancel\");\r\n\t});\r\n\tit(\"can display custom placeholder\", () => {\r\n\t\tconst wrapper = mount(<WithInputPlaceholder {...(WithInputPlaceholder.args as any)} />);\r\n\r\n\t\texpect(wrapper.find(\"input\").prop(\"placeholder\")).to.equal(\"My placeholder\");\r\n\t});\r\n\tit(\"should display default placeholder\", () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as any)} />);\r\n\r\n\t\texpect(wrapper.find(\"input\").prop(\"placeholder\")).to.equal(\"New workspace\");\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"SingleInputDialog.spec.js","sourceRoot":"","sources":["../../../src/components/singleInputDialog/SingleInputDialog.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { Basic, CustomButtonLabels, NoCancelButton, WithInputPlaceholder } from \"./SingleInputDialog.stories\";\r\nimport { accessibilityAssessor } from \"../smartDesktopDesigner/tests/a11y_helper\";\r\n\r\ndescribe(\"<SingleInputDialog/>\", () => {\r\n\tit(\"should pass accessibility scans\", async () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as any)} />);\r\n\r\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\r\n\t});\r\n\tit(\"should contain a text input\", () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as any)} />);\r\n\r\n\t\texpect(wrapper.find(\"input\").exists()).to.be.true;\r\n\t});\r\n\tit(\"should display custom labels\", () => {\r\n\t\tconst wrapper = mount(<CustomButtonLabels {...(CustomButtonLabels.args as any)} />);\r\n\r\n\t\tconst dialogText = wrapper.text();\r\n\t\texpect(dialogText).to.contain(\"Да\");\r\n\t\texpect(dialogText).to.contain(\"Отмена\");\r\n\t\texpect(dialogText).to.not.contain(\"Yes\");\r\n\t\texpect(dialogText).to.not.contain(\"Cancel\");\r\n\t});\r\n\tit(\"should supress cancel button on request\", () => {\r\n\t\tconst wrapper = mount(<NoCancelButton {...(NoCancelButton.args as any)} />);\r\n\r\n\t\tconst dialogText = wrapper.text();\r\n\t\texpect(dialogText).to.not.contain(\"Cancel\");\r\n\t});\r\n\tit(\"can display custom placeholder\", () => {\r\n\t\tconst wrapper = mount(<WithInputPlaceholder {...(WithInputPlaceholder.args as any)} />);\r\n\r\n\t\texpect(wrapper.find(\"input\").prop(\"placeholder\")).to.equal(\"My placeholder\");\r\n\t});\r\n\tit(\"should display default placeholder\", () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as any)} />);\r\n\r\n\t\texpect(wrapper.find(\"input\").prop(\"placeholder\")).to.equal(\"New workspace\");\r\n\t});\r\n});\r\n"]}

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

@@ -13,7 +13,7 @@ const Template = (args) => {
             cb("", { data: args._data });
         };
     }
-    return React.createElement(SingleInputDialog, { ...args });
+    return React.createElement(SingleInputDialog, Object.assign({}, args));
 };
 export const Empty = Template.bind({});
 export const Basic = Template.bind({});

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

@@ -1 +1 @@
-{"version":3,"file":"SingleInputDialog.stories.js","sourceRoot":"","sources":["../../../src/components/singleInputDialog/SingleInputDialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,8BAA8B,CAAC;AAEtC,eAAe;IACd,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,iBAAiB;CAC5B,CAAC;AAEF,MAAM,QAAQ,GAAc,CAAC,IAAS,EAAE,EAAE;IACzC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,IAAI,IAAI,CAAC,KAAK,EAAE;QACf,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,sBAAsB,GAAG,CAAC,EAAY,EAAE,EAAE;YACpE,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAC9B,CAAC,CAAC;KACF;IAED,OAAO,oBAAC,iBAAiB,OAAK,IAAI,GAAI,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEvC,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,KAAK,EAAE;QACN,KAAK,EAAE,eAAe;QACtB,gBAAgB,EAAE,IAAI;KACtB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,kBAAkB,CAAC,IAAI,GAAG;IACzB,KAAK,EAAE;QACN,gBAAgB,EAAE,IAAI;QACtB,wBAAwB,EAAE,IAAI;QAC9B,mBAAmB,EAAE,QAAQ;KAC7B;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACrB,KAAK,EAAE;QACN,KAAK,EAAE,eAAe;QACtB,gBAAgB,EAAE,KAAK;KACvB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,aAAa,CAAC,IAAI,GAAG;IACpB,KAAK,EAAE;QACN,KAAK,EAAE,4BAA4B;QACnC,gBAAgB,EAAE,IAAI;QACtB,cAAc,EAAE,CAAC;KACjB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAClD,gBAAgB,CAAC,IAAI,GAAG;IACvB,KAAK,EAAE;QACN,KAAK,EAAE,oBAAoB;QAC3B,gBAAgB,EAAE,IAAI;QACtB,YAAY,EAAE,UAAU;KACxB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtD,oBAAoB,CAAC,IAAI,GAAG;IAC3B,KAAK,EAAE;QACN,KAAK,EAAE,oBAAoB;QAC3B,gBAAgB,EAAE,IAAI;QACtB,gBAAgB,EAAE,gBAAgB;KAClC;CACD,CAAC","sourcesContent":["import React from \"react\";\r\nimport { SingleInputDialog } from \"./SingleInputDialog\";\r\nimport { initFSBL } from \"../common/helpers\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport \"../../assets/css/dialogs.css\";\r\n\r\nexport default {\r\n\ttitle: \"SingleInputDialog/SingleInputDialog\",\r\n\tcomponent: SingleInputDialog,\r\n};\r\n\r\nconst Template: Story<{}> = (args: any) => {\r\n\tinitFSBL(window);\r\n\r\n\tif (args._data) {\r\n\t\tFSBL.Clients.DialogManager.registerDialogCallback = (cb: Function) => {\r\n\t\t\tcb(\"\", { data: args._data });\r\n\t\t};\r\n\t}\r\n\r\n\treturn <SingleInputDialog {...args} />;\r\n};\r\n\r\nexport const Empty = Template.bind({});\r\n\r\nexport const Basic = Template.bind({});\r\nBasic.args = {\r\n\t_data: {\r\n\t\ttitle: \"Example title\",\r\n\t\tshowCancelButton: true,\r\n\t},\r\n};\r\n\r\nexport const CustomButtonLabels = Template.bind({});\r\nCustomButtonLabels.args = {\r\n\t_data: {\r\n\t\tshowCancelButton: true,\r\n\t\taffirmativeResponseLabel: \"Да\",\r\n\t\tcancelResponseLabel: \"Отмена\",\r\n\t},\r\n};\r\n\r\nexport const NoCancelButton = Template.bind({});\r\nNoCancelButton.args = {\r\n\t_data: {\r\n\t\ttitle: \"Example title\",\r\n\t\tshowCancelButton: false,\r\n\t},\r\n};\r\n\r\nexport const WithMaxLength = Template.bind({});\r\nWithMaxLength.args = {\r\n\t_data: {\r\n\t\ttitle: \"Max length of 5 characters\",\r\n\t\tshowCancelButton: true,\r\n\t\tinputMaxLength: 5,\r\n\t},\r\n};\r\n\r\nexport const WithInputPattern = Template.bind({});\r\nWithInputPattern.args = {\r\n\t_data: {\r\n\t\ttitle: \"Only input numbers\",\r\n\t\tshowCancelButton: true,\r\n\t\tinputPattern: \"^[0-9]+$\",\r\n\t},\r\n};\r\n\r\nexport const WithInputPlaceholder = Template.bind({});\r\nWithInputPlaceholder.args = {\r\n\t_data: {\r\n\t\ttitle: \"Custom Placeholder\",\r\n\t\tshowCancelButton: true,\r\n\t\tinputPlaceholder: \"My placeholder\",\r\n\t},\r\n};\r\n"]}
+{"version":3,"file":"SingleInputDialog.stories.js","sourceRoot":"","sources":["../../../src/components/singleInputDialog/SingleInputDialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,8BAA8B,CAAC;AAEtC,eAAe;IACd,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,iBAAiB;CAC5B,CAAC;AAEF,MAAM,QAAQ,GAAc,CAAC,IAAS,EAAE,EAAE;IACzC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,IAAI,IAAI,CAAC,KAAK,EAAE;QACf,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,sBAAsB,GAAG,CAAC,EAAY,EAAE,EAAE;YACpE,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAC9B,CAAC,CAAC;KACF;IAED,OAAO,oBAAC,iBAAiB,oBAAK,IAAI,EAAI,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEvC,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,KAAK,EAAE;QACN,KAAK,EAAE,eAAe;QACtB,gBAAgB,EAAE,IAAI;KACtB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,kBAAkB,CAAC,IAAI,GAAG;IACzB,KAAK,EAAE;QACN,gBAAgB,EAAE,IAAI;QACtB,wBAAwB,EAAE,IAAI;QAC9B,mBAAmB,EAAE,QAAQ;KAC7B;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACrB,KAAK,EAAE;QACN,KAAK,EAAE,eAAe;QACtB,gBAAgB,EAAE,KAAK;KACvB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,aAAa,CAAC,IAAI,GAAG;IACpB,KAAK,EAAE;QACN,KAAK,EAAE,4BAA4B;QACnC,gBAAgB,EAAE,IAAI;QACtB,cAAc,EAAE,CAAC;KACjB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAClD,gBAAgB,CAAC,IAAI,GAAG;IACvB,KAAK,EAAE;QACN,KAAK,EAAE,oBAAoB;QAC3B,gBAAgB,EAAE,IAAI;QACtB,YAAY,EAAE,UAAU;KACxB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtD,oBAAoB,CAAC,IAAI,GAAG;IAC3B,KAAK,EAAE;QACN,KAAK,EAAE,oBAAoB;QAC3B,gBAAgB,EAAE,IAAI;QACtB,gBAAgB,EAAE,gBAAgB;KAClC;CACD,CAAC","sourcesContent":["import React from \"react\";\r\nimport { SingleInputDialog } from \"./SingleInputDialog\";\r\nimport { initFSBL } from \"../common/helpers\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport \"../../assets/css/dialogs.css\";\r\n\r\nexport default {\r\n\ttitle: \"SingleInputDialog/SingleInputDialog\",\r\n\tcomponent: SingleInputDialog,\r\n};\r\n\r\nconst Template: Story<{}> = (args: any) => {\r\n\tinitFSBL(window);\r\n\r\n\tif (args._data) {\r\n\t\tFSBL.Clients.DialogManager.registerDialogCallback = (cb: Function) => {\r\n\t\t\tcb(\"\", { data: args._data });\r\n\t\t};\r\n\t}\r\n\r\n\treturn <SingleInputDialog {...args} />;\r\n};\r\n\r\nexport const Empty = Template.bind({});\r\n\r\nexport const Basic = Template.bind({});\r\nBasic.args = {\r\n\t_data: {\r\n\t\ttitle: \"Example title\",\r\n\t\tshowCancelButton: true,\r\n\t},\r\n};\r\n\r\nexport const CustomButtonLabels = Template.bind({});\r\nCustomButtonLabels.args = {\r\n\t_data: {\r\n\t\tshowCancelButton: true,\r\n\t\taffirmativeResponseLabel: \"Да\",\r\n\t\tcancelResponseLabel: \"Отмена\",\r\n\t},\r\n};\r\n\r\nexport const NoCancelButton = Template.bind({});\r\nNoCancelButton.args = {\r\n\t_data: {\r\n\t\ttitle: \"Example title\",\r\n\t\tshowCancelButton: false,\r\n\t},\r\n};\r\n\r\nexport const WithMaxLength = Template.bind({});\r\nWithMaxLength.args = {\r\n\t_data: {\r\n\t\ttitle: \"Max length of 5 characters\",\r\n\t\tshowCancelButton: true,\r\n\t\tinputMaxLength: 5,\r\n\t},\r\n};\r\n\r\nexport const WithInputPattern = Template.bind({});\r\nWithInputPattern.args = {\r\n\t_data: {\r\n\t\ttitle: \"Only input numbers\",\r\n\t\tshowCancelButton: true,\r\n\t\tinputPattern: \"^[0-9]+$\",\r\n\t},\r\n};\r\n\r\nexport const WithInputPlaceholder = Template.bind({});\r\nWithInputPlaceholder.args = {\r\n\t_data: {\r\n\t\ttitle: \"Custom Placeholder\",\r\n\t\tshowCancelButton: true,\r\n\t\tinputPlaceholder: \"My placeholder\",\r\n\t},\r\n};\r\n"]}

package/react/components/smartDesktopDesigner/AppEditAccess.d.ts

@@ -8,7 +8,7 @@ export declare type AppEditAccessProps = {
     appName: string;
     rules: ApplicationRule[];
     onChange: (data: ApplicationRule[]) => any;
-    updateApp: typeof FSBL.Clients.SmartDesktopClient.prototype.updateApp;
+    addApp: typeof FSBL.Clients.SmartDesktopClient.prototype.addApp;
     isInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;
     isOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;
 };

package/react/components/smartDesktopDesigner/AppEditAccess.js

@@ -27,7 +27,7 @@ export const AppEditAccess = (props) => {
         return () => window.removeEventListener("scroll", handleScroll);
     }, []);
     const filteredApps = apps
-        .filter((app) => !app.manifest?.component?.temporary && app.name !== props.appName)
+        .filter((app) => { var _a; return !((_a = app.manifest) === null || _a === void 0 ? void 0 : _a.temporary) && app.name !== props.appName; })
         .sort((a, b) => {
         if (a.name > b.name) {
             return 1;
@@ -37,7 +37,7 @@ export const AppEditAccess = (props) => {
         }
         return 0;
     });
-    const currentApp = apps.find((app) => app.manifest?.component?.temporary || app.name === props.appName);
+    const currentApp = apps.find((app) => { var _a; return ((_a = app.manifest) === null || _a === void 0 ? void 0 : _a.temporary) || app.name === props.appName; });
     const [inboundAuthorizedApps, setInboundAuthorizedApps] = useState([]);
     const [outboundAuthorizedApps, setOutboundAuthorizedApps] = useState([]);
     const [advancedExpanded, setAdvancedExpanded] = useState(false);
@@ -46,7 +46,7 @@ export const AppEditAccess = (props) => {
         props.onChange(newRules);
     }
     function updateBlockingApp(config) {
-        props.updateApp(config.appId, config).then(() => {
+        props.addApp(config.appId, config).then(() => {
             dispatch(SmartDesktopDesignerActions.update_app(config));
         });
     }
@@ -57,21 +57,13 @@ export const AppEditAccess = (props) => {
                 React.createElement("span", { className: "app-edit-access-item-name" }, app.name),
                 !isInboundAuthorized && (React.createElement(RelativePortal, { className: ["tooltip-portal", scrolling || !advancedExpanded ? "is-scrolling" : ""].join(" "), component: "div", left: -13, top: 0 },
                     React.createElement(Tooltip, { type: "lock", onClick: () => {
-                            updateBlockingApp({
-                                ...app,
-                                manifest: {
-                                    ...app.manifest,
-                                    interop: {
-                                        ...app.manifest?.interop,
-                                        selectConnect: [
-                                            ...(app.manifest?.interop?.selectConnect || []),
+                            var _a, _b, _c;
+                            updateBlockingApp(Object.assign(Object.assign({}, app), { manifest: Object.assign(Object.assign({}, app.manifest), { interop: Object.assign(Object.assign({}, (_a = app.manifest) === null || _a === void 0 ? void 0 : _a.interop), { selectConnect: [
+                                            ...(((_c = (_b = app.manifest) === null || _b === void 0 ? void 0 : _b.interop) === null || _c === void 0 ? void 0 : _c.selectConnect) || []),
                                             {
                                                 authorize: [{ name: props.appName || "" }],
                                             },
-                                        ],
-                                    },
-                                },
-                            });
+                                        ] }) }) }));
                         } }, "This app is blocking access. Click to allow access")))));
         });
     }
@@ -82,30 +74,22 @@ export const AppEditAccess = (props) => {
                     return;
                 }
                 props
-                    .isInboundInteropAuthorized({
-                    ...currentApp,
-                    name: props.appName,
-                    manifest: {
+                    .isInboundInteropAuthorized(Object.assign(Object.assign({}, currentApp), { name: props.appName, manifest: {
                         interop: {
                             selectConnect: rules,
                         },
-                    },
-                }, targetApp)
+                    } }), targetApp)
                     .then((inboundAuthorized) => {
                     if (inboundAuthorized && !inboundAuthorizedApps.includes(targetApp.name)) {
                         setInboundAuthorizedApps([...inboundAuthorizedApps, targetApp.name]);
                     }
                 });
                 props
-                    .isOutboundInteropAuthorized({
-                    ...currentApp,
-                    name: props.appName,
-                    manifest: {
+                    .isOutboundInteropAuthorized(Object.assign(Object.assign({}, currentApp), { name: props.appName, manifest: {
                         interop: {
                             selectConnect: rules,
                         },
-                    },
-                }, targetApp)
+                    } }), targetApp)
                     .then((outboundAuthorized) => {
                     if (outboundAuthorized && !outboundAuthorizedApps.includes(targetApp.name)) {
                         setOutboundAuthorizedApps([...outboundAuthorizedApps, targetApp.name]);
@@ -136,20 +120,19 @@ export const AppEditAccess = (props) => {
                     React.createElement(FinsembleSelect, { options: filteredApps.map((app) => app.name), optionComponents: getOptions(), selected: filteredApps
                             .filter((app) => outboundAuthorizedApps.includes(app.name))
                             .map((app) => app.name), updateCallback: (selected) => {
+                            let newRules = [...rules];
                             filteredApps.forEach((app) => {
                                 const isSelected = selected.find((name) => name === app.name);
                                 if (!isSelected) {
-                                    doSetRules(rules.filter((rule) => rule.authorize?.some((auth) => auth.name !== app.name)));
+                                    newRules = newRules.filter((rule) => { var _a; return (_a = rule.authorize) === null || _a === void 0 ? void 0 : _a.some((auth) => auth.name !== app.name); });
                                 }
                                 else {
-                                    doSetRules([
-                                        ...rules,
-                                        {
-                                            authorize: [{ name: app.name }],
-                                        },
-                                    ]);
+                                    newRules.push({
+                                        authorize: [{ name: app.name }],
+                                    });
                                 }
                             });
+                            doSetRules(newRules);
                         }, showSearch: true }))))))));
 };
 //# sourceMappingURL=AppEditAccess.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppEditAccess.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/AppEditAccess.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { AppDefinition } from \"services/Interop/types\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { useDispatch, useSelector } from \"../../store\";\r\nimport { ApplicationRule } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { FinsembleSelect } from \"../common/FinsembleSelect\";\r\nimport { Tooltip } from \"../common/Tooltip\";\r\nimport RelativePortal from \"react-relative-portal\";\r\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\r\n\r\nexport type AppEditAccessProps = {\r\n\tappName: string;\r\n\trules: ApplicationRule[];\r\n\tonChange: (data: ApplicationRule[]) => any;\r\n\tupdateApp: typeof FSBL.Clients.SmartDesktopClient.prototype.updateApp;\r\n\tisInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;\r\n\tisOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;\r\n};\r\n\r\nexport const AppEditAccess = (props: AppEditAccessProps) => {\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst apps = useSelector((state: RootState) => state.smartDesktopDesigner.apps);\r\n\r\n\tconst [rules, setRules] = useState(props.rules);\r\n\r\n\tconst [scrolling, setScrolling] = useState(false);\r\n\tlet timeout: any = null;\r\n\r\n\tuseEffect(() => {\r\n\t\tconst handleScroll = () => {\r\n\t\t\tsetScrolling(true);\r\n\t\t\tclearTimeout(timeout);\r\n\r\n\t\t\ttimeout = setTimeout(() => {\r\n\t\t\t\tsetScrolling(false);\r\n\t\t\t}, 50);\r\n\t\t};\r\n\r\n\t\twindow.addEventListener(\"scroll\", handleScroll, { passive: true, capture: true });\r\n\r\n\t\treturn () => window.removeEventListener(\"scroll\", handleScroll);\r\n\t}, []);\r\n\r\n\tconst filteredApps = apps\r\n\t\t.filter((app) => !app.manifest?.component?.temporary && app.name !== props.appName)\r\n\t\t.sort((a, b) => {\r\n\t\t\tif (a.name > b.name) {\r\n\t\t\t\treturn 1;\r\n\t\t\t} else if (b.name > a.name) {\r\n\t\t\t\treturn -1;\r\n\t\t\t}\r\n\r\n\t\t\treturn 0;\r\n\t\t});\r\n\r\n\tconst currentApp = apps.find((app) => app.manifest?.component?.temporary || app.name === props.appName);\r\n\r\n\tconst [inboundAuthorizedApps, setInboundAuthorizedApps] = useState<string[]>([]);\r\n\tconst [outboundAuthorizedApps, setOutboundAuthorizedApps] = useState<string[]>([]);\r\n\tconst [advancedExpanded, setAdvancedExpanded] = useState(false);\r\n\r\n\tfunction doSetRules(newRules: ApplicationRule[]) {\r\n\t\tsetRules(newRules);\r\n\r\n\t\tprops.onChange(newRules);\r\n\t}\r\n\r\n\tfunction updateBlockingApp(config: AppDefinition) {\r\n\t\tprops.updateApp(config.appId, config).then(() => {\r\n\t\t\tdispatch(SmartDesktopDesignerActions.update_app(config));\r\n\t\t});\r\n\t}\r\n\r\n\tfunction getOptions() {\r\n\t\treturn filteredApps.map((app) => {\r\n\t\t\tconst isInboundAuthorized = inboundAuthorizedApps.includes(app.name);\r\n\r\n\t\t\treturn (\r\n\t\t\t\t<div\r\n\t\t\t\t\tclassName={[\"app-edit-access-item\", !isInboundAuthorized ? \"app-edit-access-blocked\" : \"\"].join(\" \")}\r\n\t\t\t\t\tkey={app.name}\r\n\t\t\t\t>\r\n\t\t\t\t\t<span className=\"app-edit-access-item-name\">{app.name}</span>\r\n\t\t\t\t\t{!isInboundAuthorized && (\r\n\t\t\t\t\t\t<RelativePortal\r\n\t\t\t\t\t\t\tclassName={[\"tooltip-portal\", scrolling || !advancedExpanded ? \"is-scrolling\" : \"\"].join(\" \")}\r\n\t\t\t\t\t\t\tcomponent=\"div\"\r\n\t\t\t\t\t\t\tleft={-13}\r\n\t\t\t\t\t\t\ttop={0}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<Tooltip\r\n\t\t\t\t\t\t\t\ttype=\"lock\"\r\n\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\tupdateBlockingApp({\r\n\t\t\t\t\t\t\t\t\t\t...app,\r\n\t\t\t\t\t\t\t\t\t\tmanifest: {\r\n\t\t\t\t\t\t\t\t\t\t\t...app.manifest,\r\n\t\t\t\t\t\t\t\t\t\t\tinterop: {\r\n\t\t\t\t\t\t\t\t\t\t\t\t...app.manifest?.interop,\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectConnect: [\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t...(app.manifest?.interop?.selectConnect || []),\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tauthorize: [{ name: props.appName || \"\" }],\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t],\r\n\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tThis app is blocking access. Click to allow access\r\n\t\t\t\t\t\t\t</Tooltip>\r\n\t\t\t\t\t\t</RelativePortal>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t});\r\n\t}\r\n\r\n\tuseEffect(() => {\r\n\t\tif (currentApp) {\r\n\t\t\tfilteredApps.forEach((targetApp) => {\r\n\t\t\t\tif (targetApp.name === props.appName) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tprops\r\n\t\t\t\t\t.isInboundInteropAuthorized(\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t...currentApp,\r\n\t\t\t\t\t\t\tname: props.appName,\r\n\t\t\t\t\t\t\tmanifest: {\r\n\t\t\t\t\t\t\t\tinterop: {\r\n\t\t\t\t\t\t\t\t\tselectConnect: rules,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\ttargetApp\r\n\t\t\t\t\t)\r\n\t\t\t\t\t.then((inboundAuthorized) => {\r\n\t\t\t\t\t\tif (inboundAuthorized && !inboundAuthorizedApps.includes(targetApp.name)) {\r\n\t\t\t\t\t\t\tsetInboundAuthorizedApps([...inboundAuthorizedApps, targetApp.name]);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\tprops\r\n\t\t\t\t\t.isOutboundInteropAuthorized(\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t...currentApp,\r\n\t\t\t\t\t\t\tname: props.appName,\r\n\t\t\t\t\t\t\tmanifest: {\r\n\t\t\t\t\t\t\t\tinterop: {\r\n\t\t\t\t\t\t\t\t\tselectConnect: rules,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\ttargetApp\r\n\t\t\t\t\t)\r\n\t\t\t\t\t.then((outboundAuthorized) => {\r\n\t\t\t\t\t\tif (outboundAuthorized && !outboundAuthorizedApps.includes(targetApp.name)) {\r\n\t\t\t\t\t\t\tsetOutboundAuthorizedApps([...outboundAuthorizedApps, targetApp.name]);\r\n\t\t\t\t\t\t} else if (!outboundAuthorized && outboundAuthorizedApps.includes(targetApp.name)) {\r\n\t\t\t\t\t\t\tconst outboundAuthorizedAppsCopy = outboundAuthorizedApps.slice(0);\r\n\t\t\t\t\t\t\toutboundAuthorizedAppsCopy.splice(outboundAuthorizedAppsCopy.indexOf(targetApp.name), 1);\r\n\t\t\t\t\t\t\tsetOutboundAuthorizedApps(outboundAuthorizedAppsCopy);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\t});\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{filteredApps.length > 0 && (\r\n\t\t\t\t<div className=\"app-edit-field\">\r\n\t\t\t\t\t<div className={[\"app-edit-advanced\", advancedExpanded ? \"is-expanded\" : \"\"].join(\" \")}>\r\n\t\t\t\t\t\t<h2\r\n\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\tsetAdvancedExpanded(!advancedExpanded);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<FinsembleIcon className=\"expand-icon\" icon=\"chevron-right\"></FinsembleIcon> Advanced settings\r\n\t\t\t\t\t\t</h2>\r\n\r\n\t\t\t\t\t\t<div className=\"app-edit-advanced-content\">\r\n\t\t\t\t\t\t\t<div className=\"app-edit-access\">\r\n\t\t\t\t\t\t\t\t<h3>Configure access</h3>\r\n\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t\tUse the controls below to decide which apps this app will be able to share information with. By\r\n\t\t\t\t\t\t\t\t\tdefault, your app is able to share with all other apps.\r\n\t\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t\t<FinsembleIcon icon=\"check-square\"></FinsembleIcon>\r\n\t\t\t\t\t\t\t\t\tChoose which apps to authorize\r\n\t\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t\t<FinsembleSelect\r\n\t\t\t\t\t\t\t\t\toptions={filteredApps.map((app) => app.name)}\r\n\t\t\t\t\t\t\t\t\toptionComponents={getOptions()}\r\n\t\t\t\t\t\t\t\t\tselected={filteredApps\r\n\t\t\t\t\t\t\t\t\t\t.filter((app) => outboundAuthorizedApps.includes(app.name))\r\n\t\t\t\t\t\t\t\t\t\t.map((app) => app.name)}\r\n\t\t\t\t\t\t\t\t\tupdateCallback={(selected) => {\r\n\t\t\t\t\t\t\t\t\t\tfilteredApps.forEach((app) => {\r\n\t\t\t\t\t\t\t\t\t\t\tconst isSelected = selected.find((name) => name === app.name);\r\n\r\n\t\t\t\t\t\t\t\t\t\t\tif (!isSelected) {\r\n\t\t\t\t\t\t\t\t\t\t\t\tdoSetRules(rules.filter((rule) => rule.authorize?.some((auth) => auth.name !== app.name)));\r\n\t\t\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\t\t\tdoSetRules([\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t...rules,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tauthorize: [{ name: app.name }],\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t]);\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\tshowSearch={true}\r\n\t\t\t\t\t\t\t\t></FinsembleSelect>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"AppEditAccess.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/AppEditAccess.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { useDispatch, useSelector } from \"../../store\";\r\nimport { ApplicationRule } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { FinsembleSelect } from \"../common/FinsembleSelect\";\r\nimport { Tooltip } from \"../common/Tooltip\";\r\nimport RelativePortal from \"react-relative-portal\";\r\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype AppDefinition = services.Interop.types.AppDefinition;\r\n\r\nexport type AppEditAccessProps = {\r\n\tappName: string;\r\n\trules: ApplicationRule[];\r\n\tonChange: (data: ApplicationRule[]) => any;\r\n\taddApp: typeof FSBL.Clients.SmartDesktopClient.prototype.addApp;\r\n\tisInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;\r\n\tisOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;\r\n};\r\n\r\nexport const AppEditAccess = (props: AppEditAccessProps) => {\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst apps = useSelector((state: RootState) => state.smartDesktopDesigner.apps);\r\n\r\n\tconst [rules, setRules] = useState(props.rules);\r\n\r\n\tconst [scrolling, setScrolling] = useState(false);\r\n\tlet timeout: any = null;\r\n\r\n\tuseEffect(() => {\r\n\t\tconst handleScroll = () => {\r\n\t\t\tsetScrolling(true);\r\n\t\t\tclearTimeout(timeout);\r\n\r\n\t\t\ttimeout = setTimeout(() => {\r\n\t\t\t\tsetScrolling(false);\r\n\t\t\t}, 50);\r\n\t\t};\r\n\r\n\t\twindow.addEventListener(\"scroll\", handleScroll, { passive: true, capture: true });\r\n\r\n\t\treturn () => window.removeEventListener(\"scroll\", handleScroll);\r\n\t}, []);\r\n\r\n\t/**\r\n\t * Get a list of all apps other than this one (in order to pick which ones to authorize)\r\n\t */\r\n\tconst filteredApps = apps\r\n\t\t.filter((app) => !app.manifest?.temporary && app.name !== props.appName)\r\n\t\t.sort((a, b) => {\r\n\t\t\tif (a.name > b.name) {\r\n\t\t\t\treturn 1;\r\n\t\t\t} else if (b.name > a.name) {\r\n\t\t\t\treturn -1;\r\n\t\t\t}\r\n\r\n\t\t\treturn 0;\r\n\t\t});\r\n\r\n\t/**\r\n\t * When adding an app, there will not yet be a name. The app that is flagged as temporary is us.\r\n\t * During editing of an app, the app will not be temporary but it will have a name.\r\n\t * We must check for both circumstances in order to know which app in the list is the current app.\r\n\t */\r\n\tconst currentApp = apps.find((app) => app.manifest?.temporary || app.name === props.appName);\r\n\r\n\tconst [inboundAuthorizedApps, setInboundAuthorizedApps] = useState<string[]>([]);\r\n\tconst [outboundAuthorizedApps, setOutboundAuthorizedApps] = useState<string[]>([]);\r\n\tconst [advancedExpanded, setAdvancedExpanded] = useState(false);\r\n\r\n\tfunction doSetRules(newRules: ApplicationRule[]) {\r\n\t\tsetRules(newRules);\r\n\r\n\t\tprops.onChange(newRules);\r\n\t}\r\n\r\n\tfunction updateBlockingApp(config: AppDefinition) {\r\n\t\tprops.addApp(config.appId, config).then(() => {\r\n\t\t\tdispatch(SmartDesktopDesignerActions.update_app(config));\r\n\t\t});\r\n\t}\r\n\r\n\tfunction getOptions() {\r\n\t\treturn filteredApps.map((app) => {\r\n\t\t\tconst isInboundAuthorized = inboundAuthorizedApps.includes(app.name);\r\n\r\n\t\t\treturn (\r\n\t\t\t\t<div\r\n\t\t\t\t\tclassName={[\"app-edit-access-item\", !isInboundAuthorized ? \"app-edit-access-blocked\" : \"\"].join(\" \")}\r\n\t\t\t\t\tkey={app.name}\r\n\t\t\t\t>\r\n\t\t\t\t\t<span className=\"app-edit-access-item-name\">{app.name}</span>\r\n\t\t\t\t\t{!isInboundAuthorized && (\r\n\t\t\t\t\t\t<RelativePortal\r\n\t\t\t\t\t\t\tclassName={[\"tooltip-portal\", scrolling || !advancedExpanded ? \"is-scrolling\" : \"\"].join(\" \")}\r\n\t\t\t\t\t\t\tcomponent=\"div\"\r\n\t\t\t\t\t\t\tleft={-13}\r\n\t\t\t\t\t\t\ttop={0}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<Tooltip\r\n\t\t\t\t\t\t\t\ttype=\"lock\"\r\n\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\tupdateBlockingApp({\r\n\t\t\t\t\t\t\t\t\t\t...app,\r\n\t\t\t\t\t\t\t\t\t\tmanifest: {\r\n\t\t\t\t\t\t\t\t\t\t\t...app.manifest,\r\n\t\t\t\t\t\t\t\t\t\t\tinterop: {\r\n\t\t\t\t\t\t\t\t\t\t\t\t...app.manifest?.interop,\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectConnect: [\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t...(app.manifest?.interop?.selectConnect || []),\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tauthorize: [{ name: props.appName || \"\" }],\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t],\r\n\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tThis app is blocking access. Click to allow access\r\n\t\t\t\t\t\t\t</Tooltip>\r\n\t\t\t\t\t\t</RelativePortal>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t});\r\n\t}\r\n\r\n\tuseEffect(() => {\r\n\t\tif (currentApp) {\r\n\t\t\tfilteredApps.forEach((targetApp) => {\r\n\t\t\t\tif (targetApp.name === props.appName) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tprops\r\n\t\t\t\t\t.isInboundInteropAuthorized(\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t...currentApp,\r\n\t\t\t\t\t\t\tname: props.appName,\r\n\t\t\t\t\t\t\tmanifest: {\r\n\t\t\t\t\t\t\t\tinterop: {\r\n\t\t\t\t\t\t\t\t\tselectConnect: rules,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\ttargetApp\r\n\t\t\t\t\t)\r\n\t\t\t\t\t.then((inboundAuthorized: boolean) => {\r\n\t\t\t\t\t\tif (inboundAuthorized && !inboundAuthorizedApps.includes(targetApp.name)) {\r\n\t\t\t\t\t\t\tsetInboundAuthorizedApps([...inboundAuthorizedApps, targetApp.name]);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\tprops\r\n\t\t\t\t\t.isOutboundInteropAuthorized(\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t...currentApp,\r\n\t\t\t\t\t\t\tname: props.appName,\r\n\t\t\t\t\t\t\tmanifest: {\r\n\t\t\t\t\t\t\t\tinterop: {\r\n\t\t\t\t\t\t\t\t\tselectConnect: rules,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\ttargetApp\r\n\t\t\t\t\t)\r\n\t\t\t\t\t.then((outboundAuthorized: boolean) => {\r\n\t\t\t\t\t\tif (outboundAuthorized && !outboundAuthorizedApps.includes(targetApp.name)) {\r\n\t\t\t\t\t\t\tsetOutboundAuthorizedApps([...outboundAuthorizedApps, targetApp.name]);\r\n\t\t\t\t\t\t} else if (!outboundAuthorized && outboundAuthorizedApps.includes(targetApp.name)) {\r\n\t\t\t\t\t\t\tconst outboundAuthorizedAppsCopy = outboundAuthorizedApps.slice(0);\r\n\t\t\t\t\t\t\toutboundAuthorizedAppsCopy.splice(outboundAuthorizedAppsCopy.indexOf(targetApp.name), 1);\r\n\t\t\t\t\t\t\tsetOutboundAuthorizedApps(outboundAuthorizedAppsCopy);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\t});\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{filteredApps.length > 0 && (\r\n\t\t\t\t<div className=\"app-edit-field\">\r\n\t\t\t\t\t<div className={[\"app-edit-advanced\", advancedExpanded ? \"is-expanded\" : \"\"].join(\" \")}>\r\n\t\t\t\t\t\t<h2\r\n\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\tsetAdvancedExpanded(!advancedExpanded);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<FinsembleIcon className=\"expand-icon\" icon=\"chevron-right\"></FinsembleIcon> Advanced settings\r\n\t\t\t\t\t\t</h2>\r\n\r\n\t\t\t\t\t\t<div className=\"app-edit-advanced-content\">\r\n\t\t\t\t\t\t\t<div className=\"app-edit-access\">\r\n\t\t\t\t\t\t\t\t<h3>Configure access</h3>\r\n\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t\tUse the controls below to decide which apps this app will be able to share information with. By\r\n\t\t\t\t\t\t\t\t\tdefault, your app is able to share with all other apps.\r\n\t\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t\t<FinsembleIcon icon=\"check-square\"></FinsembleIcon>\r\n\t\t\t\t\t\t\t\t\tChoose which apps to authorize\r\n\t\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t\t<FinsembleSelect\r\n\t\t\t\t\t\t\t\t\toptions={filteredApps.map((app) => app.name)}\r\n\t\t\t\t\t\t\t\t\toptionComponents={getOptions()}\r\n\t\t\t\t\t\t\t\t\tselected={filteredApps\r\n\t\t\t\t\t\t\t\t\t\t.filter((app) => outboundAuthorizedApps.includes(app.name))\r\n\t\t\t\t\t\t\t\t\t\t.map((app) => app.name)}\r\n\t\t\t\t\t\t\t\t\tupdateCallback={(selected) => {\r\n\t\t\t\t\t\t\t\t\t\tlet newRules = [...rules];\r\n\r\n\t\t\t\t\t\t\t\t\t\tfilteredApps.forEach((app) => {\r\n\t\t\t\t\t\t\t\t\t\t\tconst isSelected = selected.find((name) => name === app.name);\r\n\r\n\t\t\t\t\t\t\t\t\t\t\tif (!isSelected) {\r\n\t\t\t\t\t\t\t\t\t\t\t\tnewRules = newRules.filter((rule) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\trule.authorize?.some((auth: { name: string }) => auth.name !== app.name)\r\n\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\t\t\tnewRules.push({\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tauthorize: [{ name: app.name }],\r\n\t\t\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t\t\t\tdoSetRules(newRules);\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\tshowSearch={true}\r\n\t\t\t\t\t\t\t\t></FinsembleSelect>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</>\r\n\t);\r\n};\r\n"]}

package/react/components/smartDesktopDesigner/AppEditPage.d.ts

@@ -13,16 +13,16 @@ export declare type AppEditPageProps = {
     startingWindowURL: string;
     startingNativePath: string;
     startingDescription: string;
-    startingWidth: number;
-    startingHeight: number;
+    startingWidth: number | string;
+    startingHeight: number | string;
     startingRules: ApplicationRule[];
     validateURL: (s: string) => boolean;
     removeApplicationFn: () => void;
     cancelFn: () => void;
     submitFn: (data: SubmittedDataProps) => void;
+    addApp: typeof FSBL.Clients.SmartDesktopClient.prototype.addApp;
     isInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;
     isOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;
-    updateApp: typeof FSBL.Clients.SmartDesktopClient.prototype.updateApp;
 };
 export declare type SubmittedDataProps = {
     name: string;
@@ -34,4 +34,4 @@ export declare type SubmittedDataProps = {
     height: number;
     rules: ApplicationRule[];
 };
-export declare const AppEditPage: ({ startingDisplayName, isSetupWizard, isEditMode, startingAppType, startingWindowURL, startingNativePath, startingDescription, startingWidth, startingHeight, startingRules, validateURL, removeApplicationFn, cancelFn, submitFn, isInboundInteropAuthorized, isOutboundInteropAuthorized, updateApp, }: AppEditPageProps) => JSX.Element;
+export declare const AppEditPage: ({ startingDisplayName, isSetupWizard, isEditMode, startingAppType, startingWindowURL, startingNativePath, startingDescription, startingWidth, startingHeight, startingRules, validateURL, removeApplicationFn, cancelFn, submitFn, addApp, isInboundInteropAuthorized, isOutboundInteropAuthorized, }: AppEditPageProps) => JSX.Element;

package/react/components/smartDesktopDesigner/AppEditPage.js

@@ -12,7 +12,7 @@ const DEFAULT_WINDOW_WIDTH = 1280;
 const DEFAULT_WINDOW_HEIGHT = 600;
 const MINIMUM_WINDOW_WIDTH = 0;
 const MINIMUM_WINDOW_HEIGHT = 0;
-export const AppEditPage = ({ startingDisplayName = "", isSetupWizard = false, isEditMode = true, startingAppType = "web", startingWindowURL = "", startingNativePath = "", startingDescription = "", startingWidth = DEFAULT_WINDOW_WIDTH, startingHeight = DEFAULT_WINDOW_HEIGHT, startingRules = [], validateURL, removeApplicationFn = () => { }, cancelFn = () => { }, submitFn, isInboundInteropAuthorized, isOutboundInteropAuthorized, updateApp, }) => {
+export const AppEditPage = ({ startingDisplayName = "", isSetupWizard = false, isEditMode = true, startingAppType = "web", startingWindowURL = "", startingNativePath = "", startingDescription = "", startingWidth = DEFAULT_WINDOW_WIDTH, startingHeight = DEFAULT_WINDOW_HEIGHT, startingRules = [], validateURL, removeApplicationFn = () => { }, cancelFn = () => { }, submitFn, addApp, isInboundInteropAuthorized, isOutboundInteropAuthorized, }) => {
     const [displayName, setDisplayName] = useState(startingDisplayName);
     const [currentAppType, setCurrentAppType] = useState(startingAppType);
     const [windowURL, setWindowURL] = useState(startingWindowURL);
@@ -104,7 +104,7 @@ export const AppEditPage = ({ startingDisplayName = "", isSetupWizard = false, i
                             setWindowHeight(parseInt(e.target.value, 10) || "");
                         } }),
                     React.createElement("span", { className: "unit" }, "px")))),
-        React.createElement(AppEditAccess, { appName: displayName, rules: startingRules, onChange: (newRules) => setRules(newRules), isInboundInteropAuthorized: isInboundInteropAuthorized, isOutboundInteropAuthorized: isOutboundInteropAuthorized, updateApp: updateApp }),
+        React.createElement(AppEditAccess, { appName: displayName, rules: startingRules, onChange: (newRules) => setRules(newRules), isInboundInteropAuthorized: isInboundInteropAuthorized, isOutboundInteropAuthorized: isOutboundInteropAuthorized, addApp: addApp }),
         React.createElement("div", { className: "app-edit-actions" },
             React.createElement("div", null, isEditMode && (React.createElement(Button, { fashion: "danger", text: "Remove app", onClick: (e) => {
                     removeApplicationFn();