@finsemble/finsemble-ui 7.3.0 → 8.0.0-alpha-1

package/react/components/common/InputTable.d.ts

@@ -1,18 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-/// <reference types="react" />
-export declare type InputTableProps = {
-    tableHeaders: (string | JSX.Element)[];
-    setData: (data: string[][]) => void;
-    data: string[][];
-};
-/***
- * A table full on input fields. It auto-grows as users use it, and it provides "Remove row" functionality.
- * The number of columns in the table is determined by the number of table headers provided, which are required.
- * @param {string|JSX} tableHeaders The headers at the top of each column
- * @param {Function} onUpdate Callback providing the data in the table. This is called onInput for any input element in the table.
- * @param {string[][]} [data] Initial data for the table
- */
-export declare const InputTable: ({ tableHeaders, setData, data }: InputTableProps) => JSX.Element;

package/react/components/common/InputTable.js

@@ -1,57 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React, { useEffect } from "react";
-import { ButtonIcon } from "./ButtonIcon";
-const isLastRowEmpty = (arr) => {
-    const lastRow = arr[arr.length - 1];
-    if (!Array.isArray(lastRow)) {
-        return true;
-    }
-    const nonEmptyCells = lastRow.filter((str) => str.length > 0);
-    return nonEmptyCells.length === 0;
-};
-const deepCopy = (obj) => JSON.parse(JSON.stringify(obj));
-const emptyRow = (colCount) => Array(colCount).fill("").slice(0);
-/***
- * A table full on input fields. It auto-grows as users use it, and it provides "Remove row" functionality.
- * The number of columns in the table is determined by the number of table headers provided, which are required.
- * @param {string|JSX} tableHeaders The headers at the top of each column
- * @param {Function} onUpdate Callback providing the data in the table. This is called onInput for any input element in the table.
- * @param {string[][]} [data] Initial data for the table
- */
-export const InputTable = ({ tableHeaders, setData, data }) => {
-    const rowCount = data.length;
-    const addRow = () => {
-        setData(data.concat([emptyRow(tableHeaders.length)]));
-    };
-    const deleteRow = (rowIndex) => {
-        const newData = data.splice(0);
-        newData.splice(rowIndex, 1);
-        setData(newData);
-    };
-    useEffect(() => {
-        if (data.length === 0) {
-            setData([emptyRow(tableHeaders.length)]);
-        }
-        if (!isLastRowEmpty(data)) {
-            addRow();
-        }
-    }, [data]);
-    return (React.createElement("table", { className: "inputTable" },
-        React.createElement("thead", null,
-            React.createElement("tr", null, tableHeaders.map((th, index) => (React.createElement("th", { scope: "col", key: `th-${index}` }, th))))),
-        React.createElement("tbody", null, data.map((row, rowNumber) => Array.isArray(row) ? (React.createElement("tr", { key: `tr-${rowNumber}` },
-            row.map((td, colNumber) => (React.createElement("td", { key: `td-${rowNumber}-${colNumber}` },
-                React.createElement("input", { type: "text", id: `input-${rowNumber}-${colNumber}`, value: td, onChange: (e) => {
-                        const newData = deepCopy(data);
-                        newData[rowNumber][colNumber] = e.target.value;
-                        setData(newData);
-                    } })))),
-            rowNumber < rowCount - 1 && (React.createElement("td", null,
-                React.createElement(ButtonIcon, { icon: "times", text: "Remove row", onClick: () => {
-                        deleteRow(rowNumber);
-                    } }))))) : null))));
-};
-//# sourceMappingURL=InputTable.js.map

package/react/components/common/InputTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputTable.js","sourceRoot":"","sources":["../../../src/components/common/InputTable.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React, { useEffect } from \"react\";\nimport { ButtonIcon } from \"./ButtonIcon\";\n\nexport type InputTableProps = {\n\ttableHeaders: (string | JSX.Element)[];\n\tsetData: (data: string[][]) => void;\n\tdata: string[][];\n};\n\nconst isLastRowEmpty = (arr: String[][]) => {\n\tconst lastRow = arr[arr.length - 1];\n\tif (!Array.isArray(lastRow)) {\n\t\treturn true;\n\t}\n\n\tconst nonEmptyCells = lastRow.filter((str) => str.length > 0);\n\treturn nonEmptyCells.length === 0;\n};\n\nconst deepCopy = (obj: any) => JSON.parse(JSON.stringify(obj));\nconst emptyRow = (colCount: number) => Array(colCount).fill(\"\").slice(0);\n\n/***\n * A table full on input fields. It auto-grows as users use it, and it provides \"Remove row\" functionality.\n * The number of columns in the table is determined by the number of table headers provided, which are required.\n * @param {string|JSX} tableHeaders The headers at the top of each column\n * @param {Function} onUpdate Callback providing the data in the table. This is called onInput for any input element in the table.\n * @param {string[][]} [data] Initial data for the table\n */\nexport const InputTable = ({ tableHeaders, setData, data }: InputTableProps) => {\n\tconst rowCount = data.length;\n\n\tconst addRow = () => {\n\t\tsetData(data.concat([emptyRow(tableHeaders.length)]));\n\t};\n\n\tconst deleteRow = (rowIndex: number) => {\n\t\tconst newData = data.splice(0);\n\t\tnewData.splice(rowIndex, 1);\n\t\tsetData(newData);\n\t};\n\n\tuseEffect(() => {\n\t\tif (data.length === 0) {\n\t\t\tsetData([emptyRow(tableHeaders.length)]);\n\t\t}\n\t\tif (!isLastRowEmpty(data)) {\n\t\t\taddRow();\n\t\t}\n\t}, [data]);\n\n\treturn (\n\t\t<table className=\"inputTable\">\n\t\t\t<thead>\n\t\t\t\t<tr>\n\t\t\t\t\t{tableHeaders.map((th, index) => (\n\t\t\t\t\t\t<th scope=\"col\" key={`th-${index}`}>\n\t\t\t\t\t\t\t{th}\n\t\t\t\t\t\t</th>\n\t\t\t\t\t))}\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t{data.map((row, rowNumber) =>\n\t\t\t\t\tArray.isArray(row) ? (\n\t\t\t\t\t\t<tr key={`tr-${rowNumber}`}>\n\t\t\t\t\t\t\t{row.map((td, colNumber) => (\n\t\t\t\t\t\t\t\t<td key={`td-${rowNumber}-${colNumber}`}>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tid={`input-${rowNumber}-${colNumber}`}\n\t\t\t\t\t\t\t\t\t\tvalue={td}\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tconst newData = deepCopy(data);\n\t\t\t\t\t\t\t\t\t\t\tnewData[rowNumber][colNumber] = e.target.value;\n\t\t\t\t\t\t\t\t\t\t\tsetData(newData);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t{rowNumber < rowCount - 1 && (\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<ButtonIcon\n\t\t\t\t\t\t\t\t\t\ticon=\"times\"\n\t\t\t\t\t\t\t\t\t\ttext=\"Remove row\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tdeleteRow(rowNumber);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t) : null\n\t\t\t\t)}\n\t\t\t</tbody>\n\t\t</table>\n\t);\n};\n"]}

package/react/components/common/LoadingSpinner.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import "./css/loading-spinner.css";
-export declare function CircularLoadingSpinner(): JSX.Element;

package/react/components/common/LoadingSpinner.js

@@ -1,11 +0,0 @@
-import React from "react";
-import "./css/loading-spinner.css";
-export function CircularLoadingSpinner() {
-    return (React.createElement("div", { className: "modal same-spin" },
-        React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 43.83 43.83" },
-            React.createElement("g", { id: "Layer_2", "data-name": "Layer 2" },
-                React.createElement("g", { id: "Layer_1-2", className: "circle_rotate", "data-name": "Layer 1" },
-                    React.createElement("circle", { className: "cls-1", cx: "21.92", cy: "21.92", r: "20.2" }),
-                    React.createElement("path", { className: "cls-2", d: "M42.11,21.92a20.2,20.2,0,0,0-20.2-20.2" }))))));
-}
-//# sourceMappingURL=LoadingSpinner.js.map

package/react/components/common/LoadingSpinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../src/components/common/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,2BAA2B,CAAC;AAEnC,MAAM,UAAU,sBAAsB;IACrC,OAAO,CACN,6BAAK,SAAS,EAAC,iBAAiB;QAC/B,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,iBAAiB;YAChE,2BAAG,EAAE,EAAC,SAAS,eAAW,SAAS;gBAClC,2BAAG,EAAE,EAAC,WAAW,EAAC,SAAS,EAAC,eAAe,eAAW,SAAS;oBAC9D,gCAAQ,SAAS,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,MAAM,GAAG;oBAC3D,8BAAM,SAAS,EAAC,OAAO,EAAC,CAAC,EAAC,wCAAwC,GAAG,CAClE,CACD,CACC,CACD,CACN,CAAC;AACH,CAAC","sourcesContent":["import React from \"react\";\nimport \"./css/loading-spinner.css\";\n\nexport function CircularLoadingSpinner() {\n\treturn (\n\t\t<div className=\"modal same-spin\">\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 43.83 43.83\">\n\t\t\t\t<g id=\"Layer_2\" data-name=\"Layer 2\">\n\t\t\t\t\t<g id=\"Layer_1-2\" className=\"circle_rotate\" data-name=\"Layer 1\">\n\t\t\t\t\t\t<circle className=\"cls-1\" cx=\"21.92\" cy=\"21.92\" r=\"20.2\" />\n\t\t\t\t\t\t<path className=\"cls-2\" d=\"M42.11,21.92a20.2,20.2,0,0,0-20.2-20.2\" />\n\t\t\t\t\t</g>\n\t\t\t\t</g>\n\t\t\t</svg>\n\t\t</div>\n\t);\n}\n"]}

package/react/components/common/Tab.d.ts

@@ -1,11 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React, { FunctionComponent } from "react";
-import "./css/tab.css";
-export declare type TabProps = {
-    children?: React.ReactNode;
-    autofocus?: number;
-};
-export declare const Tab: FunctionComponent<TabProps>;

package/react/components/common/Tab.js

@@ -1,58 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React, { useState, useRef, useLayoutEffect } from "react";
-import "./css/tab.css";
-export const Tab = ({ children, autofocus }) => {
-    const [selectedTab, setSelectedTab] = useState(autofocus || 0);
-    const ref = useRef(null);
-    const tabList = useRef(null);
-    useLayoutEffect(() => {
-        var _a;
-        // Allow for the tab panel content to look nice with its own scrollbar,
-        // which also keeps the heading/tab group at the top of the page.
-        // It feels like css flex should do this, but I could never get it to work.
-        if (ref.current !== null) {
-            ref.current.style.height = `${window.innerHeight - (((_a = ref.current.getBoundingClientRect()) === null || _a === void 0 ? void 0 : _a.top) || 0) - 10}px`;
-        }
-    });
-    const changeTab = (fromKey, direction) => {
-        var _a, _b;
-        const tabReferences = (_a = tabList.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll("[role='tab']");
-        if (tabReferences === undefined) {
-            return;
-        }
-        if (fromKey === tabReferences.length) {
-            return;
-        }
-        (_b = tabReferences[fromKey + direction]) === null || _b === void 0 ? void 0 : _b.focus();
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "horizontal-tabs", role: "tablist", ref: tabList }, React.Children.map(children, (tab, key) => React.isValidElement(tab) && (React.createElement("div", { key: `tab-${key}`, role: "tab", "aria-selected": selectedTab === key, "aria-controls": `tabpanel-${key}`, tabIndex: selectedTab === key ? 0 : -1, onKeyDown: (e) => {
-                switch (e.key) {
-                    case "Enter":
-                    case " ": {
-                        setSelectedTab(key);
-                        e.preventDefault();
-                        break;
-                    }
-                    case "ArrowRight": {
-                        changeTab(key, 1);
-                        e.preventDefault();
-                        break;
-                    }
-                    case "ArrowLeft": {
-                        changeTab(key, -1);
-                        e.preventDefault();
-                        break;
-                    }
-                    default: {
-                    }
-                }
-            }, onClick: () => {
-                setSelectedTab(key);
-            } }, tab.props["data-label"])))),
-        React.createElement("div", { className: "horizontal-tabs", id: "tabpanelContainer", ref: ref }, React.Children.map(children, (tab, key) => (React.createElement("div", { key: `tabpanel-${key}`, role: "tabpanel", id: `tabpanel-${key}`, className: selectedTab === key ? "visible" : "" }, tab))))));
-};
-//# sourceMappingURL=Tab.js.map

package/react/components/common/Tab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/components/common/Tab.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React, { useState, useRef, useLayoutEffect, FunctionComponent, ReactElement } from \"react\";\nimport \"./css/tab.css\";\n\nexport type TabProps = {\n\tchildren?: React.ReactNode;\n\tautofocus?: number;\n};\n\nexport const Tab: FunctionComponent<TabProps> = ({ children, autofocus }) => {\n\tconst [selectedTab, setSelectedTab] = useState(autofocus || 0);\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst tabList = useRef<HTMLDivElement>(null);\n\n\tuseLayoutEffect(() => {\n\t\t// Allow for the tab panel content to look nice with its own scrollbar,\n\t\t// which also keeps the heading/tab group at the top of the page.\n\t\t// It feels like css flex should do this, but I could never get it to work.\n\t\tif (ref.current !== null) {\n\t\t\tref.current.style.height = `${window.innerHeight - (ref.current.getBoundingClientRect()?.top || 0) - 10}px`;\n\t\t}\n\t});\n\n\tconst changeTab = (fromKey: number, direction: 1 | -1) => {\n\t\tconst tabReferences = tabList.current?.querySelectorAll(\"[role='tab']\") as NodeListOf<HTMLElement> | undefined;\n\t\tif (tabReferences === undefined) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (fromKey === tabReferences.length) {\n\t\t\treturn;\n\t\t}\n\n\t\ttabReferences[fromKey + direction]?.focus();\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"horizontal-tabs\" role=\"tablist\" ref={tabList}>\n\t\t\t\t{React.Children.map(\n\t\t\t\t\tchildren,\n\t\t\t\t\t(tab, key) =>\n\t\t\t\t\t\tReact.isValidElement(tab) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={`tab-${key}`}\n\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\taria-selected={selectedTab === key}\n\t\t\t\t\t\t\t\taria-controls={`tabpanel-${key}`}\n\t\t\t\t\t\t\t\ttabIndex={selectedTab === key ? 0 : -1}\n\t\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\t\tswitch (e.key) {\n\t\t\t\t\t\t\t\t\t\tcase \"Enter\":\n\t\t\t\t\t\t\t\t\t\tcase \" \": {\n\t\t\t\t\t\t\t\t\t\t\tsetSelectedTab(key);\n\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tcase \"ArrowRight\": {\n\t\t\t\t\t\t\t\t\t\t\tchangeTab(key, 1);\n\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tcase \"ArrowLeft\": {\n\t\t\t\t\t\t\t\t\t\t\tchangeTab(key, -1);\n\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tdefault: {\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetSelectedTab(key);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{(tab as ReactElement).props[\"data-label\"]}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t<div className=\"horizontal-tabs\" id=\"tabpanelContainer\" ref={ref}>\n\t\t\t\t{React.Children.map(children, (tab, key) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={`tabpanel-${key}`}\n\t\t\t\t\t\trole=\"tabpanel\"\n\t\t\t\t\t\tid={`tabpanel-${key}`}\n\t\t\t\t\t\tclassName={selectedTab === key ? \"visible\" : \"\"}\n\t\t\t\t\t>\n\t\t\t\t\t\t{tab}\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</>\n\t);\n};\n"]}

package/react/components/common/Tooltip.d.ts

@@ -1,14 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React from "react";
-import "./css/tooltip.css";
-export declare type TooltipProps = {
-    type?: "info" | "error" | "warn" | "lock";
-    altClassName?: string;
-    position?: string;
-    children?: string;
-    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-};
-export declare const Tooltip: ({ type, position, children, altClassName, onClick, }: TooltipProps) => JSX.Element;

package/react/components/common/Tooltip.js

@@ -1,30 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React, { useState, useRef } from "react";
-import "./css/tooltip.css";
-import { FinsembleIcon } from "./FinsembleIcon";
-export const Tooltip = ({ type = "info", position = "right", children = "", altClassName, onClick = () => { }, }) => {
-    const [tooltipOpen, setTooltipOpen] = useState(false);
-    // If the tooltip content is floating so far to the right that it flows offscreen, switch the position to the left.
-    // This only works for right-sided tooltips. Left-sided tooltips that float offscreen are not addressed.
-    const tooltipContentRef = useRef(null);
-    const pos = tooltipContentRef.current && tooltipContentRef.current.getBoundingClientRect().right > window.innerWidth
-        ? "left"
-        : position;
-    const FinsembleIconLockedOrQuestion = type === "lock" ? (React.createElement(FinsembleIcon, { icon: "lock" })) : (React.createElement(FinsembleIcon, { icon: "question-circle" }));
-    const FinsembleIconForType = type === "error" || type === "warn" ? (React.createElement(FinsembleIcon, { icon: "exclamation-circle" })) : (FinsembleIconLockedOrQuestion);
-    return (React.createElement("div", { className: ["tooltip", `tooltip-position-content-${pos}`].join(" "), tabIndex: 0, role: "tooltip", "aria-label": children, onMouseOver: () => {
-            setTooltipOpen(true);
-        }, onFocus: () => {
-            setTooltipOpen(true);
-        }, onMouseLeave: () => {
-            setTooltipOpen(false);
-        }, onBlur: () => {
-            setTooltipOpen(false);
-        }, onClick: onClick },
-        altClassName ? (React.createElement("div", { className: altClassName })) : (React.createElement("div", { className: ["tooltip-icon", `tooltip-icon-${type}`].join(" ") }, FinsembleIconForType)),
-        React.createElement("div", { ref: tooltipContentRef, className: ["tooltip-content", tooltipOpen ? "visible" : ""].join(" ") }, children)));
-};
-//# sourceMappingURL=Tooltip.js.map

package/react/components/common/Tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/common/Tooltip.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAUhD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACvB,IAAI,GAAG,MAAM,EACb,QAAQ,GAAG,OAAO,EAClB,QAAQ,GAAG,EAAE,EACb,YAAY,EACZ,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,GACJ,EAAE,EAAE;IAClB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,mHAAmH;IACnH,wGAAwG;IACxG,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACvD,MAAM,GAAG,GACR,iBAAiB,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU;QACvG,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,QAAQ,CAAC;IAEb,MAAM,6BAA6B,GAClC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACjB,oBAAC,aAAa,IAAC,IAAI,EAAC,MAAM,GAAiB,CAC3C,CAAC,CAAC,CAAC,CACH,oBAAC,aAAa,IAAC,IAAI,EAAC,iBAAiB,GAAiB,CACtD,CAAC;IACH,MAAM,oBAAoB,GACzB,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACrC,oBAAC,aAAa,IAAC,IAAI,EAAC,oBAAoB,GAAiB,CACzD,CAAC,CAAC,CAAC,CACH,6BAA6B,CAC7B,CAAC;IAEH,OAAO,CACN,6BACC,SAAS,EAAE,CAAC,SAAS,EAAE,4BAA4B,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACnE,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,SAAS,gBACF,QAAQ,EACpB,WAAW,EAAE,GAAG,EAAE;YACjB,cAAc,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;YACb,cAAc,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;YAClB,cAAc,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;YACZ,cAAc,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,EACD,OAAO,EAAE,OAAO;QAEf,YAAY,CAAC,CAAC,CAAC,CACf,6BAAK,SAAS,EAAE,YAAY,GAAQ,CACpC,CAAC,CAAC,CAAC,CACH,6BAAK,SAAS,EAAE,CAAC,cAAc,EAAE,gBAAgB,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,oBAAoB,CAAO,CAChG;QACD,6BAAK,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IACjG,QAAQ,CACJ,CACD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React, { useState, useRef } from \"react\";\nimport \"./css/tooltip.css\";\nimport { FinsembleIcon } from \"./FinsembleIcon\";\n\nexport type TooltipProps = {\n\ttype?: \"info\" | \"error\" | \"warn\" | \"lock\";\n\taltClassName?: string;\n\tposition?: string;\n\tchildren?: string;\n\tonClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nexport const Tooltip = ({\n\ttype = \"info\",\n\tposition = \"right\",\n\tchildren = \"\",\n\taltClassName,\n\tonClick = () => {},\n}: TooltipProps) => {\n\tconst [tooltipOpen, setTooltipOpen] = useState(false);\n\n\t// If the tooltip content is floating so far to the right that it flows offscreen, switch the position to the left.\n\t// This only works for right-sided tooltips. Left-sided tooltips that float offscreen are not addressed.\n\tconst tooltipContentRef = useRef<HTMLDivElement>(null);\n\tconst pos =\n\t\ttooltipContentRef.current && tooltipContentRef.current.getBoundingClientRect().right > window.innerWidth\n\t\t\t? \"left\"\n\t\t\t: position;\n\n\tconst FinsembleIconLockedOrQuestion =\n\t\ttype === \"lock\" ? (\n\t\t\t<FinsembleIcon icon=\"lock\"></FinsembleIcon>\n\t\t) : (\n\t\t\t<FinsembleIcon icon=\"question-circle\"></FinsembleIcon>\n\t\t);\n\tconst FinsembleIconForType =\n\t\ttype === \"error\" || type === \"warn\" ? (\n\t\t\t<FinsembleIcon icon=\"exclamation-circle\"></FinsembleIcon>\n\t\t) : (\n\t\t\tFinsembleIconLockedOrQuestion\n\t\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={[\"tooltip\", `tooltip-position-content-${pos}`].join(\" \")}\n\t\t\ttabIndex={0}\n\t\t\trole=\"tooltip\"\n\t\t\taria-label={children}\n\t\t\tonMouseOver={() => {\n\t\t\t\tsetTooltipOpen(true);\n\t\t\t}}\n\t\t\tonFocus={() => {\n\t\t\t\tsetTooltipOpen(true);\n\t\t\t}}\n\t\t\tonMouseLeave={() => {\n\t\t\t\tsetTooltipOpen(false);\n\t\t\t}}\n\t\t\tonBlur={() => {\n\t\t\t\tsetTooltipOpen(false);\n\t\t\t}}\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t{altClassName ? (\n\t\t\t\t<div className={altClassName}></div>\n\t\t\t) : (\n\t\t\t\t<div className={[\"tooltip-icon\", `tooltip-icon-${type}`].join(\" \")}>{FinsembleIconForType}</div>\n\t\t\t)}\n\t\t\t<div ref={tooltipContentRef} className={[\"tooltip-content\", tooltipOpen ? \"visible\" : \"\"].join(\" \")}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"]}

package/react/components/common/file_helpers.d.ts

@@ -1,2 +0,0 @@
-export declare const VALID_APP_EXTENSIONS: string[];
-export declare const validateFilename: (acceptTypes: string[], filename: string) => boolean;

package/react/components/common/file_helpers.js

@@ -1,22 +0,0 @@
-// Dictionary to match extensions (eg, "png") to mimetypes (eg, "image/png")
-const mimeTypes = {
-    ico: "image/x-icon",
-    png: "image/png",
-    jpeg: "image/jpeg",
-    jpg: "image/jpeg",
-    jpe: "image/jpeg",
-    gif: "image/gif",
-    exe: "application/x-msdos-program",
-};
-export const VALID_APP_EXTENSIONS = ["application/x-msdos-program"];
-export const validateFilename = (acceptTypes, filename) => {
-    // regular express to extract extension (eg, "png")
-    const ext_re = /(?:\.([^.]+))?$/;
-    const matches = acceptTypes.filter((mimeType) => {
-        var _a;
-        const ext = (_a = ext_re.exec(filename)) === null || _a === void 0 ? void 0 : _a[1];
-        return mimeType === "*" || (ext && (mimeType === null || mimeType === void 0 ? void 0 : mimeType.toLowerCase()) == mimeTypes[ext]);
-    });
-    return filename !== "" && matches.length === 0;
-};
-//# sourceMappingURL=file_helpers.js.map

package/react/components/common/file_helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"file_helpers.js","sourceRoot":"","sources":["../../../src/components/common/file_helpers.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,MAAM,SAAS,GAA2B;IACzC,GAAG,EAAE,cAAc;IACnB,GAAG,EAAE,WAAW;IAChB,IAAI,EAAE,YAAY;IAClB,GAAG,EAAE,YAAY;IACjB,GAAG,EAAE,YAAY;IACjB,GAAG,EAAE,WAAW;IAChB,GAAG,EAAE,6BAA6B;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,6BAA6B,CAAC,CAAC;AAEpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,WAAqB,EAAE,QAAgB,EAAE,EAAE;IAC3E,mDAAmD;IACnD,MAAM,MAAM,GAAG,iBAAiB,CAAC;IACjC,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,QAAgB,EAAE,EAAE;;QACvD,MAAM,GAAG,GAAG,MAAA,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,0CAAG,CAAC,CAAC,CAAC;QACvC,OAAO,QAAQ,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,EAAE,KAAI,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IACH,OAAO,QAAQ,KAAK,EAAE,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC;AAChD,CAAC,CAAC","sourcesContent":["// Dictionary to match extensions (eg, \"png\") to mimetypes (eg, \"image/png\")\nconst mimeTypes: Record<string, string> = {\n\tico: \"image/x-icon\",\n\tpng: \"image/png\",\n\tjpeg: \"image/jpeg\",\n\tjpg: \"image/jpeg\",\n\tjpe: \"image/jpeg\",\n\tgif: \"image/gif\",\n\texe: \"application/x-msdos-program\",\n};\n\nexport const VALID_APP_EXTENSIONS = [\"application/x-msdos-program\"];\n\nexport const validateFilename = (acceptTypes: string[], filename: string) => {\n\t// regular express to extract extension (eg, \"png\")\n\tconst ext_re = /(?:\\.([^.]+))?$/;\n\tconst matches = acceptTypes.filter((mimeType: string) => {\n\t\tconst ext = ext_re.exec(filename)?.[1];\n\t\treturn mimeType === \"*\" || (ext && mimeType?.toLowerCase() == mimeTypes[ext]);\n\t});\n\treturn filename !== \"\" && matches.length === 0;\n};\n"]}

package/react/components/common/helpers.d.ts

@@ -1,5 +0,0 @@
-import { FileInputUploadCb } from "./FileInput";
-import { Story } from "@storybook/react/types-6-0";
-export declare const uploadFunction: FileInputUploadCb;
-export declare const initFSBL: (windowObject?: any) => void;
-export declare function createStory<T>(Component: Function, args: T): Story<T>;

package/react/components/common/helpers.js

@@ -1,136 +0,0 @@
-import React from "react";
-import { Provider } from "react-redux";
-import { createStore } from "../../store";
-export const uploadFunction = (fileObject) => new Promise((resolve) => {
-    resolve({
-        err: "",
-        path: fileObject.name,
-    });
-});
-export const initFSBL = (windowObject) => {
-    // Poor man's global that can take any appendage
-    const globalAsAny = global;
-    if (!windowObject) {
-        windowObject = globalAsAny.window = {};
-    }
-    else {
-        windowObject = window;
-        setTimeout(() => {
-            const event = window.document.createEvent("Event");
-            event === null || event === void 0 ? void 0 : event.initEvent("FSBLReady", true, true);
-            window.dispatchEvent(event);
-        });
-    }
-    globalAsAny.FSBL = windowObject.FSBL = {
-        addEventListener: (name, callback) => {
-            callback();
-        },
-        getFSBLInfo: () => new Promise((resolve) => {
-            resolve({
-                FSBLVersion: "1.0.0",
-            });
-        }),
-        Clients: {
-            TmpSmartDesktopClient: {
-                checkValidURL(url) {
-                    if (url.length === 0) {
-                        return true;
-                    }
-                    return /^https?:\/\/[^\s]+$/.test(url);
-                },
-                checkValidProjectName(name) {
-                    return /^[a-zA-Z0-9 \-_.]{1,}$/.test(name) && /[a-zA-Z0-9]{1,}/.test(name);
-                },
-            },
-            ConfigClient: {
-                setPreference: () => { },
-                getValues: () => { },
-                getPreferences: () => { },
-                addListener: () => { },
-                removeListener: () => { },
-            },
-            DialogManager: {
-                spawnDialog: (obj1) => {
-                    console.table(obj1);
-                },
-                registerDialogCallback: () => { },
-                respondToOpener: () => { },
-            },
-            LauncherClient: {
-                showWindow: () => { },
-            },
-            Logger: {
-                log: () => { },
-                error: () => { },
-                system: {
-                    debug: () => { },
-                    log: () => { },
-                    error: () => { },
-                    verbose: () => { },
-                    deprecated: () => { },
-                },
-            },
-            RouterClient: {
-                transmit: () => { },
-                addListener: () => { },
-                subscribe: () => { },
-                removeListener: () => { },
-            },
-            SearchClient: {
-                invokeItemAction: () => { },
-            },
-            StorageClient: {
-                save: () => { },
-                clearCache: () => { },
-            },
-            WindowClient: {
-                fitToDOM: () => { },
-            },
-            WorkspaceClient: {
-                addEventListener: () => { },
-                bringWindowsToFront: () => { },
-                autoArrange: () => { },
-                minimizeAll: () => { },
-                activeWorkspace: {
-                    name: " ",
-                },
-                getWorkspaceDefinition: (obj, cb) => {
-                    cb(null, null);
-                },
-            },
-            NotificationClient: {
-                getPreferences: async () => {
-                    return { newNotificationHaloPeriodSeconds: 3 };
-                },
-                performAction: async () => { },
-            },
-        },
-        onShutdown: () => { },
-        System: {
-            getSDServerInfo: () => new Promise((resolve) => {
-                resolve({});
-            }),
-        },
-        SystemManagerClient: {
-            publishCheckpointState: () => { },
-        },
-    };
-    globalAsAny.FSBL.Clients = Object.assign(Object.assign({}, globalAsAny.FSBL.Clients), { WindowClient: {
-            fitToDOM: () => { },
-        } });
-    globalAsAny.finsembleWindow = windowObject.finsembleWindow = {
-        setAlwaysOnTop: () => { },
-        addEventListener: () => { },
-        removeEventListener: () => { },
-    };
-};
-export function createStory(Component, args) {
-    const template = (props) => {
-        initFSBL(window);
-        return (React.createElement(Provider, { store: createStore() },
-            React.createElement(Component, Object.assign({}, Object.assign(Object.assign({}, args), props)))));
-    };
-    template.args = args;
-    return template;
-}
-//# sourceMappingURL=helpers.js.map

package/react/components/common/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/common/helpers.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { FileInputUploadCb } from \"./FileInput\";\nimport { Story } from \"@storybook/react/types-6-0\";\n\nimport { SDServerInfo } from \"../../types/smartDesktopDesignerTypes\";\nimport { Provider } from \"react-redux\";\nimport { createStore } from \"../../store\";\n\nexport const uploadFunction: FileInputUploadCb = (fileObject: File) =>\n\tnew Promise((resolve) => {\n\t\tresolve({\n\t\t\terr: \"\",\n\t\t\tpath: fileObject.name,\n\t\t});\n\t});\n\nexport const initFSBL = (windowObject?: any) => {\n\t// Poor man's global that can take any appendage\n\tconst globalAsAny: any = global;\n\n\tif (!windowObject) {\n\t\twindowObject = globalAsAny.window = {} as any;\n\t} else {\n\t\twindowObject = window;\n\n\t\tsetTimeout(() => {\n\t\t\tconst event = window.document.createEvent(\"Event\");\n\n\t\t\tevent?.initEvent(\"FSBLReady\", true, true);\n\n\t\t\twindow.dispatchEvent(event);\n\t\t});\n\t}\n\n\tglobalAsAny.FSBL = windowObject.FSBL = {\n\t\taddEventListener: (name: String, callback: () => void) => {\n\t\t\tcallback();\n\t\t},\n\t\tgetFSBLInfo: () =>\n\t\t\tnew Promise((resolve) => {\n\t\t\t\tresolve({\n\t\t\t\t\tFSBLVersion: \"1.0.0\",\n\t\t\t\t});\n\t\t\t}),\n\t\tClients: {\n\t\t\tTmpSmartDesktopClient: {\n\t\t\t\tcheckValidURL(url: string) {\n\t\t\t\t\tif (url.length === 0) {\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t\treturn /^https?:\\/\\/[^\\s]+$/.test(url);\n\t\t\t\t},\n\t\t\t\tcheckValidProjectName(name: string) {\n\t\t\t\t\treturn /^[a-zA-Z0-9 \\-_.]{1,}$/.test(name) && /[a-zA-Z0-9]{1,}/.test(name);\n\t\t\t\t},\n\t\t\t} as unknown,\n\t\t\tConfigClient: {\n\t\t\t\tsetPreference: () => {},\n\t\t\t\tgetValues: () => {},\n\t\t\t\tgetPreferences: () => {},\n\t\t\t\taddListener: () => {},\n\t\t\t\tremoveListener: () => {},\n\t\t\t},\n\t\t\tDialogManager: {\n\t\t\t\tspawnDialog: (obj1: any) => {\n\t\t\t\t\tconsole.table(obj1);\n\t\t\t\t},\n\t\t\t\tregisterDialogCallback: () => {},\n\t\t\t\trespondToOpener: () => {},\n\t\t\t},\n\t\t\tLauncherClient: {\n\t\t\t\tshowWindow: () => {},\n\t\t\t},\n\t\t\tLogger: {\n\t\t\t\tlog: () => {},\n\t\t\t\terror: () => {},\n\t\t\t\tsystem: {\n\t\t\t\t\tdebug: () => {},\n\t\t\t\t\tlog: () => {},\n\t\t\t\t\terror: () => {},\n\t\t\t\t\tverbose: () => {},\n\t\t\t\t\tdeprecated: () => {},\n\t\t\t\t},\n\t\t\t},\n\t\t\tRouterClient: {\n\t\t\t\ttransmit: () => {},\n\t\t\t\taddListener: () => {},\n\t\t\t\tsubscribe: () => {},\n\t\t\t\tremoveListener: () => {},\n\t\t\t},\n\t\t\tSearchClient: {\n\t\t\t\tinvokeItemAction: () => {},\n\t\t\t},\n\t\t\tStorageClient: {\n\t\t\t\tsave: () => {},\n\t\t\t\tclearCache: () => {},\n\t\t\t},\n\t\t\tWindowClient: {\n\t\t\t\tfitToDOM: () => {},\n\t\t\t},\n\t\t\tWorkspaceClient: {\n\t\t\t\taddEventListener: () => {},\n\t\t\t\tbringWindowsToFront: () => {},\n\t\t\t\tautoArrange: () => {},\n\t\t\t\tminimizeAll: () => {},\n\t\t\t\tactiveWorkspace: {\n\t\t\t\t\tname: \" \",\n\t\t\t\t},\n\t\t\t\tgetWorkspaceDefinition: (obj: Object, cb: Function) => {\n\t\t\t\t\tcb(null, null);\n\t\t\t\t},\n\t\t\t},\n\t\t\tNotificationClient: {\n\t\t\t\tgetPreferences: async () => {\n\t\t\t\t\treturn { newNotificationHaloPeriodSeconds: 3 };\n\t\t\t\t},\n\t\t\t\tperformAction: async () => {},\n\t\t\t},\n\t\t},\n\t\tonShutdown: () => {},\n\t\tSystem: {\n\t\t\tgetSDServerInfo: () =>\n\t\t\t\tnew Promise((resolve) => {\n\t\t\t\t\tresolve({} as SDServerInfo);\n\t\t\t\t}),\n\t\t},\n\t\tSystemManagerClient: {\n\t\t\tpublishCheckpointState: () => {},\n\t\t},\n\t} as any;\n\n\tglobalAsAny.FSBL.Clients = {\n\t\t...globalAsAny.FSBL.Clients,\n\t\tWindowClient: {\n\t\t\tfitToDOM: () => {},\n\t\t} as any,\n\t};\n\n\tglobalAsAny.finsembleWindow = windowObject.finsembleWindow = {\n\t\tsetAlwaysOnTop: () => {},\n\t\taddEventListener: () => {},\n\t\tremoveEventListener: () => {},\n\t};\n};\n\nexport function createStory<T>(Component: Function, args: T) {\n\tconst template: Story<T> = (props: T) => {\n\t\tinitFSBL(window);\n\n\t\treturn (\n\t\t\t<Provider store={createStore()}>\n\t\t\t\t<Component {...{ ...args, ...props }} />\n\t\t\t</Provider>\n\t\t);\n\t};\n\n\ttemplate.args = args;\n\n\treturn template;\n}\n"]}

package/react/components/common/stories/Accordion.stories.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import { AccordionProps } from "../Accordion";
-import { Story } from "@storybook/react/types-6-0";
-import "../../../assets/css/finsemble.css";
-declare const _default: {
-    title: string;
-    component: React.FunctionComponent<AccordionProps>;
-};
-export default _default;
-export declare const BasicAccordion: Story<AccordionProps>;
-export declare const BasicAccordionWithSummary: Story<AccordionProps>;
-export declare const BasicAccordionMedium: Story<AccordionProps>;
-export declare const BasicAccordionOpen: Story<AccordionProps>;
-export declare const NestedAccordion: Story<AccordionProps>;

package/react/components/common/stories/Accordion.stories.js

@@ -1,42 +0,0 @@
-import React from "react";
-import { Accordion } from "../Accordion";
-import "../../../assets/css/finsemble.css";
-export default {
-    title: "common/Accordion",
-    component: Accordion,
-};
-const BasicTemplate = (args) => (React.createElement(Accordion, Object.assign({}, args), "Accordion Content"));
-const NestedTemplate = (args) => (React.createElement(Accordion, Object.assign({}, args),
-    React.createElement(Accordion, { id: "accordion-2", label: "Nested Accordion", summary: "Summary 1" }, "Nested Accordion Content"),
-    React.createElement(Accordion, { id: "accordion-3", label: "Nested Accordion 2" }, "Nested Accordion 2 Content")));
-export const BasicAccordion = BasicTemplate.bind({});
-BasicAccordion.args = {
-    id: "accordion-1",
-    label: "Accordion Label",
-};
-export const BasicAccordionWithSummary = BasicTemplate.bind({});
-BasicAccordionWithSummary.args = {
-    id: "accordion-1",
-    label: "Accordion Label",
-    summary: "A summary of what the accordion contains",
-};
-export const BasicAccordionMedium = BasicTemplate.bind({});
-BasicAccordionMedium.args = {
-    id: "accordion-1",
-    label: "Accordion Label",
-    size: "medium",
-};
-export const BasicAccordionOpen = BasicTemplate.bind({});
-BasicAccordionOpen.args = {
-    id: "accordion-1",
-    label: "Accordion Label",
-    startOpen: true,
-};
-export const NestedAccordion = NestedTemplate.bind({});
-NestedAccordion.args = {
-    id: "accordion-1",
-    label: "Accordion Label",
-    summary: "Accordion Summary",
-    size: "medium",
-};
-//# sourceMappingURL=Accordion.stories.js.map

package/react/components/common/stories/Accordion.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/Accordion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AAGzD,OAAO,mCAAmC,CAAC;AAE3C,eAAe;IACd,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,SAAS;CACpB,CAAC;AAEF,MAAM,aAAa,GAA0B,CAAC,IAAoB,EAAE,EAAE,CAAC,CACtE,oBAAC,SAAS,oBAAK,IAAI,uBAA+B,CAClD,CAAC;AAEF,MAAM,cAAc,GAA0B,CAAC,IAAoB,EAAE,EAAE,CAAC,CACvE,oBAAC,SAAS,oBAAK,IAAI;IAClB,oBAAC,SAAS,IAAC,EAAE,EAAC,aAAa,EAAC,KAAK,EAAC,kBAAkB,EAAC,OAAO,EAAC,WAAW,+BAE5D;IACZ,oBAAC,SAAS,IAAC,EAAE,EAAC,aAAa,EAAC,KAAK,EAAC,oBAAoB,iCAE1C,CACD,CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACrD,cAAc,CAAC,IAAI,GAAG;IACrB,EAAE,EAAE,aAAa;IACjB,KAAK,EAAE,iBAAiB;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChE,yBAAyB,CAAC,IAAI,GAAG;IAChC,EAAE,EAAE,aAAa;IACjB,KAAK,EAAE,iBAAiB;IACxB,OAAO,EAAE,0CAA0C;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3D,oBAAoB,CAAC,IAAI,GAAG;IAC3B,EAAE,EAAE,aAAa;IACjB,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,QAAQ;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzD,kBAAkB,CAAC,IAAI,GAAG;IACzB,EAAE,EAAE,aAAa;IACjB,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvD,eAAe,CAAC,IAAI,GAAG;IACtB,EAAE,EAAE,aAAa;IACjB,KAAK,EAAE,iBAAiB;IACxB,OAAO,EAAE,mBAAmB;IAC5B,IAAI,EAAE,QAAQ;CACd,CAAC","sourcesContent":["import React from \"react\";\nimport { Accordion, AccordionProps } from \"../Accordion\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { action } from \"@storybook/addon-actions\";\nimport \"../../../assets/css/finsemble.css\";\n\nexport default {\n\ttitle: \"common/Accordion\",\n\tcomponent: Accordion,\n};\n\nconst BasicTemplate: Story<AccordionProps> = (args: AccordionProps) => (\n\t<Accordion {...args}>Accordion Content</Accordion>\n);\n\nconst NestedTemplate: Story<AccordionProps> = (args: AccordionProps) => (\n\t<Accordion {...args}>\n\t\t<Accordion id=\"accordion-2\" label=\"Nested Accordion\" summary=\"Summary 1\">\n\t\t\tNested Accordion Content\n\t\t</Accordion>\n\t\t<Accordion id=\"accordion-3\" label=\"Nested Accordion 2\">\n\t\t\tNested Accordion 2 Content\n\t\t</Accordion>\n\t</Accordion>\n);\n\nexport const BasicAccordion = BasicTemplate.bind({});\nBasicAccordion.args = {\n\tid: \"accordion-1\",\n\tlabel: \"Accordion Label\",\n};\n\nexport const BasicAccordionWithSummary = BasicTemplate.bind({});\nBasicAccordionWithSummary.args = {\n\tid: \"accordion-1\",\n\tlabel: \"Accordion Label\",\n\tsummary: \"A summary of what the accordion contains\",\n};\n\nexport const BasicAccordionMedium = BasicTemplate.bind({});\nBasicAccordionMedium.args = {\n\tid: \"accordion-1\",\n\tlabel: \"Accordion Label\",\n\tsize: \"medium\",\n};\n\nexport const BasicAccordionOpen = BasicTemplate.bind({});\nBasicAccordionOpen.args = {\n\tid: \"accordion-1\",\n\tlabel: \"Accordion Label\",\n\tstartOpen: true,\n};\n\nexport const NestedAccordion = NestedTemplate.bind({});\nNestedAccordion.args = {\n\tid: \"accordion-1\",\n\tlabel: \"Accordion Label\",\n\tsummary: \"Accordion Summary\",\n\tsize: \"medium\",\n};\n"]}

package/react/components/common/stories/Button.stories.d.ts

@@ -1,22 +0,0 @@
-import React from "react";
-import { ButtonProps } from "../Button";
-import "../../../assets/css/finsemble.css";
-import "../css/styles.css";
-import { Story } from "@storybook/react/types-6-0";
-declare const _default: {
-    title: string;
-    component: React.FC<ButtonProps>;
-};
-export default _default;
-export declare const PrimaryButton: Story<ButtonProps>;
-export declare const PrimaryButtonDisabled: Story<ButtonProps>;
-export declare const PrimaryButtonBack: Story<ButtonProps>;
-export declare const PrimaryButtonForward: Story<ButtonProps>;
-export declare const PrimaryButtonThemeLight: Story<ButtonProps>;
-export declare const PrimaryButtonThemeDark: Story<ButtonProps>;
-export declare const PrimaryButtonAdd: Story<ButtonProps>;
-export declare const SecondaryButton: Story<ButtonProps>;
-export declare const SecondaryButtonDisabled: Story<ButtonProps>;
-export declare const SecondaryButtonNegative: Story<ButtonProps>;
-export declare const GhostButton: Story<ButtonProps>;
-export declare const GhostButtonNegative: Story<ButtonProps>;

package/react/components/common/stories/Button.stories.js

@@ -1,77 +0,0 @@
-import React from "react";
-import { Button } from "../Button";
-import "../../../assets/css/finsemble.css";
-import "../css/styles.css";
-export default {
-    title: "Common/Button/Text",
-    component: Button,
-};
-const Template = (args) => React.createElement(Button, Object.assign({}, args));
-export const PrimaryButton = Template.bind({});
-PrimaryButton.args = {
-    fashion: "primary",
-    text: "Jagged",
-};
-export const PrimaryButtonDisabled = Template.bind({});
-PrimaryButtonDisabled.args = {
-    disabled: true,
-    fashion: "primary",
-    text: "Jagged",
-};
-export const PrimaryButtonBack = Template.bind({});
-PrimaryButtonBack.args = {
-    fashion: "primary",
-    iconBefore: "chevron-left",
-    text: "Back",
-};
-export const PrimaryButtonForward = Template.bind({});
-PrimaryButtonForward.args = {
-    fashion: "primary",
-    iconAfter: "chevron-right",
-    text: "Forward",
-};
-export const PrimaryButtonThemeLight = Template.bind({});
-PrimaryButtonThemeLight.args = {
-    fashion: "primary",
-    iconBefore: "sun",
-    text: "Light theme",
-};
-export const PrimaryButtonThemeDark = Template.bind({});
-PrimaryButtonThemeDark.args = {
-    fashion: "primary",
-    iconBefore: "moon",
-    text: "Dark theme",
-};
-export const PrimaryButtonAdd = Template.bind({});
-PrimaryButtonAdd.args = {
-    fashion: "primary",
-    iconBefore: "plus",
-    text: "Add",
-};
-export const SecondaryButton = Template.bind({});
-SecondaryButton.args = {
-    fashion: "secondary",
-    text: "Next",
-};
-export const SecondaryButtonDisabled = Template.bind({});
-SecondaryButtonDisabled.args = {
-    fashion: "secondary",
-    text: "Next",
-    disabled: true,
-};
-export const SecondaryButtonNegative = Template.bind({});
-SecondaryButtonNegative.args = {
-    fashion: "danger",
-    text: "Remove app",
-};
-export const GhostButton = Template.bind({});
-GhostButton.args = {
-    fashion: "ghost",
-    text: "Cancel",
-};
-export const GhostButtonNegative = Template.bind({});
-GhostButtonNegative.args = {
-    fashion: "danger ghost",
-    text: "Reset project",
-};
-//# sourceMappingURL=Button.stories.js.map