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

package/react/components/search/Highlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"Highlight.js","sourceRoot":"","sources":["../../../src/components/search/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAQhG,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAClD,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,gCAAgC,EAAE,MAAM,CAAC,CAAC;IAEpF,MAAM,QAAQ,GAAG,YAAY,CAAC,IAAI,CAAC,EAAE,OAAO,CAC3C,IAAI,MAAM,CAAC,IAAI,YAAY,GAAG,EAAE,IAAI,CAAC,EACrC,mCAAmC,CACnC,CAAC;IAEF,OAAO,CACN,8BACC,uBAAuB,EAAE;YACxB,MAAM,EAAE,QAAQ;SAChB,GACM,CACR,CAAC;AACH,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\n\r\nexport type HighlightProps = {\r\n\tmatchAgainst: string;\r\n\ttext: string;\r\n};\r\n\r\n/**\r\n *Sanitize string for HTML to prevent XSS attack\r\n *\r\n * @param {*} str\r\n * @return {*}\r\n */\r\nconst sanitizeHTML = (str: string) => str?.replace(/[^\\w. ]/gi, (c) => `&#${c.charCodeAt(0)};`);\r\n\r\n/**\r\n * Highlights matching areas of a query against a piece of text, and then renders them\r\n * on the screen with a highlighted class. The matching is case insensitive.\r\n * NOTE: This calls dangerouslySetInnerHTML and contains a potential exploit for XSS.  Use with caution\r\n * when rendering externally-supplied content.\r\n */\r\nexport const Highlight = (props: HighlightProps) => {\r\n\tconst { matchAgainst, text } = props;\r\n\tconst escapedMatch = matchAgainst.replace(/([\\+\\-\\.\\/\\[\\]\\\\\\*\\?\\)\\{\\}\\|])/, \"\\\\$1\");\r\n\r\n\tconst itemHtml = sanitizeHTML(text)?.replace(\r\n\t\tnew RegExp(`(${escapedMatch})`, \"gi\"),\r\n\t\t`<span class=\"highlight\">$1</span>`\r\n\t);\r\n\r\n\treturn (\r\n\t\t<span\r\n\t\t\tdangerouslySetInnerHTML={{\r\n\t\t\t\t__html: itemHtml,\r\n\t\t\t}}\r\n\t\t></span>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"Highlight.js","sourceRoot":"","sources":["../../../src/components/search/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,iBAAiB,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC;AAQrE,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;AAQnF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAClD,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAErC,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,uBAAuB,EAAE,iBAAiB,CAAC,CAAC;IAEtF,MAAM,aAAa,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACzC,IAAI,KAAsB,CAAC;IAG3B,IAAI;QACH,KAAK,GAAG,IAAI,MAAM,CAAC,IAAI,YAAY,IAAI,aAAa,GAAG,EAAE,IAAI,CAAC,CAAC;KAC/D;IAAC,OAAO,CAAC,EAAE;QACX,KAAK,GAAG,YAAY,CAAC;QACrB,OAAO,CAAC,KAAK,CACZ,6FAA6F,YAAY,4DAA4D,CACrK,CAAC;KACF;IAED,MAAM,QAAQ,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,KAAK,EAAE,mCAAmC,CAAC,CAAC;IAEpF,OAAO,CACN,8BACC,uBAAuB,EAAE;YACxB,MAAM,EAAE,QAAQ;SAChB,GACM,CACR,CAAC;AACH,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\n\r\nexport type HighlightProps = {\r\n\tmatchAgainst: string;\r\n\ttext: string;\r\n};\r\n\r\n/**\r\n *Encode characters of string\r\n *\r\n * @param {string} str - String to be encoded\r\n * @returns {string} String with all characters encoded\r\n */\r\nconst encodeStringChars = (str: string) => `&#${str.charCodeAt(0)};`;\r\n\r\n/**\r\n *Sanitize string for HTML to prevent XSS attack\r\n *\r\n * @param {*} str\r\n * @return {*}\r\n */\r\nconst sanitizeHTML = (str: string) => str?.replace(/[^\\w. ]/gi, encodeStringChars);\r\n\r\n/**\r\n * Highlights matching areas of a query against a piece of text, and then renders them\r\n * on the screen with a highlighted class. The matching is case insensitive.\r\n * NOTE: This calls dangerouslySetInnerHTML and contains a potential exploit for XSS.  Use with caution\r\n * when rendering externally-supplied content.\r\n */\r\nexport const Highlight = (props: HighlightProps) => {\r\n\tconst { matchAgainst, text } = props;\r\n\r\n\tconst escapedMatch = matchAgainst.replace(/([.*+?^${}()|[\\]\\\\])/g, encodeStringChars);\r\n\r\n\tconst sanitizedHtml = sanitizeHTML(text);\r\n\tlet regex: RegExp | string;\r\n\r\n\t// Catch unexpected cases where some combination of characters break the RegExp\r\n\ttry {\r\n\t\tregex = new RegExp(`(${escapedMatch || sanitizedHtml})`, \"gi\");\r\n\t} catch (e) {\r\n\t\tregex = escapedMatch;\r\n\t\tconsole.error(\r\n\t\t\t`Failure in Highlight component in finsemble-ui. Expected a valid regex. Instead received \"${matchAgainst}\". Please check that your component is passing valid data.`\r\n\t\t);\r\n\t}\r\n\r\n\tconst itemHtml = sanitizedHtml?.replace(regex, `<span class=\"highlight\">$1</span>`);\r\n\r\n\treturn (\r\n\t\t<span\r\n\t\t\tdangerouslySetInnerHTML={{\r\n\t\t\t\t__html: itemHtml,\r\n\t\t\t}}\r\n\t\t></span>\r\n\t);\r\n};\r\n"]}

package/react/components/search/Highlight.spec.js

@@ -6,17 +6,17 @@ import { Start, RegularExpression, NoHighlight } from "./Highlight.stories";
 import { enzymeQuerySelectorWrapper } from "../utils";
 describe("<Highlight/>", () => {
     it("should contain a highlight section if there's a match", () => {
-        const wrapper = mount(React.createElement(Start, { ...Start.args }));
+        const wrapper = mount(React.createElement(Start, Object.assign({}, Start.args)));
         const element = enzymeQuerySelectorWrapper(wrapper, ".highlight");
         expect(element).to.not.be.null;
     });
     it("should not contain a highlight section if there's no match", () => {
-        const wrapper = mount(React.createElement(NoHighlight, { ...NoHighlight.args }));
+        const wrapper = mount(React.createElement(NoHighlight, Object.assign({}, NoHighlight.args)));
         const element = enzymeQuerySelectorWrapper(wrapper, ".highlight");
         expect(element).to.be.null;
     });
     it("should not throw an error if an invalid regular expression is used as the match string", () => {
-        mount(React.createElement(RegularExpression, { ...RegularExpression.args }));
+        mount(React.createElement(RegularExpression, Object.assign({}, RegularExpression.args)));
     });
 });
 //# sourceMappingURL=Highlight.spec.js.map

package/react/components/search/Highlight.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"Highlight.spec.js","sourceRoot":"","sources":["../../../src/components/search/Highlight.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,iBAAiB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE5E,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAEtD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,uDAAuD,EAAE,GAAG,EAAE;QAChE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,OAAM,KAAK,CAAC,IAAuB,GAAI,CAAC,CAAC;QACrE,MAAM,OAAO,GAAG,0BAA0B,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;QAClE,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IAChC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,4DAA4D,EAAE,GAAG,EAAE;QACrE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,WAAW,OAAM,WAAW,CAAC,IAAuB,GAAI,CAAC,CAAC;QACjF,MAAM,OAAO,GAAG,0BAA0B,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;QAClE,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC5B,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,wFAAwF,EAAE,GAAG,EAAE;QACjG,KAAK,CAAC,oBAAC,iBAAiB,OAAM,iBAAiB,CAAC,IAAuB,GAAI,CAAC,CAAC;IAC9E,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 { Start, RegularExpression, NoHighlight } from \"./Highlight.stories\";\r\nimport { HighlightProps } from \"./Highlight\";\r\nimport { enzymeQuerySelectorWrapper } from \"../utils\";\r\n\r\ndescribe(\"<Highlight/>\", () => {\r\n\tit(\"should contain a highlight section if there's a match\", () => {\r\n\t\tconst wrapper = mount(<Start {...(Start.args as HighlightProps)} />);\r\n\t\tconst element = enzymeQuerySelectorWrapper(wrapper, \".highlight\");\r\n\t\texpect(element).to.not.be.null;\r\n\t});\r\n\tit(\"should not contain a highlight section if there's no match\", () => {\r\n\t\tconst wrapper = mount(<NoHighlight {...(NoHighlight.args as HighlightProps)} />);\r\n\t\tconst element = enzymeQuerySelectorWrapper(wrapper, \".highlight\");\r\n\t\texpect(element).to.be.null;\r\n\t});\r\n\tit(\"should not throw an error if an invalid regular expression is used as the match string\", () => {\r\n\t\tmount(<RegularExpression {...(RegularExpression.args as HighlightProps)} />);\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"Highlight.spec.js","sourceRoot":"","sources":["../../../src/components/search/Highlight.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,iBAAiB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE5E,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAEtD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,uDAAuD,EAAE,GAAG,EAAE;QAChE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,oBAAM,KAAK,CAAC,IAAuB,EAAI,CAAC,CAAC;QACrE,MAAM,OAAO,GAAG,0BAA0B,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;QAClE,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IAChC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,4DAA4D,EAAE,GAAG,EAAE;QACrE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,WAAW,oBAAM,WAAW,CAAC,IAAuB,EAAI,CAAC,CAAC;QACjF,MAAM,OAAO,GAAG,0BAA0B,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;QAClE,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC5B,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,wFAAwF,EAAE,GAAG,EAAE;QACjG,KAAK,CAAC,oBAAC,iBAAiB,oBAAM,iBAAiB,CAAC,IAAuB,EAAI,CAAC,CAAC;IAC9E,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 { Start, RegularExpression, NoHighlight } from \"./Highlight.stories\";\r\nimport { HighlightProps } from \"./Highlight\";\r\nimport { enzymeQuerySelectorWrapper } from \"../utils\";\r\n\r\ndescribe(\"<Highlight/>\", () => {\r\n\tit(\"should contain a highlight section if there's a match\", () => {\r\n\t\tconst wrapper = mount(<Start {...(Start.args as HighlightProps)} />);\r\n\t\tconst element = enzymeQuerySelectorWrapper(wrapper, \".highlight\");\r\n\t\texpect(element).to.not.be.null;\r\n\t});\r\n\tit(\"should not contain a highlight section if there's no match\", () => {\r\n\t\tconst wrapper = mount(<NoHighlight {...(NoHighlight.args as HighlightProps)} />);\r\n\t\tconst element = enzymeQuerySelectorWrapper(wrapper, \".highlight\");\r\n\t\texpect(element).to.be.null;\r\n\t});\r\n\tit(\"should not throw an error if an invalid regular expression is used as the match string\", () => {\r\n\t\tmount(<RegularExpression {...(RegularExpression.args as HighlightProps)} />);\r\n\t});\r\n});\r\n"]}

package/react/components/search/Highlight.stories.js

@@ -5,7 +5,7 @@ export default {
     title: "Toolbar/Highlight",
     component: Highlight,
 };
-const Template = (args) => React.createElement(Highlight, { ...args });
+const Template = (args) => React.createElement(Highlight, Object.assign({}, args));
 export const Start = Template.bind({});
 Start.args = {
     matchAgainst: "Example",

package/react/components/search/Highlight.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Highlight.stories.js","sourceRoot":"","sources":["../../../src/components/search/Highlight.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AACxD,OAAO,6BAA6B,CAAC;AAGrC,eAAe;IACd,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,SAAS;CACpB,CAAC;AAEF,MAAM,QAAQ,GAA0B,CAAC,IAAoB,EAAE,EAAE,CAAC,oBAAC,SAAS,OAAK,IAAI,GAAI,CAAC;AAE1F,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,YAAY,EAAE,SAAS;IACvB,IAAI,EAAE,oBAAoB;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,YAAY,EAAE,OAAO;IACrB,IAAI,EAAE,oBAAoB;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,YAAY,EAAE,KAAK;IACnB,IAAI,EAAE,oBAAoB;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACf,YAAY,EAAE,IAAI;IAClB,IAAI,EAAE,oBAAoB;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,iBAAiB,CAAC,IAAI,GAAG;IACxB,YAAY,EAAE,GAAG;IACjB,IAAI,EAAE,KAAK;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,YAAY,EAAE,aAAa;IAC3B,IAAI,EAAE,aAAa;CACnB,CAAC","sourcesContent":["import React from \"react\";\r\nimport { Highlight, HighlightProps } from \"./Highlight\";\r\nimport \"../../assets/css/search.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Toolbar/Highlight\",\r\n\tcomponent: Highlight,\r\n};\r\n\r\nconst Template: Story<HighlightProps> = (args: HighlightProps) => <Highlight {...args} />;\r\n\r\nexport const Start = Template.bind({});\r\nStart.args = {\r\n\tmatchAgainst: \"Example\",\r\n\ttext: \"Example chart apps\",\r\n};\r\n\r\nexport const MiddleWord = Template.bind({});\r\nMiddleWord.args = {\r\n\tmatchAgainst: \"Chart\",\r\n\ttext: \"Example chart apps\",\r\n};\r\n\r\nexport const MiddleText = Template.bind({});\r\nMiddleText.args = {\r\n\tmatchAgainst: \"amp\",\r\n\ttext: \"Example chart apps\",\r\n};\r\n\r\nexport const LastWord = Template.bind({});\r\nLastWord.args = {\r\n\tmatchAgainst: \"ps\",\r\n\ttext: \"Example chart apps\",\r\n};\r\n\r\nexport const RegularExpression = Template.bind({});\r\nRegularExpression.args = {\r\n\tmatchAgainst: \"+\",\r\n\ttext: \"A+B\",\r\n};\r\n\r\nexport const NoHighlight = Template.bind({});\r\nNoHighlight.args = {\r\n\tmatchAgainst: \"Not Present\",\r\n\ttext: \"Hello World\",\r\n};\r\n"]}
+{"version":3,"file":"Highlight.stories.js","sourceRoot":"","sources":["../../../src/components/search/Highlight.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AACxD,OAAO,6BAA6B,CAAC;AAGrC,eAAe;IACd,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,SAAS;CACpB,CAAC;AAEF,MAAM,QAAQ,GAA0B,CAAC,IAAoB,EAAE,EAAE,CAAC,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAC;AAE1F,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,YAAY,EAAE,SAAS;IACvB,IAAI,EAAE,oBAAoB;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,YAAY,EAAE,OAAO;IACrB,IAAI,EAAE,oBAAoB;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,YAAY,EAAE,KAAK;IACnB,IAAI,EAAE,oBAAoB;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACf,YAAY,EAAE,IAAI;IAClB,IAAI,EAAE,oBAAoB;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,iBAAiB,CAAC,IAAI,GAAG;IACxB,YAAY,EAAE,GAAG;IACjB,IAAI,EAAE,KAAK;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,YAAY,EAAE,aAAa;IAC3B,IAAI,EAAE,aAAa;CACnB,CAAC","sourcesContent":["import React from \"react\";\r\nimport { Highlight, HighlightProps } from \"./Highlight\";\r\nimport \"../../assets/css/search.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Toolbar/Highlight\",\r\n\tcomponent: Highlight,\r\n};\r\n\r\nconst Template: Story<HighlightProps> = (args: HighlightProps) => <Highlight {...args} />;\r\n\r\nexport const Start = Template.bind({});\r\nStart.args = {\r\n\tmatchAgainst: \"Example\",\r\n\ttext: \"Example chart apps\",\r\n};\r\n\r\nexport const MiddleWord = Template.bind({});\r\nMiddleWord.args = {\r\n\tmatchAgainst: \"Chart\",\r\n\ttext: \"Example chart apps\",\r\n};\r\n\r\nexport const MiddleText = Template.bind({});\r\nMiddleText.args = {\r\n\tmatchAgainst: \"amp\",\r\n\ttext: \"Example chart apps\",\r\n};\r\n\r\nexport const LastWord = Template.bind({});\r\nLastWord.args = {\r\n\tmatchAgainst: \"ps\",\r\n\ttext: \"Example chart apps\",\r\n};\r\n\r\nexport const RegularExpression = Template.bind({});\r\nRegularExpression.args = {\r\n\tmatchAgainst: \"+\",\r\n\ttext: \"A+B\",\r\n};\r\n\r\nexport const NoHighlight = Template.bind({});\r\nNoHighlight.args = {\r\n\tmatchAgainst: \"Not Present\",\r\n\ttext: \"Hello World\",\r\n};\r\n"]}

package/react/components/search/Search.js

@@ -1,17 +1,26 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import * as React from "react";
 import { Menu } from "../menu/Menu";
 import { SearchResults } from "./SearchResults";
 import { SearchInput } from "./SearchInput";
 import "../../assets/css/search.css";
-const Search = ({ width = 330, className = "search-menu", id = "SearchMenu", ...otherProps }) => {
-    const completeProps = {
-        ...otherProps,
-        width,
+const Search = (_a) => {
+    var _b;
+    var { width = 330, className = "search-menu", id = "SearchMenu" } = _a, otherProps = __rest(_a, ["width", "className", "id"]);
+    const completeProps = Object.assign(Object.assign({}, otherProps), { width,
         className,
-        id,
-        title: otherProps.title ?? React.createElement("i", { className: "ff-search" }),
-    };
-    return (React.createElement(Menu, { ...completeProps },
+        id, title: (_b = otherProps.title) !== null && _b !== void 0 ? _b : React.createElement("i", { className: "ff-search" }) });
+    return (React.createElement(Menu, Object.assign({}, completeProps),
         React.createElement(SearchInput, null),
         React.createElement(SearchResults, null)));
 };

package/react/components/search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/components/search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,6BAA6B,CAAC;AAErC,MAAM,MAAM,GAAuC,CAAC,EACnD,KAAK,GAAG,GAAG,EACX,SAAS,GAAG,aAAa,EACzB,EAAE,GAAG,YAAY,EACjB,GAAG,UAAU,EACb,EAAE,EAAE;IACJ,MAAM,aAAa,GAAG;QACrB,GAAG,UAAU;QACb,KAAK;QACL,SAAS;QACT,EAAE;QACF,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,2BAAG,SAAS,EAAC,WAAW,GAAK;KACxD,CAAC;IAEF,OAAO,CACN,oBAAC,IAAI,OAAK,aAAa;QACtB,oBAAC,WAAW,OAAG;QACf,oBAAC,aAAa,OAAG,CACX,CACP,CAAC;AACH,CAAC,CAAC;AACF,OAAO,EAAE,MAAM,EAAE,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { Menu } from \"../menu/Menu\";\r\nimport { MenuProps } from \"../menu/Menu\";\r\nimport { SearchResults } from \"./SearchResults\";\r\nimport { SearchInput } from \"./SearchInput\";\r\nimport \"../../assets/css/search.css\";\r\n\r\nconst Search: React.FunctionComponent<MenuProps> = ({\r\n\twidth = 330,\r\n\tclassName = \"search-menu\",\r\n\tid = \"SearchMenu\",\r\n\t...otherProps\r\n}) => {\r\n\tconst completeProps = {\r\n\t\t...otherProps,\r\n\t\twidth,\r\n\t\tclassName,\r\n\t\tid,\r\n\t\ttitle: otherProps.title ?? <i className=\"ff-search\"></i>,\r\n\t};\r\n\r\n\treturn (\r\n\t\t<Menu {...completeProps}>\r\n\t\t\t<SearchInput />\r\n\t\t\t<SearchResults />\r\n\t\t</Menu>\r\n\t);\r\n};\r\nexport { Search };\r\n"]}
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/components/search/Search.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,6BAA6B,CAAC;AAErC,MAAM,MAAM,GAAuC,CAAC,EAKnD,EAAE,EAAE;;QAL+C,EACnD,KAAK,GAAG,GAAG,EACX,SAAS,GAAG,aAAa,EACzB,EAAE,GAAG,YAAY,OAEjB,EADG,UAAU,cAJsC,4BAKnD,CADa;IAEb,MAAM,aAAa,mCACf,UAAU,KACb,KAAK;QACL,SAAS;QACT,EAAE,EACF,KAAK,EAAE,MAAA,UAAU,CAAC,KAAK,mCAAI,2BAAG,SAAS,EAAC,WAAW,GAAK,GACxD,CAAC;IAEF,OAAO,CACN,oBAAC,IAAI,oBAAK,aAAa;QACtB,oBAAC,WAAW,OAAG;QACf,oBAAC,aAAa,OAAG,CACX,CACP,CAAC;AACH,CAAC,CAAC;AACF,OAAO,EAAE,MAAM,EAAE,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { Menu } from \"../menu/Menu\";\r\nimport { MenuProps } from \"../menu/Menu\";\r\nimport { SearchResults } from \"./SearchResults\";\r\nimport { SearchInput } from \"./SearchInput\";\r\nimport \"../../assets/css/search.css\";\r\n\r\nconst Search: React.FunctionComponent<MenuProps> = ({\r\n\twidth = 330,\r\n\tclassName = \"search-menu\",\r\n\tid = \"SearchMenu\",\r\n\t...otherProps\r\n}) => {\r\n\tconst completeProps = {\r\n\t\t...otherProps,\r\n\t\twidth,\r\n\t\tclassName,\r\n\t\tid,\r\n\t\ttitle: otherProps.title ?? <i className=\"ff-search\"></i>,\r\n\t};\r\n\r\n\treturn (\r\n\t\t<Menu {...completeProps}>\r\n\t\t\t<SearchInput />\r\n\t\t\t<SearchResults />\r\n\t\t</Menu>\r\n\t);\r\n};\r\nexport { Search };\r\n"]}

package/react/components/search/SearchBestMatch.js

@@ -5,7 +5,8 @@ const findBestMatch = (searchProviderResponses) => {
     if (searchProviderResponses) {
         let bestMatch = null;
         searchProviderResponses.forEach((providerInfo) => {
-            providerInfo?.data?.forEach((result) => {
+            var _a;
+            (_a = providerInfo === null || providerInfo === void 0 ? void 0 : providerInfo.data) === null || _a === void 0 ? void 0 : _a.forEach((result) => {
                 if (bestMatch === null) {
                     bestMatch = result;
                 }

package/react/components/search/SearchBestMatch.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBestMatch.js","sourceRoot":"","sources":["../../../src/components/search/SearchBestMatch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AASlD,MAAM,aAAa,GAAG,CAAC,uBAAwD,EAAE,EAAE;IAClF,IAAI,uBAAuB,EAAE;QAC5B,IAAI,SAAS,GAA4B,IAAI,CAAC;QAC9C,uBAAuB,CAAC,OAAO,CAAC,CAAC,YAAoC,EAAE,EAAE;YACxE,YAAY,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,MAAwB,EAAE,EAAE;gBACxD,IAAI,SAAS,KAAK,IAAI,EAAE;oBACvB,SAAS,GAAG,MAAM,CAAC;iBACnB;qBAAM,IAAI,MAAM,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,EAAE;oBAE1C,SAAS,GAAG,MAAM,CAAC;iBACnB;YACF,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,OAAO,SAAS,CAAC;KACjB;IACD,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IAChE,MAAM,aAAa,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC;IACnD,IAAI,CAAC,aAAa;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAO,CACN;QACC,6BAAK,SAAS,EAAC,cAAc,iBAAiB;QAC9C,oBAAC,YAAY,IAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,GAAI,CACpF,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { SearchResult } from \"./SearchResult\";\r\nimport { SearchProviderResponse, SearchResultType } from \"../../types/searchTypes\";\r\nimport { useSearch } from \"../../hooks/useSearch\";\r\n\r\n/**\r\n * Iterates through the responses from every search provider\r\n * and returns the item with the highest score.\r\n * Half of the time this makes sense. The other half\r\n * it doesn't make sense. It's all built on Fuse JS and how\r\n * it grades the 'score' of a query to an entity.\r\n */\r\nconst findBestMatch = (searchProviderResponses: SearchProviderResponse[] | null) => {\r\n\tif (searchProviderResponses) {\r\n\t\tlet bestMatch: SearchResultType | null = null;\r\n\t\tsearchProviderResponses.forEach((providerInfo: SearchProviderResponse) => {\r\n\t\t\tproviderInfo?.data?.forEach((result: SearchResultType) => {\r\n\t\t\t\tif (bestMatch === null) {\r\n\t\t\t\t\tbestMatch = result;\r\n\t\t\t\t} else if (result.score < bestMatch.score) {\r\n\t\t\t\t\t// Note, lowest score is best score\r\n\t\t\t\t\tbestMatch = result;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t\treturn bestMatch;\r\n\t}\r\n\treturn null;\r\n};\r\n\r\n/**\r\n * Simple component that renders a menu item for the entity that\r\n * best matches the user's query.\r\n */\r\nexport const SearchBestMatch = () => {\r\n\tconst { searchResults, searchQuery, resetSearch } = useSearch();\r\n\tconst bestMatchData = findBestMatch(searchResults);\r\n\tif (!bestMatchData) return null;\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<div className=\"search-title\">Best Match</div>\r\n\t\t\t<SearchResult resetSearch={resetSearch} data={bestMatchData} searchQuery={searchQuery} />\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"SearchBestMatch.js","sourceRoot":"","sources":["../../../src/components/search/SearchBestMatch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AASlD,MAAM,aAAa,GAAG,CAAC,uBAAwD,EAAE,EAAE;IAClF,IAAI,uBAAuB,EAAE;QAC5B,IAAI,SAAS,GAA4B,IAAI,CAAC;QAC9C,uBAAuB,CAAC,OAAO,CAAC,CAAC,YAAoC,EAAE,EAAE;;YACxE,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,0CAAE,OAAO,CAAC,CAAC,MAAwB,EAAE,EAAE;gBACxD,IAAI,SAAS,KAAK,IAAI,EAAE;oBACvB,SAAS,GAAG,MAAM,CAAC;iBACnB;qBAAM,IAAI,MAAM,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,EAAE;oBAE1C,SAAS,GAAG,MAAM,CAAC;iBACnB;YACF,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,OAAO,SAAS,CAAC;KACjB;IACD,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IAChE,MAAM,aAAa,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC;IACnD,IAAI,CAAC,aAAa;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAO,CACN;QACC,6BAAK,SAAS,EAAC,cAAc,iBAAiB;QAC9C,oBAAC,YAAY,IAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,GAAI,CACpF,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { SearchResult } from \"./SearchResult\";\r\nimport { SearchProviderResponse, SearchResultType } from \"../../types/searchTypes\";\r\nimport { useSearch } from \"../../hooks/useSearch\";\r\n\r\n/**\r\n * Iterates through the responses from every search provider\r\n * and returns the item with the highest score.\r\n * Half of the time this makes sense. The other half\r\n * it doesn't make sense. It's all built on Fuse JS and how\r\n * it grades the 'score' of a query to an entity.\r\n */\r\nconst findBestMatch = (searchProviderResponses: SearchProviderResponse[] | null) => {\r\n\tif (searchProviderResponses) {\r\n\t\tlet bestMatch: SearchResultType | null = null;\r\n\t\tsearchProviderResponses.forEach((providerInfo: SearchProviderResponse) => {\r\n\t\t\tproviderInfo?.data?.forEach((result: SearchResultType) => {\r\n\t\t\t\tif (bestMatch === null) {\r\n\t\t\t\t\tbestMatch = result;\r\n\t\t\t\t} else if (result.score < bestMatch.score) {\r\n\t\t\t\t\t// Note, lowest score is best score\r\n\t\t\t\t\tbestMatch = result;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t\treturn bestMatch;\r\n\t}\r\n\treturn null;\r\n};\r\n\r\n/**\r\n * Simple component that renders a menu item for the entity that\r\n * best matches the user's query.\r\n */\r\nexport const SearchBestMatch = () => {\r\n\tconst { searchResults, searchQuery, resetSearch } = useSearch();\r\n\tconst bestMatchData = findBestMatch(searchResults);\r\n\tif (!bestMatchData) return null;\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<div className=\"search-title\">Best Match</div>\r\n\t\t\t<SearchResult resetSearch={resetSearch} data={bestMatchData} searchQuery={searchQuery} />\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}

package/react/components/search/SearchProviderResults.js

@@ -2,13 +2,12 @@ import * as React from "react";
 import { SearchResult } from "./SearchResult";
 import { useSearch } from "../../hooks/useSearch";
 export const SearchProviderResults = ({ providerResponse }) => {
+    var _a;
     const { searchQuery, resetSearch } = useSearch();
     const clickResetSearch = () => {
         resetSearch();
     };
-    const providerResults = providerResponse?.data
-        ?.filter((r) => r)
-        .sort((a, b) => a.score - b.score);
+    const providerResults = (_a = providerResponse === null || providerResponse === void 0 ? void 0 : providerResponse.data) === null || _a === void 0 ? void 0 : _a.filter((r) => r).sort((a, b) => a.score - b.score);
     const providerClick = () => {
         FSBL.Clients.SearchClient.invokeProviderAction(providerResponse.provider);
         resetSearch();
@@ -19,7 +18,7 @@ export const SearchProviderResults = ({ providerResponse }) => {
             providerResponse.provider.displayName,
             providerResponse.provider.providerActionTitle && (React.createElement("div", { className: "provider-title", onClick: providerClick },
                 providerResponse.provider.providerActionTitle,
-                React.createElement("div", { className: "ff-arrow-right arrow_right_grey" }))))),
-        providerResults?.map((individualResult, i) => (React.createElement(SearchResult, { key: i, resetSearch: clickResetSearch, searchQuery: searchQuery, data: individualResult })))));
+                React.createElement("div", { className: "ff-arrow-right arrow_right_grey" }))))), providerResults === null || providerResults === void 0 ? void 0 :
+        providerResults.map((individualResult, i) => (React.createElement(SearchResult, { key: i, resetSearch: clickResetSearch, searchQuery: searchQuery, data: individualResult })))));
 };
 //# sourceMappingURL=SearchProviderResults.js.map

package/react/components/search/SearchProviderResults.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchProviderResults.js","sourceRoot":"","sources":["../../../src/components/search/SearchProviderResults.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,CAAC,MAAM,qBAAqB,GAE7B,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE;IAC7B,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IAEjD,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC7B,WAAW,EAAE,CAAC;IACf,CAAC,CAAC;IAGF,MAAM,eAAe,GAAG,gBAAgB,EAAE,IAAI;QAC7C,EAAE,MAAM,CAAC,CAAC,CAAmB,EAAE,EAAE,CAAC,CAAC,CAAC;SACnC,IAAI,CAAC,CAAC,CAAmB,EAAE,CAAmB,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;IAExE,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAC1E,WAAW,EAAE,CAAC;QACd,eAAe,CAAC,IAAI,EAAE,CAAC;IACxB,CAAC,CAAC;IACF,OAAO,CACN;QACE,gBAAgB,IAAI,CACpB,6BAAK,SAAS,EAAC,cAAc;YAC3B,gBAAgB,CAAC,QAAQ,CAAC,WAAW;YACrC,gBAAgB,CAAC,QAAQ,CAAC,mBAAmB,IAAI,CACjD,6BAAK,SAAS,EAAC,gBAAgB,EAAC,OAAO,EAAE,aAAa;gBACpD,gBAAgB,CAAC,QAAQ,CAAC,mBAAmB;gBAC9C,6BAAK,SAAS,EAAC,iCAAiC,GAAO,CAClD,CACN,CACI,CACN;QACA,eAAe,EAAE,GAAG,CAAC,CAAC,gBAAgB,EAAE,CAAS,EAAE,EAAE,CAAC,CACtD,oBAAC,YAAY,IAAC,GAAG,EAAE,CAAC,EAAE,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,gBAAgB,GAAI,CACzG,CAAC,CACA,CACH,CAAC;AACH,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { SearchResult } from \"./SearchResult\";\r\nimport { SearchProviderResponse, SearchResultType } from \"../../types/searchTypes\";\r\nimport { useSearch } from \"../../hooks/useSearch\";\r\n\r\nexport const SearchProviderResults: React.FunctionComponent<{\r\n\tproviderResponse: SearchProviderResponse;\r\n}> = ({ providerResponse }) => {\r\n\tconst { searchQuery, resetSearch } = useSearch();\r\n\r\n\tconst clickResetSearch = () => {\r\n\t\tresetSearch();\r\n\t};\r\n\t// Removes empty results then sorts by *lowest* score (search results are retuned from Finsemble where lowest is best)\r\n\t// This uses fuse.js which uses the \"bitap\" algorithm\r\n\tconst providerResults = providerResponse?.data\r\n\t\t?.filter((r: SearchResultType) => r)\r\n\t\t.sort((a: SearchResultType, b: SearchResultType) => a.score - b.score);\r\n\r\n\tconst providerClick = () => {\r\n\t\tFSBL.Clients.SearchClient.invokeProviderAction(providerResponse.provider);\r\n\t\tresetSearch();\r\n\t\tfinsembleWindow.blur();\r\n\t};\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{providerResponse && (\r\n\t\t\t\t<div className=\"search-title\">\r\n\t\t\t\t\t{providerResponse.provider.displayName}\r\n\t\t\t\t\t{providerResponse.provider.providerActionTitle && (\r\n\t\t\t\t\t\t<div className=\"provider-title\" onClick={providerClick}>\r\n\t\t\t\t\t\t\t{providerResponse.provider.providerActionTitle}\r\n\t\t\t\t\t\t\t<div className=\"ff-arrow-right arrow_right_grey\"></div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t\t{providerResults?.map((individualResult, i: number) => (\r\n\t\t\t\t<SearchResult key={i} resetSearch={clickResetSearch} searchQuery={searchQuery} data={individualResult} />\r\n\t\t\t))}\r\n\t\t</>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"SearchProviderResults.js","sourceRoot":"","sources":["../../../src/components/search/SearchProviderResults.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,CAAC,MAAM,qBAAqB,GAE7B,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE;;IAC7B,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IAEjD,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC7B,WAAW,EAAE,CAAC;IACf,CAAC,CAAC;IAGF,MAAM,eAAe,GAAG,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,0CAC3C,MAAM,CAAC,CAAC,CAAmB,EAAE,EAAE,CAAC,CAAC,EAClC,IAAI,CAAC,CAAC,CAAmB,EAAE,CAAmB,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;IAExE,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAC1E,WAAW,EAAE,CAAC;QACd,eAAe,CAAC,IAAI,EAAE,CAAC;IACxB,CAAC,CAAC;IACF,OAAO,CACN;QACE,gBAAgB,IAAI,CACpB,6BAAK,SAAS,EAAC,cAAc;YAC3B,gBAAgB,CAAC,QAAQ,CAAC,WAAW;YACrC,gBAAgB,CAAC,QAAQ,CAAC,mBAAmB,IAAI,CACjD,6BAAK,SAAS,EAAC,gBAAgB,EAAC,OAAO,EAAE,aAAa;gBACpD,gBAAgB,CAAC,QAAQ,CAAC,mBAAmB;gBAC9C,6BAAK,SAAS,EAAC,iCAAiC,GAAO,CAClD,CACN,CACI,CACN,EACA,eAAe,aAAf,eAAe;QAAf,eAAe,CAAE,GAAG,CAAC,CAAC,gBAAgB,EAAE,CAAS,EAAE,EAAE,CAAC,CACtD,oBAAC,YAAY,IAAC,GAAG,EAAE,CAAC,EAAE,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,gBAAgB,GAAI,CACzG,CAAC,CACA,CACH,CAAC;AACH,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { SearchResult } from \"./SearchResult\";\r\nimport { SearchProviderResponse, SearchResultType } from \"../../types/searchTypes\";\r\nimport { useSearch } from \"../../hooks/useSearch\";\r\n\r\nexport const SearchProviderResults: React.FunctionComponent<{\r\n\tproviderResponse: SearchProviderResponse;\r\n}> = ({ providerResponse }) => {\r\n\tconst { searchQuery, resetSearch } = useSearch();\r\n\r\n\tconst clickResetSearch = () => {\r\n\t\tresetSearch();\r\n\t};\r\n\t// Removes empty results then sorts by *lowest* score (search results are retuned from Finsemble where lowest is best)\r\n\t// This uses fuse.js which uses the \"bitap\" algorithm\r\n\tconst providerResults = providerResponse?.data\r\n\t\t?.filter((r: SearchResultType) => r)\r\n\t\t.sort((a: SearchResultType, b: SearchResultType) => a.score - b.score);\r\n\r\n\tconst providerClick = () => {\r\n\t\tFSBL.Clients.SearchClient.invokeProviderAction(providerResponse.provider);\r\n\t\tresetSearch();\r\n\t\tfinsembleWindow.blur();\r\n\t};\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{providerResponse && (\r\n\t\t\t\t<div className=\"search-title\">\r\n\t\t\t\t\t{providerResponse.provider.displayName}\r\n\t\t\t\t\t{providerResponse.provider.providerActionTitle && (\r\n\t\t\t\t\t\t<div className=\"provider-title\" onClick={providerClick}>\r\n\t\t\t\t\t\t\t{providerResponse.provider.providerActionTitle}\r\n\t\t\t\t\t\t\t<div className=\"ff-arrow-right arrow_right_grey\"></div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t\t{providerResults?.map((individualResult, i: number) => (\r\n\t\t\t\t<SearchResult key={i} resetSearch={clickResetSearch} searchQuery={searchQuery} data={individualResult} />\r\n\t\t\t))}\r\n\t\t</>\r\n\t);\r\n};\r\n"]}

package/react/components/search/SearchResult.js

@@ -3,8 +3,9 @@ import { MenuItem } from "../menu/MenuItem";
 import { Icon } from "../icon/Icon";
 import { Highlight } from "./Highlight";
 export const SearchResult = (props) => {
+    var _a;
     const { data, searchQuery, resetSearch } = props;
-    const displayName = data.displayName ?? data.name;
+    const displayName = (_a = data.displayName) !== null && _a !== void 0 ? _a : data.name;
     const onSearchResultClicked = () => {
         FSBL.Clients.SearchClient.invokeItemAction(data, data.actions[0]);
         resetSearch();
@@ -24,7 +25,7 @@ export const SearchResult = (props) => {
     }
     return (React.createElement(MenuItem, { onClick: onSearchResultClicked },
         React.createElement("div", { className: "menu-item-row" },
-            React.createElement(Icon, { ...icon }),
+            React.createElement(Icon, Object.assign({}, icon)),
             React.createElement(Highlight, { text: displayName, matchAgainst: searchQuery || "" }),
             data.actions.length > 1 && (React.createElement("div", { className: "search-actions" }, data.actions.map((action, i) => (React.createElement("div", { key: `actionbtn${i}`, className: "search-actions actionButton", onClick: (e) => {
                     e.preventDefault();

package/react/components/search/SearchResult.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchResult.js","sourceRoot":"","sources":["../../../src/components/search/SearchResult.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAuE,EAAE,EAAE;IACvG,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC;IAIlD,MAAM,qBAAqB,GAAG,GAAG,EAAE;QAClC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAClE,WAAW,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,MAAW,EAAE,EAAE;QACvC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACzD,WAAW,EAAE,CAAC;IACf,CAAC,CAAC;IAGF,IAAI,IAAI,GAAQ;QACf,SAAS,EAAE,UAAU;QACrB,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE,IAAI,CAAC,IAAI;KACnB,CAAC;IAGF,IAAI,IAAI,CAAC,IAAI,EAAE;QACd,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;QAChC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;KAC3B;IAED,OAAO,CACN,oBAAC,QAAQ,IAAC,OAAO,EAAE,qBAAqB;QACvC,6BAAK,SAAS,EAAC,eAAe;YAC7B,oBAAC,IAAI,OAAK,IAAI,GAAI;YAClB,oBAAC,SAAS,IAAC,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,IAAI,EAAE,GAAI;YAChE,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,6BAAK,SAAS,EAAC,gBAAgB,IAC7B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,CAAS,EAAE,EAAE,CAAC,CAC7C,6BACC,GAAG,EAAE,YAAY,CAAC,EAAE,EACpB,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;oBAChC,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,eAAe,CAAC,MAAM,CAAC,CAAC;oBACxB,WAAW,EAAE,CAAC;oBACd,eAAe,CAAC,IAAI,EAAE,CAAC;gBACxB,CAAC,IAEA,MAAM,CAAC,IAAI,CACP,CACN,CAAC,CACG,CACN,CACI,CACI,CACX,CAAC;AACH,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { MenuItem } from \"../menu/MenuItem\";\r\nimport { Icon } from \"../icon/Icon\";\r\nimport { Highlight } from \"./Highlight\";\r\nimport { SearchQuery } from \"../../types/searchTypes\";\r\nexport const SearchResult = (props: { data: any; searchQuery: SearchQuery; resetSearch: () => void }) => {\r\n\tconst { data, searchQuery, resetSearch } = props;\r\n\r\n\tconst displayName = data.displayName ?? data.name;\r\n\r\n\t// Will trigger the action associated with the item\r\n\t// (e.g., loading a workspace, spawning a component)\r\n\tconst onSearchResultClicked = () => {\r\n\t\tFSBL.Clients.SearchClient.invokeItemAction(data, data.actions[0]);\r\n\t\tresetSearch();\r\n\t};\r\n\r\n\tconst onActionClicked = (action: any) => {\r\n\t\tFSBL.Clients.SearchClient.invokeItemAction(data, action);\r\n\t\tresetSearch();\r\n\t};\r\n\r\n\t// Default icon to be based on initials\r\n\tlet icon: any = {\r\n\t\timageType: \"initials\",\r\n\t\tname: displayName,\r\n\t\tcategory: data.type,\r\n\t};\r\n\r\n\t// If the search results return iconography then use convert and use it\r\n\tif (data.icon) {\r\n\t\ticon.imageType = data.icon.type;\r\n\t\ticon.path = data.icon.path;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<MenuItem onClick={onSearchResultClicked}>\r\n\t\t\t<div className=\"menu-item-row\">\r\n\t\t\t\t<Icon {...icon} />\r\n\t\t\t\t<Highlight text={displayName} matchAgainst={searchQuery || \"\"} />\r\n\t\t\t\t{data.actions.length > 1 && (\r\n\t\t\t\t\t<div className=\"search-actions\">\r\n\t\t\t\t\t\t{data.actions.map((action: any, i: number) => (\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tkey={`actionbtn${i}`}\r\n\t\t\t\t\t\t\t\tclassName=\"search-actions actionButton\"\r\n\t\t\t\t\t\t\t\tonClick={(e: React.MouseEvent) => {\r\n\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\t\t\t\t\tonActionClicked(action);\r\n\t\t\t\t\t\t\t\t\tresetSearch();\r\n\t\t\t\t\t\t\t\t\tfinsembleWindow.blur();\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{action.name}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t</MenuItem>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"SearchResult.js","sourceRoot":"","sources":["../../../src/components/search/SearchResult.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAuE,EAAE,EAAE;;IACvG,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,WAAW,mCAAI,IAAI,CAAC,IAAI,CAAC;IAIlD,MAAM,qBAAqB,GAAG,GAAG,EAAE;QAClC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAClE,WAAW,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,MAAW,EAAE,EAAE;QACvC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACzD,WAAW,EAAE,CAAC;IACf,CAAC,CAAC;IAGF,IAAI,IAAI,GAAQ;QACf,SAAS,EAAE,UAAU;QACrB,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE,IAAI,CAAC,IAAI;KACnB,CAAC;IAGF,IAAI,IAAI,CAAC,IAAI,EAAE;QACd,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;QAChC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;KAC3B;IAED,OAAO,CACN,oBAAC,QAAQ,IAAC,OAAO,EAAE,qBAAqB;QACvC,6BAAK,SAAS,EAAC,eAAe;YAC7B,oBAAC,IAAI,oBAAK,IAAI,EAAI;YAClB,oBAAC,SAAS,IAAC,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,IAAI,EAAE,GAAI;YAChE,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,6BAAK,SAAS,EAAC,gBAAgB,IAC7B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,CAAS,EAAE,EAAE,CAAC,CAC7C,6BACC,GAAG,EAAE,YAAY,CAAC,EAAE,EACpB,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;oBAChC,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,eAAe,CAAC,MAAM,CAAC,CAAC;oBACxB,WAAW,EAAE,CAAC;oBACd,eAAe,CAAC,IAAI,EAAE,CAAC;gBACxB,CAAC,IAEA,MAAM,CAAC,IAAI,CACP,CACN,CAAC,CACG,CACN,CACI,CACI,CACX,CAAC;AACH,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { MenuItem } from \"../menu/MenuItem\";\r\nimport { Icon } from \"../icon/Icon\";\r\nimport { Highlight } from \"./Highlight\";\r\nimport { SearchQuery } from \"../../types/searchTypes\";\r\nexport const SearchResult = (props: { data: any; searchQuery: SearchQuery; resetSearch: () => void }) => {\r\n\tconst { data, searchQuery, resetSearch } = props;\r\n\r\n\tconst displayName = data.displayName ?? data.name;\r\n\r\n\t// Will trigger the action associated with the item\r\n\t// (e.g., loading a workspace, spawning a component)\r\n\tconst onSearchResultClicked = () => {\r\n\t\tFSBL.Clients.SearchClient.invokeItemAction(data, data.actions[0]);\r\n\t\tresetSearch();\r\n\t};\r\n\r\n\tconst onActionClicked = (action: any) => {\r\n\t\tFSBL.Clients.SearchClient.invokeItemAction(data, action);\r\n\t\tresetSearch();\r\n\t};\r\n\r\n\t// Default icon to be based on initials\r\n\tlet icon: any = {\r\n\t\timageType: \"initials\",\r\n\t\tname: displayName,\r\n\t\tcategory: data.type,\r\n\t};\r\n\r\n\t// If the search results return iconography then use convert and use it\r\n\tif (data.icon) {\r\n\t\ticon.imageType = data.icon.type;\r\n\t\ticon.path = data.icon.path;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<MenuItem onClick={onSearchResultClicked}>\r\n\t\t\t<div className=\"menu-item-row\">\r\n\t\t\t\t<Icon {...icon} />\r\n\t\t\t\t<Highlight text={displayName} matchAgainst={searchQuery || \"\"} />\r\n\t\t\t\t{data.actions.length > 1 && (\r\n\t\t\t\t\t<div className=\"search-actions\">\r\n\t\t\t\t\t\t{data.actions.map((action: any, i: number) => (\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tkey={`actionbtn${i}`}\r\n\t\t\t\t\t\t\t\tclassName=\"search-actions actionButton\"\r\n\t\t\t\t\t\t\t\tonClick={(e: React.MouseEvent) => {\r\n\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\t\t\t\t\tonActionClicked(action);\r\n\t\t\t\t\t\t\t\t\tresetSearch();\r\n\t\t\t\t\t\t\t\t\tfinsembleWindow.blur();\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{action.name}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t</MenuItem>\r\n\t);\r\n};\r\n"]}

package/react/components/search/SearchResults.js

@@ -5,7 +5,7 @@ import { useSearch } from "../../hooks/useSearch";
 import "../../assets/css/menus.css";
 export const SearchResults = () => {
     const { searchResults, searchQuery } = useSearch();
-    if (searchResults?.length) {
+    if (searchResults === null || searchResults === void 0 ? void 0 : searchResults.length) {
         return (React.createElement("div", { className: "search-provider-results" },
             React.createElement(SearchBestMatch, null),
             searchResults.map((r, i) => (React.createElement(SearchProviderResults, { key: i, providerResponse: r })))));

package/react/components/search/SearchResults.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchResults.js","sourceRoot":"","sources":["../../../src/components/search/SearchResults.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,MAAM,CAAC,MAAM,aAAa,GAA4B,GAAG,EAAE;IAC1D,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IAGnD,IAAI,aAAa,EAAE,MAAM,EAAE;QAC1B,OAAO,CAEN,6BAAK,SAAS,EAAC,yBAAyB;YACvC,oBAAC,eAAe,OAAG;YAClB,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5B,oBAAC,qBAAqB,IAAC,GAAG,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC,GAAI,CACtD,CAAC,CACG,CACN,CAAC;KAEF;SAAM;QACN,MAAM,OAAO,GAAG,WAAW,IAAI,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,2BAA2B,CAAC;QAE/F,OAAO,6BAAK,SAAS,EAAC,wCAAwC,IAAE,OAAO,CAAO,CAAC;KAC/E;AACF,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { SearchProviderResults } from \"./SearchProviderResults\";\r\nimport { SearchBestMatch } from \"./SearchBestMatch\";\r\nimport { useSearch } from \"../../hooks/useSearch\";\r\nimport \"../../assets/css/menus.css\";\r\n\r\nexport const SearchResults: React.FunctionComponent = () => {\r\n\tconst { searchResults, searchQuery } = useSearch();\r\n\r\n\t// If we had a response from the search client\r\n\tif (searchResults?.length) {\r\n\t\treturn (\r\n\t\t\t// pull out best match into its own component.\r\n\t\t\t<div className=\"search-provider-results\">\r\n\t\t\t\t<SearchBestMatch />\r\n\t\t\t\t{searchResults.map((r, i) => (\r\n\t\t\t\t\t<SearchProviderResults key={i} providerResponse={r} />\r\n\t\t\t\t))}\r\n\t\t\t</div>\r\n\t\t);\r\n\t\t// If we had no response, but we have a valid searchQuery\r\n\t} else {\r\n\t\tconst message = searchQuery && searchQuery !== \"\" ? \"No results\" : \"Results will display here\";\r\n\r\n\t\treturn <div className=\"menu-item no-hover informational-state\">{message}</div>;\r\n\t}\r\n};\r\n"]}
+{"version":3,"file":"SearchResults.js","sourceRoot":"","sources":["../../../src/components/search/SearchResults.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,MAAM,CAAC,MAAM,aAAa,GAA4B,GAAG,EAAE;IAC1D,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IAGnD,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,EAAE;QAC1B,OAAO,CAEN,6BAAK,SAAS,EAAC,yBAAyB;YACvC,oBAAC,eAAe,OAAG;YAClB,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5B,oBAAC,qBAAqB,IAAC,GAAG,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC,GAAI,CACtD,CAAC,CACG,CACN,CAAC;KAEF;SAAM;QACN,MAAM,OAAO,GAAG,WAAW,IAAI,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,2BAA2B,CAAC;QAE/F,OAAO,6BAAK,SAAS,EAAC,wCAAwC,IAAE,OAAO,CAAO,CAAC;KAC/E;AACF,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { SearchProviderResults } from \"./SearchProviderResults\";\r\nimport { SearchBestMatch } from \"./SearchBestMatch\";\r\nimport { useSearch } from \"../../hooks/useSearch\";\r\nimport \"../../assets/css/menus.css\";\r\n\r\nexport const SearchResults: React.FunctionComponent = () => {\r\n\tconst { searchResults, searchQuery } = useSearch();\r\n\r\n\t// If we had a response from the search client\r\n\tif (searchResults?.length) {\r\n\t\treturn (\r\n\t\t\t// pull out best match into its own component.\r\n\t\t\t<div className=\"search-provider-results\">\r\n\t\t\t\t<SearchBestMatch />\r\n\t\t\t\t{searchResults.map((r, i) => (\r\n\t\t\t\t\t<SearchProviderResults key={i} providerResponse={r} />\r\n\t\t\t\t))}\r\n\t\t\t</div>\r\n\t\t);\r\n\t\t// If we had no response, but we have a valid searchQuery\r\n\t} else {\r\n\t\tconst message = searchQuery && searchQuery !== \"\" ? \"No results\" : \"Results will display here\";\r\n\r\n\t\treturn <div className=\"menu-item no-hover informational-state\">{message}</div>;\r\n\t}\r\n};\r\n"]}

package/react/components/shared/Button.js

@@ -1,8 +1,6 @@
 import React from "react";
 import "../../assets/css/button.css";
-const Button = ({ buttonLabel = "Label", clickHandler = () => { }, classNames = "", }) => {
-    return (React.createElement("div", { className: `finsemble__btn ${classNames}`, title: buttonLabel.length > 12 ? buttonLabel : "", onClick: () => clickHandler() },
-        React.createElement("span", { className: "btn-label" }, buttonLabel)));
-};
+const Button = ({ buttonLabel = "Label", clickHandler = () => { }, classNames = "", }) => (React.createElement("div", { className: `finsemble__btn ${classNames}`, title: buttonLabel.length > 12 ? buttonLabel : "", onClick: () => clickHandler() },
+    React.createElement("span", { className: "btn-label" }, buttonLabel)));
 export default Button;
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/shared/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,6BAA6B,CAAC;AAQrC,MAAM,MAAM,GAAmD,CAAC,EAC/D,WAAW,GAAG,OAAO,EACrB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,UAAU,GAAG,EAAE,GACQ,EAAE,EAAE;IAC3B,OAAO,CACN,6BACC,SAAS,EAAE,kBAAkB,UAAU,EAAE,EACzC,KAAK,EAAE,WAAW,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EACjD,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE;QAE7B,8BAAM,SAAS,EAAC,WAAW,IAAE,WAAW,CAAQ,CAC3C,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import React from \"react\";\r\nimport \"../../assets/css/button.css\";\r\n\r\nexport interface IFinsembleButtonProps {\r\n\tbuttonLabel: string;\r\n\tclickHandler: Function;\r\n\tclassNames?: string;\r\n}\r\n\r\nconst Button: React.FunctionComponent<IFinsembleButtonProps> = ({\r\n\tbuttonLabel = \"Label\",\r\n\tclickHandler = () => {},\r\n\tclassNames = \"\",\r\n}: IFinsembleButtonProps) => {\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={`finsemble__btn ${classNames}`}\r\n\t\t\ttitle={buttonLabel.length > 12 ? buttonLabel : \"\"}\r\n\t\t\tonClick={() => clickHandler()}\r\n\t\t>\r\n\t\t\t<span className=\"btn-label\">{buttonLabel}</span>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default Button;\r\n"]}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/shared/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,6BAA6B,CAAC;AAQrC,MAAM,MAAM,GAAmD,CAAC,EAC/D,WAAW,GAAG,OAAO,EACrB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,UAAU,GAAG,EAAE,GACQ,EAAE,EAAE,CAAC,CAC5B,6BACC,SAAS,EAAE,kBAAkB,UAAU,EAAE,EACzC,KAAK,EAAE,WAAW,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EACjD,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE;IAE7B,8BAAM,SAAS,EAAC,WAAW,IAAE,WAAW,CAAQ,CAC3C,CACN,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import React from \"react\";\r\nimport \"../../assets/css/button.css\";\r\n\r\nexport interface IFinsembleButtonProps {\r\n\tbuttonLabel: string;\r\n\tclickHandler: Function;\r\n\tclassNames?: string;\r\n}\r\n\r\nconst Button: React.FunctionComponent<IFinsembleButtonProps> = ({\r\n\tbuttonLabel = \"Label\",\r\n\tclickHandler = () => {},\r\n\tclassNames = \"\",\r\n}: IFinsembleButtonProps) => (\r\n\t<div\r\n\t\tclassName={`finsemble__btn ${classNames}`}\r\n\t\ttitle={buttonLabel.length > 12 ? buttonLabel : \"\"}\r\n\t\tonClick={() => clickHandler()}\r\n\t>\r\n\t\t<span className=\"btn-label\">{buttonLabel}</span>\r\n\t</div>\r\n);\r\n\r\nexport default Button;\r\n"]}

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

@@ -12,6 +12,7 @@ export interface IFinsembleDefaultDropdownButtonProps {
     classNames?: string;
     buttonOptions: Array<IFinsembleDefaultDropdownButtonOptionsProps>;
     defaultSelection?: IFinsembleDefaultDropdownButtonOptionsProps | null;
+    enabled?: boolean;
 }
 declare const DefaultDropdownButton: React.FunctionComponent<IFinsembleDefaultDropdownButtonProps>;
 export default DefaultDropdownButton;

package/react/components/shared/DefaultDropdownButton.js

@@ -5,7 +5,7 @@ const emptyOption = {
     optionLabel: "Please select..",
     clickHandler: () => { },
 };
-const DefaultDropdownButton = ({ allowEmpty = true, buttonLabel = "Please select...", caretLocation = "left", classNames = "", buttonOptions = [], defaultSelection = null, }) => {
+const DefaultDropdownButton = ({ allowEmpty = true, caretLocation = "left", classNames = "", buttonOptions = [], defaultSelection = null, enabled = true, }) => {
     const wrapperRef = useRef(null);
     const [optionsVisible, toggleOptionsPanel] = useState(false);
     useOutsideClickDetector(wrapperRef, () => toggleOptionsPanel(false));
@@ -24,13 +24,23 @@ const DefaultDropdownButton = ({ allowEmpty = true, buttonLabel = "Please select
                 setSelectedValue(buttonOptions[0]);
             }
         }
-    }, [defaultSelection !== null]);
-    const options = buttonOptions.map((option, index) => (React.createElement("div", { key: index, className: "finsemble-dropdown__btn-option", onClick: () => {
+    }, [defaultSelection]);
+    const options = buttonOptions.map((option, index) => (React.createElement("div", { key: index, tabIndex: 0, className: "finsemble-dropdown__btn-option", onClick: () => {
             setSelectedValue(option);
             option.clickHandler();
             toggleOptionsPanel(false);
+        }, onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+                setSelectedValue(option);
+                option.clickHandler();
+                toggleOptionsPanel(false);
+            }
         } }, option.optionLabel)));
-    return (React.createElement("div", { ref: wrapperRef, className: `finsemble-dropdown__btn ${classNames} ${optionsVisible ? "active" : ""}`, onClick: () => toggleOptionsPanel(!optionsVisible) },
+    return (React.createElement("div", { tabIndex: 0, ref: wrapperRef, className: `finsemble-dropdown__btn ${classNames} ${optionsVisible ? "active" : ""}`, onClick: enabled ? () => toggleOptionsPanel(!optionsVisible) : () => { }, onKeyDown: (e) => {
+            if ((e.key === "Enter" || e.key === " ") && enabled) {
+                toggleOptionsPanel(!optionsVisible);
+            }
+        } },
         caretLocation === "left" ? (React.createElement(React.Fragment, null,
             React.createElement("i", { className: `ff-caret-${optionsVisible ? "up" : "down"}` }),
             React.createElement("span", { className: "finsemble-dropdown__btn-label" }, selectedValue ? selectedValue.optionLabel : emptyOption.optionLabel))) : (React.createElement(React.Fragment, null,

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

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

package/react/components/shared/NavigationButton.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/react/components/shared/tests/DefaultDropdownButton.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,54 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import DefaultDropdownButton from "./../DefaultDropdownButton";
+import * as sinon from "sinon";
+describe("<DefaultDropdownButton/>", () => {
+    it("should display options when not displaying options and clicked on", () => {
+        const buttonOptions = [
+            { optionLabel: "one", clickHandler: () => { } },
+            { optionLabel: "two", clickHandler: () => { } },
+        ];
+        const wrapper = mount(React.createElement(DefaultDropdownButton, { buttonOptions: buttonOptions }));
+        wrapper.find(".finsemble-dropdown__btn").simulate("click");
+        expect(wrapper.find(".finsemble-dropdown__btn-options")).to.have.lengthOf(1);
+    });
+    it("should not display options when currently displaying options and clicked on", () => {
+        const buttonOptions = [
+            { optionLabel: "one", clickHandler: () => { } },
+            { optionLabel: "two", clickHandler: () => { } },
+        ];
+        const wrapper = mount(React.createElement(DefaultDropdownButton, { buttonOptions: buttonOptions }));
+        wrapper.find(".finsemble-dropdown__btn").simulate("click");
+        wrapper.find(".finsemble-dropdown__btn").simulate("click");
+        expect(wrapper.find(".finsemble-dropdown__btn-options")).to.have.lengthOf(0);
+    });
+    it("should not display options when clicked on and not enabled", () => {
+        const buttonOptions = [
+            { optionLabel: "one", clickHandler: () => { } },
+            { optionLabel: "two", clickHandler: () => { } },
+        ];
+        const wrapper = mount(React.createElement(DefaultDropdownButton, { buttonOptions: buttonOptions, enabled: false }));
+        wrapper.find(".finsemble-dropdown__btn").simulate("click");
+        expect(wrapper.find(".finsemble-dropdown__btn-options")).to.have.lengthOf(0);
+    });
+    it("should perform the specific clickHandler function corresponding to its option", () => {
+        let spy = sinon.spy(console, "log");
+        const buttonOptions = [
+            { optionLabel: "one", clickHandler: () => { } },
+            {
+                optionLabel: "two",
+                clickHandler: () => {
+                    console.log("Hello World");
+                },
+            },
+        ];
+        const wrapper = mount(React.createElement(DefaultDropdownButton, { buttonOptions: buttonOptions }));
+        wrapper.find(".finsemble-dropdown__btn").simulate("click");
+        wrapper.find(".finsemble-dropdown__btn-option").at(2).simulate("click");
+        expect(spy.calledWith("Hello World")).to.be.true;
+        spy.restore();
+    });
+});
+//# sourceMappingURL=DefaultDropdownButton.spec.js.map