@finsemble/finsemble-ui 1.0.0-beta-6 → 1.0.0-beta-9

package/react/assets/icons/toolbar.svg

@@ -0,0 +1,12 @@
+<svg width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs>
+        <path id="a" d="M0 3.094h14.143V0H0z"/>
+    </defs>
+    <g transform="translate(.429 5.571)" fill="none" fill-rule="evenodd">
+        <path d="M1.768 1.326c-.241 0-.442.2-.442.442 0 .24.2.442.442.442.24 0 .442-.201.442-.442s-.201-.442-.442-.442M3.094 1.326c-.241 0-.442.2-.442.442 0 .24.2.442.442.442.24 0 .442-.201.442-.442s-.201-.442-.442-.442M4.42 1.326c-.241 0-.442.2-.442.442 0 .24.2.442.442.442.241 0 .442-.201.442-.442s-.2-.442-.442-.442" fill="#902E57"/>
+        <mask id="b" fill="#fff">
+            <use xlink:href="#a"/>
+        </mask>
+        <path d="M.959 2.46h12.225V.951H.959v1.507zm12.225.634h.959V.92a.924.924 0 0 0-.927-.92H.926A.924.924 0 0 0 0 .92v2.174h13.184z" fill="#902E57" mask="url(#b)"/>
+    </g>
+</svg>

package/react/assets/icons/tools.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M10.4795 0C10.4327 0 10.3392 0 10.2924 0.0470588C9.07602 0.752941 8.32749 2.02353 8.32749 3.43529C8.32749 3.90588 8.42105 4.37647 8.60819 4.84706L8.46784 4.98824C8.32749 5.12941 8.32749 5.36471 8.46784 5.50588C8.60819 5.64706 8.84211 5.64706 8.98246 5.50588L9.26316 5.22353C9.35673 5.12941 9.40351 4.94118 9.35673 4.8C9.16959 4.37647 9.07602 3.90588 9.07602 3.48235C9.07602 2.58824 9.45029 1.69412 10.152 1.12941V3.52941C10.152 3.67059 10.1988 3.76471 10.2924 3.81176L12.0234 4.98824C12.1637 5.08235 12.3041 5.08235 12.4444 4.98824L14.1754 3.81176C14.269 3.76471 14.3158 3.62353 14.3158 3.52941V1.12941C14.9708 1.74118 15.3918 2.58824 15.3918 3.48235C15.3918 4.32941 15.0643 5.12941 14.4561 5.74118C13.848 6.35294 13.0526 6.68235 12.2105 6.68235C11.9298 6.68235 11.3684 6.54118 11.1813 6.49412C11.0409 6.44706 10.9006 6.49412 10.807 6.58824L9.68421 7.71765C9.54386 7.85882 9.54386 8.09412 9.68421 8.23529C9.77778 8.32941 9.82456 8.32941 9.91813 8.32941C10.0117 8.32941 10.1053 8.28235 10.152 8.23529L11.0877 7.29412C11.3684 7.34118 11.7895 7.48235 12.117 7.48235C13.1462 7.48235 14.1287 7.05882 14.8772 6.35294C15.6257 5.6 16 4.65882 16 3.57647C16 2.16471 15.2515 0.894118 14.0351 0.188235C13.9415 0.141176 13.8012 0.141176 13.6608 0.188235C13.5673 0.235294 13.4737 0.376471 13.4737 0.517647V3.43529L12.117 4.37647L10.7602 3.43529V0.517647C10.7602 0.376471 10.7135 0.282353 10.5731 0.188235C10.5731 0 10.5263 0 10.4795 0ZM1.91813 0.141176C1.45029 0.141176 0.982456 0.329412 0.608187 0.658824C0.280702 0.988235 0.0935672 1.45882 0.0935672 1.97647C0.0935672 2.44706 0.280702 2.91765 0.608187 3.29412L6.31579 9.03529C6.26901 9.17647 6.26901 9.31765 6.40936 9.45882C6.54971 9.6 6.78363 9.6 6.92398 9.45882L7.53216 8.84706L11.2749 12.6118L11.6491 13.6471C11.6491 13.6941 11.6959 13.7412 11.7427 13.7882L13.848 15.9059C13.9415 16 13.9883 16 14.0819 16C14.1754 16 14.269 15.9529 14.3158 15.9059L15.6725 14.5412C15.7193 14.4941 15.7661 14.4 15.7661 14.3059C15.7661 14.2118 15.7193 14.1176 15.6725 14.0706L13.5673 11.9529C13.5205 11.9059 13.4737 11.9059 13.4269 11.8588L12.3977 11.4824L8.65497 7.71765L9.26316 7.10588C9.40351 6.96471 9.40351 6.72941 9.26316 6.58824C9.16959 6.49412 8.98246 6.44706 8.84211 6.49412L3.18129 0.705882C2.8538 0.329412 2.38596 0.141176 1.91813 0.141176ZM1.91813 0.894118C2.19883 0.894118 2.47953 0.988235 2.71345 1.22353L8.37427 6.91765L6.78363 8.51765L1.12281 2.77647C0.935673 2.58824 0.795322 2.30588 0.795322 1.97647C0.795322 1.69412 0.888889 1.41176 1.12281 1.17647C1.35673 0.988235 1.63743 0.894118 1.91813 0.894118ZM1.91813 1.6C1.82456 1.6 1.73099 1.64706 1.68421 1.69412C1.54386 1.83529 1.54386 2.07059 1.68421 2.21176L6.69006 7.24706C6.78363 7.34118 6.87719 7.34118 6.92398 7.34118C7.01754 7.34118 7.11111 7.29412 7.1579 7.24706C7.29825 7.10588 7.29825 6.87059 7.1579 6.72941L2.15205 1.74118C2.10526 1.64706 2.0117 1.6 1.91813 1.6ZM8.18713 8.14118L12.0234 12C12.0702 12.0471 12.117 12.0471 12.1637 12.0941L13.193 12.4706L14.9708 14.2588L14.1287 15.1059L12.3509 13.3176L11.9766 12.2824C11.9766 12.2353 11.9298 12.1882 11.883 12.1412L8.04678 8.28235L8.18713 8.14118ZM5.09942 8.47059C5.00585 8.47059 4.91228 8.51765 4.8655 8.56471L0.51462 12.9412C0.187134 13.2706 0 13.6941 0 14.1647C0 14.6353 0.187134 15.0588 0.51462 15.3882C0.842105 15.7176 1.26316 15.9059 1.73099 15.9059C2.19883 15.9059 2.61988 15.7176 2.94737 15.3882L8 10.3059C8.14035 10.1647 8.14035 9.92941 8 9.78823C7.85965 9.64706 7.62573 9.64706 7.48538 9.78823L2.47953 14.8706C2.2924 15.0588 2.05848 15.1529 1.77778 15.1529C1.49708 15.1529 1.26316 15.0588 1.07602 14.8706C0.888889 14.6824 0.795322 14.4471 0.795322 14.1647C0.795322 13.8824 0.888889 13.6471 1.07602 13.4588L5.4269 9.08235C5.56725 8.94118 5.56725 8.70588 5.4269 8.56471C5.28655 8.47059 5.19298 8.47059 5.09942 8.47059ZM1.73099 13.6941C1.59064 13.6941 1.49708 13.7412 1.40351 13.8353C1.21637 14.0235 1.21637 14.3059 1.40351 14.4471C1.49708 14.5412 1.59064 14.5882 1.73099 14.5882C1.82456 14.5882 1.96491 14.5412 2.05848 14.4471C2.24561 14.2588 2.24561 13.9765 2.05848 13.8353C1.96491 13.7412 1.87135 13.6941 1.73099 13.6941Z" />
+</svg>

package/react/assets/icons/trash.svg

@@ -0,0 +1,13 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0)">
+        <path fill-rule="evenodd" clip-rule="evenodd"
+            d="M1.08098 5.15763C0.492918 5.15763 0 4.69615 0 4.11318V3.12112C0 2.5493 0.481455 2.07667 1.08098 2.07667H14.9331C15.5453 2.07667 16.0347 2.56825 15.9981 3.12112V4.11318C15.9981 4.68501 15.5166 5.15763 14.9159 5.15763H14.525L13.3524 14.2032C13.2354 15.2331 12.3321 16 11.2592 16H4.73889C3.67969 16 2.78785 15.2309 2.64571 14.2121L1.47302 5.15763H1.08098ZM1.14632 4.04296H2.48408L3.78286 14.0672C3.84706 14.5309 4.25629 14.8843 4.73889 14.8843H11.2592C11.7521 14.8843 12.1613 14.5387 12.2141 14.0717L13.514 4.04184H14.8517V3.19023H1.14632V4.04296Z" />
+        <path fill-rule="evenodd" clip-rule="evenodd"
+            d="M6.8397 12.4197C6.8397 12.744 6.56917 13.0049 6.22985 13.0049C5.89169 13.0049 5.62001 12.744 5.62001 12.4197V6.73039C5.62001 6.4049 5.89169 6.14407 6.22985 6.14407C6.56917 6.14407 6.8397 6.4049 6.8397 6.73039V12.4197ZM10.4128 12.4197C10.4128 12.744 10.1422 13.0049 9.80294 13.0049C9.46477 13.0049 9.1931 12.744 9.1931 12.4197V6.73039C9.1931 6.4049 9.46477 6.14407 9.80294 6.14407C10.1422 6.14407 10.4128 6.4049 10.4128 6.73039V12.4197ZM10.3108 0.488226C10.3108 0.211788 10.0735 0 9.80294 0H6.21381C5.92723 0 5.70599 0.227393 5.70599 0.488226V1.64191H10.3291V0.487112H10.3119L10.3108 0.488226Z" />
+    </g>
+    <defs>
+        <clipPath id="clip0">
+            <rect width="16" height="16" fill="white" />
+        </clipPath>
+    </defs>
+</svg>

package/react/assets/icons/upload.svg

@@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0)">
+        <path fill-rule="evenodd" clip-rule="evenodd"
+            d="M6.57547 5.81661C6.57547 6.09277 6.35489 6.29989 6.10038 6.29989H4.30184C4.16611 6.29989 4.0643 6.40345 4.0643 6.54153L3.92856 10.7233C3.92856 10.8614 4.03037 10.9649 4.16611 10.9649H11.8693C12.005 10.9649 12.1068 10.8614 12.1068 10.7233L11.9711 6.54153C11.9711 6.40345 11.8523 6.29989 11.7335 6.29989H9.90106C9.64655 6.29989 9.42598 6.07551 9.42598 5.81661C9.42598 5.54045 9.64655 5.33333 9.90106 5.33333H12.2765C12.5989 5.33333 12.8703 5.59223 12.8873 5.92017L13.1079 11.6332C13.1079 11.7713 13.1758 11.9612 13.2436 12.082L14.8386 14.4984C14.9573 14.6882 15.0252 14.9817 14.9913 15.206L14.9573 15.4649C14.9064 15.7756 14.635 16 14.3295 16H1.68888C1.38346 16 1.11198 15.7584 1.06108 15.4649L1.01018 15.206C0.976246 14.9817 1.02715 14.6882 1.16289 14.4984L2.75782 12.082C2.82569 11.9784 2.89356 11.7713 2.89356 11.6332L3.11413 5.92017C3.1311 5.59223 3.40258 5.33333 3.72496 5.33333H6.10038C6.35489 5.33333 6.57547 5.54045 6.57547 5.81661ZM2.37207 14.9333H13.6337C13.9101 14.9333 13.9964 14.7048 13.8583 14.4346L12.5455 11.9827C12.4765 11.8372 12.3037 11.7333 12.1656 11.7333H3.82296C3.68478 11.7333 3.52933 11.8372 3.44296 11.9827L2.13026 14.4554C2.00935 14.7255 2.09571 14.9333 2.37207 14.9333ZM8.45919 0.179697L11.605 2.96937C12.1037 3.40896 11.3556 4.08524 10.8377 3.64566L8.72773 1.76897C8.63182 1.68443 8.53591 1.70134 8.53591 1.83659V6.99327C8.53591 7.26378 8.28655 7.46667 7.99883 7.46667C7.69192 7.46667 7.46174 7.24687 7.46174 6.99327V1.83659C7.46174 1.70134 7.38501 1.66752 7.26992 1.76897L5.15992 3.64566C4.6612 4.08524 3.89392 3.42587 4.39265 2.96937L7.51928 0.16279C7.76865 -0.0570026 8.20982 -0.057003 8.45919 0.179697Z" />
+    </g>
+    <defs>
+        <clipPath id="clip0">
+            <rect width="16" height="16" fill="white" />
+        </clipPath>
+    </defs>
+</svg>

package/react/assets/icons/window.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M0 3.0302V12.9698C0 13.538 0.470418 14 1.04859 14H14.9514C15.5296 14 16 13.538 16 12.9698V3.0302C16 2.46217 15.5296 2 14.9514 2H1.04859C0.470418 2 0 2.46217 0 3.0302ZM14.9153 4.75311H1.08475V3.06572H14.9153V4.75311ZM14.9153 12.9343H1.08475V5.46359H14.9153V12.9343ZM1.82812 3.84606C1.82812 3.59152 2.03315 3.38452 2.28527 3.38452C2.53738 3.38452 2.74241 3.59152 2.74241 3.84606C2.74241 4.1006 2.53738 4.3076 2.28527 4.3076C2.03315 4.3076 1.82812 4.1006 1.82812 3.84606ZM3.65539 3.38452C3.40327 3.38452 3.19824 3.59152 3.19824 3.84606C3.19824 4.1006 3.40327 4.3076 3.65539 4.3076C3.9075 4.3076 4.11253 4.1006 4.11253 3.84606C4.11253 3.59152 3.9075 3.38452 3.65539 3.38452ZM4.57129 3.84606C4.57129 3.59152 4.77631 3.38452 5.02843 3.38452C5.28055 3.38452 5.48557 3.59152 5.48557 3.84606C5.48557 4.1006 5.28055 4.3076 5.02843 4.3076C4.77631 4.3076 4.57129 4.1006 4.57129 3.84606Z" />
+</svg>

package/react/components/FinsembleCSS.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+/**
+ * A component for dynamically loading and unloading the finsemble css. This component can be composed into
+ * a template in order to instantiate the styles, as opposed to importing them directly.
+ *
+ * We use dynamic loading because if we were to import the CSS directly then the styles would be injected
+ * at module load time, and since the module is included in index.ts, this would mean that the styles would
+ * _always_ be injected, regardless of whether a developer actually used the component or not.
+ *
+ * @param param.dialog Set to true when the component is a dialog so that dialogs.css will also be loaded, such as the authentication component.
+ */
+export declare const FinsembleCSS: React.FunctionComponent<any>;
+//# sourceMappingURL=FinsembleCSS.d.ts.map

package/react/components/FinsembleCSS.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleCSS.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/FinsembleCSS.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAYrD,CAAC"}

package/react/components/FinsembleCSS.js

@@ -0,0 +1,27 @@
+import React, { useEffect } from "react";
+import finsembleCSS from "../assets/css/finsemble.lazy.css";
+import dialogsCSS from "../assets/css/dialogs.lazy.css";
+/**
+ * A component for dynamically loading and unloading the finsemble css. This component can be composed into
+ * a template in order to instantiate the styles, as opposed to importing them directly.
+ *
+ * We use dynamic loading because if we were to import the CSS directly then the styles would be injected
+ * at module load time, and since the module is included in index.ts, this would mean that the styles would
+ * _always_ be injected, regardless of whether a developer actually used the component or not.
+ *
+ * @param param.dialog Set to true when the component is a dialog so that dialogs.css will also be loaded, such as the authentication component.
+ */
+export const FinsembleCSS = ({ dialog }) => {
+    useEffect(() => {
+        finsembleCSS.use();
+        if (dialog)
+            dialogsCSS.use();
+        return () => {
+            finsembleCSS.unuse();
+            if (dialog)
+                dialogsCSS.unuse();
+        };
+    }, []);
+    return React.createElement(React.Fragment, null);
+};
+//# sourceMappingURL=FinsembleCSS.js.map

package/react/components/FinsembleCSS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleCSS.js","sourceRoot":"","sources":["../../../../src/ui/components/FinsembleCSS.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAC5D,OAAO,UAAU,MAAM,gCAAgC,CAAC;AAExD;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,YAAY,GAAiC,CAAC,EAAE,MAAM,EAAwB,EAAE,EAAE;IAC9F,SAAS,CAAC,GAAG,EAAE;QACd,YAAY,CAAC,GAAG,EAAE,CAAC;QACnB,IAAI,MAAM;YAAE,UAAU,CAAC,GAAG,EAAE,CAAC;QAE7B,OAAO,GAAG,EAAE;YACX,YAAY,CAAC,KAAK,EAAE,CAAC;YACrB,IAAI,MAAM;gBAAE,UAAU,CAAC,KAAK,EAAE,CAAC;QAChC,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,yCAAK,CAAC;AACd,CAAC,CAAC"}

package/react/components/FinsembleProvider.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { store, createStore } from "../store";
+export { createStore };
+/**
+ * The `<FinsembleProvider>` must be an ancestor of any Finsemble React UI components or hooks.
+ * It manages FEAGlobals.FSBL initialization (ensuring that all components and hooks are operating with a properly initialized API.)
+ * It also constructs the UI API's redux store and makes it available through a Context Provider for all descendent components and hooks.
+ *
+ * The `<FinsembleProvider>` will render its children.
+ */
+export declare type FinsembleProviderProps = {
+    store?: typeof store;
+    /**
+     * Disables the floating focus accessibility helper when set to false. Defaults to true.
+     */
+    floatingFocus?: boolean;
+};
+export declare const FinsembleProvider: React.FunctionComponent<FinsembleProviderProps>;
+//# sourceMappingURL=FinsembleProvider.d.ts.map

package/react/components/FinsembleProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleProvider.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/FinsembleProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAM9C,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB;;;;;;GAMG;AAEH,oBAAY,sBAAsB,GAAG;IACpC,KAAK,CAAC,EAAE,OAAO,KAAK,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAkB7E,CAAC"}

package/react/components/FinsembleProvider.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { store, createStore } from "../store";
+import { Provider } from "react-redux";
+import { useState, useEffect } from "react";
+import { FEAGlobals } from "../../common/Globals";
+import { useFloatingFocus } from "../hooks/useFloatingFocus";
+export { createStore };
+export const FinsembleProvider = (props) => {
+    const [ready, setReady] = useState(false);
+    if (props.floatingFocus !== false)
+        useFloatingFocus();
+    useEffect(() => {
+        var _a;
+        if (ready)
+            return;
+        const release = () => {
+            setReady(true);
+        };
+        // We need to check to make sure FSBL exists because this code may run in a preload, before
+        // FSBL has been injected, in which case we need to wait on the window listener
+        window.FSBL && ((_a = FEAGlobals.FSBL) === null || _a === void 0 ? void 0 : _a.addEventListener)
+            ? FEAGlobals.FSBL.addEventListener("onReady", release)
+            : window.addEventListener("FEAGlobals.FSBLReady", release);
+    }, [ready]);
+    return ready ? React.createElement(Provider, { store: props.store || store }, props.children) : null;
+};
+//# sourceMappingURL=FinsembleProvider.js.map

package/react/components/FinsembleProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleProvider.js","sourceRoot":"","sources":["../../../../src/ui/components/FinsembleProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,OAAO,EAAE,WAAW,EAAE,CAAC;AAkBvB,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,KAAK,EAAE,EAAE;IAC3F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,IAAI,KAAK,CAAC,aAAa,KAAK,KAAK;QAAE,gBAAgB,EAAE,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;;QACd,IAAI,KAAK;YAAE,OAAO;QAClB,MAAM,OAAO,GAAG,GAAG,EAAE;YACpB,QAAQ,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,CAAC;QACF,2FAA2F;QAC3F,+EAA+E;QAC9E,MAAc,CAAC,IAAI,KAAI,MAAA,UAAU,CAAC,IAAI,0CAAE,gBAAgB,CAAA;YACxD,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC;YACtD,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,sBAAsB,EAAE,OAAO,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,KAAK,CAAC,CAAC,CAAC,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,IAAG,KAAK,CAAC,QAAQ,CAAY,CAAC,CAAC,CAAC,IAAI,CAAC;AAC1F,CAAC,CAAC"}

package/react/components/appCatalog/AppCatalog.d.ts

@@ -0,0 +1,11 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+/// <reference types="react" />
+/**
+ * A UI component that stores all the applications and allows the end user to add, remove, browse, or launch an application
+ * from the app catalog window.
+ */
+export declare const AppCatalog: () => JSX.Element;
+//# sourceMappingURL=AppCatalog.d.ts.map

package/react/components/appCatalog/AppCatalog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppCatalog.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/appCatalog/AppCatalog.tsx"],"names":[],"mappings":"AAAA;;;GAGG;;AAQH;;;GAGG;AACH,eAAO,MAAM,UAAU,mBAmBtB,CAAC"}

package/react/components/appCatalog/AppCatalog.js

@@ -0,0 +1,31 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React, { useState, useEffect } from "react";
+import { createStore } from "./stores/appStore";
+import { AppCatalogComponent } from "./AppCatalogComponent";
+import storeActions from "./stores/storeActions";
+import { useTitle } from "../../hooks/useTitle";
+/**
+ * A UI component that stores all the applications and allows the end user to add, remove, browse, or launch an application
+ * from the app catalog window.
+ */
+export const AppCatalog = () => {
+    const [isReady, setIsReady] = useState(false);
+    useTitle("App Catalog");
+    // Add styles to the app catalog window's body.
+    useEffect(() => {
+        document.body.classList.add("app-catalog-body");
+    }, []);
+    useEffect(() => {
+        createStore(() => {
+            storeActions.initialize(() => {
+                setIsReady(true);
+            });
+        });
+        return () => { };
+    });
+    return React.createElement(React.Fragment, null, isReady && React.createElement(AppCatalogComponent, null));
+};
+//# sourceMappingURL=AppCatalog.js.map

package/react/components/appCatalog/AppCatalog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppCatalog.js","sourceRoot":"","sources":["../../../../../src/ui/components/appCatalog/AppCatalog.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,YAAY,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,QAAQ,CAAC,aAAa,CAAC,CAAC;IAExB,+CAA+C;IAC/C,SAAS,CAAC,GAAG,EAAE;QACd,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE;YAChB,YAAY,CAAC,UAAU,CAAC,GAAG,EAAE;gBAC5B,UAAU,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IACjB,CAAC,CAAC,CAAC;IACH,OAAO,0CAAG,OAAO,IAAI,oBAAC,mBAAmB,OAAG,CAAI,CAAC;AAClD,CAAC,CAAC"}

package/react/components/appCatalog/AppCatalogComponent.d.ts

@@ -0,0 +1,95 @@
+export class AppCatalogComponent extends React.Component<any, any, any> {
+    constructor(props: any);
+    state: {
+        apps: never[];
+        isLoading: boolean;
+        serverError: boolean;
+        installed: never[];
+        tags: never[];
+        installationActionTaken: null;
+    };
+    bindCorrectContext(): void;
+    addedAppsChanged(): void;
+    /**
+     * Force an update. Used to update from store listeners.
+     *
+     * @memberof AppMarket
+     */
+    update(): void;
+    /**
+     * Action to take when the back button is clicked (which just goes home)
+     */
+    goHome(): void;
+    /**
+     * Calls the store to add a tag to the activeTag list. Also updates the app view to switch to the AppResults page (since adding a tag implies filtering has begun)
+     * @param {string} tag The name of the tag to add
+     */
+    addTag(tag: string): void;
+    /**
+     * Calls the store to remove a tag from the activeTag list. Also updates the app view to switch to the homepage if all tags have been removed
+     * @param {string} tag The name of the tag to add
+     */
+    removeTag(tag: string): void;
+    /**
+     * Performs a search through the catalog
+     * @param {string} search The text to search the catalog with
+     */
+    changeSearch(search: string): void;
+    /**
+     * Opens the AppShowcase page for the app supplied
+     */
+    openAppShowcase(): void;
+    /**
+     * When the notification for installing/removing an app is shown a timeout is set to call this function to cease showing the notification
+     */
+    stopShowingInstalledNotification(): void;
+    /**
+     * Compiles a list of apps that are installed from the information received back from appd
+     * and the information contained on the system
+     * @param {boolean} filtered If true, uses the filtered apps array. Otherwise uses all apps
+     */
+    compileAddedInfo(filtered: boolean): any;
+    getPageContents(): JSX.Element;
+    /**
+     * Determines the apps page based on the state of the activeTags, search text, etc
+     */
+    determineActivePage(): string | undefined;
+    navigateToShowcase(id: any): void;
+    viewApp(error: any, event: any): void;
+    /**
+     * Checks if we have an activeApp defined
+     *
+     * @returns {boolean}
+     * @memberof AppMarket
+     */
+    isActiveApp(): boolean;
+    /**
+     * Returns the active tags from the store
+     *
+     * @returns {array} activeTags
+     * @memberof AppMarket
+     */
+    getActiveTags(): any[];
+    UNSAFE_componentWillMount(): void;
+    _asyncAppRequest: Promise<void> | undefined;
+    _asyncTagsRequest: Promise<void> | undefined;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    /**
+     * Returns the activeApp from the Store
+     *
+     * @returns {string} activeApp
+     * @memberof AppMarket
+     */
+    getActiveApp(): string;
+    /**
+     * Returns the filtered list of apps from search
+     *
+     * @returns {object} filteredApps
+     * @memberof AppMarket
+     */
+    getFilteredApps(): object;
+    render(): JSX.Element;
+}
+import React from "react";
+//# sourceMappingURL=AppCatalogComponent.d.ts.map

package/react/components/appCatalog/AppCatalogComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppCatalogComponent.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/appCatalog/AppCatalogComponent.jsx"],"names":[],"mappings":"AAaA;IACC,wBAWC;IATA;;;;;;;MAOC;IAIF,2BAgBC;IAwFD,yBAsBC;IAED;;;;OAIG;IACH,eAEC;IA+ED;;OAEG;IACH,eAEC;IArBD;;;OAGG;IACH,YAFW,MAAM,QAIhB;IAED;;;OAGG;IACH,eAFW,MAAM,QAIhB;IASD;;;OAGG;IACH,qBAFW,MAAM,QAIhB;IAeD;;OAEG;IACH,wBAUC;IA1BD;;OAEG;IACH,yCAIC;IAqBD;;;;OAIG;IACH,2BAFW,OAAO,OAgBjB;IAED,+BAqCC;IAlLD;;OAEG;IACH,0CAgBC;IAkFD,kCAEC;IA5ID,sCAEC;IAkED;;;;;OAKG;IACH,eAHa,OAAO,CAKnB;IAED;;;;;OAKG;IACH,uBAEC;IAvKD,kCA+CC;IAtCE,4CAiBG;IAIL,6CAgBG;IAGJ,0BAYC;IAED,6BAgBC;IA4DD;;;;;OAKG;IACH,gBAHa,MAAM,CAKlB;IAsBD;;;;;OAKG;IACH,mBAHa,MAAM,CAKlB;IAyHD,sBA4CC;CACD"}

package/react/components/appCatalog/AppCatalogComponent.js

@@ -0,0 +1,304 @@
+import React from "react";
+// components
+import SearchBar from "./components/SearchBar";
+import Home from "./components/Home";
+import AppResults from "./components/AppResults";
+import AppShowcase from "./components/Showcase/AppShowcase";
+// data
+import { getStore } from "./stores/appStore";
+import storeActions from "./stores/storeActions";
+import "../../assets/css/appCatalog.css";
+export class AppCatalogComponent extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            apps: [],
+            isLoading: false,
+            serverError: false,
+            installed: [],
+            tags: [],
+            installationActionTaken: null, // type: string | null
+        };
+        this.bindCorrectContext();
+    }
+    bindCorrectContext() {
+        this.addedAppsChanged = this.addedAppsChanged.bind(this);
+        this.update = this.update.bind(this);
+        this.goHome = this.goHome.bind(this);
+        this.addTag = this.addTag.bind(this);
+        this.removeTag = this.removeTag.bind(this);
+        this.changeSearch = this.changeSearch.bind(this);
+        this.openAppShowcase = this.openAppShowcase.bind(this);
+        this.stopShowingInstalledNotification = this.stopShowingInstalledNotification.bind(this);
+        this.compileAddedInfo = this.compileAddedInfo.bind(this);
+        this.getPageContents = this.getPageContents.bind(this);
+        this.determineActivePage = this.determineActivePage.bind(this);
+        this.navigateToShowcase = this.navigateToShowcase.bind(this);
+        this.viewApp = this.viewApp.bind(this);
+        this.isActiveApp = this.isActiveApp.bind(this);
+        this.getActiveTags = this.getActiveTags.bind(this);
+    }
+    // eslint-disable-next-line react/no-deprecated
+    UNSAFE_componentWillMount() {
+        // For more information on async react rendering, see here
+        // https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html
+        this.setState({
+            isLoading: true,
+        }, () => {
+            this._asyncAppRequest = storeActions
+                .getApps()
+                .then((apps) => {
+                this.setState({
+                    apps,
+                    isLoading: false,
+                });
+            })
+                .catch((err) => {
+                this.setState({
+                    serverError: true,
+                }, () => {
+                    FSBL.Clients.Logger.error("Error connecting to FDC3 AppD server.", err);
+                });
+            });
+        });
+        this._asyncTagsRequest = storeActions
+            .getTags()
+            .then((tags) => {
+            this.setState({
+                tags,
+            });
+        })
+            .catch((err) => {
+            this.setState({
+                serverError: true,
+            }, () => {
+                FSBL.Clients.Logger.error("Error retrieving tags from FDC3 AppD server.", err);
+            });
+        });
+    }
+    componentDidMount() {
+        getStore().addListener({ field: "appDefinitions" }, this.addedAppsChanged);
+        getStore().addListener({ field: "filteredApps" }, this.update);
+        getStore().addListener({ field: "activeTags" }, this.update);
+        getStore().addListener({ field: "activeApp" }, this.openAppShowcase);
+        // Get notified when user wants to view an app
+        FSBL.Clients.RouterClient.addListener("viewApp", this.viewApp);
+        let installed = storeActions.getInstalledApps();
+        this.setState({
+            installed: Object.keys(installed),
+        });
+    }
+    componentWillUnmount() {
+        getStore().removeListener({ field: "appDefinitions" }, this.addedAppsChanged);
+        getStore().removeListener({ field: "filteredApps" }, this.update);
+        getStore().removeListener({ field: "activeTags" }, this.update);
+        getStore().removeListener({ field: "activeApp" }, this.openAppShowcase);
+        // Get notified when user wants to view an app
+        FSBL.Clients.RouterClient.removeListener("viewApp", this.viewApp);
+        // Make sure async requests have finished.
+        if (this._asyncAppRequest && this._asyncAppRequest.cancel) {
+            this._asyncAppRequest.cancel();
+        }
+        if (this._asyncTagsRequest && this._asyncTagsRequest.cancel) {
+            this._asyncTagsRequest.cancel();
+        }
+    }
+    viewApp(error, event) {
+        !error && this.navigateToShowcase(event.data.app.appID);
+    }
+    addedAppsChanged() {
+        let action;
+        if (this.state.installed.length > Object.keys(storeActions.getInstalledApps()).length) {
+            // If the components installed apps is greater than that of the store, that means an app was removed
+            action = "remove";
+        }
+        else if (this.state.installed.length < Object.keys(storeActions.getInstalledApps()).length) {
+            // If the component's installed apps is less than that of the store, that means an app was added
+            action = "add";
+        }
+        if (action) {
+            this.setState({
+                installationActionTaken: action,
+                installed: Object.keys(storeActions.getInstalledApps()),
+            }, () => {
+                setTimeout(this.stopShowingInstalledNotification, 1500);
+                this.update();
+            });
+        }
+    }
+    /**
+     * Force an update. Used to update from store listeners.
+     *
+     * @memberof AppMarket
+     */
+    update() {
+        this.forceUpdate();
+    }
+    /**
+     * Determines the apps page based on the state of the activeTags, search text, etc
+     */
+    determineActivePage() {
+        const activeTags = this.getActiveTags();
+        const filteredApps = this.getFilteredApps();
+        const activeApp = this.getActiveApp();
+        const forceSearch = storeActions.getForceSearch();
+        let page;
+        if (activeApp && !forceSearch) {
+            page = "showcase";
+        }
+        else if (filteredApps.length > 0 || forceSearch) {
+            page = "appSearch";
+        }
+        else if (filteredApps.length === 0 && activeTags.length === 0) {
+            page = "home";
+        }
+        return page;
+    }
+    /**
+     * Returns the activeApp from the Store
+     *
+     * @returns {string} activeApp
+     * @memberof AppMarket
+     */
+    getActiveApp() {
+        return storeActions.getActiveApp();
+    }
+    /**
+     * Checks if we have an activeApp defined
+     *
+     * @returns {boolean}
+     * @memberof AppMarket
+     */
+    isActiveApp() {
+        return storeActions.getActiveApp() !== null;
+    }
+    /**
+     * Returns the active tags from the store
+     *
+     * @returns {array} activeTags
+     * @memberof AppMarket
+     */
+    getActiveTags() {
+        return storeActions.getActiveTags();
+    }
+    /**
+     * Returns the filtered list of apps from search
+     *
+     * @returns {object} filteredApps
+     * @memberof AppMarket
+     */
+    getFilteredApps() {
+        return storeActions.getFilteredApps();
+    }
+    /**
+     * Calls the store to add a tag to the activeTag list. Also updates the app view to switch to the AppResults page (since adding a tag implies filtering has begun)
+     * @param {string} tag The name of the tag to add
+     */
+    addTag(tag) {
+        storeActions.addTag(tag);
+    }
+    /**
+     * Calls the store to remove a tag from the activeTag list. Also updates the app view to switch to the homepage if all tags have been removed
+     * @param {string} tag The name of the tag to add
+     */
+    removeTag(tag) {
+        storeActions.removeTag(tag);
+    }
+    /**
+     * Action to take when the back button is clicked (which just goes home)
+     */
+    goHome() {
+        storeActions.goHome();
+    }
+    /**
+     * Performs a search through the catalog
+     * @param {string} search The text to search the catalog with
+     */
+    changeSearch(search) {
+        storeActions.searchApps(search);
+    }
+    /**
+     * When the notification for installing/removing an app is shown a timeout is set to call this function to cease showing the notification
+     */
+    stopShowingInstalledNotification() {
+        this.setState({
+            installationActionTaken: null,
+        });
+    }
+    navigateToShowcase(id) {
+        storeActions.openApp(id);
+    }
+    /**
+     * Opens the AppShowcase page for the app supplied
+     */
+    openAppShowcase() {
+        let app = storeActions.getActiveApp();
+        if (app !== null) {
+            storeActions.setForceSearch(false);
+            storeActions.clearTags();
+            storeActions.clearFilteredApps();
+        }
+        this.forceUpdate();
+    }
+    /**
+     * Compiles a list of apps that are installed from the information received back from appd
+     * and the information contained on the system
+     * @param {boolean} filtered If true, uses the filtered apps array. Otherwise uses all apps
+     */
+    compileAddedInfo(filtered) {
+        const { installed } = this.state;
+        const forceSearch = storeActions.getForceSearch();
+        const apps = filtered || forceSearch ? storeActions.getFilteredApps() : this.state.apps;
+        return apps.map((app) => {
+            if (installed.includes(app.appId)) {
+                app.installed = true;
+            }
+            else {
+                app.installed = false;
+            }
+            return app;
+        });
+    }
+    getPageContents() {
+        const filteredApps = this.getFilteredApps();
+        const activeTags = this.getActiveTags();
+        const activePage = this.determineActivePage();
+        const apps = this.compileAddedInfo(filteredApps.length > 0);
+        // Force default case if activepage isn't search and apps.length is 0
+        if (apps.length === 0 && activePage !== "appSearch")
+            activePage = -1;
+        const theApp = this.compileAddedInfo(false).find((app) => this.getActiveApp() === app.appId);
+        switch (activePage) {
+            case "home":
+                return (React.createElement(Home, { tags: this.state.tags, cards: apps, seeMore: this.addTag, addApp: this.addApp, removeApp: this.removeApp, addTag: this.addTag, viewAppShowcase: this.navigateToShowcase }));
+            case "appSearch":
+                return (React.createElement(AppResults, { cards: apps, tags: activeTags, addApp: this.addApp, removeApp: this.removeApp, viewAppShowcase: this.navigateToShowcase, addTag: this.addTag }));
+            case "showcase":
+                return React.createElement(AppShowcase, { app: theApp, addApp: this.addApp, removeApp: this.removeApp, addTag: this.addTag });
+            default:
+                return React.createElement("div", null);
+        }
+    }
+    render() {
+        let { tags } = this.state;
+        let page = this.determineActivePage();
+        let pageContents = this.getPageContents();
+        return (React.createElement("div", { className: "app-catalog" },
+            this.state.serverError && (React.createElement("div", { className: "server-error" },
+                React.createElement("br", null),
+                React.createElement("br", null),
+                React.createElement("span", null, "Catalog contents are currently unavailable."),
+                React.createElement("br", null),
+                React.createElement("span", null, "Please check your connection or consult your System Admin."))),
+            this.state.apps.length === 0 && !this.state.isLoading && (React.createElement("div", { className: "server-error" },
+                React.createElement("br", null),
+                React.createElement("br", null),
+                React.createElement("span", null, "There are no apps available in this catalog."),
+                React.createElement("br", null),
+                React.createElement("span", null, "Please contact your System Admin."))),
+            this.state.apps.length > 0 && (React.createElement("div", null,
+                React.createElement(SearchBar, { hidden: page === "showcase", backButton: page !== "home", tags: tags, activeTags: this.getActiveTags, tagSelected: this.addTag, removeTag: this.removeTag, goHome: this.goHome, installationActionTaken: this.state.installationActionTaken, search: this.changeSearch, isViewingApp: this.isActiveApp }),
+                React.createElement("div", { className: "market_content" }, pageContents)))));
+    }
+}
+//# sourceMappingURL=AppCatalogComponent.js.map