@finsemble/finsemble-ui 6.2.1 → 6.3.1-beta-1

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

@@ -1 +1 @@
-{"version":3,"file":"FinsembleMenuSection.js","sourceRoot":"","sources":["../../../src/components/legacyControls/FinsembleMenuSection.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { FinsembleDraggable } from \"./FinsembleDraggable\";\r\nimport { FinsembleDnDContext } from \"./FinsembleDnDContext\";\r\nconst SECTION_BASE_CLASS = \"menu-section\";\r\nfunction uuidv4() {\r\n\treturn \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, (c) => {\r\n\t\tvar r = (Math.random() * 16) | 0,\r\n\t\t\tv = c === \"x\" ? r : (r & 0x3) | 0x8;\r\n\t\treturn v.toString(16);\r\n\t});\r\n}\r\n\r\ntype FinsembleMenuSectionProps = {\r\n\tscrollable?: boolean;\r\n\tisArrangeable?: boolean;\r\n\tonDragEnd: () => void;\r\n\tclassName?: string;\r\n};\r\n\r\n/**\r\n * The finsembleMenuSection is essentially a little wrapper around a part of a finsemble menu.\r\n * It forces scrolling even when content exceeds the height of a section. It also applies some styling.\r\n */\r\nexport const FinsembleMenuSection: React.FunctionComponent<FinsembleMenuSectionProps> = (props) => {\r\n\tconst [bounds, setBounds] = React.useState({ height: 0 });\r\n\tconst sectionHeight: string | number = \"100%\";\r\n\tconst wrapperRef: React.Ref<HTMLDivElement> = React.useRef(null);\r\n\r\n\t/**\r\n\t * Figures out how large the section can be.\r\n\t */\r\n\tconst calculateSectionHeight = () => {\r\n\t\tlet returnHeight: string | number = sectionHeight;\r\n\t\t// If the section can scroll and there's content to measure, measure it. Otherwise\r\n\t\t// the returnHeight will be 100%.\r\n\t\tif (props.scrollable && wrapperRef?.current?.children) {\r\n\t\t\tconst windowFillHeight = (window as any).portalHeight - wrapperRef.current.offsetTop;\r\n\t\t\t// The maximum height is essentially the amount of real estate from the top of the element to the bottom of the window.\r\n\t\t\tconst calculatedHeight = (Array.from(wrapperRef.current.children) as HTMLElement[])\r\n\t\t\t\t.filter((el) => el)\r\n\t\t\t\t.map((el) => el.offsetHeight)\r\n\t\t\t\t.reduce((accumulator, currentValue) => accumulator + currentValue, 0);\r\n\r\n\t\t\tif (calculatedHeight > windowFillHeight) {\r\n\t\t\t\treturn windowFillHeight;\r\n\t\t\t}\r\n\t\t\t// If we ended up calculating how tall this section should be, we return it.\r\n\t\t\treturnHeight = calculatedHeight;\r\n\t\t}\r\n\t\treturn returnHeight;\r\n\t};\r\n\r\n\t/**\r\n\t * Actually sets the style attribute with the calculated height from above.\r\n\t */\r\n\tconst applySectionHeight = () => {\r\n\t\tif (wrapperRef && wrapperRef.current) {\r\n\t\t\tvar height = calculateSectionHeight();\r\n\t\t\tif (typeof height === \"number\") height = `${height}px`;\r\n\t\t\t// height will either be a number or '100%'.\r\n\t\t\twrapperRef.current.setAttribute(\"style\", `height:${height}`);\r\n\t\t}\r\n\t};\r\n\t/**\r\n\t * Updates the internal state so that our calculations can use the bounds of the window later.\r\n\t */\r\n\tconst onBoundsChanged = async () => {\r\n\t\tconst { bounds: updatedBounds } = await finsembleWindow.getBounds();\r\n\t\tsetBounds(updatedBounds);\r\n\t};\r\n\r\n\t/**\r\n\t * Focuses the window when it's shown.\r\n\t */\r\n\tconst onWindowShown = () => {\r\n\t\tfinsembleWindow.focus();\r\n\t};\r\n\r\n\t/**\r\n\t * On mount (ish) add some listeners. When we unmount (ish), remove those listeners.\r\n\t * Only do this once.\r\n\t */\r\n\tReact.useEffect(() => {\r\n\t\twindow.addEventListener(\"resize\", onBoundsChanged);\r\n\t\tfinsembleWindow.addEventListener(\"shown\", onWindowShown);\r\n\t\treturn () => {\r\n\t\t\twindow.removeEventListener(\"resize\", onBoundsChanged);\r\n\t\t\tfinsembleWindow.removeEventListener(\"shown\", onWindowShown);\r\n\t\t};\r\n\t}, []);\r\n\r\n\t/**\r\n\t * When the window's bounds change, recalculate the section height.\r\n\t */\r\n\tReact.useEffect(() => {\r\n\t\tapplySectionHeight();\r\n\t}, [bounds]);\r\n\r\n\t/**\r\n\t * Sets the initial section height.\r\n\t */\r\n\tapplySectionHeight();\r\n\r\n\t/**\r\n\t * If the section isn't arrangeable, just decorate with classes and render the children.\r\n\t */\r\n\tif (!props.isArrangeable) {\r\n\t\tlet classes = props.className ?? SECTION_BASE_CLASS;\r\n\t\tif (classes !== SECTION_BASE_CLASS) {\r\n\t\t\tclasses = `${classes} ${SECTION_BASE_CLASS}`;\r\n\t\t}\r\n\t\tif (props.scrollable) {\r\n\t\t\tclasses = `${classes} menu-section-scrollable`;\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<div ref={wrapperRef} className={classes}>\r\n\t\t\t\t{props.children}\r\n\t\t\t</div>\r\n\t\t);\r\n\t} else {\r\n\t\t/**\r\n\t\t * If a menu section allows for reordering, we have to wrap it in all of the DnD components.\r\n\t\t * The inner function is wrapping each child in a Draggable element.\r\n\t\t */\r\n\t\treturn (\r\n\t\t\t<FinsembleDnDContext onDragEnd={props.onDragEnd}>\r\n\t\t\t\t{React.Children.map(props.children, (child: any, i) => {\r\n\t\t\t\t\tlet isDragDisabled = false;\r\n\t\t\t\t\tif (typeof child?.props?.isDragDisabled !== \"undefined\") {\r\n\t\t\t\t\t\t({ isDragDisabled } = child.props);\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<FinsembleDraggable isDragDisabled={isDragDisabled} draggableId={uuidv4()} index={i}>\r\n\t\t\t\t\t\t\t{child}\r\n\t\t\t\t\t\t</FinsembleDraggable>\r\n\t\t\t\t\t);\r\n\t\t\t\t})}\r\n\t\t\t</FinsembleDnDContext>\r\n\t\t);\r\n\t}\r\n};\r\n"]}
+{"version":3,"file":"FinsembleMenuSection.js","sourceRoot":"","sources":["../../../src/components/legacyControls/FinsembleMenuSection.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { FinsembleDraggable } from \"./FinsembleDraggable\";\r\nimport { FinsembleDnDContext } from \"./FinsembleDnDContext\";\r\nconst SECTION_BASE_CLASS = \"menu-section\";\r\nfunction uuidv4() {\r\n\treturn \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, (c) => {\r\n\t\tvar r = (Math.random() * 16) | 0,\r\n\t\t\tv = c === \"x\" ? r : (r & 0x3) | 0x8;\r\n\t\treturn v.toString(16);\r\n\t});\r\n}\r\n\r\ntype FinsembleMenuSectionProps = {\r\n\tscrollable?: boolean;\r\n\tisArrangeable?: boolean;\r\n\tonDragEnd: () => void;\r\n\tclassName?: string;\r\n};\r\n\r\n/**\r\n * The finsembleMenuSection is essentially a little wrapper around a part of a finsemble menu.\r\n * It forces scrolling even when content exceeds the height of a section. It also applies some styling.\r\n */\r\nexport const FinsembleMenuSection: React.FunctionComponent<FinsembleMenuSectionProps> = (props) => {\r\n\tconst [bounds, setBounds] = React.useState({ height: 0 });\r\n\tconst sectionHeight: string | number = \"100%\";\r\n\tconst wrapperRef: React.Ref<HTMLDivElement> = React.useRef(null);\r\n\r\n\t/**\r\n\t * Figures out how large the section can be.\r\n\t */\r\n\tconst calculateSectionHeight = () => {\r\n\t\tlet returnHeight: string | number = sectionHeight;\r\n\t\t// If the section can scroll and there's content to measure, measure it. Otherwise\r\n\t\t// the returnHeight will be 100%.\r\n\t\tif (props.scrollable && wrapperRef?.current?.children) {\r\n\t\t\tconst windowFillHeight = (window as any).portalHeight - wrapperRef.current.offsetTop;\r\n\t\t\t// The maximum height is essentially the amount of real estate from the top of the element to the bottom of the window.\r\n\t\t\tconst calculatedHeight = (Array.from(wrapperRef.current.children) as HTMLElement[])\r\n\t\t\t\t.filter((el) => el)\r\n\t\t\t\t.map((el) => el.offsetHeight)\r\n\t\t\t\t.reduce((accumulator, currentValue) => accumulator + currentValue, 0);\r\n\r\n\t\t\tif (calculatedHeight > windowFillHeight) {\r\n\t\t\t\treturn windowFillHeight;\r\n\t\t\t}\r\n\t\t\t// If we ended up calculating how tall this section should be, we return it.\r\n\t\t\treturnHeight = calculatedHeight;\r\n\t\t}\r\n\t\treturn returnHeight;\r\n\t};\r\n\r\n\t/**\r\n\t * Actually sets the style attribute with the calculated height from above.\r\n\t */\r\n\tconst applySectionHeight = () => {\r\n\t\tif (wrapperRef && wrapperRef.current) {\r\n\t\t\tvar height = calculateSectionHeight();\r\n\t\t\tif (typeof height === \"number\") height = `${height}px`;\r\n\t\t\t// height will either be a number or '100%'.\r\n\t\t\twrapperRef.current.setAttribute(\"style\", `height:${height}`);\r\n\t\t}\r\n\t};\r\n\t/**\r\n\t * Updates the internal state so that our calculations can use the bounds of the window later.\r\n\t */\r\n\tconst onBoundsChanged = async () => {\r\n\t\tconst { data: updatedBounds } = await finsembleWindow.getBounds();\r\n\t\tif (updatedBounds) setBounds(updatedBounds);\r\n\t};\r\n\r\n\t/**\r\n\t * Focuses the window when it's shown.\r\n\t */\r\n\tconst onWindowShown = () => {\r\n\t\tfinsembleWindow.focus();\r\n\t};\r\n\r\n\t/**\r\n\t * On mount (ish) add some listeners. When we unmount (ish), remove those listeners.\r\n\t * Only do this once.\r\n\t */\r\n\tReact.useEffect(() => {\r\n\t\twindow.addEventListener(\"resize\", onBoundsChanged);\r\n\t\tfinsembleWindow.addEventListener(\"shown\", onWindowShown);\r\n\t\treturn () => {\r\n\t\t\twindow.removeEventListener(\"resize\", onBoundsChanged);\r\n\t\t\tfinsembleWindow.removeEventListener(\"shown\", onWindowShown);\r\n\t\t};\r\n\t}, []);\r\n\r\n\t/**\r\n\t * When the window's bounds change, recalculate the section height.\r\n\t */\r\n\tReact.useEffect(() => {\r\n\t\tapplySectionHeight();\r\n\t}, [bounds]);\r\n\r\n\t/**\r\n\t * Sets the initial section height.\r\n\t */\r\n\tapplySectionHeight();\r\n\r\n\t/**\r\n\t * If the section isn't arrangeable, just decorate with classes and render the children.\r\n\t */\r\n\tif (!props.isArrangeable) {\r\n\t\tlet classes = props.className ?? SECTION_BASE_CLASS;\r\n\t\tif (classes !== SECTION_BASE_CLASS) {\r\n\t\t\tclasses = `${classes} ${SECTION_BASE_CLASS}`;\r\n\t\t}\r\n\t\tif (props.scrollable) {\r\n\t\t\tclasses = `${classes} menu-section-scrollable`;\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<div ref={wrapperRef} className={classes}>\r\n\t\t\t\t{props.children}\r\n\t\t\t</div>\r\n\t\t);\r\n\t} else {\r\n\t\t/**\r\n\t\t * If a menu section allows for reordering, we have to wrap it in all of the DnD components.\r\n\t\t * The inner function is wrapping each child in a Draggable element.\r\n\t\t */\r\n\t\treturn (\r\n\t\t\t<FinsembleDnDContext onDragEnd={props.onDragEnd}>\r\n\t\t\t\t{React.Children.map(props.children, (child: any, i) => {\r\n\t\t\t\t\tlet isDragDisabled = false;\r\n\t\t\t\t\tif (typeof child?.props?.isDragDisabled !== \"undefined\") {\r\n\t\t\t\t\t\t({ isDragDisabled } = child.props);\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<FinsembleDraggable isDragDisabled={isDragDisabled} draggableId={uuidv4()} index={i}>\r\n\t\t\t\t\t\t\t{child}\r\n\t\t\t\t\t\t</FinsembleDraggable>\r\n\t\t\t\t\t);\r\n\t\t\t\t})}\r\n\t\t\t</FinsembleDnDContext>\r\n\t\t);\r\n\t}\r\n};\r\n"]}

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

@@ -9,7 +9,7 @@ export default {
 };
 const Template = (args) => {
     initFSBL(window);
-    return React.createElement(FinsembleDialog, { ...args });
+    return React.createElement(FinsembleDialog, Object.assign({}, args));
 };
 export const Basic = Template.bind({});
 Basic.args = {

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

@@ -1 +1 @@
-{"version":3,"file":"FinsembleDialog.stories.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/stories/FinsembleDialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAwB,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,iCAAiC,CAAC;AAEzC,eAAe;IACd,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,eAAe;CAC1B,CAAC;AAEF,MAAM,QAAQ,GAAgC,CAAC,IAA0B,EAAE,EAAE;IAC5E,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,OAAO,oBAAC,eAAe,OAAK,IAAI,GAAI,CAAC;AACtC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,MAAM;IACjB,eAAe,EAAE,MAAM,CAAC,gBAAgB,CAAC;IACzC,QAAQ,EAAE,gBAAgB;CAC1B,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FinsembleDialog, FinsembleDialogProps } from \"../FinsembleDialog\";\r\nimport { initFSBL } from \"../../common/helpers\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { action } from \"@storybook/addon-actions\";\r\nimport \"../../../assets/css/dialogs.css\";\r\n\r\nexport default {\r\n\ttitle: \"FinsembleDialog/FinsembleDialog\",\r\n\tcomponent: FinsembleDialog,\r\n};\r\n\r\nconst Template: Story<FinsembleDialogProps> = (args: FinsembleDialogProps) => {\r\n\tinitFSBL(window);\r\n\r\n\treturn <FinsembleDialog {...args} />;\r\n};\r\n\r\nexport const Basic = Template.bind({});\r\nBasic.args = {\r\n\tisModal: false,\r\n\tclassName: \"Test\",\r\n\tonShowRequested: action(\"Show requested\"),\r\n\tchildren: \"This is a test\",\r\n};\r\n"]}
+{"version":3,"file":"FinsembleDialog.stories.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/stories/FinsembleDialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAwB,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,iCAAiC,CAAC;AAEzC,eAAe;IACd,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,eAAe;CAC1B,CAAC;AAEF,MAAM,QAAQ,GAAgC,CAAC,IAA0B,EAAE,EAAE;IAC5E,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,OAAO,oBAAC,eAAe,oBAAK,IAAI,EAAI,CAAC;AACtC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,MAAM;IACjB,eAAe,EAAE,MAAM,CAAC,gBAAgB,CAAC;IACzC,QAAQ,EAAE,gBAAgB;CAC1B,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FinsembleDialog, FinsembleDialogProps } from \"../FinsembleDialog\";\r\nimport { initFSBL } from \"../../common/helpers\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { action } from \"@storybook/addon-actions\";\r\nimport \"../../../assets/css/dialogs.css\";\r\n\r\nexport default {\r\n\ttitle: \"FinsembleDialog/FinsembleDialog\",\r\n\tcomponent: FinsembleDialog,\r\n};\r\n\r\nconst Template: Story<FinsembleDialogProps> = (args: FinsembleDialogProps) => {\r\n\tinitFSBL(window);\r\n\r\n\treturn <FinsembleDialog {...args} />;\r\n};\r\n\r\nexport const Basic = Template.bind({});\r\nBasic.args = {\r\n\tisModal: false,\r\n\tclassName: \"Test\",\r\n\tonShowRequested: action(\"Show requested\"),\r\n\tchildren: \"This is a test\",\r\n};\r\n"]}

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

@@ -6,7 +6,7 @@ export default {
     title: "FinsembleDialog/FinsemleDialogButton",
     component: FinsembleDialogButton,
 };
-const Template = (args) => (React.createElement(FinsembleDialogButton, { ...args }));
+const Template = (args) => (React.createElement(FinsembleDialogButton, Object.assign({}, args)));
 export const Basic = Template.bind({});
 Basic.args = {
     show: true,

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

@@ -1 +1 @@
-{"version":3,"file":"FinsembleDialogButton.stories.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/stories/FinsembleDialogButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAA8B,MAAM,0BAA0B,CAAC;AAE7F,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,iCAAiC,CAAC;AAEzC,eAAe;IACd,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,qBAAqB;CAChC,CAAC;AAOF,MAAM,QAAQ,GAA4C,CAAC,IAAsC,EAAE,EAAE,CAAC,CACrG,oBAAC,qBAAqB,OAAK,IAAI,GAAI,CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,IAAI,EAAE,IAAI;IACV,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC;CAC1B,CAAC;AACF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,IAAI,EAAE,IAAI;CACV,CAAC;AACF,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,KAAK;IACX,QAAQ,EAAE,MAAM;CAChB,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,yBAAyB;IACpC,QAAQ,EAAE,MAAM;CAChB,CAAC;AACF,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,aAAa,CAAC,IAAI,GAAG;IACpB,IAAI,EAAE,IAAI;IACV,UAAU,EAAE,IAAI;IAChB,QAAQ,EAAE,MAAM;CAChB,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FinsembleDialogButton, FinsembleDialogButtonProps } from \"../FinsembleDialogButton\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { action } from \"@storybook/addon-actions\";\r\nimport \"../../../assets/css/dialogs.css\";\r\n\r\nexport default {\r\n\ttitle: \"FinsembleDialog/FinsemleDialogButton\",\r\n\tcomponent: FinsembleDialogButton,\r\n};\r\n\r\nexport type tmp = {\r\n\tchildren: any;\r\n\tonClick?: () => void;\r\n};\r\n\r\nconst Template: Story<FinsembleDialogButtonProps & tmp> = (args: FinsembleDialogButtonProps & tmp) => (\r\n\t<FinsembleDialogButton {...args} />\r\n);\r\n\r\nexport const Basic = Template.bind({});\r\nBasic.args = {\r\n\tshow: true,\r\n\tchildren: \"Test\",\r\n\tonClick: action(\"onClick\"),\r\n};\r\nexport const NoChildren = Template.bind({});\r\nNoChildren.args = {\r\n\tshow: true,\r\n};\r\nexport const NoShow = Template.bind({});\r\nNoShow.args = {\r\n\tshow: false,\r\n\tchildren: \"Test\",\r\n};\r\nexport const CustomClass = Template.bind({});\r\nCustomClass.args = {\r\n\tshow: true,\r\n\tclassName: \"fsbl-button-affirmative\",\r\n\tchildren: \"Test\",\r\n};\r\nexport const AltButtonSize = Template.bind({});\r\nAltButtonSize.args = {\r\n\tshow: true,\r\n\tbuttonSize: \"lg\",\r\n\tchildren: \"Test\",\r\n};\r\n"]}
+{"version":3,"file":"FinsembleDialogButton.stories.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/stories/FinsembleDialogButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAA8B,MAAM,0BAA0B,CAAC;AAE7F,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,iCAAiC,CAAC;AAEzC,eAAe;IACd,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,qBAAqB;CAChC,CAAC;AAOF,MAAM,QAAQ,GAA4C,CAAC,IAAsC,EAAE,EAAE,CAAC,CACrG,oBAAC,qBAAqB,oBAAK,IAAI,EAAI,CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,IAAI,EAAE,IAAI;IACV,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC;CAC1B,CAAC;AACF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,IAAI,EAAE,IAAI;CACV,CAAC;AACF,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,KAAK;IACX,QAAQ,EAAE,MAAM;CAChB,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,yBAAyB;IACpC,QAAQ,EAAE,MAAM;CAChB,CAAC;AACF,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,aAAa,CAAC,IAAI,GAAG;IACpB,IAAI,EAAE,IAAI;IACV,UAAU,EAAE,IAAI;IAChB,QAAQ,EAAE,MAAM;CAChB,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FinsembleDialogButton, FinsembleDialogButtonProps } from \"../FinsembleDialogButton\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { action } from \"@storybook/addon-actions\";\r\nimport \"../../../assets/css/dialogs.css\";\r\n\r\nexport default {\r\n\ttitle: \"FinsembleDialog/FinsemleDialogButton\",\r\n\tcomponent: FinsembleDialogButton,\r\n};\r\n\r\nexport type tmp = {\r\n\tchildren: any;\r\n\tonClick?: () => void;\r\n};\r\n\r\nconst Template: Story<FinsembleDialogButtonProps & tmp> = (args: FinsembleDialogButtonProps & tmp) => (\r\n\t<FinsembleDialogButton {...args} />\r\n);\r\n\r\nexport const Basic = Template.bind({});\r\nBasic.args = {\r\n\tshow: true,\r\n\tchildren: \"Test\",\r\n\tonClick: action(\"onClick\"),\r\n};\r\nexport const NoChildren = Template.bind({});\r\nNoChildren.args = {\r\n\tshow: true,\r\n};\r\nexport const NoShow = Template.bind({});\r\nNoShow.args = {\r\n\tshow: false,\r\n\tchildren: \"Test\",\r\n};\r\nexport const CustomClass = Template.bind({});\r\nCustomClass.args = {\r\n\tshow: true,\r\n\tclassName: \"fsbl-button-affirmative\",\r\n\tchildren: \"Test\",\r\n};\r\nexport const AltButtonSize = Template.bind({});\r\nAltButtonSize.args = {\r\n\tshow: true,\r\n\tbuttonSize: \"lg\",\r\n\tchildren: \"Test\",\r\n};\r\n"]}

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

@@ -5,7 +5,7 @@ export default {
     title: "FinsembleDialog/FinsembleDialogQuestion",
     component: FinsembleDialogQuestion,
 };
-const Template = (args) => (React.createElement(FinsembleDialogQuestion, { ...args }));
+const Template = (args) => (React.createElement(FinsembleDialogQuestion, Object.assign({}, args)));
 export const Basic = Template.bind({});
 Basic.args = {
     className: "test",

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

@@ -1 +1 @@
-{"version":3,"file":"FinsembleDialogQuestion.stories.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/stories/FinsembleDialogQuestion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,uBAAuB,EAAgC,MAAM,4BAA4B,CAAC;AAEnG,OAAO,iCAAiC,CAAC;AAEzC,eAAe;IACd,KAAK,EAAE,yCAAyC;IAChD,SAAS,EAAE,uBAAuB;CAClC,CAAC;AAOF,MAAM,QAAQ,GAA8C,CAAC,IAAwC,EAAE,EAAE,CAAC,CACzG,oBAAC,uBAAuB,OAAK,IAAI,GAAI,CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,cAAc;IACxB,QAAQ,EAAE,IAAI;CACd,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FinsembleDialogQuestion, FinsembleDialogQuestionProps } from \"../FinsembleDialogQuestion\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport \"../../../assets/css/dialogs.css\";\r\n\r\nexport default {\r\n\ttitle: \"FinsembleDialog/FinsembleDialogQuestion\",\r\n\tcomponent: FinsembleDialogQuestion,\r\n};\r\n\r\nexport type tmp = {\r\n\tchildren: any;\r\n\tonClick?: () => void;\r\n};\r\n\r\nconst Template: Story<FinsembleDialogQuestionProps & tmp> = (args: FinsembleDialogQuestionProps & tmp) => (\r\n\t<FinsembleDialogQuestion {...args} />\r\n);\r\n\r\nexport const Basic = Template.bind({});\r\nBasic.args = {\r\n\tclassName: \"test\",\r\n\tquestion: \"Hello World?\",\r\n\tchildren: \"42\",\r\n};\r\n"]}
+{"version":3,"file":"FinsembleDialogQuestion.stories.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/stories/FinsembleDialogQuestion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,uBAAuB,EAAgC,MAAM,4BAA4B,CAAC;AAEnG,OAAO,iCAAiC,CAAC;AAEzC,eAAe;IACd,KAAK,EAAE,yCAAyC;IAChD,SAAS,EAAE,uBAAuB;CAClC,CAAC;AAOF,MAAM,QAAQ,GAA8C,CAAC,IAAwC,EAAE,EAAE,CAAC,CACzG,oBAAC,uBAAuB,oBAAK,IAAI,EAAI,CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,cAAc;IACxB,QAAQ,EAAE,IAAI;CACd,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FinsembleDialogQuestion, FinsembleDialogQuestionProps } from \"../FinsembleDialogQuestion\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport \"../../../assets/css/dialogs.css\";\r\n\r\nexport default {\r\n\ttitle: \"FinsembleDialog/FinsembleDialogQuestion\",\r\n\tcomponent: FinsembleDialogQuestion,\r\n};\r\n\r\nexport type tmp = {\r\n\tchildren: any;\r\n\tonClick?: () => void;\r\n};\r\n\r\nconst Template: Story<FinsembleDialogQuestionProps & tmp> = (args: FinsembleDialogQuestionProps & tmp) => (\r\n\t<FinsembleDialogQuestion {...args} />\r\n);\r\n\r\nexport const Basic = Template.bind({});\r\nBasic.args = {\r\n\tclassName: \"test\",\r\n\tquestion: \"Hello World?\",\r\n\tchildren: \"42\",\r\n};\r\n"]}

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

@@ -6,7 +6,7 @@ export default {
     title: "FinsembleDialog/FinsembleDialogTextInput",
     component: FinsembleDialogTextInput,
 };
-const Template = (args) => (React.createElement(FinsembleDialogTextInput, { ...args }));
+const Template = (args) => (React.createElement(FinsembleDialogTextInput, Object.assign({}, args)));
 export const Basic = Template.bind({});
 Basic.args = {
     autoFocus: false,

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

@@ -1 +1 @@
-{"version":3,"file":"FinsembleDialogTextInput.stories.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/stories/FinsembleDialogTextInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAiC,MAAM,6BAA6B,CAAC;AAEtG,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,iCAAiC,CAAC;AAEzC,eAAe;IACd,KAAK,EAAE,0CAA0C;IACjD,SAAS,EAAE,wBAAwB;CACnC,CAAC;AAEF,MAAM,QAAQ,GAAyC,CAAC,IAAmC,EAAE,EAAE,CAAC,CAC/F,oBAAC,wBAAwB,OAAK,IAAI,GAAI,CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,SAAS,EAAE,IAAI;IACf,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;CAC/B,CAAC;AACF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;IAC/B,SAAS,EAAE,CAAC;IACZ,UAAU,EAAE,wBAAwB;CACpC,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;IAC/B,WAAW,EAAE,eAAe;CAC5B,CAAC;AACF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;IAC/B,UAAU,EAAE,aAAa;CACzB,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACjD,eAAe,CAAC,IAAI,GAAG;IACtB,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;IAC/B,KAAK,EAAE,YAAY;CACnB,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;IAC/B,YAAY,EAAE,UAAU;CACxB,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FinsembleDialogTextInput, FinsembleDialogTextInputProps } from \"../FinsembleDialogTextInput\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { action } from \"@storybook/addon-actions\";\r\nimport \"../../../assets/css/dialogs.css\";\r\n\r\nexport default {\r\n\ttitle: \"FinsembleDialog/FinsembleDialogTextInput\",\r\n\tcomponent: FinsembleDialogTextInput,\r\n};\r\n\r\nconst Template: Story<FinsembleDialogTextInputProps> = (args: FinsembleDialogTextInputProps) => (\r\n\t<FinsembleDialogTextInput {...args} />\r\n);\r\n\r\nexport const Basic = Template.bind({});\r\nBasic.args = {\r\n\tautoFocus: false,\r\n\tonInputChange: action(\"change\"),\r\n};\r\n\r\nexport const AutoFocus = Template.bind({});\r\nAutoFocus.args = {\r\n\tautoFocus: true,\r\n\tonInputChange: action(\"change\"),\r\n};\r\nexport const MaxLength = Template.bind({});\r\nMaxLength.args = {\r\n\tautoFocus: false,\r\n\tonInputChange: action(\"change\"),\r\n\tmaxLength: 5,\r\n\tinputLabel: \"No more than 5 letters\",\r\n};\r\nexport const Placeholder = Template.bind({});\r\nPlaceholder.args = {\r\n\tautoFocus: false,\r\n\tonInputChange: action(\"change\"),\r\n\tplaceholder: \"Say something\",\r\n};\r\nexport const WithLabel = Template.bind({});\r\nWithLabel.args = {\r\n\tautoFocus: false,\r\n\tonInputChange: action(\"change\"),\r\n\tinputLabel: \"First Name:\",\r\n};\r\nexport const WithPresetValue = Template.bind({});\r\nWithPresetValue.args = {\r\n\tautoFocus: false,\r\n\tonInputChange: action(\"change\"),\r\n\tvalue: \"John Smith\",\r\n};\r\nexport const NumbersOnly = Template.bind({});\r\nNumbersOnly.args = {\r\n\tautoFocus: false,\r\n\tonInputChange: action(\"change\"),\r\n\tinputPattern: \"^[0-9]*$\",\r\n};\r\n"]}
+{"version":3,"file":"FinsembleDialogTextInput.stories.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/stories/FinsembleDialogTextInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAiC,MAAM,6BAA6B,CAAC;AAEtG,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,iCAAiC,CAAC;AAEzC,eAAe;IACd,KAAK,EAAE,0CAA0C;IACjD,SAAS,EAAE,wBAAwB;CACnC,CAAC;AAEF,MAAM,QAAQ,GAAyC,CAAC,IAAmC,EAAE,EAAE,CAAC,CAC/F,oBAAC,wBAAwB,oBAAK,IAAI,EAAI,CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,SAAS,EAAE,IAAI;IACf,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;CAC/B,CAAC;AACF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;IAC/B,SAAS,EAAE,CAAC;IACZ,UAAU,EAAE,wBAAwB;CACpC,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;IAC/B,WAAW,EAAE,eAAe;CAC5B,CAAC;AACF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;IAC/B,UAAU,EAAE,aAAa;CACzB,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACjD,eAAe,CAAC,IAAI,GAAG;IACtB,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;IAC/B,KAAK,EAAE,YAAY;CACnB,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;IAC/B,YAAY,EAAE,UAAU;CACxB,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FinsembleDialogTextInput, FinsembleDialogTextInputProps } from \"../FinsembleDialogTextInput\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { action } from \"@storybook/addon-actions\";\r\nimport \"../../../assets/css/dialogs.css\";\r\n\r\nexport default {\r\n\ttitle: \"FinsembleDialog/FinsembleDialogTextInput\",\r\n\tcomponent: FinsembleDialogTextInput,\r\n};\r\n\r\nconst Template: Story<FinsembleDialogTextInputProps> = (args: FinsembleDialogTextInputProps) => (\r\n\t<FinsembleDialogTextInput {...args} />\r\n);\r\n\r\nexport const Basic = Template.bind({});\r\nBasic.args = {\r\n\tautoFocus: false,\r\n\tonInputChange: action(\"change\"),\r\n};\r\n\r\nexport const AutoFocus = Template.bind({});\r\nAutoFocus.args = {\r\n\tautoFocus: true,\r\n\tonInputChange: action(\"change\"),\r\n};\r\nexport const MaxLength = Template.bind({});\r\nMaxLength.args = {\r\n\tautoFocus: false,\r\n\tonInputChange: action(\"change\"),\r\n\tmaxLength: 5,\r\n\tinputLabel: \"No more than 5 letters\",\r\n};\r\nexport const Placeholder = Template.bind({});\r\nPlaceholder.args = {\r\n\tautoFocus: false,\r\n\tonInputChange: action(\"change\"),\r\n\tplaceholder: \"Say something\",\r\n};\r\nexport const WithLabel = Template.bind({});\r\nWithLabel.args = {\r\n\tautoFocus: false,\r\n\tonInputChange: action(\"change\"),\r\n\tinputLabel: \"First Name:\",\r\n};\r\nexport const WithPresetValue = Template.bind({});\r\nWithPresetValue.args = {\r\n\tautoFocus: false,\r\n\tonInputChange: action(\"change\"),\r\n\tvalue: \"John Smith\",\r\n};\r\nexport const NumbersOnly = Template.bind({});\r\nNumbersOnly.args = {\r\n\tautoFocus: false,\r\n\tonInputChange: action(\"change\"),\r\n\tinputPattern: \"^[0-9]*$\",\r\n};\r\n"]}

package/react/components/legacyControls/tests/FinsembleDialog.spec.js

@@ -5,7 +5,7 @@ import { expect } from "chai";
 import { Basic } from "../stories/FinsembleDialog.stories";
 describe("<FinsembleDialog/>", () => {
     it("should display text", () => {
-        const wrapper = mount(React.createElement(Basic, { ...Basic.args }));
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
         expect(wrapper.find("div").text()).to.equal("This is a test");
     });
 });

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

@@ -1 +1 @@
-{"version":3,"file":"FinsembleDialog.spec.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/tests/FinsembleDialog.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAG3D,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,qBAAqB,EAAE,GAAG,EAAE;QAC9B,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,OAAM,KAAK,CAAC,IAA6B,GAAI,CAAC,CAAC;QAC3E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { Basic } from \"../stories/FinsembleDialog.stories\";\r\nimport { FinsembleDialogProps } from \"../FinsembleDialog\";\r\n\r\ndescribe(\"<FinsembleDialog/>\", () => {\r\n\tit(\"should display text\", () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogProps)} />);\r\n\t\texpect(wrapper.find(\"div\").text()).to.equal(\"This is a test\");\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"FinsembleDialog.spec.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/tests/FinsembleDialog.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAG3D,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,qBAAqB,EAAE,GAAG,EAAE;QAC9B,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,oBAAM,KAAK,CAAC,IAA6B,EAAI,CAAC,CAAC;QAC3E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { Basic } from \"../stories/FinsembleDialog.stories\";\r\nimport { FinsembleDialogProps } from \"../FinsembleDialog\";\r\n\r\ndescribe(\"<FinsembleDialog/>\", () => {\r\n\tit(\"should display text\", () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogProps)} />);\r\n\t\texpect(wrapper.find(\"div\").text()).to.equal(\"This is a test\");\r\n\t});\r\n});\r\n"]}

package/react/components/legacyControls/tests/FinsembleDialogButton.spec.js

@@ -8,28 +8,29 @@ import addons, { mockChannel } from "@storybook/addons";
 addons.setChannel(mockChannel());
 describe("<FinsembleDialogButton/>", () => {
     it("should display text", () => {
-        const wrapper = mount(React.createElement(Basic, { ...Basic.args }));
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
         expect(wrapper.find("div").text()).to.equal("Test");
     });
     it("should not be visible if show is false", () => {
-        const wrapper = mount(React.createElement(NoShow, { ...NoShow.args }));
+        const wrapper = mount(React.createElement(NoShow, Object.assign({}, NoShow.args)));
         expect(wrapper.find("div").exists()).to.be.false;
     });
     it("should not display text if none is provided", () => {
-        const wrapper = mount(React.createElement(NoChildren, { ...NoChildren.args }));
+        const wrapper = mount(React.createElement(NoChildren, Object.assign({}, NoChildren.args)));
         expect(wrapper.find("div").text()).to.be.empty;
     });
     it("should include custom class if provided", () => {
-        const wrapper = mount(React.createElement(CustomClass, { ...CustomClass.args }));
-        expect(wrapper.find("div").prop("className")).to.contain(CustomClass.args?.className);
+        var _a;
+        const wrapper = mount(React.createElement(CustomClass, Object.assign({}, CustomClass.args)));
+        expect(wrapper.find("div").prop("className")).to.contain((_a = CustomClass.args) === null || _a === void 0 ? void 0 : _a.className);
     });
     it("should include alternative button size if provided", () => {
-        const wrapper = mount(React.createElement(AltButtonSize, { ...AltButtonSize.args }));
+        const wrapper = mount(React.createElement(AltButtonSize, Object.assign({}, AltButtonSize.args)));
         expect(wrapper.find("div").prop("className")).to.contain("fsbl-button-lg");
     });
     it("should call button click action if available", () => {
         const buttonSpy = sinon.spy(Basic.args, "onClick");
-        const wrapper = mount(React.createElement(Basic, { ...Basic.args }));
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
         wrapper.find("div").simulate("click");
         expect(buttonSpy.calledOnce).to.be.true;
     });

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

@@ -1 +1 @@
-{"version":3,"file":"FinsembleDialogButton.spec.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/tests/FinsembleDialogButton.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport { Basic, NoChildren, NoShow, CustomClass, AltButtonSize, tmp } from \"../stories/FinsembleDialogButton.stories\";\r\nimport { FinsembleDialogButtonProps } from \"../FinsembleDialogButton\";\r\n\r\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\r\nimport addons, { mockChannel } from \"@storybook/addons\";\r\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"<FinsembleDialogButton/>\", () => {\r\n\tit(\"should display text\", () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogButtonProps & tmp)} />);\r\n\t\texpect(wrapper.find(\"div\").text()).to.equal(\"Test\");\r\n\t});\r\n\r\n\tit(\"should not be visible if show is false\", () => {\r\n\t\tconst wrapper = mount(<NoShow {...(NoShow.args as FinsembleDialogButtonProps & tmp)} />);\r\n\t\texpect(wrapper.find(\"div\").exists()).to.be.false;\r\n\t});\r\n\r\n\tit(\"should not display text if none is provided\", () => {\r\n\t\tconst wrapper = mount(<NoChildren {...(NoChildren.args as FinsembleDialogButtonProps & tmp)} />);\r\n\t\texpect(wrapper.find(\"div\").text()).to.be.empty;\r\n\t});\r\n\r\n\tit(\"should include custom class if provided\", () => {\r\n\t\tconst wrapper = mount(<CustomClass {...(CustomClass.args as FinsembleDialogButtonProps & tmp)} />);\r\n\t\texpect(wrapper.find(\"div\").prop(\"className\")).to.contain(CustomClass.args?.className);\r\n\t});\r\n\r\n\tit(\"should include alternative button size if provided\", () => {\r\n\t\tconst wrapper = mount(<AltButtonSize {...(AltButtonSize.args as FinsembleDialogButtonProps & tmp)} />);\r\n\t\texpect(wrapper.find(\"div\").prop(\"className\")).to.contain(\"fsbl-button-lg\");\r\n\t});\r\n\r\n\tit(\"should call button click action if available\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Basic.args as FinsembleDialogButtonProps, \"onClick\");\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogButtonProps & tmp)} />);\r\n\t\twrapper.find(\"div\").simulate(\"click\");\r\n\t\texpect(buttonSpy.calledOnce).to.be.true;\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"FinsembleDialogButton.spec.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/tests/FinsembleDialogButton.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAO,MAAM,0CAA0C,CAAC;AAItH,OAAO,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACxD,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC;AAEjC,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,qBAAqB,EAAE,GAAG,EAAE;QAC9B,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,oBAAM,KAAK,CAAC,IAAyC,EAAI,CAAC,CAAC;QACvF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QACjD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,MAAM,oBAAM,MAAM,CAAC,IAAyC,EAAI,CAAC,CAAC;QACzF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACtD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,UAAU,oBAAM,UAAU,CAAC,IAAyC,EAAI,CAAC,CAAC;QACjG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;;QAClD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,WAAW,oBAAM,WAAW,CAAC,IAAyC,EAAI,CAAC,CAAC;QACnG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,MAAA,WAAW,CAAC,IAAI,0CAAE,SAAS,CAAC,CAAC;IACvF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;QAC7D,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,aAAa,oBAAM,aAAa,CAAC,IAAyC,EAAI,CAAC,CAAC;QACvG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACvD,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,IAAkC,EAAE,SAAS,CAAC,CAAC;QACjF,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,oBAAM,KAAK,CAAC,IAAyC,EAAI,CAAC,CAAC;QACvF,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACtC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACzC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport { Basic, NoChildren, NoShow, CustomClass, AltButtonSize, tmp } from \"../stories/FinsembleDialogButton.stories\";\r\nimport { FinsembleDialogButtonProps } from \"../FinsembleDialogButton\";\r\n\r\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\r\nimport addons, { mockChannel } from \"@storybook/addons\";\r\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"<FinsembleDialogButton/>\", () => {\r\n\tit(\"should display text\", () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogButtonProps & tmp)} />);\r\n\t\texpect(wrapper.find(\"div\").text()).to.equal(\"Test\");\r\n\t});\r\n\r\n\tit(\"should not be visible if show is false\", () => {\r\n\t\tconst wrapper = mount(<NoShow {...(NoShow.args as FinsembleDialogButtonProps & tmp)} />);\r\n\t\texpect(wrapper.find(\"div\").exists()).to.be.false;\r\n\t});\r\n\r\n\tit(\"should not display text if none is provided\", () => {\r\n\t\tconst wrapper = mount(<NoChildren {...(NoChildren.args as FinsembleDialogButtonProps & tmp)} />);\r\n\t\texpect(wrapper.find(\"div\").text()).to.be.empty;\r\n\t});\r\n\r\n\tit(\"should include custom class if provided\", () => {\r\n\t\tconst wrapper = mount(<CustomClass {...(CustomClass.args as FinsembleDialogButtonProps & tmp)} />);\r\n\t\texpect(wrapper.find(\"div\").prop(\"className\")).to.contain(CustomClass.args?.className);\r\n\t});\r\n\r\n\tit(\"should include alternative button size if provided\", () => {\r\n\t\tconst wrapper = mount(<AltButtonSize {...(AltButtonSize.args as FinsembleDialogButtonProps & tmp)} />);\r\n\t\texpect(wrapper.find(\"div\").prop(\"className\")).to.contain(\"fsbl-button-lg\");\r\n\t});\r\n\r\n\tit(\"should call button click action if available\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Basic.args as FinsembleDialogButtonProps, \"onClick\");\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogButtonProps & tmp)} />);\r\n\t\twrapper.find(\"div\").simulate(\"click\");\r\n\t\texpect(buttonSpy.calledOnce).to.be.true;\r\n\t});\r\n});\r\n"]}

package/react/components/legacyControls/tests/FinsembleDialogQuestion.spec.js

@@ -5,13 +5,15 @@ import { expect } from "chai";
 import { Basic } from "../stories/FinsembleDialogQuestion.stories";
 describe("<FinsembleDialogQuestion/>", () => {
     it("should display text", () => {
-        const wrapper = mount(React.createElement(Basic, { ...Basic.args }));
-        expect(wrapper.find("div").text(), "Includes question").to.contain(Basic.args?.question);
-        expect(wrapper.find("div").text(), "Includes children").to.contain(Basic.args?.children);
+        var _a, _b;
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
+        expect(wrapper.find("div").text(), "Includes question").to.contain((_a = Basic.args) === null || _a === void 0 ? void 0 : _a.question);
+        expect(wrapper.find("div").text(), "Includes children").to.contain((_b = Basic.args) === null || _b === void 0 ? void 0 : _b.children);
     });
     it("should include custom class if provided", () => {
-        const wrapper = mount(React.createElement(Basic, { ...Basic.args }));
-        expect(wrapper.find("div").prop("className")).to.contain(Basic.args?.className);
+        var _a;
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
+        expect(wrapper.find("div").prop("className")).to.contain((_a = Basic.args) === null || _a === void 0 ? void 0 : _a.className);
     });
 });
 //# sourceMappingURL=FinsembleDialogQuestion.spec.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FinsembleDialogQuestion.spec.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/tests/FinsembleDialogQuestion.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAO,MAAM,4CAA4C,CAAC;AAGxE,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;IAC3C,EAAE,CAAC,qBAAqB,EAAE,GAAG,EAAE;QAC9B,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,OAAM,KAAK,CAAC,IAA2C,GAAI,CAAC,CAAC;QACzF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QACzF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC1F,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QAClD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,OAAM,KAAK,CAAC,IAA2C,GAAI,CAAC,CAAC;QACzF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACjF,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { Basic, tmp } from \"../stories/FinsembleDialogQuestion.stories\";\r\nimport { FinsembleDialogQuestionProps } from \"../FinsembleDialogQuestion\";\r\n\r\ndescribe(\"<FinsembleDialogQuestion/>\", () => {\r\n\tit(\"should display text\", () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogQuestionProps & tmp)} />);\r\n\t\texpect(wrapper.find(\"div\").text(), \"Includes question\").to.contain(Basic.args?.question);\r\n\t\texpect(wrapper.find(\"div\").text(), \"Includes children\").to.contain(Basic.args?.children);\r\n\t});\r\n\r\n\tit(\"should include custom class if provided\", () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogQuestionProps & tmp)} />);\r\n\t\texpect(wrapper.find(\"div\").prop(\"className\")).to.contain(Basic.args?.className);\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"FinsembleDialogQuestion.spec.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/tests/FinsembleDialogQuestion.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAO,MAAM,4CAA4C,CAAC;AAGxE,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;IAC3C,EAAE,CAAC,qBAAqB,EAAE,GAAG,EAAE;;QAC9B,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,oBAAM,KAAK,CAAC,IAA2C,EAAI,CAAC,CAAC;QACzF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,MAAA,KAAK,CAAC,IAAI,0CAAE,QAAQ,CAAC,CAAC;QACzF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,MAAA,KAAK,CAAC,IAAI,0CAAE,QAAQ,CAAC,CAAC;IAC1F,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;;QAClD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,oBAAM,KAAK,CAAC,IAA2C,EAAI,CAAC,CAAC;QACzF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,MAAA,KAAK,CAAC,IAAI,0CAAE,SAAS,CAAC,CAAC;IACjF,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { Basic, tmp } from \"../stories/FinsembleDialogQuestion.stories\";\r\nimport { FinsembleDialogQuestionProps } from \"../FinsembleDialogQuestion\";\r\n\r\ndescribe(\"<FinsembleDialogQuestion/>\", () => {\r\n\tit(\"should display text\", () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogQuestionProps & tmp)} />);\r\n\t\texpect(wrapper.find(\"div\").text(), \"Includes question\").to.contain(Basic.args?.question);\r\n\t\texpect(wrapper.find(\"div\").text(), \"Includes children\").to.contain(Basic.args?.children);\r\n\t});\r\n\r\n\tit(\"should include custom class if provided\", () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogQuestionProps & tmp)} />);\r\n\t\texpect(wrapper.find(\"div\").prop(\"className\")).to.contain(Basic.args?.className);\r\n\t});\r\n});\r\n"]}

package/react/components/legacyControls/tests/FinsembleDialogTextInput.spec.js

@@ -12,20 +12,20 @@ describe("<FinsembleDialogTextInput/>", () => {
         sinon.restore();
     });
     it("should pass accessibility tests", async () => {
-        const wrapper = mount(React.createElement(WithLabel, { ...WithLabel.args }));
+        const wrapper = mount(React.createElement(WithLabel, Object.assign({}, WithLabel.args)));
         expect(await accessibilityAssessor(wrapper)).to.be.true;
     });
     it("should auto focus when autofocus=true", () => {
-        const wrapper = mount(React.createElement(AutoFocus, { ...AutoFocus.args }));
+        const wrapper = mount(React.createElement(AutoFocus, Object.assign({}, AutoFocus.args)));
         expect(wrapper.find("input").prop("autoFocus")).to.be.true;
     });
     it("should not auto focus when autofocus=false", () => {
-        const wrapper = mount(React.createElement(Basic, { ...Basic.args }));
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
         expect(wrapper.find("input").prop("autoFocus")).to.be.false;
     });
     it("should call input callback function", () => {
         const buttonSpy = sinon.spy(Basic.args, "onInputChange");
-        const wrapper = mount(React.createElement(Basic, { ...Basic.args }));
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
         wrapper.find("input").simulate("change", {
             target: {
                 value: "Text",
@@ -34,29 +34,30 @@ describe("<FinsembleDialogTextInput/>", () => {
         expect(buttonSpy.calledOnce).to.be.true;
     });
     it("should include label when provided", () => {
-        const wrapper = mount(React.createElement(WithLabel, { ...WithLabel.args }));
+        const wrapper = mount(React.createElement(WithLabel, Object.assign({}, WithLabel.args)));
         expect(wrapper.find("label").text()).to.not.be.empty;
     });
     it("should not include label when not provided", () => {
-        const wrapper = mount(React.createElement(Basic, { ...Basic.args }));
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
         expect(wrapper.find("label").text()).to.be.empty;
     });
     it("should include placeholder, which is not treated as value", () => {
-        const wrapper = mount(React.createElement(Placeholder, { ...Placeholder.args }));
-        expect(wrapper.find("input").prop("placeholder"), "Has a placeholder property").to.equal(Placeholder.args?.placeholder);
+        var _a;
+        const wrapper = mount(React.createElement(Placeholder, Object.assign({}, Placeholder.args)));
+        expect(wrapper.find("input").prop("placeholder"), "Has a placeholder property").to.equal((_a = Placeholder.args) === null || _a === void 0 ? void 0 : _a.placeholder);
         expect(wrapper.find("input").prop("value"), "Has not set the value property").to.be.empty;
     });
     it("should not allow input of greater than maxLength", () => {
-        const wrapper = mount(React.createElement(MaxLength, { ...MaxLength.args }));
+        const wrapper = mount(React.createElement(MaxLength, Object.assign({}, MaxLength.args)));
         expect(wrapper.find("input").prop("maxLength")).to.equal(5);
     });
     it("should handle presetValue", () => {
-        const wrapper = mount(React.createElement(WithPresetValue, { ...WithPresetValue.args }));
+        const wrapper = mount(React.createElement(WithPresetValue, Object.assign({}, WithPresetValue.args)));
         expect(wrapper.find("input").prop("value"), "Has not set the value property").to.be.not.undefined;
     });
     it("should not display letter inputs when only numbers are allowed", () => {
         const buttonSpy = sinon.spy(NumbersOnly.args, "onInputChange");
-        const wrapper = mount(React.createElement(NumbersOnly, { ...NumbersOnly.args }));
+        const wrapper = mount(React.createElement(NumbersOnly, Object.assign({}, NumbersOnly.args)));
         wrapper.find("input").simulate("change", {
             target: {
                 value: "123Text",
@@ -68,7 +69,7 @@ describe("<FinsembleDialogTextInput/>", () => {
     it("should display number inputs when only numbers are allowed", () => {
         const inputValue = "12345";
         const buttonSpy = sinon.spy(NumbersOnly.args, "onInputChange");
-        const wrapper = mount(React.createElement(NumbersOnly, { ...NumbersOnly.args }));
+        const wrapper = mount(React.createElement(NumbersOnly, Object.assign({}, NumbersOnly.args)));
         wrapper.find("input").simulate("change", {
             target: {
                 value: inputValue,

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

@@ -1 +1 @@
-{"version":3,"file":"FinsembleDialogTextInput.spec.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/tests/FinsembleDialogTextInput.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport {\r\n\tBasic,\r\n\tAutoFocus,\r\n\tMaxLength,\r\n\tPlaceholder,\r\n\tWithLabel,\r\n\tWithPresetValue,\r\n\tNumbersOnly,\r\n} from \"../stories/FinsembleDialogTextInput.stories\";\r\nimport { FinsembleDialogTextInputProps } from \"../FinsembleDialogTextInput\";\r\nimport { accessibilityAssessor } from \"../../smartDesktopDesigner/tests/a11y_helper\";\r\n\r\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\r\nimport addons, { mockChannel } from \"@storybook/addons\";\r\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"<FinsembleDialogTextInput/>\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\r\n\tit(\"should pass accessibility tests\", async () => {\r\n\t\tconst wrapper = mount(<WithLabel {...(WithLabel.args as FinsembleDialogTextInputProps)} />);\r\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\r\n\t});\r\n\tit(\"should auto focus when autofocus=true\", () => {\r\n\t\tconst wrapper = mount(<AutoFocus {...(AutoFocus.args as FinsembleDialogTextInputProps)} />);\r\n\t\texpect(wrapper.find(\"input\").prop(\"autoFocus\")).to.be.true;\r\n\t});\r\n\tit(\"should not auto focus when autofocus=false\", () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogTextInputProps)} />);\r\n\t\texpect(wrapper.find(\"input\").prop(\"autoFocus\")).to.be.false;\r\n\t});\r\n\tit(\"should call input callback function\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Basic.args as FinsembleDialogTextInputProps, \"onInputChange\");\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogTextInputProps)} />);\r\n\t\twrapper.find(\"input\").simulate(\"change\", {\r\n\t\t\ttarget: {\r\n\t\t\t\tvalue: \"Text\",\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.be.true;\r\n\t});\r\n\tit(\"should include label when provided\", () => {\r\n\t\tconst wrapper = mount(<WithLabel {...(WithLabel.args as FinsembleDialogTextInputProps)} />);\r\n\t\texpect(wrapper.find(\"label\").text()).to.not.be.empty;\r\n\t});\r\n\tit(\"should not include label when not provided\", () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogTextInputProps)} />);\r\n\t\texpect(wrapper.find(\"label\").text()).to.be.empty;\r\n\t});\r\n\tit(\"should include placeholder, which is not treated as value\", () => {\r\n\t\tconst wrapper = mount(<Placeholder {...(Placeholder.args as FinsembleDialogTextInputProps)} />);\r\n\t\texpect(wrapper.find(\"input\").prop(\"placeholder\"), \"Has a placeholder property\").to.equal(\r\n\t\t\tPlaceholder.args?.placeholder\r\n\t\t);\r\n\t\texpect(wrapper.find(\"input\").prop(\"value\"), \"Has not set the value property\").to.be.empty;\r\n\t});\r\n\tit(\"should not allow input of greater than maxLength\", () => {\r\n\t\tconst wrapper = mount(<MaxLength {...(MaxLength.args as FinsembleDialogTextInputProps)} />);\r\n\t\texpect(wrapper.find(\"input\").prop(\"maxLength\")).to.equal(5);\r\n\t});\r\n\tit(\"should handle presetValue\", () => {\r\n\t\tconst wrapper = mount(<WithPresetValue {...(WithPresetValue.args as FinsembleDialogTextInputProps)} />);\r\n\t\texpect(wrapper.find(\"input\").prop(\"value\"), \"Has not set the value property\").to.be.not.undefined;\r\n\t});\r\n\tit(\"should not display letter inputs when only numbers are allowed\", () => {\r\n\t\tconst buttonSpy = sinon.spy(NumbersOnly.args as FinsembleDialogTextInputProps, \"onInputChange\");\r\n\t\tconst wrapper = mount(<NumbersOnly {...(NumbersOnly.args as FinsembleDialogTextInputProps)} />);\r\n\t\twrapper.find(\"input\").simulate(\"change\", {\r\n\t\t\ttarget: {\r\n\t\t\t\tvalue: \"123Text\",\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.be.false;\r\n\t\texpect(wrapper.find(\"input\").prop(\"value\")).to.be.empty;\r\n\t});\r\n\tit(\"should display number inputs when only numbers are allowed\", () => {\r\n\t\tconst inputValue = \"12345\";\r\n\t\tconst buttonSpy = sinon.spy(NumbersOnly.args as FinsembleDialogTextInputProps, \"onInputChange\");\r\n\t\tconst wrapper = mount(<NumbersOnly {...(NumbersOnly.args as FinsembleDialogTextInputProps)} />);\r\n\t\twrapper.find(\"input\").simulate(\"change\", {\r\n\t\t\ttarget: {\r\n\t\t\t\tvalue: inputValue,\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.be.true;\r\n\t\texpect(wrapper.find(\"input\").prop(\"value\")).to.equal(inputValue);\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"FinsembleDialogTextInput.spec.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/tests/FinsembleDialogTextInput.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport {\r\n\tBasic,\r\n\tAutoFocus,\r\n\tMaxLength,\r\n\tPlaceholder,\r\n\tWithLabel,\r\n\tWithPresetValue,\r\n\tNumbersOnly,\r\n} from \"../stories/FinsembleDialogTextInput.stories\";\r\nimport { FinsembleDialogTextInputProps } from \"../FinsembleDialogTextInput\";\r\nimport { accessibilityAssessor } from \"../../smartDesktopDesigner/tests/a11y_helper\";\r\n\r\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\r\nimport addons, { mockChannel } from \"@storybook/addons\";\r\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"<FinsembleDialogTextInput/>\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\r\n\tit(\"should pass accessibility tests\", async () => {\r\n\t\tconst wrapper = mount(<WithLabel {...(WithLabel.args as FinsembleDialogTextInputProps)} />);\r\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\r\n\t});\r\n\tit(\"should auto focus when autofocus=true\", () => {\r\n\t\tconst wrapper = mount(<AutoFocus {...(AutoFocus.args as FinsembleDialogTextInputProps)} />);\r\n\t\texpect(wrapper.find(\"input\").prop(\"autoFocus\")).to.be.true;\r\n\t});\r\n\tit(\"should not auto focus when autofocus=false\", () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogTextInputProps)} />);\r\n\t\texpect(wrapper.find(\"input\").prop(\"autoFocus\")).to.be.false;\r\n\t});\r\n\tit(\"should call input callback function\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Basic.args as FinsembleDialogTextInputProps, \"onInputChange\");\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogTextInputProps)} />);\r\n\t\twrapper.find(\"input\").simulate(\"change\", {\r\n\t\t\ttarget: {\r\n\t\t\t\tvalue: \"Text\",\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.be.true;\r\n\t});\r\n\tit(\"should include label when provided\", () => {\r\n\t\tconst wrapper = mount(<WithLabel {...(WithLabel.args as FinsembleDialogTextInputProps)} />);\r\n\t\texpect(wrapper.find(\"label\").text()).to.not.be.empty;\r\n\t});\r\n\tit(\"should not include label when not provided\", () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogTextInputProps)} />);\r\n\t\texpect(wrapper.find(\"label\").text()).to.be.empty;\r\n\t});\r\n\tit(\"should include placeholder, which is not treated as value\", () => {\r\n\t\tconst wrapper = mount(<Placeholder {...(Placeholder.args as FinsembleDialogTextInputProps)} />);\r\n\t\texpect(wrapper.find(\"input\").prop(\"placeholder\"), \"Has a placeholder property\").to.equal(\r\n\t\t\tPlaceholder.args?.placeholder\r\n\t\t);\r\n\t\texpect(wrapper.find(\"input\").prop(\"value\"), \"Has not set the value property\").to.be.empty;\r\n\t});\r\n\tit(\"should not allow input of greater than maxLength\", () => {\r\n\t\tconst wrapper = mount(<MaxLength {...(MaxLength.args as FinsembleDialogTextInputProps)} />);\r\n\t\texpect(wrapper.find(\"input\").prop(\"maxLength\")).to.equal(5);\r\n\t});\r\n\tit(\"should handle presetValue\", () => {\r\n\t\tconst wrapper = mount(<WithPresetValue {...(WithPresetValue.args as FinsembleDialogTextInputProps)} />);\r\n\t\texpect(wrapper.find(\"input\").prop(\"value\"), \"Has not set the value property\").to.be.not.undefined;\r\n\t});\r\n\tit(\"should not display letter inputs when only numbers are allowed\", () => {\r\n\t\tconst buttonSpy = sinon.spy(NumbersOnly.args as FinsembleDialogTextInputProps, \"onInputChange\");\r\n\t\tconst wrapper = mount(<NumbersOnly {...(NumbersOnly.args as FinsembleDialogTextInputProps)} />);\r\n\t\twrapper.find(\"input\").simulate(\"change\", {\r\n\t\t\ttarget: {\r\n\t\t\t\tvalue: \"123Text\",\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.be.false;\r\n\t\texpect(wrapper.find(\"input\").prop(\"value\")).to.be.empty;\r\n\t});\r\n\tit(\"should display number inputs when only numbers are allowed\", () => {\r\n\t\tconst inputValue = \"12345\";\r\n\t\tconst buttonSpy = sinon.spy(NumbersOnly.args as FinsembleDialogTextInputProps, \"onInputChange\");\r\n\t\tconst wrapper = mount(<NumbersOnly {...(NumbersOnly.args as FinsembleDialogTextInputProps)} />);\r\n\t\twrapper.find(\"input\").simulate(\"change\", {\r\n\t\t\ttarget: {\r\n\t\t\t\tvalue: inputValue,\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.be.true;\r\n\t\texpect(wrapper.find(\"input\").prop(\"value\")).to.equal(inputValue);\r\n\t});\r\n});\r\n"]}

package/react/components/linker/LinkerMenu.js

@@ -5,11 +5,12 @@ import { actions, store } from "./remoteRedux";
 import "../../assets/css/linkerWindow.css";
 import { LinkerElement as LinkerElementDeprecated } from "./LinkerMenuDeprecated";
 const LinkerElement = () => {
+    var _a, _b, _c, _d;
     const state = useSelector((currentState) => currentState);
     const dispatch = useDispatch();
     const { activeWindowName } = state;
-    const joinedChannels = state?.clients?.[activeWindowName ?? ""]?.joinedChannels ?? [];
-    const allChannels = state?.allChannels ?? [];
+    const joinedChannels = (_c = (_b = (_a = state === null || state === void 0 ? void 0 : state.clients) === null || _a === void 0 ? void 0 : _a[activeWindowName !== null && activeWindowName !== void 0 ? activeWindowName : ""]) === null || _b === void 0 ? void 0 : _b.joinedChannels) !== null && _c !== void 0 ? _c : [];
+    const allChannels = (_d = state === null || state === void 0 ? void 0 : state.allChannels) !== null && _d !== void 0 ? _d : [];
     const [focusedMenuIndex, setFocusedMenuIndex] = useState(0);
     const containerElement = useRef(null);
     const hideWindow = () => {
@@ -86,7 +87,7 @@ const WhichLinker = () => {
     const [whichLinker, setWhichLinker] = React.useState("");
     useEffect(() => {
         (async () => {
-            const { err, data } = await FSBL.Clients.ConfigClient.getValue({
+            const { data } = await FSBL.Clients.ConfigClient.getValue({
                 field: "finsemble.servicesConfig.linker.enabled",
             });
             if (data) {

package/react/components/linker/LinkerMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkerMenu.js","sourceRoot":"","sources":["../../../src/components/linker/LinkerMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport React, { useEffect, useState, useRef } from \"react\";\r\nimport { FinsembleProvider } from \"../FinsembleProvider\";\r\nimport { useDispatch, useSelector, Provider } from \"react-redux\";\r\nimport { LinkerStore, actions, store } from \"./remoteRedux\";\r\nimport \"../../assets/css/linkerWindow.css\";\r\nimport { LinkerElement as LinkerElementDeprecated } from \"./LinkerMenuDeprecated\";\r\n\r\ntype Channel = LinkerStore[\"allChannels\"][0];\r\ntype JoinedChannels = string[];\r\n\r\nconst LinkerElement: React.FunctionComponent = () => {\r\n\tconst state: LinkerStore = useSelector((currentState: any) => currentState);\r\n\tconst dispatch = useDispatch();\r\n\tconst { activeWindowName } = state;\r\n\tconst joinedChannels: JoinedChannels = state?.clients?.[activeWindowName ?? \"\"]?.joinedChannels ?? [];\r\n\tconst allChannels: Channel[] = state?.allChannels ?? [];\r\n\t// Track which menu item has focus for keyboard users\r\n\tconst [focusedMenuIndex, setFocusedMenuIndex] = useState(0);\r\n\tconst containerElement = useRef<HTMLDivElement>(null);\r\n\r\n\tconst hideWindow = () => {\r\n\t\t// Must blur or you end up having to click twice to show the window.\r\n\t\t// If you just hide, the first time the user clicks\r\n\t\t// on the linker button, the blur will trigger, which will hide the window.\r\n\t\tfinsembleWindow.blur();\r\n\t\tfinsembleWindow.hide();\r\n\t\tsetFocusedMenuIndex(0);\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\t// Move focus to container element, so that keystrokes can be captured for keyboard users (accessibility)\r\n\t\tcontainerElement.current && containerElement.current.focus();\r\n\r\n\t\t// Without these events, the linker menu is opened but doesn't focus, so the blur event never fires, and the menu is left\r\n\t\t// orphaned and sad.\r\n\r\n\t\tconst focusWindow = () => {\r\n\t\t\tfinsembleWindow.focus();\r\n\t\t};\r\n\r\n\t\tFSBL.Clients.Logger.system.log(\"Linker component is mounted. Initializing.\");\r\n\t\tfinsembleWindow.addEventListener(\"blurred\", hideWindow);\r\n\t\tfinsembleWindow.addEventListener(\"shown\", focusWindow);\r\n\r\n\t\treturn () => {\r\n\t\t\tFSBL.Clients.Logger.system.log(\"Linker component is unmounted. Cleaning up the event listeners.\");\r\n\t\t\tfinsembleWindow.removeEventListener(\"blurred\", hideWindow);\r\n\t\t\tfinsembleWindow.removeEventListener(\"shown\", focusWindow);\r\n\t\t};\r\n\t}, []);\r\n\r\n\tconst toggleChannel = (name: string) => {\r\n\t\t// TODO, import action creators from finsemble-core rather than building these by hand\r\n\t\tif (activeWindowName) {\r\n\t\t\tif (joinedChannels.includes(name)) {\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tactions.unlinkChannels({\r\n\t\t\t\t\t\ttype: \"linker/unlinkChannels\",\r\n\t\t\t\t\t\tpayload: {\r\n\t\t\t\t\t\t\tchannels: [name],\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tmeta: {\r\n\t\t\t\t\t\t\twindowName: activeWindowName,\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} else {\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tactions.linkChannels({\r\n\t\t\t\t\t\ttype: \"linker/linkChannels\",\r\n\t\t\t\t\t\tpayload: {\r\n\t\t\t\t\t\t\tchannels: [name],\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tmeta: {\r\n\t\t\t\t\t\t\twindowName: activeWindowName,\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}\r\n\t\thideWindow();\r\n\t};\r\n\r\n\tconst channelElements =\r\n\t\tactiveWindowName &&\r\n\t\tallChannels.map(({ name, cssClassName }, index: number) => {\r\n\t\t\tconst active = joinedChannels.includes(name);\r\n\r\n\t\t\treturn (\r\n\t\t\t\t<div\r\n\t\t\t\t\tkey={name}\r\n\t\t\t\t\tclassName={`channel-wrapper ${cssClassName} ${focusedMenuIndex === index ? \"focused\" : \"\"}`}\r\n\t\t\t\t\tonClick={() => toggleChannel(name)}\r\n\t\t\t\t>\r\n\t\t\t\t\t<div className=\"channel-label\">{name}</div>\r\n\t\t\t\t\t<div className=\"linker-glyph\">{active ? <i className=\"active-linker-group ff-check-mark\"></i> : null}</div>\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t});\r\n\r\n\tconst manageKeyboardNavigation = (evt: React.KeyboardEvent<HTMLDivElement>) => {\r\n\t\tconst lastChannelIndex = allChannels.length - 1;\r\n\t\tif (evt.key === \"ArrowDown\") {\r\n\t\t\tsetFocusedMenuIndex(focusedMenuIndex >= lastChannelIndex ? 0 : focusedMenuIndex + 1);\r\n\t\t} else if (evt.key === \"ArrowUp\") {\r\n\t\t\tsetFocusedMenuIndex(focusedMenuIndex <= 0 ? lastChannelIndex : focusedMenuIndex - 1);\r\n\t\t} else if (evt.key === \"Enter\") {\r\n\t\t\ttoggleChannel(allChannels[focusedMenuIndex].name);\r\n\t\t} else if (evt.key === \"Escape\") {\r\n\t\t\thideWindow();\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName=\"linkerContainer\"\r\n\t\t\ttabIndex={0}\r\n\t\t\trole=\"menu\"\r\n\t\t\tonKeyDown={manageKeyboardNavigation}\r\n\t\t\tref={containerElement}\r\n\t\t>\r\n\t\t\t{channelElements}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\n/**\r\n * Picks whether to display the current or deprecated LinkerElement.\r\n * If config `finsemble.servicesConfig.linker.enabled` is set to true then the deprecated version will be used.\r\n *\r\n * This code should be removed once the linkerClient is removed from Finsemble.\r\n */\r\nconst WhichLinker = () => {\r\n\tconst [whichLinker, setWhichLinker] = React.useState(\"\");\r\n\r\n\tuseEffect(() => {\r\n\t\t(async () => {\r\n\t\t\tconst { err, data } = await FSBL.Clients.ConfigClient.getValue({\r\n\t\t\t\tfield: \"finsemble.servicesConfig.linker.enabled\",\r\n\t\t\t});\r\n\t\t\tif (data) {\r\n\t\t\t\tsetWhichLinker(\"LinkerElementDeprecated\");\r\n\t\t\t} else {\r\n\t\t\t\tsetWhichLinker(\"LinkerElement\");\r\n\t\t\t}\r\n\t\t})();\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{whichLinker === \"LinkerElement\" && (\r\n\t\t\t\t<Provider store={store}>\r\n\t\t\t\t\t<LinkerElement />\r\n\t\t\t\t</Provider>\r\n\t\t\t)}\r\n\t\t\t{whichLinker === \"LinkerElementDeprecated\" && <LinkerElementDeprecated />}\r\n\t\t</>\r\n\t);\r\n};\r\n\r\n/**\r\n * The Linker icon on the window titlebar that launches the linker menu.\r\n */\r\nexport const LinkerMenu = () => (\r\n\t<FinsembleProvider>\r\n\t\t<WhichLinker />\r\n\t</FinsembleProvider>\r\n);\r\n"]}
+{"version":3,"file":"LinkerMenu.js","sourceRoot":"","sources":["../../../src/components/linker/LinkerMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport React, { useEffect, useState, useRef } from \"react\";\r\nimport { FinsembleProvider } from \"../FinsembleProvider\";\r\nimport { useDispatch, useSelector, Provider } from \"react-redux\";\r\nimport { LinkerStore, actions, store } from \"./remoteRedux\";\r\nimport \"../../assets/css/linkerWindow.css\";\r\nimport { LinkerElement as LinkerElementDeprecated } from \"./LinkerMenuDeprecated\";\r\n\r\ntype Channel = LinkerStore[\"allChannels\"][0];\r\ntype JoinedChannels = string[];\r\n\r\nconst LinkerElement: React.FunctionComponent = () => {\r\n\tconst state: LinkerStore = useSelector((currentState: any) => currentState);\r\n\tconst dispatch = useDispatch();\r\n\tconst { activeWindowName } = state;\r\n\tconst joinedChannels: JoinedChannels = state?.clients?.[activeWindowName ?? \"\"]?.joinedChannels ?? [];\r\n\tconst allChannels: Channel[] = state?.allChannels ?? [];\r\n\t// Track which menu item has focus for keyboard users\r\n\tconst [focusedMenuIndex, setFocusedMenuIndex] = useState(0);\r\n\tconst containerElement = useRef<HTMLDivElement>(null);\r\n\r\n\tconst hideWindow = () => {\r\n\t\t// Must blur or you end up having to click twice to show the window.\r\n\t\t// If you just hide, the first time the user clicks\r\n\t\t// on the linker button, the blur will trigger, which will hide the window.\r\n\t\tfinsembleWindow.blur();\r\n\t\tfinsembleWindow.hide();\r\n\t\tsetFocusedMenuIndex(0);\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\t// Move focus to container element, so that keystrokes can be captured for keyboard users (accessibility)\r\n\t\tcontainerElement.current && containerElement.current.focus();\r\n\r\n\t\t// Without these events, the linker menu is opened but doesn't focus, so the blur event never fires, and the menu is left\r\n\t\t// orphaned and sad.\r\n\r\n\t\tconst focusWindow = () => {\r\n\t\t\tfinsembleWindow.focus();\r\n\t\t};\r\n\r\n\t\tFSBL.Clients.Logger.system.log(\"Linker component is mounted. Initializing.\");\r\n\t\tfinsembleWindow.addEventListener(\"blurred\", hideWindow);\r\n\t\tfinsembleWindow.addEventListener(\"shown\", focusWindow);\r\n\r\n\t\treturn () => {\r\n\t\t\tFSBL.Clients.Logger.system.log(\"Linker component is unmounted. Cleaning up the event listeners.\");\r\n\t\t\tfinsembleWindow.removeEventListener(\"blurred\", hideWindow);\r\n\t\t\tfinsembleWindow.removeEventListener(\"shown\", focusWindow);\r\n\t\t};\r\n\t}, []);\r\n\r\n\tconst toggleChannel = (name: string) => {\r\n\t\t// These action creators can now be imported from finsemble-core\r\n\t\tif (activeWindowName) {\r\n\t\t\tif (joinedChannels.includes(name)) {\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tactions.unlinkChannels({\r\n\t\t\t\t\t\ttype: \"linker/unlinkChannels\",\r\n\t\t\t\t\t\tpayload: {\r\n\t\t\t\t\t\t\tchannels: [name],\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tmeta: {\r\n\t\t\t\t\t\t\twindowName: activeWindowName,\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} else {\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tactions.linkChannels({\r\n\t\t\t\t\t\ttype: \"linker/linkChannels\",\r\n\t\t\t\t\t\tpayload: {\r\n\t\t\t\t\t\t\tchannels: [name],\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tmeta: {\r\n\t\t\t\t\t\t\twindowName: activeWindowName,\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}\r\n\t\thideWindow();\r\n\t};\r\n\r\n\tconst channelElements =\r\n\t\tactiveWindowName &&\r\n\t\tallChannels.map(({ name, cssClassName }, index: number) => {\r\n\t\t\tconst active = joinedChannels.includes(name);\r\n\r\n\t\t\treturn (\r\n\t\t\t\t<div\r\n\t\t\t\t\tkey={name}\r\n\t\t\t\t\tclassName={`channel-wrapper ${cssClassName} ${focusedMenuIndex === index ? \"focused\" : \"\"}`}\r\n\t\t\t\t\tonClick={() => toggleChannel(name)}\r\n\t\t\t\t>\r\n\t\t\t\t\t<div className=\"channel-label\">{name}</div>\r\n\t\t\t\t\t<div className=\"linker-glyph\">{active ? <i className=\"active-linker-group ff-check-mark\"></i> : null}</div>\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t});\r\n\r\n\tconst manageKeyboardNavigation = (evt: React.KeyboardEvent<HTMLDivElement>) => {\r\n\t\tconst lastChannelIndex = allChannels.length - 1;\r\n\t\tif (evt.key === \"ArrowDown\") {\r\n\t\t\tsetFocusedMenuIndex(focusedMenuIndex >= lastChannelIndex ? 0 : focusedMenuIndex + 1);\r\n\t\t} else if (evt.key === \"ArrowUp\") {\r\n\t\t\tsetFocusedMenuIndex(focusedMenuIndex <= 0 ? lastChannelIndex : focusedMenuIndex - 1);\r\n\t\t} else if (evt.key === \"Enter\") {\r\n\t\t\ttoggleChannel(allChannels[focusedMenuIndex].name);\r\n\t\t} else if (evt.key === \"Escape\") {\r\n\t\t\thideWindow();\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName=\"linkerContainer\"\r\n\t\t\ttabIndex={0}\r\n\t\t\trole=\"menu\"\r\n\t\t\tonKeyDown={manageKeyboardNavigation}\r\n\t\t\tref={containerElement}\r\n\t\t>\r\n\t\t\t{channelElements}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\n/**\r\n * Picks whether to display the current or deprecated LinkerElement.\r\n * If config `finsemble.servicesConfig.linker.enabled` is set to true then the deprecated version will be used.\r\n *\r\n * This code should be removed once the linkerClient is removed from Finsemble.\r\n */\r\nconst WhichLinker = () => {\r\n\tconst [whichLinker, setWhichLinker] = React.useState(\"\");\r\n\r\n\tuseEffect(() => {\r\n\t\t(async () => {\r\n\t\t\tconst { data } = await FSBL.Clients.ConfigClient.getValue({\r\n\t\t\t\tfield: \"finsemble.servicesConfig.linker.enabled\",\r\n\t\t\t});\r\n\t\t\tif (data) {\r\n\t\t\t\tsetWhichLinker(\"LinkerElementDeprecated\");\r\n\t\t\t} else {\r\n\t\t\t\tsetWhichLinker(\"LinkerElement\");\r\n\t\t\t}\r\n\t\t})();\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{whichLinker === \"LinkerElement\" && (\r\n\t\t\t\t<Provider store={store}>\r\n\t\t\t\t\t<LinkerElement />\r\n\t\t\t\t</Provider>\r\n\t\t\t)}\r\n\t\t\t{whichLinker === \"LinkerElementDeprecated\" && <LinkerElementDeprecated />}\r\n\t\t</>\r\n\t);\r\n};\r\n\r\n/**\r\n * The Linker icon on the window titlebar that launches the linker menu.\r\n */\r\nexport const LinkerMenu = () => (\r\n\t<FinsembleProvider>\r\n\t\t<WhichLinker />\r\n\t</FinsembleProvider>\r\n);\r\n"]}

package/react/components/linker/LinkerMenuDeprecated.js

@@ -16,7 +16,7 @@ export const LinkerElement = () => {
         const groupClass = `linkerGroup ${color}`;
         const style = {
             backgroundColor: color,
-            border: `1px solid ${border ?? color}`,
+            border: `1px solid ${border !== null && border !== void 0 ? border : color}`,
         };
         return (React.createElement("div", { key: id, className: "channel-wrapper", onClick: () => toggleChannel(id) },
             state.isAccessibleLinker ? React.createElement("div", { className: "channel-label" }, name) : null,

package/react/components/linker/LinkerMenuDeprecated.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkerMenuDeprecated.js","sourceRoot":"","sources":["../../../src/components/linker/LinkerMenuDeprecated.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,mCAAmC,CAAC;AAE3C,MAAM,0BAA0B,GAAG,EAAE,CAAC;AACtC,MAAM,4CAA4C,GAAG,wFAAwF,0BAA0B,WAAW,CAAC;AAEnL,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IACjC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CAC7B,oKAAoK,CACpK,CAAC;IACF,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,CAAC;IAE7C,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAc,CAAC;IAC/D,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE;QACtF,IAAI,KAAK,GAAG,0BAA0B,GAAG,CAAC,EAAE;YAC3C,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,4CAA4C,CAAC,CAAC;YACxE,OAAO;SACP;QACD,MAAM,UAAU,GAAG,eAAe,KAAK,EAAE,CAAC;QAC1C,MAAM,KAAK,GAAG;YACb,eAAe,EAAE,KAAK;YACtB,MAAM,EAAE,aAAa,MAAM,IAAI,KAAK,EAAE;SACtC,CAAC;QACF,OAAO,CACN,6BAAK,GAAG,EAAE,EAAE,EAAE,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC;YACxE,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,eAAe,IAAE,IAAI,CAAO,CAAC,CAAC,CAAC,IAAI;YAC9E,6BAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,IACtC,MAAM,CAAC,CAAC,CAAC,2BAAG,SAAS,EAAC,mCAAmC,GAAK,CAAC,CAAC,CAAC,IAAI,CACjE,CACD,CACN,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,6BAAK,SAAS,EAAC,iBAAiB,IAAE,eAAe,CAAO,CAAC;AACjE,CAAC,CAAC;AAKF,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CAC/B,oBAAC,iBAAiB;IACjB,oBAAC,aAAa,OAAG,CACE,CACpB,CAAC","sourcesContent":["/*!\r\n * Copyright 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n *\r\n * This is a deprecated version of LinkerMenu which uses the linkerClient. It is not compatible with FDC3 interop.\r\n */\r\nimport * as React from \"react\";\r\n\r\nimport { Channel } from \"../../types/linkerTypes\";\r\nimport { useLinker } from \"../../hooks/useLinker\";\r\nimport { FinsembleProvider } from \"../FinsembleProvider\";\r\nimport \"../../assets/css/linkerWindow.css\";\r\n\r\nconst MAXIMUM_CHANNEL_SELECTIONS = 20;\r\nconst HIT_MAXIMUM_CHANNEL_SELECTIONS_ERROR_MESSAGE = `Attempted to render more channels than allowed. UI may look bad displaying more than ${MAXIMUM_CHANNEL_SELECTIONS} channels`;\r\n\r\nexport const LinkerElement = () => {\r\n\tFSBL.Clients.Logger.deprecated(\r\n\t\t\"This is a deprecated version of LinkerMenu which uses the linkerClient.  It will be removed in a future Finsemble version. It is not compatible with FDC3 interop.\"\r\n\t);\r\n\tconst { state, toggleChannel } = useLinker();\r\n\r\n\tconst allChannels = Object.values(state.channels) as Channel[];\r\n\tconst channelElements = allChannels.map(({ color, border, name, active, id }, index) => {\r\n\t\tif (index > MAXIMUM_CHANNEL_SELECTIONS - 1) {\r\n\t\t\tFSBL.Clients.Logger.error(HIT_MAXIMUM_CHANNEL_SELECTIONS_ERROR_MESSAGE);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst groupClass = `linkerGroup ${color}`;\r\n\t\tconst style = {\r\n\t\t\tbackgroundColor: color,\r\n\t\t\tborder: `1px solid ${border ?? color}`,\r\n\t\t};\r\n\t\treturn (\r\n\t\t\t<div key={id} className=\"channel-wrapper\" onClick={() => toggleChannel(id)}>\r\n\t\t\t\t{state.isAccessibleLinker ? <div className=\"channel-label\">{name}</div> : null}\r\n\t\t\t\t<div className={groupClass} style={style}>\r\n\t\t\t\t\t{active ? <i className=\"active-linker-group ff-check-mark\"></i> : null}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t});\r\n\r\n\treturn <div className=\"linkerContainer\">{channelElements}</div>;\r\n};\r\n\r\n/**\r\n * The Linker icon on the window titlebar that launches the linker menu.\r\n */\r\nexport const LinkerMenu = () => (\r\n\t<FinsembleProvider>\r\n\t\t<LinkerElement />\r\n\t</FinsembleProvider>\r\n);\r\n"]}
+{"version":3,"file":"LinkerMenuDeprecated.js","sourceRoot":"","sources":["../../../src/components/linker/LinkerMenuDeprecated.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,mCAAmC,CAAC;AAE3C,MAAM,0BAA0B,GAAG,EAAE,CAAC;AACtC,MAAM,4CAA4C,GAAG,wFAAwF,0BAA0B,WAAW,CAAC;AAEnL,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IACjC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CAC7B,oKAAoK,CACpK,CAAC;IACF,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,CAAC;IAE7C,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAc,CAAC;IAC/D,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE;QACtF,IAAI,KAAK,GAAG,0BAA0B,GAAG,CAAC,EAAE;YAC3C,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,4CAA4C,CAAC,CAAC;YACxE,OAAO;SACP;QACD,MAAM,UAAU,GAAG,eAAe,KAAK,EAAE,CAAC;QAC1C,MAAM,KAAK,GAAG;YACb,eAAe,EAAE,KAAK;YACtB,MAAM,EAAE,aAAa,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK,EAAE;SACtC,CAAC;QACF,OAAO,CACN,6BAAK,GAAG,EAAE,EAAE,EAAE,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC;YACxE,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,eAAe,IAAE,IAAI,CAAO,CAAC,CAAC,CAAC,IAAI;YAC9E,6BAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,IACtC,MAAM,CAAC,CAAC,CAAC,2BAAG,SAAS,EAAC,mCAAmC,GAAK,CAAC,CAAC,CAAC,IAAI,CACjE,CACD,CACN,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,6BAAK,SAAS,EAAC,iBAAiB,IAAE,eAAe,CAAO,CAAC;AACjE,CAAC,CAAC;AAKF,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CAC/B,oBAAC,iBAAiB;IACjB,oBAAC,aAAa,OAAG,CACE,CACpB,CAAC","sourcesContent":["/*!\r\n * Copyright 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n *\r\n * This is a deprecated version of LinkerMenu which uses the linkerClient. It is not compatible with FDC3 interop.\r\n */\r\nimport * as React from \"react\";\r\n\r\nimport { Channel } from \"../../types/linkerTypes\";\r\nimport { useLinker } from \"../../hooks/useLinker\";\r\nimport { FinsembleProvider } from \"../FinsembleProvider\";\r\nimport \"../../assets/css/linkerWindow.css\";\r\n\r\nconst MAXIMUM_CHANNEL_SELECTIONS = 20;\r\nconst HIT_MAXIMUM_CHANNEL_SELECTIONS_ERROR_MESSAGE = `Attempted to render more channels than allowed. UI may look bad displaying more than ${MAXIMUM_CHANNEL_SELECTIONS} channels`;\r\n\r\nexport const LinkerElement = () => {\r\n\tFSBL.Clients.Logger.deprecated(\r\n\t\t\"This is a deprecated version of LinkerMenu which uses the linkerClient.  It will be removed in a future Finsemble version. It is not compatible with FDC3 interop.\"\r\n\t);\r\n\tconst { state, toggleChannel } = useLinker();\r\n\r\n\tconst allChannels = Object.values(state.channels) as Channel[];\r\n\tconst channelElements = allChannels.map(({ color, border, name, active, id }, index) => {\r\n\t\tif (index > MAXIMUM_CHANNEL_SELECTIONS - 1) {\r\n\t\t\tFSBL.Clients.Logger.error(HIT_MAXIMUM_CHANNEL_SELECTIONS_ERROR_MESSAGE);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst groupClass = `linkerGroup ${color}`;\r\n\t\tconst style = {\r\n\t\t\tbackgroundColor: color,\r\n\t\t\tborder: `1px solid ${border ?? color}`,\r\n\t\t};\r\n\t\treturn (\r\n\t\t\t<div key={id} className=\"channel-wrapper\" onClick={() => toggleChannel(id)}>\r\n\t\t\t\t{state.isAccessibleLinker ? <div className=\"channel-label\">{name}</div> : null}\r\n\t\t\t\t<div className={groupClass} style={style}>\r\n\t\t\t\t\t{active ? <i className=\"active-linker-group ff-check-mark\"></i> : null}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t});\r\n\r\n\treturn <div className=\"linkerContainer\">{channelElements}</div>;\r\n};\r\n\r\n/**\r\n * The Linker icon on the window titlebar that launches the linker menu.\r\n */\r\nexport const LinkerMenu = () => (\r\n\t<FinsembleProvider>\r\n\t\t<LinkerElement />\r\n\t</FinsembleProvider>\r\n);\r\n"]}

package/react/components/linker/remoteRedux.d.ts

@@ -1,44 +1,12 @@
-export declare type LinkerStore = {
-    clients: {
-        [windowName: string]: {
-            joinedChannels: string[];
-        };
-    };
-    allChannels: {
-        name: string;
-        color: string;
-        cssClassName: string;
-        label: string;
-    }[];
-    activeWindowName?: string;
-};
-export declare const store: import("@reduxjs/toolkit").EnhancedStore<any, import("redux").AnyAction, [import("redux-thunk").ThunkMiddleware<any, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<any, import("redux").AnyAction, undefined>]>;
-export declare type InteropLinkChannels = {
-    type: "linker/linkChannels";
-    payload: {
-        channels: string[];
-    };
-    meta: {
-        windowName: string;
-    };
-};
-export declare type InteropUnlinkChannels = {
-    type: "linker/unlinkChannels";
-    payload: {
-        channels?: string[];
-    };
-    meta: {
-        windowName: string;
-    };
-};
-export declare type InteropLinkerSetActiveWindow = {
-    type: "linker/setActiveWindow";
-    payload: {
-        windowName: string | undefined;
-    };
-};
+import { EnhancedStore } from "@reduxjs/toolkit";
+import { services } from "@finsemble/finsemble-core";
+export declare type LinkerStore = services.Interop.types.LinkerStore;
+export declare type InteropLinkChannels = services.Interop.modules.linker.InteropLinkChannels;
+export declare type InteropUnlinkChannels = services.Interop.modules.linker.InteropUnlinkChannels;
+export declare type InteropLinkerSetActiveWindow = services.Interop.modules.linker.InteropLinkerSetActiveWindow;
+export declare const store: EnhancedStore<LinkerStore, any, any>;
 export declare const actions: {
-    setActiveWindow: import("@reduxjs/toolkit").ActionCreatorWithPayload<InteropLinkerSetActiveWindow, string>;
-    linkChannels: import("@reduxjs/toolkit").ActionCreatorWithPayload<InteropLinkChannels, string>;
-    unlinkChannels: import("@reduxjs/toolkit").ActionCreatorWithPayload<InteropUnlinkChannels, string>;
+    setActiveWindow: import("@reduxjs/toolkit").ActionCreatorWithPayload<services.Interop.modules.linker.InteropLinkerSetActiveWindow, string>;
+    linkChannels: import("@reduxjs/toolkit").ActionCreatorWithPayload<services.Interop.modules.linker.InteropLinkChannels, string>;
+    unlinkChannels: import("@reduxjs/toolkit").ActionCreatorWithPayload<services.Interop.modules.linker.InteropUnlinkChannels, string>;
 };

package/react/components/linker/remoteRedux.js.map

@@ -1 +1 @@
-{"version":3,"file":"remoteRedux.js","sourceRoot":"","sources":["../../../src/components/linker/remoteRedux.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhE,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;AAE7B,MAAM,YAAY,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC;AAkB3C,MAAM,UAAU,GAAgB;IAC/B,OAAO,EAAE,EAAE;IACX,WAAW,EAAE,EAAE;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,cAAc,CAAC;IACnC,cAAc,EAAE,UAAU;IAC1B,OAAO,EAAE,YAAY;IACrB,SAAS,EAAE;QACV,WAAW,CAAC,yBAAyB,CAAC,EAAE,MAAM,EAAE,sCAAsC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;KAC1G;CACD,CAAC,CAAC;AA6BH,MAAM,CAAC,MAAM,OAAO,GAAG;IACtB,eAAe,EAAE,YAAY,CAA+B,wBAAwB,CAAC;IACrF,YAAY,EAAE,YAAY,CAAsB,qBAAqB,CAAC;IACtE,cAAc,EAAE,YAAY,CAAwB,uBAAuB,CAAC;CAC5E,CAAC","sourcesContent":["import { configureStore, createAction } from \"@reduxjs/toolkit\";\r\n\r\n// @todo, import this so that we get enumerated types!\r\nconst { remoteRedux } = FSBL;\r\n\r\nconst dummyReducer = (state: any) => state;\r\n\r\n//, @todo import all this from finsemble-core\r\nexport type LinkerStore = {\r\n\tclients: {\r\n\t\t[windowName: string]: {\r\n\t\t\tjoinedChannels: string[];\r\n\t\t};\r\n\t};\r\n\tallChannels: {\r\n\t\tname: string;\r\n\t\tcolor: string;\r\n\t\tcssClassName: string;\r\n\t\tlabel: string;\r\n\t}[];\r\n\tactiveWindowName?: string;\r\n};\r\n\r\nconst emptyStore: LinkerStore = {\r\n\tclients: {},\r\n\tallChannels: [],\r\n};\r\n\r\nexport const store = configureStore({\r\n\tpreloadedState: emptyStore,\r\n\treducer: dummyReducer,\r\n\tenhancers: [\r\n\t\tremoteRedux.remoteReduxClientEnhancer({ server: \"@@finsemble/remoteRedux/InteropStore\", slice: \"linker\" }),\r\n\t],\r\n});\r\n\r\nexport type InteropLinkChannels = {\r\n\ttype: \"linker/linkChannels\";\r\n\tpayload: {\r\n\t\tchannels: string[];\r\n\t};\r\n\tmeta: {\r\n\t\twindowName: string;\r\n\t};\r\n};\r\n\r\nexport type InteropUnlinkChannels = {\r\n\ttype: \"linker/unlinkChannels\";\r\n\tpayload: {\r\n\t\tchannels?: string[];\r\n\t};\r\n\tmeta: {\r\n\t\twindowName: string;\r\n\t};\r\n};\r\n\r\nexport type InteropLinkerSetActiveWindow = {\r\n\ttype: \"linker/setActiveWindow\";\r\n\tpayload: {\r\n\t\twindowName: string | undefined;\r\n\t};\r\n};\r\n\r\nexport const actions = {\r\n\tsetActiveWindow: createAction<InteropLinkerSetActiveWindow>(\"linker/setActiveWindow\"),\r\n\tlinkChannels: createAction<InteropLinkChannels>(\"linker/linkChannels\"),\r\n\tunlinkChannels: createAction<InteropUnlinkChannels>(\"linker/unlinkChannels\"),\r\n};\r\n// end, @todo\r\n"]}
+{"version":3,"file":"remoteRedux.js","sourceRoot":"","sources":["../../../src/components/linker/remoteRedux.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAiB,MAAM,kBAAkB,CAAC;AAQ/E,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;AAE7B,MAAM,YAAY,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC;AAE3C,MAAM,UAAU,GAAgB;IAC/B,OAAO,EAAE,EAAE;IACX,WAAW,EAAE,EAAE;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAyC,cAAc,CAAC;IACzE,cAAc,EAAE,UAAU;IAC1B,OAAO,EAAE,YAAY;IACrB,SAAS,EAAE;QACV,WAAW,CAAC,yBAAyB,CAAC,EAAE,MAAM,EAAE,sCAAsC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;KAC1G;CACD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG;IACtB,eAAe,EAAE,YAAY,CAA+B,wBAAwB,CAAC;IACrF,YAAY,EAAE,YAAY,CAAsB,qBAAqB,CAAC;IACtE,cAAc,EAAE,YAAY,CAAwB,uBAAuB,CAAC;CAC5E,CAAC","sourcesContent":["import { configureStore, createAction, EnhancedStore } from \"@reduxjs/toolkit\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\nexport type LinkerStore = services.Interop.types.LinkerStore;\r\nexport type InteropLinkChannels = services.Interop.modules.linker.InteropLinkChannels;\r\nexport type InteropUnlinkChannels = services.Interop.modules.linker.InteropUnlinkChannels;\r\nexport type InteropLinkerSetActiveWindow = services.Interop.modules.linker.InteropLinkerSetActiveWindow;\r\n\r\nconst { remoteRedux } = FSBL;\r\n\r\nconst dummyReducer = (state: any) => state;\r\n\r\nconst emptyStore: LinkerStore = {\r\n\tclients: {},\r\n\tallChannels: [],\r\n};\r\n\r\nexport const store: EnhancedStore<LinkerStore, any, any> = configureStore({\r\n\tpreloadedState: emptyStore,\r\n\treducer: dummyReducer,\r\n\tenhancers: [\r\n\t\tremoteRedux.remoteReduxClientEnhancer({ server: \"@@finsemble/remoteRedux/InteropStore\", slice: \"linker\" }),\r\n\t],\r\n});\r\n\r\nexport const actions = {\r\n\tsetActiveWindow: createAction<InteropLinkerSetActiveWindow>(\"linker/setActiveWindow\"),\r\n\tlinkChannels: createAction<InteropLinkChannels>(\"linker/linkChannels\"),\r\n\tunlinkChannels: createAction<InteropUnlinkChannels>(\"linker/unlinkChannels\"),\r\n};\r\n"]}

package/react/components/menu/Menu.d.ts

@@ -7,6 +7,6 @@ export declare type MenuProps = {
     maxHeight?: number;
     openHotkey?: Array<string>;
     width?: number;
-    title?: React.ReactNode;
+    title?: React.ReactNode | string;
 };
 export declare const Menu: React.FunctionComponent<MenuProps>;