npm - @finsemble/finsemble-ui - Versions diffs - 6.1.1 → 6.1.5 - Mend

@finsemble/finsemble-ui 6.1.1 → 6.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (504) hide show

package/react/components/smartDesktopDesigner/CurrentView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CurrentView.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/CurrentView.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAS1C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAoB,EAAE,EAAE;IACjE,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAElG,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;IAErF,IAAI,IAAI,GAAG,WAAW,CAAC,SAAS,CAAC;IAEjC,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,KAAO,WAAW,CAAC,KAAa,GAAS,CAAC;AACpE,CAAC,CAAC","sourcesContent":["/!\r\n Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { useSelector } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { ThemeConfig } from \"./SmartDesktopDesigner\";\r\n\r\nexport type CurrentViewProps = {\r\n\ttheme: ThemeConfig;\r\n\tviews: any[];\r\n};\r\n\r\nexport const CurrentView = ({ theme, views }: CurrentViewProps) => {\r\n\tconst currentViewId = useSelector((state: RootState) => state.smartDesktopDesigner.currentViewId);\r\n\r\n\tconst currentView = views.filter((view) => view.id === currentViewId)[0] \|\| views[0];\r\n\r\n\tlet View = currentView.component;\r\n\r\n\treturn <View theme={theme} {...(currentView.props as any)}></View>;\r\n};\r\n"]}
1	+ {"version":3,"file":"CurrentView.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/CurrentView.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAS1C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAoB,EAAE,EAAE;IACjE,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAElG,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;IAErF,IAAI,IAAI,GAAG,WAAW,CAAC,SAAS,CAAC;IAEjC,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,KAAO,WAAW,CAAC,KAAa,GAAS,CAAC;AACpE,CAAC,CAAC","sourcesContent":["/!\n Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React from \"react\";\nimport { useSelector } from \"../../store\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { ThemeConfig } from \"./SmartDesktopDesigner\";\n\nexport type CurrentViewProps = {\n\ttheme: ThemeConfig;\n\tviews: any[];\n};\n\nexport const CurrentView = ({ theme, views }: CurrentViewProps) => {\n\tconst currentViewId = useSelector((state: RootState) => state.smartDesktopDesigner.currentViewId);\n\n\tconst currentView = views.filter((view) => view.id === currentViewId)[0] \|\| views[0];\n\n\tlet View = currentView.component;\n\n\treturn <View theme={theme} {...(currentView.props as any)}></View>;\n};\n"]}

package/react/components/smartDesktopDesigner/Export.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Export.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Export.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,kBAAkB,CAAC;AAW1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC5C,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IACvG,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAEnG,OAAO,CACN,oBAAC,IAAI;QACJ,oBAAC,MAAM,IACN,YAAY,EAAE,GAAG,EAAE;gBAClB,kBAAkB,CAAC,8BAA8B,CAAC,CAAC;YACpD,CAAC,cAGO;QAET,oBAAC,OAAO,QACN,YAAY,CAAC,CAAC,CAAC,CACf,oBAAC,OAAO,OAAK,KAAK,GAAI,CACtB,CAAC,CAAC,CAAC,CACH;YACC,6BAAK,SAAS,EAAC,gBAAgB;gBAC9B,oBAAC,WAAW,OAAK,KAAK,GAAI;gBAC1B,oBAAC,SAAS,OAAK,KAAK,GAAI,CACnB;YACL,UAAU,IAAI,CACd,6BAAK,SAAS,EAAC,qBAAqB;gBACnC,oDAA0B;gBAC1B;oBACC,+GAAoF;oBACpF,oBAAC,gBAAgB,OAAG,CACf,CACD,CACN,CACI,CACN,CACQ,CACJ,CACP,CAAC;AACH,CAAC,CAAC","sourcesContent":["/!\r\n Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { View } from \"./View\";\r\nimport { Header } from \"../common/Header\";\r\nimport { Content } from \"./Content\";\r\nimport { ExportCloud } from \"./ExportCloud\";\r\nimport { ExportZip } from \"./ExportZip\";\r\nimport { Publish } from \"./Publish\";\r\nimport { ExportDeployInfo } from \"./ExportDeployInfo\";\r\nimport { useSelector } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\n\r\nimport \"./css/export.css\";\r\n\r\nexport type ExportProps = {\r\n\tprogressCheckInterval: number;\r\n\tgetProjectConfig: typeof FSBL.Clients.SmartDesktopClient.prototype.projectConfig;\r\n\tcreateProjectZip: typeof FSBL.Clients.SmartDesktopClient.prototype.createProjectZip;\r\n\tpublishToCosaicCloud: typeof FSBL.Clients.SmartDesktopClient.prototype.publishToCosaicCloud;\r\n\tgetPublishProgress: typeof FSBL.Clients.SmartDesktopClient.prototype.getPublishProgress;\r\n\tcopyProjectFiles: typeof FSBL.Clients.SmartDesktopClient.prototype.copyProjectFiles;\r\n};\r\n\r\nexport const Export = (props: ExportProps) => {\r\n\tconst isPublishing = useSelector((store: RootState) => store.smartDesktopDesigner.export.isPublishing);\r\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\r\n\r\n\treturn (\r\n\t\t<View>\r\n\t\t\t<Header\r\n\t\t\t\thelpFunction={() => {\r\n\t\t\t\t\tlaunchTutorialLink(\"publishing-a-desktop-project\");\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\tPublish\r\n\t\t\t</Header>\r\n\r\n\t\t\t<Content>\r\n\t\t\t\t{isPublishing ? (\r\n\t\t\t\t\t<Publish {...props} />\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<div className=\"export-methods\">\r\n\t\t\t\t\t\t\t<ExportCloud {...props} />\r\n\t\t\t\t\t\t\t<ExportZip {...props} />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t{deployInfo && (\r\n\t\t\t\t\t\t\t<div className=\"deployInfoContainer\">\r\n\t\t\t\t\t\t\t\t<h2>Published Project</h2>\r\n\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t<p>Share this installer link with your team to give them access to your desktop:</p>\r\n\t\t\t\t\t\t\t\t\t<ExportDeployInfo />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Content>\r\n\t\t</View>\r\n\t);\r\n};\r\n"]}
1	+ {"version":3,"file":"Export.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Export.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,kBAAkB,CAAC;AAW1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC5C,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IACvG,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAEnG,OAAO,CACN,oBAAC,IAAI;QACJ,oBAAC,MAAM,IACN,YAAY,EAAE,GAAG,EAAE;gBAClB,kBAAkB,CAAC,8BAA8B,CAAC,CAAC;YACpD,CAAC,cAGO;QAET,oBAAC,OAAO,QACN,YAAY,CAAC,CAAC,CAAC,CACf,oBAAC,OAAO,OAAK,KAAK,GAAI,CACtB,CAAC,CAAC,CAAC,CACH;YACC,6BAAK,SAAS,EAAC,gBAAgB;gBAC9B,oBAAC,WAAW,OAAK,KAAK,GAAI;gBAC1B,oBAAC,SAAS,OAAK,KAAK,GAAI,CACnB;YACL,UAAU,IAAI,CACd,6BAAK,SAAS,EAAC,qBAAqB;gBACnC,oDAA0B;gBAC1B;oBACC,+GAAoF;oBACpF,oBAAC,gBAAgB,OAAG,CACf,CACD,CACN,CACI,CACN,CACQ,CACJ,CACP,CAAC;AACH,CAAC,CAAC","sourcesContent":["/!\n Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React from \"react\";\nimport { View } from \"./View\";\nimport { Header } from \"../common/Header\";\nimport { Content } from \"./Content\";\nimport { ExportCloud } from \"./ExportCloud\";\nimport { ExportZip } from \"./ExportZip\";\nimport { Publish } from \"./Publish\";\nimport { ExportDeployInfo } from \"./ExportDeployInfo\";\nimport { useSelector } from \"../../store\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\n\nimport \"./css/export.css\";\n\nexport type ExportProps = {\n\tprogressCheckInterval: number;\n\tgetProjectConfig: typeof FSBL.Clients.SmartDesktopClient.prototype.projectConfig;\n\tcreateProjectZip: typeof FSBL.Clients.SmartDesktopClient.prototype.createProjectZip;\n\tpublishToCosaicCloud: typeof FSBL.Clients.SmartDesktopClient.prototype.publishToCosaicCloud;\n\tgetPublishProgress: typeof FSBL.Clients.SmartDesktopClient.prototype.getPublishProgress;\n\tcopyProjectFiles: typeof FSBL.Clients.SmartDesktopClient.prototype.copyProjectFiles;\n};\n\nexport const Export = (props: ExportProps) => {\n\tconst isPublishing = useSelector((store: RootState) => store.smartDesktopDesigner.export.isPublishing);\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\n\n\treturn (\n\t\t<View>\n\t\t\t<Header\n\t\t\t\thelpFunction={() => {\n\t\t\t\t\tlaunchTutorialLink(\"publishing-a-desktop-project\");\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\tPublish\n\t\t\t</Header>\n\n\t\t\t<Content>\n\t\t\t\t{isPublishing ? (\n\t\t\t\t\t<Publish {...props} />\n\t\t\t\t) : (\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<div className=\"export-methods\">\n\t\t\t\t\t\t\t<ExportCloud {...props} />\n\t\t\t\t\t\t\t<ExportZip {...props} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{deployInfo && (\n\t\t\t\t\t\t\t<div className=\"deployInfoContainer\">\n\t\t\t\t\t\t\t\t<h2>Published Project</h2>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<p>Share this installer link with your team to give them access to your desktop:</p>\n\t\t\t\t\t\t\t\t\t<ExportDeployInfo />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Content>\n\t\t</View>\n\t);\n};\n"]}

package/react/components/smartDesktopDesigner/ExportCloud.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExportCloud.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ExportCloud.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAExF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACtD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IACnG,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAM3F,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;YACnC,MAAM,aAAa,GAAG,MAAM,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACrD,MAAM,iBAAiB,GAAG,aAAa,EAAE,UAAU,CAAC;YAEpD,IAAI,iBAAiB,EAAE;gBACtB,QAAQ,CAAC,2BAA2B,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC;aACzE;QACF,CAAC,CAAC;QACF,gBAAgB,EAAE,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,6BAAK,SAAS,EAAC,eAAe;QAC5B,UAAU,CAAC,CAAC,CAAC,CACb;YACC,sDAA4B;YAC5B,qMAGI,CACC,CACN,CAAC,CAAC,CAAC,CACH;YACC,uDAA6B;YAC7B,+LAGI,CACC,CACN;QAED,oBAAC,aAAa,IAAC,MAAM,EAAE,aAAa,GAAkB;QAEtD,6BAAK,SAAS,EAAC,uBAAuB;YACrC,oBAAC,MAAM,IACN,QAAQ,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,GAAG,EAAE;oBACb,QAAQ,CAAC,2BAA2B,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;oBAC9D,KAAK;yBACH,oBAAoB,EAAE;yBACtB,IAAI,CAAC,CAAC,iBAAiB,EAAE,EAAE,CAAC,QAAQ,CAAC,2BAA2B,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC;yBACrG,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,2BAA2B,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBACpF,CAAC,GACA,CACG,CACD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useEffect } from \"react\";\r\nimport { Button } from \"../common/Button\";\r\nimport { useDispatch, useSelector } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { ExportProps } from \"./Export\";\r\nimport { ProjectErrors } from \"./ProjectErrors\";\r\n\r\nexport type ExportCloudProps = ExportProps;\r\n\r\nexport const ExportCloud = (props: ExportCloudProps) => {\r\n\tconst dispatch = useDispatch();\r\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\r\n\tconst projectErrors = useSelector((store: RootState) => store.smartDesktopDesigner.errors);\r\n\r\n\t/*\r\n\t This will run once. We'll check to see if there's a current deployInfo for our\r\n\t * project, in other words has it already been published.\r\n\t */\r\n\tuseEffect(() => {\r\n\t\tconst getProjectConfig = async () => {\r\n\t\t\tconst projectConfig = await props.getProjectConfig();\r\n\t\t\tconst currentDeployInfo = projectConfig?.deployInfo;\r\n\r\n\t\t\tif (currentDeployInfo) {\r\n\t\t\t\tdispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo));\r\n\t\t\t}\r\n\t\t};\r\n\t\tgetProjectConfig();\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<div className=\"export-method\">\r\n\t\t\t{deployInfo ? (\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<h2>Update your project</h2>\r\n\t\t\t\t\t<p>\r\n\t\t\t\t\t\tYou can continue to update your desktop with new apps. Publish at any time to push updates to your team.\r\n\t\t\t\t\t\tThey'll just need to restart their app to get the changes.\r\n\t\t\t\t\t</p>\r\n\t\t\t\t</div>\r\n\t\t\t) : (\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<h2>Publish your project</h2>\r\n\t\t\t\t\t<p>\r\n\t\t\t\t\t\tUpload your smart desktop to Cosaic's cloud service to make it available to your team. After you\r\n\t\t\t\t\t\tpublish, you can make changes and push updates to your team.\r\n\t\t\t\t\t</p>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\r\n\t\t\t<ProjectErrors errors={projectErrors}></ProjectErrors>\r\n\r\n\t\t\t<div className=\"export-method-actions\">\r\n\t\t\t\t<Button\r\n\t\t\t\t\tdisabled={projectErrors.length > 0}\r\n\t\t\t\t\tfashion=\"secondary\"\r\n\t\t\t\t\ttext=\"Publish\"\r\n\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.set_is_publishing(true));\r\n\t\t\t\t\t\tprops\r\n\t\t\t\t\t\t\t.publishToCosaicCloud()\r\n\t\t\t\t\t\t\t.then((currentDeployInfo) => dispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo)))\r\n\t\t\t\t\t\t\t.catch((error) => dispatch(SmartDesktopDesignerActions.set_publish_error(error)));\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
1	+ {"version":3,"file":"ExportCloud.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ExportCloud.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAExF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACtD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IACnG,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAM3F,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;YACnC,MAAM,aAAa,GAAG,MAAM,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACrD,MAAM,iBAAiB,GAAG,aAAa,EAAE,UAAU,CAAC;YAEpD,IAAI,iBAAiB,EAAE;gBACtB,QAAQ,CAAC,2BAA2B,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC;aACzE;QACF,CAAC,CAAC;QACF,gBAAgB,EAAE,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,6BAAK,SAAS,EAAC,eAAe;QAC5B,UAAU,CAAC,CAAC,CAAC,CACb;YACC,sDAA4B;YAC5B,qMAGI,CACC,CACN,CAAC,CAAC,CAAC,CACH;YACC,uDAA6B;YAC7B,+LAGI,CACC,CACN;QAED,oBAAC,aAAa,IAAC,MAAM,EAAE,aAAa,GAAkB;QAEtD,6BAAK,SAAS,EAAC,uBAAuB;YACrC,oBAAC,MAAM,IACN,QAAQ,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,GAAG,EAAE;oBACb,QAAQ,CAAC,2BAA2B,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;oBAC9D,KAAK;yBACH,oBAAoB,EAAE;yBACtB,IAAI,CAAC,CAAC,iBAAiB,EAAE,EAAE,CAAC,QAAQ,CAAC,2BAA2B,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC;yBACrG,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,2BAA2B,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBACpF,CAAC,GACA,CACG,CACD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useEffect } from \"react\";\nimport { Button } from \"../common/Button\";\nimport { useDispatch, useSelector } from \"../../store\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\nimport { ExportProps } from \"./Export\";\nimport { ProjectErrors } from \"./ProjectErrors\";\n\nexport type ExportCloudProps = ExportProps;\n\nexport const ExportCloud = (props: ExportCloudProps) => {\n\tconst dispatch = useDispatch();\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\n\tconst projectErrors = useSelector((store: RootState) => store.smartDesktopDesigner.errors);\n\n\t/*\n\t This will run once. We'll check to see if there's a current deployInfo for our\n\t * project, in other words has it already been published.\n\t */\n\tuseEffect(() => {\n\t\tconst getProjectConfig = async () => {\n\t\t\tconst projectConfig = await props.getProjectConfig();\n\t\t\tconst currentDeployInfo = projectConfig?.deployInfo;\n\n\t\t\tif (currentDeployInfo) {\n\t\t\t\tdispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo));\n\t\t\t}\n\t\t};\n\t\tgetProjectConfig();\n\t}, []);\n\n\treturn (\n\t\t<div className=\"export-method\">\n\t\t\t{deployInfo ? (\n\t\t\t\t<div>\n\t\t\t\t\t<h2>Update your project</h2>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tYou can continue to update your desktop with new apps. Publish at any time to push updates to your team.\n\t\t\t\t\t\tThey'll just need to restart their app to get the changes.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<div>\n\t\t\t\t\t<h2>Publish your project</h2>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tUpload your smart desktop to Cosaic's cloud service to make it available to your team. After you\n\t\t\t\t\t\tpublish, you can make changes and push updates to your team.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<ProjectErrors errors={projectErrors}></ProjectErrors>\n\n\t\t\t<div className=\"export-method-actions\">\n\t\t\t\t<Button\n\t\t\t\t\tdisabled={projectErrors.length > 0}\n\t\t\t\t\tfashion=\"secondary\"\n\t\t\t\t\ttext=\"Publish\"\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.set_is_publishing(true));\n\t\t\t\t\t\tprops\n\t\t\t\t\t\t\t.publishToCosaicCloud()\n\t\t\t\t\t\t\t.then((currentDeployInfo) => dispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo)))\n\t\t\t\t\t\t\t.catch((error) => dispatch(SmartDesktopDesignerActions.set_publish_error(error)));\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"]}

package/react/components/smartDesktopDesigner/ExportDeployInfo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExportDeployInfo.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ExportDeployInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACpC,MAAM,aAAa,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAE5D,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAEnG,OAAO,CACN,6BAAK,SAAS,EAAC,oBAAoB;QAClC,6CAAkB,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,QAAC,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,GAAI;QAC5G,oBAAC,UAAU,IACV,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,GAAG,EAAE;gBACb,MAAM,KAAK,GAAG,aAAa,CAAC,OAA2B,CAAC;gBACxD,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;gBACvB,KAAK,CAAC,KAAK,EAAE,CAAC;gBACd,KAAK,CAAC,MAAM,EAAE,CAAC;gBACf,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;gBAC7B,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;YACvB,CAAC,GACA,CACG,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useRef } from \"react\";\r\nimport { ButtonIcon } from \"../common/ButtonIcon\";\r\nimport { useSelector } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\n\r\nexport const ExportDeployInfo = () => {\r\n\tconst publishURLRef = useRef<HTMLInputElement \| null>(null);\r\n\r\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\r\n\r\n\treturn (\r\n\t\t<div className=\"export-publish-url\">\r\n\t\t\t<input aria-label=\"Publish URL\" type=\"text\" disabled value={deployInfo?.installerURL} ref={publishURLRef} />\r\n\t\t\t<ButtonIcon\r\n\t\t\t\ttext=\"Copy\"\r\n\t\t\t\ticon=\"copy\"\r\n\t\t\t\tonClick={() => {\r\n\t\t\t\t\tconst input = publishURLRef.current as HTMLInputElement;\r\n\t\t\t\t\tinput.disabled = false;\r\n\t\t\t\t\tinput.focus();\r\n\t\t\t\t\tinput.select();\r\n\t\t\t\t\tdocument.execCommand(\"copy\");\r\n\t\t\t\t\tinput.disabled = true;\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
1	+ {"version":3,"file":"ExportDeployInfo.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ExportDeployInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACpC,MAAM,aAAa,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAE5D,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAEnG,OAAO,CACN,6BAAK,SAAS,EAAC,oBAAoB;QAClC,6CAAkB,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,QAAC,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,GAAI;QAC5G,oBAAC,UAAU,IACV,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,GAAG,EAAE;gBACb,MAAM,KAAK,GAAG,aAAa,CAAC,OAA2B,CAAC;gBACxD,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;gBACvB,KAAK,CAAC,KAAK,EAAE,CAAC;gBACd,KAAK,CAAC,MAAM,EAAE,CAAC;gBACf,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;gBAC7B,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;YACvB,CAAC,GACA,CACG,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useRef } from \"react\";\nimport { ButtonIcon } from \"../common/ButtonIcon\";\nimport { useSelector } from \"../../store\";\nimport { RootState } from \"../../reducers/rootReducer\";\n\nexport const ExportDeployInfo = () => {\n\tconst publishURLRef = useRef<HTMLInputElement \| null>(null);\n\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\n\n\treturn (\n\t\t<div className=\"export-publish-url\">\n\t\t\t<input aria-label=\"Publish URL\" type=\"text\" disabled value={deployInfo?.installerURL} ref={publishURLRef} />\n\t\t\t<ButtonIcon\n\t\t\t\ttext=\"Copy\"\n\t\t\t\ticon=\"copy\"\n\t\t\t\tonClick={() => {\n\t\t\t\t\tconst input = publishURLRef.current as HTMLInputElement;\n\t\t\t\t\tinput.disabled = false;\n\t\t\t\t\tinput.focus();\n\t\t\t\t\tinput.select();\n\t\t\t\t\tdocument.execCommand(\"copy\");\n\t\t\t\t\tinput.disabled = true;\n\t\t\t\t}}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n"]}

package/react/components/smartDesktopDesigner/ExportZip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExportZip.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ExportZip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAK1C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAClD,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAClG,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAE3F,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAClE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC1E,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE5E,OAAO,CACN,6BAAK,SAAS,EAAC,eAAe;QAC7B;YACC,oDAA0B;YAE1B,yJAGI,CACC;QAEN,6BAAK,SAAS,EAAC,uBAAuB;YACpC,CAAC,SAAS,CAAC,CAAC,CAAC,CACb,oBAAC,MAAM,IACN,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,8BAA8B,EACnC,gBAAgB,EAAE,EAAE,yBAAyB,EAAE,EAAE,EAAE,EACnD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,YAAY,CAAC,IAAI,CAAC,CAAC;oBACnB,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBAEzB,KAAK;yBACH,gBAAgB,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,gBAAgB,CAAC;yBAChF,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;wBAChB,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC3B,CAAC,CAAC;yBACD,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;wBACf,iBAAiB,CAAC,IAAI,IAAI,EAAE,CAAC,kBAAkB,EAAE,CAAC,CAAC;wBAEnD,IAAI,KAAK,EAAE;4BACV,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;yBACjC;oBACF,CAAC,CAAC;yBACD,OAAO,CAAC,GAAG,EAAE;wBACb,YAAY,CAAC,KAAK,CAAC,CAAC;oBACrB,CAAC,CAAC,CAAC;gBACL,CAAC,GACA,CACF,CAAC,CAAC,CAAC,CACH,gEAAuC,CACvC;YACA,cAAc,KAAK,IAAI,IAAI,eAAe,GAAG,CAAC,IAAI,CAClD,8BAAM,SAAS,EAAC,kBAAkB;gBACjC,oBAAC,aAAa,IAAC,SAAS,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,GAAiB;;gBACpE,eAAe;;gBAAY,cAAc,CAC7C,CACP;YACA,eAAe,KAAK,IAAI,IAAI,8BAAM,SAAS,EAAC,mBAAmB,IAAE,eAAe,CAAQ,CAEpF,CACD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { useSelector } from \"../../store\";\r\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\r\nimport { ExportProps } from \"./Export\";\r\nimport { Button } from \"../common/Button\";\r\nimport { ProjectErrors } from \"./ProjectErrors\";\r\n\r\nexport type ExportZipProps = ExportProps;\r\n\r\nexport const ExportZip = (props: ExportZipProps) => {\r\n\tconst projectSettings = useSelector((store: RootState) => store.smartDesktopDesigner.projectInfo);\r\n\tconst projectErrors = useSelector((store: RootState) => store.smartDesktopDesigner.errors);\r\n\r\n\tconst [isZipping, setIsZipping] = useState(false);\r\n\tconst [isCopying, setIsCopying] = useState(false);\r\n\tconst [lastExportCount, setLastExportCount] = useState<number>(0);\r\n\tconst [lastExportTime, setLastExportTime] = useState<null \| string>(null);\r\n\tconst [lastExportError, setLastExportError] = useState<null \| string>(null);\r\n\r\n\treturn (\r\n\t\t<div className=\"export-method\">\r\n\t\t\t<div>\r\n\t\t\t\t<h2>Share your design</h2>\r\n\r\n\t\t\t\t<p>\r\n\t\t\t\t\tMuch more can be done to create powerful desktops. Share your design with your developer or IT team to take it\r\n\t\t\t\t\tfurther.\r\n\t\t\t\t</p>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"export-method-actions\">\r\n\t\t\t\t{!isCopying ? (\r\n\t\t\t\t\t<Button\r\n\t\t\t\t\t\tclassName=\"export-method-button\"\r\n\t\t\t\t\t\tdisabled={projectErrors.length > 0}\r\n\t\t\t\t\t\tfashion=\"secondary\"\r\n\t\t\t\t\t\ttext=\"Export to local seed project\"\r\n\t\t\t\t\t\tbuttonAttributes={{ \"data-target-upload-path\": \"\" }}\r\n\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\tsetIsCopying(true);\r\n\t\t\t\t\t\t\tsetLastExportError(null);\r\n\r\n\t\t\t\t\t\t\tprops\r\n\t\t\t\t\t\t\t\t.copyProjectFiles(projectSettings.name, e.currentTarget.dataset.targetUploadPath)\r\n\t\t\t\t\t\t\t\t.catch((error) => {\r\n\t\t\t\t\t\t\t\t\tsetLastExportError(error);\r\n\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t.then((files) => {\r\n\t\t\t\t\t\t\t\t\tsetLastExportTime(new Date().toLocaleTimeString());\r\n\r\n\t\t\t\t\t\t\t\t\tif (files) {\r\n\t\t\t\t\t\t\t\t\t\tsetLastExportCount(files.length);\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\t.finally(() => {\r\n\t\t\t\t\t\t\t\t\tsetIsCopying(false);\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div>Exporting to seed project...</div>\r\n\t\t\t\t)}\r\n\t\t\t\t{lastExportTime !== null && lastExportCount > 0 && (\r\n\t\t\t\t\t<span className=\"last-export-time\">\r\n\t\t\t\t\t\t<FinsembleIcon className=\"last-export-time-icon\" icon=\"check\"></FinsembleIcon>\r\n\t\t\t\t\t\tExported {lastExportCount} files at {lastExportTime}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t)}\r\n\t\t\t\t{lastExportError !== null && <span className=\"last-export-error\">{lastExportError}</span>}\r\n\t\t\t\t{/* <button type=\"submit\">Share to Github</button> */}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
1	+ {"version":3,"file":"ExportZip.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ExportZip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAK1C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAClD,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAClG,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAE3F,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAClE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC1E,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE5E,OAAO,CACN,6BAAK,SAAS,EAAC,eAAe;QAC7B;YACC,oDAA0B;YAE1B,yJAGI,CACC;QAEN,6BAAK,SAAS,EAAC,uBAAuB;YACpC,CAAC,SAAS,CAAC,CAAC,CAAC,CACb,oBAAC,MAAM,IACN,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,8BAA8B,EACnC,gBAAgB,EAAE,EAAE,yBAAyB,EAAE,EAAE,EAAE,EACnD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,YAAY,CAAC,IAAI,CAAC,CAAC;oBACnB,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBAEzB,KAAK;yBACH,gBAAgB,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,gBAAgB,CAAC;yBAChF,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;wBAChB,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC3B,CAAC,CAAC;yBACD,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;wBACf,iBAAiB,CAAC,IAAI,IAAI,EAAE,CAAC,kBAAkB,EAAE,CAAC,CAAC;wBAEnD,IAAI,KAAK,EAAE;4BACV,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;yBACjC;oBACF,CAAC,CAAC;yBACD,OAAO,CAAC,GAAG,EAAE;wBACb,YAAY,CAAC,KAAK,CAAC,CAAC;oBACrB,CAAC,CAAC,CAAC;gBACL,CAAC,GACA,CACF,CAAC,CAAC,CAAC,CACH,gEAAuC,CACvC;YACA,cAAc,KAAK,IAAI,IAAI,eAAe,GAAG,CAAC,IAAI,CAClD,8BAAM,SAAS,EAAC,kBAAkB;gBACjC,oBAAC,aAAa,IAAC,SAAS,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,GAAiB;;gBACpE,eAAe;;gBAAY,cAAc,CAC7C,CACP;YACA,eAAe,KAAK,IAAI,IAAI,8BAAM,SAAS,EAAC,mBAAmB,IAAE,eAAe,CAAQ,CAEpF,CACD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { useSelector } from \"../../store\";\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\nimport { ExportProps } from \"./Export\";\nimport { Button } from \"../common/Button\";\nimport { ProjectErrors } from \"./ProjectErrors\";\n\nexport type ExportZipProps = ExportProps;\n\nexport const ExportZip = (props: ExportZipProps) => {\n\tconst projectSettings = useSelector((store: RootState) => store.smartDesktopDesigner.projectInfo);\n\tconst projectErrors = useSelector((store: RootState) => store.smartDesktopDesigner.errors);\n\n\tconst [isZipping, setIsZipping] = useState(false);\n\tconst [isCopying, setIsCopying] = useState(false);\n\tconst [lastExportCount, setLastExportCount] = useState<number>(0);\n\tconst [lastExportTime, setLastExportTime] = useState<null \| string>(null);\n\tconst [lastExportError, setLastExportError] = useState<null \| string>(null);\n\n\treturn (\n\t\t<div className=\"export-method\">\n\t\t\t<div>\n\t\t\t\t<h2>Share your design</h2>\n\n\t\t\t\t<p>\n\t\t\t\t\tMuch more can be done to create powerful desktops. Share your design with your developer or IT team to take it\n\t\t\t\t\tfurther.\n\t\t\t\t</p>\n\t\t\t</div>\n\n\t\t\t<div className=\"export-method-actions\">\n\t\t\t\t{!isCopying ? (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"export-method-button\"\n\t\t\t\t\t\tdisabled={projectErrors.length > 0}\n\t\t\t\t\t\tfashion=\"secondary\"\n\t\t\t\t\t\ttext=\"Export to local seed project\"\n\t\t\t\t\t\tbuttonAttributes={{ \"data-target-upload-path\": \"\" }}\n\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\tsetIsCopying(true);\n\t\t\t\t\t\t\tsetLastExportError(null);\n\n\t\t\t\t\t\t\tprops\n\t\t\t\t\t\t\t\t.copyProjectFiles(projectSettings.name, e.currentTarget.dataset.targetUploadPath)\n\t\t\t\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\t\t\t\tsetLastExportError(error);\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t.then((files) => {\n\t\t\t\t\t\t\t\t\tsetLastExportTime(new Date().toLocaleTimeString());\n\n\t\t\t\t\t\t\t\t\tif (files) {\n\t\t\t\t\t\t\t\t\t\tsetLastExportCount(files.length);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t.finally(() => {\n\t\t\t\t\t\t\t\t\tsetIsCopying(false);\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<div>Exporting to seed project...</div>\n\t\t\t\t)}\n\t\t\t\t{lastExportTime !== null && lastExportCount > 0 && (\n\t\t\t\t\t<span className=\"last-export-time\">\n\t\t\t\t\t\t<FinsembleIcon className=\"last-export-time-icon\" icon=\"check\"></FinsembleIcon>\n\t\t\t\t\t\tExported {lastExportCount} files at {lastExportTime}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t{lastExportError !== null && <span className=\"last-export-error\">{lastExportError}</span>}\n\t\t\t\t{/* <button type=\"submit\">Share to Github</button> */}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"]}

package/react/components/smartDesktopDesigner/GettingStarted.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GettingStarted.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/GettingStarted.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAIxF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC5D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,OAAO,CACN,oBAAC,IAAI;QACJ,oBAAC,MAAM,IACN,YAAY,EAAE,GAAG,EAAE;gBAClB,kBAAkB,CAAC,oBAAoB,CAAC,CAAC;YAC1C,CAAC,YAGO;QAET,oBAAC,OAAO;YACP,mJAGI;YAEJ,6MAGI;YAEJ,6BAAK,SAAS,EAAC,yBAAyB;gBACvC,oBAAC,UAAU,IACV,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EAAE;wBACb,QAAQ,CAAC,2BAA2B,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC;wBAC/D,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC;wBAClE,QAAQ,CAAC,2BAA2B,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;wBAC/E,QAAQ,CAAC,2BAA2B,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC;oBACpE,CAAC,GACA;gBAEF,oBAAC,UAAU,IACV,SAAS,EAAC,YAAY,EACtB,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,GAAG,EAAE;wBACb,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;oBAC7D,CAAC,GACA;gBAEF,oBAAC,UAAU,IACV,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,iBAAiB,EACtB,OAAO,EAAE,GAAG,EAAE;wBACb,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;oBAC7D,CAAC,GACA;gBAEF,oBAAC,UAAU,IACV,SAAS,EAAC,qBAAqB,EAC/B,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,uBAAuB,EAC5B,OAAO,EAAE,GAAG,EAAE;wBACb,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC;oBACrE,CAAC,GACA,CACG,CACG,CACJ,CACP,CAAC;AACH,CAAC,CAAC","sourcesContent":["/!\r\n Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { useDispatch } from \"../../store\";\r\nimport { Header } from \"../common/Header\";\r\nimport { ButtonTile } from \"../common/ButtonTile\";\r\nimport { View } from \"./View\";\r\nimport { Content } from \"./Content\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\n\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\n\r\nexport type GettingStartedProps = {};\r\n\r\nexport const GettingStarted = (props: GettingStartedProps) => {\r\n\tconst dispatch = useDispatch();\r\n\r\n\treturn (\r\n\t\t<View>\r\n\t\t\t<Header\r\n\t\t\t\thelpFunction={() => {\r\n\t\t\t\t\tlaunchTutorialLink(\"building-a-desktop\");\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\tBegin\r\n\t\t\t</Header>\r\n\r\n\t\t\t<Content>\r\n\t\t\t\t<p>\r\n\t\t\t\t\tUse these tools to quickly create a smart desktop for your end users. Add apps and customize the user\r\n\t\t\t\t\texperience.\r\n\t\t\t\t</p>\r\n\r\n\t\t\t\t<p>\r\n\t\t\t\t\tAfter you design your desktop, you can publish it to your desktop and share it with others. You can also\r\n\t\t\t\t\texport the project for additional development by a technical team.\r\n\t\t\t\t</p>\r\n\r\n\t\t\t\t<div className=\"getting-started-actions\">\r\n\t\t\t\t\t<ButtonTile\r\n\t\t\t\t\t\tclassName=\"icon-application\"\r\n\t\t\t\t\t\ticon=\"window\"\r\n\t\t\t\t\t\ttext=\"Add apps\"\r\n\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.set_current_app_id(null));\r\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(\"applications\"));\r\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.new_app(new Date().getTime().toString()));\r\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.set_is_getting_started(true));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t<ButtonTile\r\n\t\t\t\t\t\tclassName=\"icon-theme\"\r\n\t\t\t\t\t\ticon=\"paint-roller\"\r\n\t\t\t\t\t\ttext=\"Edit theme\"\r\n\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(\"themes\"));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t<ButtonTile\r\n\t\t\t\t\t\tclassName=\"icon-publish\"\r\n\t\t\t\t\t\ticon=\"upload\"\r\n\t\t\t\t\t\ttext=\"Publish desktop\"\r\n\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(\"export\"));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t<ButtonTile\r\n\t\t\t\t\t\tclassName=\"icon-authentication\"\r\n\t\t\t\t\t\ticon=\"key\"\r\n\t\t\t\t\t\ttext=\"Set up authentication\"\r\n\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(\"authentication\"));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</Content>\r\n\t\t</View>\r\n\t);\r\n};\r\n"]}
1	+ {"version":3,"file":"GettingStarted.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/GettingStarted.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAIxF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC5D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,OAAO,CACN,oBAAC,IAAI;QACJ,oBAAC,MAAM,IACN,YAAY,EAAE,GAAG,EAAE;gBAClB,kBAAkB,CAAC,oBAAoB,CAAC,CAAC;YAC1C,CAAC,YAGO;QAET,oBAAC,OAAO;YACP,mJAGI;YAEJ,6MAGI;YAEJ,6BAAK,SAAS,EAAC,yBAAyB;gBACvC,oBAAC,UAAU,IACV,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EAAE;wBACb,QAAQ,CAAC,2BAA2B,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC;wBAC/D,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC;wBAClE,QAAQ,CAAC,2BAA2B,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;wBAC/E,QAAQ,CAAC,2BAA2B,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC;oBACpE,CAAC,GACA;gBAEF,oBAAC,UAAU,IACV,SAAS,EAAC,YAAY,EACtB,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,GAAG,EAAE;wBACb,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;oBAC7D,CAAC,GACA;gBAEF,oBAAC,UAAU,IACV,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,iBAAiB,EACtB,OAAO,EAAE,GAAG,EAAE;wBACb,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;oBAC7D,CAAC,GACA;gBAEF,oBAAC,UAAU,IACV,SAAS,EAAC,qBAAqB,EAC/B,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,uBAAuB,EAC5B,OAAO,EAAE,GAAG,EAAE;wBACb,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC;oBACrE,CAAC,GACA,CACG,CACG,CACJ,CACP,CAAC;AACH,CAAC,CAAC","sourcesContent":["/!\n Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React from \"react\";\nimport { useDispatch } from \"../../store\";\nimport { Header } from \"../common/Header\";\nimport { ButtonTile } from \"../common/ButtonTile\";\nimport { View } from \"./View\";\nimport { Content } from \"./Content\";\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\n\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\n\nexport type GettingStartedProps = {};\n\nexport const GettingStarted = (props: GettingStartedProps) => {\n\tconst dispatch = useDispatch();\n\n\treturn (\n\t\t<View>\n\t\t\t<Header\n\t\t\t\thelpFunction={() => {\n\t\t\t\t\tlaunchTutorialLink(\"building-a-desktop\");\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\tBegin\n\t\t\t</Header>\n\n\t\t\t<Content>\n\t\t\t\t<p>\n\t\t\t\t\tUse these tools to quickly create a smart desktop for your end users. Add apps and customize the user\n\t\t\t\t\texperience.\n\t\t\t\t</p>\n\n\t\t\t\t<p>\n\t\t\t\t\tAfter you design your desktop, you can publish it to your desktop and share it with others. You can also\n\t\t\t\t\texport the project for additional development by a technical team.\n\t\t\t\t</p>\n\n\t\t\t\t<div className=\"getting-started-actions\">\n\t\t\t\t\t<ButtonTile\n\t\t\t\t\t\tclassName=\"icon-application\"\n\t\t\t\t\t\ticon=\"window\"\n\t\t\t\t\t\ttext=\"Add apps\"\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.set_current_app_id(null));\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(\"applications\"));\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.new_app(new Date().getTime().toString()));\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.set_is_getting_started(true));\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<ButtonTile\n\t\t\t\t\t\tclassName=\"icon-theme\"\n\t\t\t\t\t\ticon=\"paint-roller\"\n\t\t\t\t\t\ttext=\"Edit theme\"\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(\"themes\"));\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<ButtonTile\n\t\t\t\t\t\tclassName=\"icon-publish\"\n\t\t\t\t\t\ticon=\"upload\"\n\t\t\t\t\t\ttext=\"Publish desktop\"\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(\"export\"));\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<ButtonTile\n\t\t\t\t\t\tclassName=\"icon-authentication\"\n\t\t\t\t\t\ticon=\"key\"\n\t\t\t\t\t\ttext=\"Set up authentication\"\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(\"authentication\"));\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</Content>\n\t\t</View>\n\t);\n};\n"]}

package/react/components/smartDesktopDesigner/Navigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Navigation.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAGvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAExF,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAM5C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACpD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAClG,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IACpF,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAE1G,IAAI,aAAa,KAAK,IAAI,EAAE;QAC3B,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KAC/D;IAID,OAAO,CACN,4BAAI,SAAS,EAAC,KAAK,IACjB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpB,4BAAI,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,KAAK,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QAC/F,2BACC,EAAE,EAAE,GAAG,IAAI,CAAC,EAAE,WAAW,EACzB,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;YAC5D,CAAC;YAEA,iBAAiB;gBACjB,IAAI,CAAC,EAAE,KAAK,QAAQ;gBACpB,MAAM;qBACJ,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,EAAE,CAAC;qBAC3C,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACtB,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,gBAAgB;oBAC1C,oBAAC,OAAO,IAAC,IAAI,EAAC,MAAM,IAAE,KAAK,CAAC,OAAO,CAAW,CACzC,CACN,CAAC;YACJ,oBAAC,aAAa,IAAC,SAAS,EAAC,UAAU,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAkB;YACrE,6BAAK,SAAS,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAQ;YACxD,IAAI,CAAC,IAAI,CACP,CACA,CACL,CAAC,CACE,CACL,CAAC;AACH,CAAC,CAAC","sourcesContent":["/!\r\n Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { useSelector, useDispatch } from \"../../store\";\r\n\r\nimport { ViewInfo } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport \"./css/nav.css\";\r\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\r\nimport { Tooltip } from \"../common/Tooltip\";\r\n\r\nexport type NavigationProps = {\r\n\tviews: ViewInfo[];\r\n};\r\n\r\nexport const Navigation = (props: NavigationProps) => {\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst { views } = props;\r\n\r\n\tconst currentViewId = useSelector((state: RootState) => state.smartDesktopDesigner.currentViewId);\r\n\tconst errors = useSelector((state: RootState) => state.smartDesktopDesigner.errors);\r\n\tconst isReviewingErrors = useSelector((state: RootState) => state.smartDesktopDesigner.isReviewingErrors);\r\n\r\n\tif (currentViewId === null) {\r\n\t\tdispatch(SmartDesktopDesignerActions.change_view(views[0].id));\r\n\t}\r\n\r\n\t// const currentView = views.filter(view => view.id === currentViewId)[0] \|\| views[0];\r\n\r\n\treturn (\r\n\t\t<ul className=\"nav\">\r\n\t\t\t{views.map((view) => (\r\n\t\t\t\t<li key={view.name} className={[\"nav-item\", view.id === currentViewId ? \"active\" : \"\"].join(\" \")}>\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\tid={`${view.id}-nav-link`}\r\n\t\t\t\t\t\thref=\"#\"\r\n\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(view.id));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{isReviewingErrors &&\r\n\t\t\t\t\t\t\tview.id !== \"export\" &&\r\n\t\t\t\t\t\t\terrors\r\n\t\t\t\t\t\t\t\t.filter((error) => error.viewId === view.id)\r\n\t\t\t\t\t\t\t\t.map((error, index) => (\r\n\t\t\t\t\t\t\t\t\t<div key={index} className=\"nav-error-icon\">\r\n\t\t\t\t\t\t\t\t\t\t<Tooltip type=\"warn\">{error.message}</Tooltip>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t<FinsembleIcon className=\"nav-icon\" icon={view.icon}></FinsembleIcon>\r\n\t\t\t\t\t\t<div className={[\"nav-icon\", view.icon].join(\" \")}></div>\r\n\t\t\t\t\t\t{view.name}\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</li>\r\n\t\t\t))}\r\n\t\t</ul>\r\n\t);\r\n};\r\n"]}
1	+ {"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Navigation.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAGvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAExF,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAM5C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACpD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAClG,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IACpF,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAE1G,IAAI,aAAa,KAAK,IAAI,EAAE;QAC3B,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KAC/D;IAID,OAAO,CACN,4BAAI,SAAS,EAAC,KAAK,IACjB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpB,4BAAI,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,KAAK,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QAC/F,2BACC,EAAE,EAAE,GAAG,IAAI,CAAC,EAAE,WAAW,EACzB,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;YAC5D,CAAC;YAEA,iBAAiB;gBACjB,IAAI,CAAC,EAAE,KAAK,QAAQ;gBACpB,MAAM;qBACJ,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,EAAE,CAAC;qBAC3C,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACtB,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,gBAAgB;oBAC1C,oBAAC,OAAO,IAAC,IAAI,EAAC,MAAM,IAAE,KAAK,CAAC,OAAO,CAAW,CACzC,CACN,CAAC;YACJ,oBAAC,aAAa,IAAC,SAAS,EAAC,UAAU,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAkB;YACrE,6BAAK,SAAS,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAQ;YACxD,IAAI,CAAC,IAAI,CACP,CACA,CACL,CAAC,CACE,CACL,CAAC;AACH,CAAC,CAAC","sourcesContent":["/!\n Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React from \"react\";\nimport { useSelector, useDispatch } from \"../../store\";\n\nimport { ViewInfo } from \"../../types/smartDesktopDesignerTypes\";\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport \"./css/nav.css\";\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\nimport { Tooltip } from \"../common/Tooltip\";\n\nexport type NavigationProps = {\n\tviews: ViewInfo[];\n};\n\nexport const Navigation = (props: NavigationProps) => {\n\tconst dispatch = useDispatch();\n\n\tconst { views } = props;\n\n\tconst currentViewId = useSelector((state: RootState) => state.smartDesktopDesigner.currentViewId);\n\tconst errors = useSelector((state: RootState) => state.smartDesktopDesigner.errors);\n\tconst isReviewingErrors = useSelector((state: RootState) => state.smartDesktopDesigner.isReviewingErrors);\n\n\tif (currentViewId === null) {\n\t\tdispatch(SmartDesktopDesignerActions.change_view(views[0].id));\n\t}\n\n\t// const currentView = views.filter(view => view.id === currentViewId)[0] \|\| views[0];\n\n\treturn (\n\t\t<ul className=\"nav\">\n\t\t\t{views.map((view) => (\n\t\t\t\t<li key={view.name} className={[\"nav-item\", view.id === currentViewId ? \"active\" : \"\"].join(\" \")}>\n\t\t\t\t\t<a\n\t\t\t\t\t\tid={`${view.id}-nav-link`}\n\t\t\t\t\t\thref=\"#\"\n\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(view.id));\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{isReviewingErrors &&\n\t\t\t\t\t\t\tview.id !== \"export\" &&\n\t\t\t\t\t\t\terrors\n\t\t\t\t\t\t\t\t.filter((error) => error.viewId === view.id)\n\t\t\t\t\t\t\t\t.map((error, index) => (\n\t\t\t\t\t\t\t\t\t<div key={index} className=\"nav-error-icon\">\n\t\t\t\t\t\t\t\t\t\t<Tooltip type=\"warn\">{error.message}</Tooltip>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t<FinsembleIcon className=\"nav-icon\" icon={view.icon}></FinsembleIcon>\n\t\t\t\t\t\t<div className={[\"nav-icon\", view.icon].join(\" \")}></div>\n\t\t\t\t\t\t{view.name}\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t))}\n\t\t</ul>\n\t);\n};\n"]}

package/react/components/smartDesktopDesigner/ProjectErrors.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectErrors.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ProjectErrors.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAExF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,0BAA0B,CAAC;AAMlC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAC1D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAE1G,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,iBAAiB,EAAE;YACvB,QAAQ,CAAC,2BAA2B,CAAC,4BAA4B,CAAC,IAAI,CAAC,CAAC,CAAC;SACzE;IACF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,6BAAK,SAAS,EAAC,0BAA0B,IACvC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,6BACC,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,eAAe,EACzB,OAAO,EAAE,GAAG,EAAE;YACb,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;QACjE,CAAC;QAED,oBAAC,aAAa,IAAC,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAC,oBAAoB,GAAiB;QACvF,KAAK,CAAC,OAAO,CACT,CACN,CAAC,CACG,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["/!\r\n Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React, { useEffect } from \"react\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { useDispatch, useSelector } from \"../../store\";\r\nimport { ProjectError } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\r\n\r\nimport \"./css/project-errors.css\";\r\n\r\nexport type ProjectErrorsProps = {\r\n\terrors: ProjectError[];\r\n};\r\n\r\nexport const ProjectErrors = (props: ProjectErrorsProps) => {\r\n\tconst dispatch = useDispatch();\r\n\tconst { errors } = props;\r\n\r\n\tconst isReviewingErrors = useSelector((state: RootState) => state.smartDesktopDesigner.isReviewingErrors);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (!isReviewingErrors) {\r\n\t\t\tdispatch(SmartDesktopDesignerActions.set_reviewing_project_errors(true));\r\n\t\t}\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<div className=\"project-errors-container\">\r\n\t\t\t{errors.map((error, index) => (\r\n\t\t\t\t<div\r\n\t\t\t\t\tkey={index}\r\n\t\t\t\t\tclassName=\"project-error\"\r\n\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(error.viewId));\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t<FinsembleIcon className=\"project-error-icon\" icon=\"exclamation-circle\"></FinsembleIcon>\r\n\t\t\t\t\t{error.message}\r\n\t\t\t\t</div>\r\n\t\t\t))}\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
1	+ {"version":3,"file":"ProjectErrors.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ProjectErrors.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAExF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,0BAA0B,CAAC;AAMlC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAC1D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAE1G,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,iBAAiB,EAAE;YACvB,QAAQ,CAAC,2BAA2B,CAAC,4BAA4B,CAAC,IAAI,CAAC,CAAC,CAAC;SACzE;IACF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,6BAAK,SAAS,EAAC,0BAA0B,IACvC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,6BACC,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,eAAe,EACzB,OAAO,EAAE,GAAG,EAAE;YACb,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;QACjE,CAAC;QAED,oBAAC,aAAa,IAAC,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAC,oBAAoB,GAAiB;QACvF,KAAK,CAAC,OAAO,CACT,CACN,CAAC,CACG,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["/!\n Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React, { useEffect } from \"react\";\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { useDispatch, useSelector } from \"../../store\";\nimport { ProjectError } from \"../../types/smartDesktopDesignerTypes\";\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\n\nimport \"./css/project-errors.css\";\n\nexport type ProjectErrorsProps = {\n\terrors: ProjectError[];\n};\n\nexport const ProjectErrors = (props: ProjectErrorsProps) => {\n\tconst dispatch = useDispatch();\n\tconst { errors } = props;\n\n\tconst isReviewingErrors = useSelector((state: RootState) => state.smartDesktopDesigner.isReviewingErrors);\n\n\tuseEffect(() => {\n\t\tif (!isReviewingErrors) {\n\t\t\tdispatch(SmartDesktopDesignerActions.set_reviewing_project_errors(true));\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t<div className=\"project-errors-container\">\n\t\t\t{errors.map((error, index) => (\n\t\t\t\t<div\n\t\t\t\t\tkey={index}\n\t\t\t\t\tclassName=\"project-error\"\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(error.viewId));\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<FinsembleIcon className=\"project-error-icon\" icon=\"exclamation-circle\"></FinsembleIcon>\n\t\t\t\t\t{error.message}\n\t\t\t\t</div>\n\t\t\t))}\n\t\t</div>\n\t);\n};\n"]}

package/react/components/smartDesktopDesigner/ProjectHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectHeader.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ProjectHeader.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\n\r\nimport AutosizeInput from \"react-input-autosize\";\r\nimport { Button } from \"../common/Button\";\r\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { useDispatch, useSelector } from \"../../store\";\r\nimport { ProjectError } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { Tooltip } from \"../common/Tooltip\";\r\nimport \"./css/project-header.css\";\r\nimport { ButtonIcon } from \"../common/ButtonIcon\";\r\n\r\nexport type ProjectHeaderProps = {\r\n\tonSaveProjectName: Function;\r\n\tprojectName: string;\r\n\tprojectPath: string;\r\n\tselectProjectPath: typeof FSBL.Clients.SmartDesktopClient.prototype.selectProjectPath;\r\n\tonSaveProjectPath: Function;\r\n};\r\n\r\nconst INVALID_NAME_ERROR: ProjectError = {\r\n\tviewId: \"export\",\r\n\tmessage: \"Invalid project name\",\r\n};\r\n\r\nexport const ProjectHeader = ({\r\n\tprojectName = \"\",\r\n\tprojectPath = \"\",\r\n\tonSaveProjectName,\r\n\tselectProjectPath,\r\n\tonSaveProjectPath,\r\n}: ProjectHeaderProps) => {\r\n\tconst projectSettings = useSelector((store: RootState) => store.smartDesktopDesigner.projectInfo);\r\n\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst [isEditingProjectName, setIsEditingProjectName] = useState(false);\r\n\tconst [tmpProjectName, setTmpProjectName] = useState(projectName);\r\n\r\n\tconst isProjectNameValid = FSBL.Clients.SmartDesktopClient.checkValidProjectName(tmpProjectName);\r\n\tconst error = useSelector((state: RootState) =>\r\n\t\tstate.smartDesktopDesigner.errors.find((err) => err.viewId === \"export\")\r\n\t);\r\n\tconst isReviewingErrors = useSelector((state: RootState) => state.smartDesktopDesigner.isReviewingErrors);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (isProjectNameValid) {\r\n\t\t\tdispatch(SmartDesktopDesignerActions.delete_project_error(INVALID_NAME_ERROR));\r\n\t\t} else {\r\n\t\t\tdispatch(SmartDesktopDesignerActions.set_project_error(INVALID_NAME_ERROR));\r\n\t\t}\r\n\t});\r\n\r\n\treturn (\r\n\t\t<form\r\n\t\t\tclassName={[\r\n\t\t\t\t\"project-header\",\r\n\t\t\t\tisEditingProjectName ? \"is-editing-project-name\" : \"\",\r\n\t\t\t\tisProjectNameValid ? \"\" : \"is-invalid-project-name\",\r\n\t\t\t].join(\" \")}\r\n\t\t\tonSubmit={(e) => {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t}}\r\n\t\t>\r\n\t\t\t{isReviewingErrors && !isProjectNameValid && error && (\r\n\t\t\t\t<div className=\"project-name-error-icon\">\r\n\t\t\t\t\t<Tooltip type=\"warn\">{error.message}</Tooltip>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t\t{/ <div className=\"project-title-icon\"></div> */}\r\n\t\t\t<div\r\n\t\t\t\tclassName=\"project-name-container\"\r\n\t\t\t\taria-label=\"Project Name\"\r\n\t\t\t\tonClick={() => {\r\n\t\t\t\t\tsetIsEditingProjectName(true);\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<AutosizeInput\r\n\t\t\t\t\tclassName=\"project-name-field\"\r\n\t\t\t\t\tid=\"project-name\"\r\n\t\t\t\t\tname=\"project-name\"\r\n\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\tplaceholder=\"Untitled\"\r\n\t\t\t\t\tvalue={tmpProjectName}\r\n\t\t\t\t\tstyle={{ fontSize: 14 }}\r\n\t\t\t\t\tonInput={(e: React.ChangeEvent<HTMLInputElement>) => {\r\n\t\t\t\t\t\tsetTmpProjectName(e.target.value);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\tif (e.key === \"Enter\") {\r\n\t\t\t\t\t\t\te.currentTarget.blur();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonBlur={() => {\r\n\t\t\t\t\t\tif (isProjectNameValid) {\r\n\t\t\t\t\t\t\tonSaveProjectName(tmpProjectName);\r\n\t\t\t\t\t\t\tsetIsEditingProjectName(false);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div\r\n\t\t\t\tclassName=\"project-path-container\"\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\tconst path = e.currentTarget.dataset.targetUploadPath;\r\n\r\n\t\t\t\t\tif (path) {\r\n\t\t\t\t\t\tonSaveProjectPath(path);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tselectProjectPath().then((selectedProjectPath: string) => {\r\n\t\t\t\t\t\t\tonSaveProjectPath(selectedProjectPath);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<ButtonIcon\r\n\t\t\t\t\ttext=\"Change path\"\r\n\t\t\t\t\ticon=\"folder\"\r\n\t\t\t\t\tbuttonAttributes={{ \"data-target-upload-path\": \"\" }}\r\n\t\t\t\t\tclassName=\"change-project-path-button\"\r\n\t\t\t\t/>\r\n\t\t\t\t<div className=\"current-project-path\">{projectSettings.path}</div>\r\n\t\t\t</div>\r\n\t\t</form>\r\n\t);\r\n};\r\n"]}
1	+ {"version":3,"file":"ProjectHeader.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ProjectHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["/!\n Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n /\n\nimport React, { useEffect, useState } from \"react\";\n\nimport AutosizeInput from \"react-input-autosize\";\nimport { Button } from \"../common/Button\";\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { useDispatch, useSelector } from \"../../store\";\nimport { ProjectError } from \"../../types/smartDesktopDesignerTypes\";\nimport { Tooltip } from \"../common/Tooltip\";\nimport \"./css/project-header.css\";\nimport { ButtonIcon } from \"../common/ButtonIcon\";\n\nexport type ProjectHeaderProps = {\n\tonSaveProjectName: Function;\n\tprojectName: string;\n\tprojectPath: string;\n\tselectProjectPath: typeof FSBL.Clients.SmartDesktopClient.prototype.selectProjectPath;\n\tonSaveProjectPath: Function;\n};\n\nconst INVALID_NAME_ERROR: ProjectError = {\n\tviewId: \"export\",\n\tmessage: \"Invalid project name\",\n};\n\nexport const ProjectHeader = ({\n\tprojectName = \"\",\n\tprojectPath = \"\",\n\tonSaveProjectName,\n\tselectProjectPath,\n\tonSaveProjectPath,\n}: ProjectHeaderProps) => {\n\tconst projectSettings = useSelector((store: RootState) => store.smartDesktopDesigner.projectInfo);\n\n\tconst dispatch = useDispatch();\n\n\tconst [isEditingProjectName, setIsEditingProjectName] = useState(false);\n\tconst [tmpProjectName, setTmpProjectName] = useState(projectName);\n\n\tconst isProjectNameValid = FSBL.Clients.SmartDesktopClient.checkValidProjectName(tmpProjectName);\n\tconst error = useSelector((state: RootState) =>\n\t\tstate.smartDesktopDesigner.errors.find((err) => err.viewId === \"export\")\n\t);\n\tconst isReviewingErrors = useSelector((state: RootState) => state.smartDesktopDesigner.isReviewingErrors);\n\n\tuseEffect(() => {\n\t\tif (isProjectNameValid) {\n\t\t\tdispatch(SmartDesktopDesignerActions.delete_project_error(INVALID_NAME_ERROR));\n\t\t} else {\n\t\t\tdispatch(SmartDesktopDesignerActions.set_project_error(INVALID_NAME_ERROR));\n\t\t}\n\t});\n\n\treturn (\n\t\t<form\n\t\t\tclassName={[\n\t\t\t\t\"project-header\",\n\t\t\t\tisEditingProjectName ? \"is-editing-project-name\" : \"\",\n\t\t\t\tisProjectNameValid ? \"\" : \"is-invalid-project-name\",\n\t\t\t].join(\" \")}\n\t\t\tonSubmit={(e) => {\n\t\t\t\te.preventDefault();\n\t\t\t}}\n\t\t>\n\t\t\t{isReviewingErrors && !isProjectNameValid && error && (\n\t\t\t\t<div className=\"project-name-error-icon\">\n\t\t\t\t\t<Tooltip type=\"warn\">{error.message}</Tooltip>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{/ <div className=\"project-title-icon\"></div> */}\n\t\t\t<div\n\t\t\t\tclassName=\"project-name-container\"\n\t\t\t\taria-label=\"Project Name\"\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetIsEditingProjectName(true);\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<AutosizeInput\n\t\t\t\t\tclassName=\"project-name-field\"\n\t\t\t\t\tid=\"project-name\"\n\t\t\t\t\tname=\"project-name\"\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tplaceholder=\"Untitled\"\n\t\t\t\t\tvalue={tmpProjectName}\n\t\t\t\t\tstyle={{ fontSize: 14 }}\n\t\t\t\t\tonInput={(e: React.ChangeEvent<HTMLInputElement>) => {\n\t\t\t\t\t\tsetTmpProjectName(e.target.value);\n\t\t\t\t\t}}\n\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\tif (e.key === \"Enter\") {\n\t\t\t\t\t\t\te.currentTarget.blur();\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tonBlur={() => {\n\t\t\t\t\t\tif (isProjectNameValid) {\n\t\t\t\t\t\t\tonSaveProjectName(tmpProjectName);\n\t\t\t\t\t\t\tsetIsEditingProjectName(false);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tclassName=\"project-path-container\"\n\t\t\t\tonClick={(e) => {\n\t\t\t\t\tconst path = e.currentTarget.dataset.targetUploadPath;\n\n\t\t\t\t\tif (path) {\n\t\t\t\t\t\tonSaveProjectPath(path);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tselectProjectPath().then((selectedProjectPath: string) => {\n\t\t\t\t\t\t\tonSaveProjectPath(selectedProjectPath);\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<ButtonIcon\n\t\t\t\t\ttext=\"Change path\"\n\t\t\t\t\ticon=\"folder\"\n\t\t\t\t\tbuttonAttributes={{ \"data-target-upload-path\": \"\" }}\n\t\t\t\t\tclassName=\"change-project-path-button\"\n\t\t\t\t/>\n\t\t\t\t<div className=\"current-project-path\">{projectSettings.path}</div>\n\t\t\t</div>\n\t\t</form>\n\t);\n};\n"]}

package/react/components/smartDesktopDesigner/Publish.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Publish.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Publish.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, { useState, useEffect } from \"react\";\r\nimport { PublishProgress } from \"./PublishProgress\";\r\nimport { ExportDeployInfo } from \"./ExportDeployInfo\";\r\nimport { Button } from \"../common/Button\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { useDispatch, useSelector } from \"../../store\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { ProgressState } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { ExportProps } from \"./Export\";\r\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\r\n\r\nexport type PublishProps = ExportProps;\r\n\r\nexport const Publish = (props: PublishProps) => {\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst [currentStep, setCurrentStep] = useState(\"\");\r\n\tconst [stepProgress, setStepProgress] = useState([] as Array<ProgressItem>);\r\n\r\n\tconst exportContext = useSelector((state: RootState) => state.smartDesktopDesigner.export);\r\n\r\n\tconst { deployInfo, publishError } = exportContext;\r\n\r\n\tconst tryAgain = () => {\r\n\t\tsetCurrentStep(\"\");\r\n\t\tsetStepProgress([]);\r\n\t\tdispatch(SmartDesktopDesignerActions.set_deploy_info(null));\r\n\t\tdispatch(SmartDesktopDesignerActions.set_publish_error(null));\r\n\r\n\t\tprops\r\n\t\t\t.publishToCosaicCloud()\r\n\t\t\t.then((currentDeployInfo) => dispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo)))\r\n\t\t\t.catch((error) => dispatch(SmartDesktopDesignerActions.set_publish_error(error)));\r\n\t};\r\n\r\n\tconst reset = () => {\r\n\t\tdispatch(SmartDesktopDesignerActions.set_is_publishing(false));\r\n\t\tdispatch(SmartDesktopDesignerActions.set_publish_error(null));\r\n\t};\r\n\r\n\tconst hasError = stepProgress.some((step) => step.state === ProgressState.Error);\r\n\r\n\tconst didFinish =\r\n\t\t(stepProgress.length > 0 &&\r\n\t\t\tstepProgress.every((step) => {\r\n\t\t\t\tif (step.state === ProgressState.Error) {\r\n\t\t\t\t\tdispatch(SmartDesktopDesignerActions.set_publish_error(step.error));\r\n\t\t\t\t}\r\n\t\t\t\treturn step.state === ProgressState.Finished;\r\n\t\t\t})) \|\|\r\n\t\thasError;\r\n\r\n\tuseEffect(() => {\r\n\t\tlet debounceTimeout: any = null;\r\n\t\tif (!didFinish) {\r\n\t\t\tdebounceTimeout = setInterval(() => {\r\n\t\t\t\tprops.getPublishProgress().then((data) => {\r\n\t\t\t\t\tsetCurrentStep(data.currentStep);\r\n\t\t\t\t\tsetStepProgress(Object.values(data.steps));\r\n\r\n\t\t\t\t\t// Finished! When the installer step reaches state \"Finished\"\r\n\t\t\t\t\tif (data.steps[\"cloud\"].state === ProgressState.Finished) {\r\n\t\t\t\t\t\t// dispatch(SmartDesktopDesignerActions.SET_IS_PUBLISHING(false));\r\n\t\t\t\t\t\tclearInterval(debounceTimeout);\r\n\t\t\t\t\t\treset();\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}, props.progressCheckInterval);\r\n\t\t}\r\n\r\n\t\treturn () => {\r\n\t\t\tif (debounceTimeout) {\r\n\t\t\t\tclearInterval(debounceTimeout);\r\n\t\t\t}\r\n\t\t};\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<div className=\"export-publish-container\">\r\n\t\t\t{publishError ? (\r\n\t\t\t\t<div className=\"export-publish-error\">\r\n\t\t\t\t\t<h3>Your project was not published</h3>\r\n\r\n\t\t\t\t\t<p>An error occurred while trying to publish.</p>\r\n\t\t\t\t\t<p className=\"export-publish-error-message\">"{publishError}"</p>\r\n\r\n\t\t\t\t\t<div className=\"export-error-actions\">\r\n\t\t\t\t\t\t<Button fashion=\"ghost\" text=\"Cancel\" onClick={reset} />\r\n\t\t\t\t\t\t<Button className=\"export-error-btn\" fashion=\"secondary\" text=\"Try again\" onClick={tryAgain} />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t) : (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<h2>Publishing...</h2>\r\n\r\n\t\t\t\t\t<div className={[\"export-publish-progress\", hasError ? \"export-publish-has-error\" : \"\"].join(\" \")}>\r\n\t\t\t\t\t\t{[\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tname: \"initialize\",\r\n\t\t\t\t\t\t\t\tdescription: \"Creating a location for the project\",\r\n\t\t\t\t\t\t\t\terror: \"Failed to create a location for the project\",\r\n\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\tname: \"zip\",\r\n\t\t\t\t\t\t\t\tdescription: \"Zipping project\",\r\n\t\t\t\t\t\t\t\terror: \"Failed to zip the project\",\r\n\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\tname: \"upload\",\r\n\t\t\t\t\t\t\t\tdescription: \"Uploading project\",\r\n\t\t\t\t\t\t\t\terror: \"Failed to upload the project\",\r\n\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\tname: \"cloud\",\r\n\t\t\t\t\t\t\t\tdescription: \"Creating installer and site\",\r\n\t\t\t\t\t\t\t\terror: \"Failed to publish\",\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t].map((step) => {\r\n\t\t\t\t\t\t\tlet data = stepProgress.find((item) => item.step === step.name);\r\n\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\tdata && (\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tkey={step.name}\r\n\t\t\t\t\t\t\t\t\t\tclassName={[\r\n\t\t\t\t\t\t\t\t\t\t\t\"publish-progress-container\",\r\n\t\t\t\t\t\t\t\t\t\t\tcurrentStep === step.name ? \"publish-current-step\" : \"\",\r\n\t\t\t\t\t\t\t\t\t\t].join(\" \")}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"publish-progress-icon\">\r\n\t\t\t\t\t\t\t\t\t\t\t{data.state === ProgressState.Started ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<PublishProgress {...data}></PublishProgress>\r\n\t\t\t\t\t\t\t\t\t\t\t) : data.state === ProgressState.NotStarted ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"publish-progress-pending\"></div>\r\n\t\t\t\t\t\t\t\t\t\t\t) : data.state === ProgressState.Error ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"publish-progress-error\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<FinsembleIcon className=\"publish-progress-error-icon\" icon=\"times\"></FinsembleIcon>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\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\t\t<div className=\"publish-progress-success\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<FinsembleIcon className=\"publish-progress-success-icon\" icon=\"check\"></FinsembleIcon>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\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</div>\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"publish-progress-text\">{data.error ? step.error : step.description}</div>\r\n\t\t\t\t\t\t\t\t\t</div>\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</div>\r\n\t\t\t\t\t{deployInfo && (\r\n\t\t\t\t\t\t<div className=\"export-publish-uploaded\">\r\n\t\t\t\t\t\t\t<h3>Project uploaded</h3>\r\n\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\tYour project has been uploaded to the cloud. It will take several minutes to generate an installer.\r\n\t\t\t\t\t\t\t\tShare the installer link with your team. The desktop you've created will be available shortly by\r\n\t\t\t\t\t\t\t\tdownloading and installing from the link.\r\n\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t<ExportDeployInfo />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</>\r\n\t\t\t)}\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
1	+ {"version":3,"file":"Publish.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Publish.tsx"],"names":[],"mappings":"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","sourcesContent":["/!\n Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React, { useState, useEffect } from \"react\";\nimport { PublishProgress } from \"./PublishProgress\";\nimport { ExportDeployInfo } from \"./ExportDeployInfo\";\nimport { Button } from \"../common/Button\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { useDispatch, useSelector } from \"../../store\";\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\nimport { ProgressState } from \"../../types/smartDesktopDesignerTypes\";\nimport { ExportProps } from \"./Export\";\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\n\nexport type PublishProps = ExportProps;\n\nexport const Publish = (props: PublishProps) => {\n\tconst dispatch = useDispatch();\n\n\tconst [currentStep, setCurrentStep] = useState(\"\");\n\tconst [stepProgress, setStepProgress] = useState([] as Array<ProgressItem>);\n\n\tconst exportContext = useSelector((state: RootState) => state.smartDesktopDesigner.export);\n\n\tconst { deployInfo, publishError } = exportContext;\n\n\tconst tryAgain = () => {\n\t\tsetCurrentStep(\"\");\n\t\tsetStepProgress([]);\n\t\tdispatch(SmartDesktopDesignerActions.set_deploy_info(null));\n\t\tdispatch(SmartDesktopDesignerActions.set_publish_error(null));\n\n\t\tprops\n\t\t\t.publishToCosaicCloud()\n\t\t\t.then((currentDeployInfo) => dispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo)))\n\t\t\t.catch((error) => dispatch(SmartDesktopDesignerActions.set_publish_error(error)));\n\t};\n\n\tconst reset = () => {\n\t\tdispatch(SmartDesktopDesignerActions.set_is_publishing(false));\n\t\tdispatch(SmartDesktopDesignerActions.set_publish_error(null));\n\t};\n\n\tconst hasError = stepProgress.some((step) => step.state === ProgressState.Error);\n\n\tconst didFinish =\n\t\t(stepProgress.length > 0 &&\n\t\t\tstepProgress.every((step) => {\n\t\t\t\tif (step.state === ProgressState.Error) {\n\t\t\t\t\tdispatch(SmartDesktopDesignerActions.set_publish_error(step.error));\n\t\t\t\t}\n\t\t\t\treturn step.state === ProgressState.Finished;\n\t\t\t})) \|\|\n\t\thasError;\n\n\tuseEffect(() => {\n\t\tlet debounceTimeout: any = null;\n\t\tif (!didFinish) {\n\t\t\tdebounceTimeout = setInterval(() => {\n\t\t\t\tprops.getPublishProgress().then((data) => {\n\t\t\t\t\tsetCurrentStep(data.currentStep);\n\t\t\t\t\tsetStepProgress(Object.values(data.steps));\n\n\t\t\t\t\t// Finished! When the installer step reaches state \"Finished\"\n\t\t\t\t\tif (data.steps[\"cloud\"].state === ProgressState.Finished) {\n\t\t\t\t\t\t// dispatch(SmartDesktopDesignerActions.SET_IS_PUBLISHING(false));\n\t\t\t\t\t\tclearInterval(debounceTimeout);\n\t\t\t\t\t\treset();\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}, props.progressCheckInterval);\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (debounceTimeout) {\n\t\t\t\tclearInterval(debounceTimeout);\n\t\t\t}\n\t\t};\n\t}, []);\n\n\treturn (\n\t\t<div className=\"export-publish-container\">\n\t\t\t{publishError ? (\n\t\t\t\t<div className=\"export-publish-error\">\n\t\t\t\t\t<h3>Your project was not published</h3>\n\n\t\t\t\t\t<p>An error occurred while trying to publish.</p>\n\t\t\t\t\t<p className=\"export-publish-error-message\">"{publishError}"</p>\n\n\t\t\t\t\t<div className=\"export-error-actions\">\n\t\t\t\t\t\t<Button fashion=\"ghost\" text=\"Cancel\" onClick={reset} />\n\t\t\t\t\t\t<Button className=\"export-error-btn\" fashion=\"secondary\" text=\"Try again\" onClick={tryAgain} />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<h2>Publishing...</h2>\n\n\t\t\t\t\t<div className={[\"export-publish-progress\", hasError ? \"export-publish-has-error\" : \"\"].join(\" \")}>\n\t\t\t\t\t\t{[\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tname: \"initialize\",\n\t\t\t\t\t\t\t\tdescription: \"Creating a location for the project\",\n\t\t\t\t\t\t\t\terror: \"Failed to create a location for the project\",\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tname: \"zip\",\n\t\t\t\t\t\t\t\tdescription: \"Zipping project\",\n\t\t\t\t\t\t\t\terror: \"Failed to zip the project\",\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tname: \"upload\",\n\t\t\t\t\t\t\t\tdescription: \"Uploading project\",\n\t\t\t\t\t\t\t\terror: \"Failed to upload the project\",\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tname: \"cloud\",\n\t\t\t\t\t\t\t\tdescription: \"Creating installer and site\",\n\t\t\t\t\t\t\t\terror: \"Failed to publish\",\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t].map((step) => {\n\t\t\t\t\t\t\tlet data = stepProgress.find((item) => item.step === step.name);\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\tdata && (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={step.name}\n\t\t\t\t\t\t\t\t\t\tclassName={[\n\t\t\t\t\t\t\t\t\t\t\t\"publish-progress-container\",\n\t\t\t\t\t\t\t\t\t\t\tcurrentStep === step.name ? \"publish-current-step\" : \"\",\n\t\t\t\t\t\t\t\t\t\t].join(\" \")}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div className=\"publish-progress-icon\">\n\t\t\t\t\t\t\t\t\t\t\t{data.state === ProgressState.Started ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<PublishProgress {...data}></PublishProgress>\n\t\t\t\t\t\t\t\t\t\t\t) : data.state === ProgressState.NotStarted ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"publish-progress-pending\"></div>\n\t\t\t\t\t\t\t\t\t\t\t) : data.state === ProgressState.Error ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"publish-progress-error\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<FinsembleIcon className=\"publish-progress-error-icon\" icon=\"times\"></FinsembleIcon>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"publish-progress-success\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<FinsembleIcon className=\"publish-progress-success-icon\" icon=\"check\"></FinsembleIcon>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div className=\"publish-progress-text\">{data.error ? step.error : step.description}</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t\t{deployInfo && (\n\t\t\t\t\t\t<div className=\"export-publish-uploaded\">\n\t\t\t\t\t\t\t<h3>Project uploaded</h3>\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\tYour project has been uploaded to the cloud. It will take several minutes to generate an installer.\n\t\t\t\t\t\t\t\tShare the installer link with your team. The desktop you've created will be available shortly by\n\t\t\t\t\t\t\t\tdownloading and installing from the link.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<ExportDeployInfo />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"]}

package/react/components/smartDesktopDesigner/PublishProgress.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PublishProgress.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/PublishProgress.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAM9E,MAAM,CAAC,MAAM,eAAe,GAAkD,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACtG,6BAAK,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;IAC3E,oBAAC,mBAAmB,IAKnB,KAAK,EAAE,eAAe,EACtB,WAAW,EAAE,EAAE,EACf,MAAM,EAAE,WAAW,CAAC;YACnB,sBAAsB,EAAE,GAAG;YAC3B,SAAS,EAAE,SAAS;YACpB,UAAU,EAAE,SAAS;YACrB,eAAe,EAAE,SAAS;SAC1B,CAAC,GACoB,CAClB,CACN,CAAC","sourcesContent":["/!\r\n Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\n\r\nimport { CircularProgressbar, buildStyles } from \"react-circular-progressbar\";\r\n\r\nexport type PublishProgressProps = {\r\n\tpercentComplete: number;\r\n};\r\n\r\nexport const PublishProgress: React.FunctionComponent<PublishProgressProps> = ({ percentComplete }) => (\r\n\t<div className=\"publish-progress-indicator\" style={{ width: 24, height: 24 }}>\r\n\t\t<CircularProgressbar\r\n\t\t\t// strokeWidth={24}\r\n\t\t\t// reduction={0}\r\n\t\t\t// hideBall={true}\r\n\t\t\t// progress={percentComplete}\r\n\t\t\tvalue={percentComplete}\r\n\t\t\tstrokeWidth={15}\r\n\t\t\tstyles={buildStyles({\r\n\t\t\t\tpathTransitionDuration: 0.5,\r\n\t\t\t\tpathColor: `#42a5ba`,\r\n\t\t\t\ttrailColor: \"#373b43\",\r\n\t\t\t\tbackgroundColor: \"#3e98c7\",\r\n\t\t\t})}\r\n\t\t></CircularProgressbar>\r\n\t</div>\r\n);\r\n"]}
1	+ {"version":3,"file":"PublishProgress.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/PublishProgress.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAM9E,MAAM,CAAC,MAAM,eAAe,GAAkD,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACtG,6BAAK,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;IAC3E,oBAAC,mBAAmB,IAKnB,KAAK,EAAE,eAAe,EACtB,WAAW,EAAE,EAAE,EACf,MAAM,EAAE,WAAW,CAAC;YACnB,sBAAsB,EAAE,GAAG;YAC3B,SAAS,EAAE,SAAS;YACpB,UAAU,EAAE,SAAS;YACrB,eAAe,EAAE,SAAS;SAC1B,CAAC,GACoB,CAClB,CACN,CAAC","sourcesContent":["/!\n Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React from \"react\";\n\nimport { CircularProgressbar, buildStyles } from \"react-circular-progressbar\";\n\nexport type PublishProgressProps = {\n\tpercentComplete: number;\n};\n\nexport const PublishProgress: React.FunctionComponent<PublishProgressProps> = ({ percentComplete }) => (\n\t<div className=\"publish-progress-indicator\" style={{ width: 24, height: 24 }}>\n\t\t<CircularProgressbar\n\t\t\t// strokeWidth={24}\n\t\t\t// reduction={0}\n\t\t\t// hideBall={true}\n\t\t\t// progress={percentComplete}\n\t\t\tvalue={percentComplete}\n\t\t\tstrokeWidth={15}\n\t\t\tstyles={buildStyles({\n\t\t\t\tpathTransitionDuration: 0.5,\n\t\t\t\tpathColor: `#42a5ba`,\n\t\t\t\ttrailColor: \"#373b43\",\n\t\t\t\tbackgroundColor: \"#3e98c7\",\n\t\t\t})}\n\t\t></CircularProgressbar>\n\t</div>\n);\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SmartDesktopDesigner.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/SmartDesktopDesigner.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\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):\r\n * \"SmartDesktop\", \"Smart Desktop\", \"SDD\", \"SDServer\", \"SMART_DESKTOP\"\r\n */\r\n\r\nimport React, { useState, useEffect, useRef } from \"react\";\r\nimport \"../../assets/css/finsemble.css\";\r\nimport \"./css/styles.css\";\r\n\r\nimport { Navigation } from \"./Navigation\";\r\nimport { CurrentView } from \"./CurrentView\";\r\nimport getCSSVars from \"./common/getCSSVars\";\r\n\r\nimport { ProjectHeader } from \"./ProjectHeader\";\r\nimport { SDServerInfo } from \"common/system\";\r\nimport { Button } from \"../common/Button\";\r\nimport { useSelector, useDispatch } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { ProjectSaveData } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\n\r\nimport FloatingFocus from \"@q42/floating-focus-a11y\";\r\n// The package FloatingFocus injects a focus indicator that moves around the page, but only for\r\n// keyboard users. (Mouse users don't see the indicator.) All that needs to be done is to envoke it.\r\nnew FloatingFocus();\r\n// If you want to make changes to the indicator, the styles are being maintained in assets/css/focus.css\r\n\r\ndeclare global {\r\n\tinterface Window {\r\n\t\tSmartDesktopClient: any;\r\n\t\tSmartDesktopDesigner: any;\r\n\t}\r\n}\r\n\r\ndeclare global {\r\n\tinterface Window {\r\n\t\tSmartDesktopClient: any;\r\n\t}\r\n}\r\n\r\nconst getDefaultTheme = () => {\r\n\tlet globalCssVars: any = {};\r\n\tconst docStyle = window.getComputedStyle(document.documentElement);\r\n\tgetCSSVars(document.styleSheets).forEach((varName: any) => {\r\n\t\tglobalCssVars[varName] = docStyle.getPropertyValue(varName).trim();\r\n\t});\r\n\r\n\t// In order to prevent the theme from affecting content of smartDesktopDesigner.tsx,\r\n\t// remove the sheet after reading variables\r\n\tconst themesheet = document.body.querySelector(\"#themesheet\");\r\n\tif (themesheet) {\r\n\t\tdocument.body.removeChild(themesheet);\r\n\t}\r\n\r\n\treturn globalCssVars;\r\n};\r\n\r\nlet themeConfig = {\r\n\tcurrentTheme: \"Default\",\r\n\tdefaultTheme: \"Default\",\r\n\tthemes: {\r\n\t\tDefault: getDefaultTheme(),\r\n\t},\r\n};\r\n\r\nexport type ThemeConfig = typeof themeConfig;\r\n\r\nexport type SmartDesktopDesignerProps = {\r\n\tviews: any[];\r\n\tgetConfig: typeof FSBL.Clients.ConfigClient.getValues;\r\n\tresetProject: typeof FSBL.Clients.SmartDesktopClient.prototype.resetProject;\r\n\tgetSDServerInfo: typeof FSBL.Clients.SmartDesktopClient.prototype.getSDServerInfo;\r\n\tgetProjectSettings: typeof FSBL.Clients.SmartDesktopClient.prototype.getProjectSettings;\r\n\tupdateProjectSettings: typeof FSBL.Clients.SmartDesktopClient.prototype.updateProjectSettings;\r\n\tonThemeUpdated: typeof FSBL.Clients.SmartDesktopClient.onThemeUpdated;\r\n\tselectProjectPath: typeof FSBL.Clients.SmartDesktopClient.prototype.selectProjectPath;\r\n\trestartFinsemble: () => void;\r\n};\r\n\r\nexport const SmartDesktopDesigner = (props: SmartDesktopDesignerProps) => {\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst { views } = props;\r\n\tconst [theme, setTheme] = useState(themeConfig);\r\n\tconst [sdServerInfo, setSDServerInfo] = useState({ enabled: false, applicationRoot: \"\" } as SDServerInfo);\r\n\r\n\tconst project = useSelector((state: RootState) => state.smartDesktopDesigner.projectInfo);\r\n\r\n\tconst setProject = (value: ProjectSaveData) => {\r\n\t\tdispatch(SmartDesktopDesignerActions.set_project_info(value));\r\n\t};\r\n\r\n\tconst themeListenerRef = useRef((addListenerErr: any, { data }: { data: any }) => {\r\n\t\tconst newTheme = { ...themeConfig };\r\n\t\tnewTheme.themes.Default = { ...newTheme.themes.Default };\r\n\r\n\t\tfor (let [key, value] of Object.entries(data)) {\r\n\t\t\tnewTheme.themes.Default[key] = value;\r\n\t\t}\r\n\t\tsetTheme(newTheme);\r\n\t});\r\n\r\n\t// Similar to componentDidMount and componentDidUpdate:\r\n\tuseEffect(() => {\r\n\t\tprops.getConfig(null, (err: any, newConfig: any) => {\r\n\t\t\tif (err) {\r\n\t\t\t\tFSBL.Clients.Logger.error(\"SmartDesktopDesigner\", err);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tprops.getProjectSettings().then((response) => {\r\n\t\t\t\tlet projectPath = project.path;\r\n\r\n\t\t\t\tif (response.settings?.path) {\r\n\t\t\t\t\tprojectPath = response.settings.path;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tprops.getSDServerInfo().then((jsInfo) => {\r\n\t\t\t\t\tif (!jsInfo.enabled) {\r\n\t\t\t\t\t\tFSBL.Clients.Logger.error(\r\n\t\t\t\t\t\t\t\"Smart Desktop Designer started without the Smart Desktop Server being enabled. Check FEA configuration.\"\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tFSBL.Clients.Logger.log(`DPS application root: ${jsInfo.applicationRoot}`);\r\n\t\t\t\t\t}\r\n\t\t\t\t\tFSBL.Clients.Logger.log(`DPS info: ${JSON.stringify(jsInfo)}`);\r\n\t\t\t\t\tFSBL.Clients.Logger.log(`NewConfig info: ${JSON.stringify(newConfig)}`);\r\n\r\n\t\t\t\t\tsetProject({\r\n\t\t\t\t\t\t...project,\r\n\t\t\t\t\t\tname: jsInfo?.projectConfig?.name \|\| \"\",\r\n\t\t\t\t\t\tpath: projectPath,\r\n\t\t\t\t\t\texport: {\r\n\t\t\t\t\t\t\t...project.export,\r\n\t\t\t\t\t\t\ttoolbarIcon: \"/assets/img/Finsemble_Toolbar_Icon.png\",\r\n\t\t\t\t\t\t\tinstallerIcon: \"/assets/img/installer_icon.ico\",\r\n\t\t\t\t\t\t\ttaskbarIcon: newConfig?.startup_app?.applicationIcon,\r\n\t\t\t\t\t\t\tsystemTrayIcon: newConfig?.finsemble?.systemTrayIcon,\r\n\t\t\t\t\t\t\tsplashScreenImage: newConfig?.splashScreenImage,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\t// This should be done last as its checked for initial rendering\r\n\t\t\t\t\t// Otherwise, inital values will be cached within states of sub components\r\n\t\t\t\t\t// \"Untitled Project\" will show as project.name since it will be \"\", e.g.\r\n\t\t\t\t\tsetSDServerInfo(jsInfo);\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tconst removeHandler = props.onThemeUpdated(themeListenerRef.current);\r\n\t\treturn () => {\r\n\t\t\tremoveHandler();\r\n\t\t};\r\n\t}, []);\r\n\r\n\tconst clickResetProjectButton = () => {\r\n\t\tconst resetProject = async () => {\r\n\t\t\tconst [err] = await props.resetProject();\r\n\t\t\tif (err) alert(`Project failed to reset: ${err.message}`);\r\n\t\t};\r\n\t\tFSBL.Clients.DialogManager.open(\r\n\t\t\t\"yesNo\",\r\n\t\t\t{\r\n\t\t\t\ttitle: \"Are you sure?\",\r\n\t\t\t\tquestion: `Your project will be set back to factory defaults. You will lose all customizations except the name of the project. Finsemble will then be restarted.`,\r\n\t\t\t\thideModalOnClose: true,\r\n\t\t\t\tshowNegativeButton: false,\r\n\t\t\t\taffirmativeResponseLabel: \"Reset Project\",\r\n\t\t\t},\r\n\t\t\t(err: any, response: { choice: string }) => {\r\n\t\t\t\tif (response.choice === \"affirmative\") {\r\n\t\t\t\t\tresetProject();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t);\r\n\t};\r\n\r\n\treturn sdServerInfo.enabled ? (\r\n\t\t<div className=\"config-container\">\r\n\t\t\t<ProjectHeader\r\n\t\t\t\tprojectName={project?.name === \"default\" ? \"\" : project?.name}\r\n\t\t\t\tonSaveProjectName={(name: string) => {\r\n\t\t\t\t\tprops.updateProjectSettings({ ...project, name: name }).then(({ err }) => {\r\n\t\t\t\t\t\tif (err) {\r\n\t\t\t\t\t\t\tFSBL.Clients.Logger.error(`ERROR updateProjectSettings: ${JSON.stringify(err)}`);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tsetProject({\r\n\t\t\t\t\t\t\t\t...project,\r\n\t\t\t\t\t\t\t\tname,\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}}\r\n\t\t\t\tprojectPath={project.path \|\| \"\"}\r\n\t\t\t\tselectProjectPath={props.selectProjectPath}\r\n\t\t\t\tonSaveProjectPath={(path: string) => {\r\n\t\t\t\t\tprops.updateProjectSettings({ ...project, path: path }).then(() => props.restartFinsemble());\r\n\t\t\t\t}}\r\n\t\t\t></ProjectHeader>\r\n\t\t\t<div className=\"project-container\">\r\n\t\t\t\t<div className=\"nav-container\">\r\n\t\t\t\t\t<Navigation views={views}></Navigation>\r\n\r\n\t\t\t\t\t<div className=\"bottom-nav-wrapper\">\r\n\t\t\t\t\t\t<div className=\"nav-anchor-reset\">\r\n\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\tfashion=\"danger ghost\"\r\n\t\t\t\t\t\t\t\ttext=\"Reset project\"\r\n\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\tclickResetProjectButton();\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</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div className=\"view-container\">\r\n\t\t\t\t\t<CurrentView views={views} theme={theme}></CurrentView>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t) : (\r\n\t\t<></>\r\n\t);\r\n};\r\n"]}
1	+ {"version":3,"file":"SmartDesktopDesigner.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/SmartDesktopDesigner.tsx"],"names":[],"mappings":"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","sourcesContent":["/!\n Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n /\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 */\n\nimport React, { useState, useEffect, useRef } from \"react\";\nimport \"../../assets/css/finsemble.css\";\nimport \"./css/styles.css\";\n\nimport { Navigation } from \"./Navigation\";\nimport { CurrentView } from \"./CurrentView\";\nimport getCSSVars from \"./common/getCSSVars\";\n\nimport { ProjectHeader } from \"./ProjectHeader\";\nimport { SDServerInfo } from \"common/system\";\nimport { Button } from \"../common/Button\";\nimport { useSelector, useDispatch } from \"../../store\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { ProjectSaveData } from \"../../types/smartDesktopDesignerTypes\";\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\n\nimport FloatingFocus from \"@q42/floating-focus-a11y\";\n// The package FloatingFocus injects a focus indicator that moves around the page, but only for\n// keyboard users. (Mouse users don't see the indicator.) All that needs to be done is to envoke it.\nnew FloatingFocus();\n// If you want to make changes to the indicator, the styles are being maintained in assets/css/focus.css\n\ndeclare global {\n\tinterface Window {\n\t\tSmartDesktopClient: any;\n\t\tSmartDesktopDesigner: any;\n\t}\n}\n\ndeclare global {\n\tinterface Window {\n\t\tSmartDesktopClient: any;\n\t}\n}\n\nconst getDefaultTheme = () => {\n\tlet globalCssVars: any = {};\n\tconst docStyle = window.getComputedStyle(document.documentElement);\n\tgetCSSVars(document.styleSheets).forEach((varName: any) => {\n\t\tglobalCssVars[varName] = docStyle.getPropertyValue(varName).trim();\n\t});\n\n\t// In order to prevent the theme from affecting content of smartDesktopDesigner.tsx,\n\t// remove the sheet after reading variables\n\tconst themesheet = document.body.querySelector(\"#themesheet\");\n\tif (themesheet) {\n\t\tdocument.body.removeChild(themesheet);\n\t}\n\n\treturn globalCssVars;\n};\n\nlet themeConfig = {\n\tcurrentTheme: \"Default\",\n\tdefaultTheme: \"Default\",\n\tthemes: {\n\t\tDefault: getDefaultTheme(),\n\t},\n};\n\nexport type ThemeConfig = typeof themeConfig;\n\nexport type SmartDesktopDesignerProps = {\n\tviews: any[];\n\tgetConfig: typeof FSBL.Clients.ConfigClient.getValues;\n\tresetProject: typeof FSBL.Clients.SmartDesktopClient.prototype.resetProject;\n\tgetSDServerInfo: typeof FSBL.Clients.SmartDesktopClient.prototype.getSDServerInfo;\n\tgetProjectSettings: typeof FSBL.Clients.SmartDesktopClient.prototype.getProjectSettings;\n\tupdateProjectSettings: typeof FSBL.Clients.SmartDesktopClient.prototype.updateProjectSettings;\n\tonThemeUpdated: typeof FSBL.Clients.SmartDesktopClient.onThemeUpdated;\n\tselectProjectPath: typeof FSBL.Clients.SmartDesktopClient.prototype.selectProjectPath;\n\trestartFinsemble: () => void;\n};\n\nexport const SmartDesktopDesigner = (props: SmartDesktopDesignerProps) => {\n\tconst dispatch = useDispatch();\n\n\tconst { views } = props;\n\tconst [theme, setTheme] = useState(themeConfig);\n\tconst [sdServerInfo, setSDServerInfo] = useState({ enabled: false, applicationRoot: \"\" } as SDServerInfo);\n\n\tconst project = useSelector((state: RootState) => state.smartDesktopDesigner.projectInfo);\n\n\tconst setProject = (value: ProjectSaveData) => {\n\t\tdispatch(SmartDesktopDesignerActions.set_project_info(value));\n\t};\n\n\tconst themeListenerRef = useRef((addListenerErr: any, { data }: { data: any }) => {\n\t\tconst newTheme = { ...themeConfig };\n\t\tnewTheme.themes.Default = { ...newTheme.themes.Default };\n\n\t\tfor (let [key, value] of Object.entries(data)) {\n\t\t\tnewTheme.themes.Default[key] = value;\n\t\t}\n\t\tsetTheme(newTheme);\n\t});\n\n\t// Similar to componentDidMount and componentDidUpdate:\n\tuseEffect(() => {\n\t\tprops.getConfig(null, (err: any, newConfig: any) => {\n\t\t\tif (err) {\n\t\t\t\tFSBL.Clients.Logger.error(\"SmartDesktopDesigner\", err);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tprops.getProjectSettings().then((response) => {\n\t\t\t\tlet projectPath = project.path;\n\n\t\t\t\tif (response.settings?.path) {\n\t\t\t\t\tprojectPath = response.settings.path;\n\t\t\t\t}\n\n\t\t\t\tprops.getSDServerInfo().then((jsInfo) => {\n\t\t\t\t\tif (!jsInfo.enabled) {\n\t\t\t\t\t\tFSBL.Clients.Logger.error(\n\t\t\t\t\t\t\t\"Smart Desktop Designer started without the Smart Desktop Server being enabled. Check FEA configuration.\"\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tFSBL.Clients.Logger.log(`DPS application root: ${jsInfo.applicationRoot}`);\n\t\t\t\t\t}\n\t\t\t\t\tFSBL.Clients.Logger.log(`DPS info: ${JSON.stringify(jsInfo)}`);\n\t\t\t\t\tFSBL.Clients.Logger.log(`NewConfig info: ${JSON.stringify(newConfig)}`);\n\n\t\t\t\t\tsetProject({\n\t\t\t\t\t\t...project,\n\t\t\t\t\t\tname: jsInfo?.projectConfig?.name \|\| \"\",\n\t\t\t\t\t\tpath: projectPath,\n\t\t\t\t\t\texport: {\n\t\t\t\t\t\t\t...project.export,\n\t\t\t\t\t\t\ttoolbarIcon: \"/assets/img/Finsemble_Toolbar_Icon.png\",\n\t\t\t\t\t\t\tinstallerIcon: \"/assets/img/installer_icon.ico\",\n\t\t\t\t\t\t\ttaskbarIcon: newConfig?.startup_app?.applicationIcon,\n\t\t\t\t\t\t\tsystemTrayIcon: newConfig?.finsemble?.systemTrayIcon,\n\t\t\t\t\t\t\tsplashScreenImage: newConfig?.splashScreenImage,\n\t\t\t\t\t\t},\n\t\t\t\t\t});\n\n\t\t\t\t\t// This should be done last as its checked for initial rendering\n\t\t\t\t\t// Otherwise, inital values will be cached within states of sub components\n\t\t\t\t\t// \"Untitled Project\" will show as project.name since it will be \"\", e.g.\n\t\t\t\t\tsetSDServerInfo(jsInfo);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\tconst removeHandler = props.onThemeUpdated(themeListenerRef.current);\n\t\treturn () => {\n\t\t\tremoveHandler();\n\t\t};\n\t}, []);\n\n\tconst clickResetProjectButton = () => {\n\t\tconst resetProject = async () => {\n\t\t\tconst [err] = await props.resetProject();\n\t\t\tif (err) alert(`Project failed to reset: ${err.message}`);\n\t\t};\n\t\tFSBL.Clients.DialogManager.open(\n\t\t\t\"yesNo\",\n\t\t\t{\n\t\t\t\ttitle: \"Are you sure?\",\n\t\t\t\tquestion: `Your project will be set back to factory defaults. You will lose all customizations except the name of the project. Finsemble will then be restarted.`,\n\t\t\t\thideModalOnClose: true,\n\t\t\t\tshowNegativeButton: false,\n\t\t\t\taffirmativeResponseLabel: \"Reset Project\",\n\t\t\t},\n\t\t\t(err: any, response: { choice: string }) => {\n\t\t\t\tif (response.choice === \"affirmative\") {\n\t\t\t\t\tresetProject();\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t};\n\n\treturn sdServerInfo.enabled ? (\n\t\t<div className=\"config-container\">\n\t\t\t<ProjectHeader\n\t\t\t\tprojectName={project?.name === \"default\" ? \"\" : project?.name}\n\t\t\t\tonSaveProjectName={(name: string) => {\n\t\t\t\t\tprops.updateProjectSettings({ ...project, name: name }).then(({ err }) => {\n\t\t\t\t\t\tif (err) {\n\t\t\t\t\t\t\tFSBL.Clients.Logger.error(`ERROR updateProjectSettings: ${JSON.stringify(err)}`);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetProject({\n\t\t\t\t\t\t\t\t...project,\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}}\n\t\t\t\tprojectPath={project.path \|\| \"\"}\n\t\t\t\tselectProjectPath={props.selectProjectPath}\n\t\t\t\tonSaveProjectPath={(path: string) => {\n\t\t\t\t\tprops.updateProjectSettings({ ...project, path: path }).then(() => props.restartFinsemble());\n\t\t\t\t}}\n\t\t\t></ProjectHeader>\n\t\t\t<div className=\"project-container\">\n\t\t\t\t<div className=\"nav-container\">\n\t\t\t\t\t<Navigation views={views}></Navigation>\n\n\t\t\t\t\t<div className=\"bottom-nav-wrapper\">\n\t\t\t\t\t\t<div className=\"nav-anchor-reset\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tfashion=\"danger ghost\"\n\t\t\t\t\t\t\t\ttext=\"Reset project\"\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tclickResetProjectButton();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"view-container\">\n\t\t\t\t\t<CurrentView views={views} theme={theme}></CurrentView>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t) : (\n\t\t<></>\n\t);\n};\n"]}

package/react/components/smartDesktopDesigner/ThemePage.css CHANGED Viewed

@@ -1,110 +1,110 @@
-.appearance-options legend {
-	user-select: none;
-}
-.appearance-options-field {
-	display: flex;
-}
-.appearance-options label {
-	display: inline-block;
-	width: 50%;
-}
-.theme-edit {
-	position: absolute;
-	top: 0px;
-	left: 0px;
-	bottom: 0px;
-	right: 0px;
-	width: 100%;
-	height: 100%;
-	background-color: #171a20;
-}
-.theme-color-picker-text {
-	width: 6em;
-}
-.color-picker .current-color {
-	width: 3em;
-	height: 3em;
-	border: 1px solid #ccc;
-}
-.color-picker .current-color-popup {
-	position: absolute;
-}
-.theme-settings h2 {
-	margin-top: 2em;
-	margin-bottom: 2em;
-	border-bottom: 2px solid #ccc;
-}
-.theme-settings legend {
-	font-weight: bold;
-}
-.theme-settings h2 {
-	margin-top: 2em;
-	margin-bottom: 2em;
-	border-bottom: 2px solid #ccc;
-}
-.theme-settings legend {
-	font-weight: bold;
-}
-.appearance-options {
-	margin-bottom: 3em;
-}
-.appearance-options-field {
-	display: flex;
-	align-items: center;
-	margin-bottom: 0.5em;
-}
-.appearance-options-field label {
-	width: 33.3%;
-	opacity: 75%;
-}
-.appearance-options-header {
-	display: flex;
-	align-items: center;
-	margin-bottom: 1em;
-}
-.appearance-options-header legend {
-	font-size: 1.25em;
-	margin-right: 1em;
-}
-.theme-settings-actions {
-	display: block;
-	text-align: right;
-	margin-bottom: 3em;
-}
-.theme-settings-actions button {
-	margin-left: 0.9em;
-	display: inline-block;
-}
-.theme-settings-reset-action {
-	background-color: #f26666;
-}
-.theme-settings-save-action {
-	background-color: #42a5ba;
-}
-.theme-color-picker-text {
-	margin-left: 1em;
-}
-.appearance-options-field .tooltip-icon {
-	margin-left: 10px;
-}
+.appearance-options legend {
+	user-select: none;
+}
+.appearance-options-field {
+	display: flex;
+}
+.appearance-options label {
+	display: inline-block;
+	width: 50%;
+}
+.theme-edit {
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	bottom: 0px;
+	right: 0px;
+	width: 100%;
+	height: 100%;
+	background-color: #171a20;
+}
+.theme-color-picker-text {
+	width: 6em;
+}
+.color-picker .current-color {
+	width: 3em;
+	height: 3em;
+	border: 1px solid #ccc;
+}
+.color-picker .current-color-popup {
+	position: absolute;
+}
+.theme-settings h2 {
+	margin-top: 2em;
+	margin-bottom: 2em;
+	border-bottom: 2px solid #ccc;
+}
+.theme-settings legend {
+	font-weight: bold;
+}
+.theme-settings h2 {
+	margin-top: 2em;
+	margin-bottom: 2em;
+	border-bottom: 2px solid #ccc;
+}
+.theme-settings legend {
+	font-weight: bold;
+}
+.appearance-options {
+	margin-bottom: 3em;
+}
+.appearance-options-field {
+	display: flex;
+	align-items: center;
+	margin-bottom: 0.5em;
+}
+.appearance-options-field label {
+	width: 33.3%;
+	opacity: 75%;
+}
+.appearance-options-header {
+	display: flex;
+	align-items: center;
+	margin-bottom: 1em;
+}
+.appearance-options-header legend {
+	font-size: 1.25em;
+	margin-right: 1em;
+}
+.theme-settings-actions {
+	display: block;
+	text-align: right;
+	margin-bottom: 3em;
+}
+.theme-settings-actions button {
+	margin-left: 0.9em;
+	display: inline-block;
+}
+.theme-settings-reset-action {
+	background-color: #f26666;
+}
+.theme-settings-save-action {
+	background-color: #42a5ba;
+}
+.theme-color-picker-text {
+	margin-left: 1em;
+}
+.appearance-options-field .tooltip-icon {
+	margin-left: 10px;
+}