@finsemble/finsemble-ui 7.3.0 → 8.0.0-beta.1

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

@@ -1 +1 @@
-{"version":3,"file":"FinsembleToggle.js","sourceRoot":"","sources":["../../../src/components/common/FinsembleToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAShD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,EAAwB,EAAE,EAAE;IACrG,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAElD,SAAS,aAAa,CAAC,QAAiB;QACvC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,WAAW,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACN,8BACC,SAAS,EAAE;YACV,iBAAiB;YACjB,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBAAqB;YACvD,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;SAC1B,CAAC,IAAI,CAAC,GAAG,CAAC;QAEX,oBAAC,aAAa,IAAC,SAAS,EAAC,sBAAsB,EAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,GAAI;QAC/F,6CACC,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACf,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACjC,CAAC,EACD,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,CAAC,OAAO,IACd,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACzC,CACI,CACP,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport \"./css/toggle.css\";\nimport { FinsembleIcon } from \"./FinsembleIcon\";\n\nexport interface FinsembleToggleProps {\n\tlabel?: string;\n\tchecked: boolean;\n\tonChange: (selected: boolean) => void;\n\tenabled?: boolean;\n}\n\nexport const FinsembleToggle = ({ checked, onChange, label, enabled = true }: FinsembleToggleProps) => {\n\tconst [selected, setSelected] = useState(checked);\n\n\tfunction doSetSelected(newValue: boolean) {\n\t\tonChange(newValue);\n\t\tsetSelected(newValue);\n\t}\n\n\tuseEffect(() => {\n\t\tsetSelected(checked);\n\t}, [checked]);\n\n\treturn (\n\t\t<span\n\t\t\tclassName={[\n\t\t\t\t\"finsembleToggle\",\n\t\t\t\tselected ? \"finsembleToggle-on\" : \"finsembleToggle-off\",\n\t\t\t\t!enabled ? \"disabled\" : \"\",\n\t\t\t].join(\" \")}\n\t\t>\n\t\t\t<FinsembleIcon className=\"finsembleToggle-icon\" icon={selected ? \"toggle-on\" : \"toggle-off\"} />\n\t\t\t<input\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\tonChange={(e) => {\n\t\t\t\t\tdoSetSelected(e.target.checked);\n\t\t\t\t}}\n\t\t\t\tchecked={selected}\n\t\t\t\tdisabled={!enabled}\n\t\t\t\t{...(label ? { \"aria-label\": label } : \"\")}\n\t\t\t/>\n\t\t</span>\n\t);\n};\n"]}
+{"version":3,"file":"FinsembleToggle.js","sourceRoot":"","sources":["../../../../../src/ui/components/common/FinsembleToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,kBAAkB,CAAC;AAS1B,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,EAAwB,EAAE,EAAE;IACrG,MAAM,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;IAEhC,OAAO,CACN,8BAAM,SAAS,EAAE,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QACrG,+BACC,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,GAAG,EAAE;gBACd,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;YACpB,CAAC,EACD,QAAQ,EAAE,CAAC,OAAO,GACjB;QACF,+BAAO,OAAO,EAAE,EAAE,IAAG,KAAK,CAAS,CAC7B,CACP,CAAC;AACH,CAAC,CAAC"}

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

@@ -1,13 +1,14 @@
-import React from "react";
-import "./css/FinsembleToggle.css";
-export interface FinsembleToggleButtonBarProps {
-    label?: string;
-    selected: any;
-    options: {
-        label: string | React.ReactChild;
-        value: any;
-    }[];
-    onChange: (newSelected: any) => void;
-    enabled?: boolean;
-}
-export declare const FinsembleToggleButtonBar: ({ selected, options, onChange, enabled, }: FinsembleToggleButtonBarProps) => JSX.Element;
+import React from "react";
+import "./css/FinsembleToggle.css";
+export interface FinsembleToggleButtonBarProps {
+    label?: string;
+    selected: any;
+    options: {
+        label: string | React.ReactChild;
+        value: any;
+    }[];
+    onChange: (newSelected: any) => void;
+    enabled?: boolean;
+}
+export declare const FinsembleToggleButtonBar: ({ selected, options, onChange, enabled, }: FinsembleToggleButtonBarProps) => JSX.Element;
+//# sourceMappingURL=FinsembleToggleButtonBar.d.ts.map

package/react/components/common/FinsembleToggleButtonBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleToggleButtonBar.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/common/FinsembleToggleButtonBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,2BAA2B,CAAC;AAEnC,MAAM,WAAW,6BAA6B;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC;IACd,OAAO,EAAE;QACR,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC;QACjC,KAAK,EAAE,GAAG,CAAC;KACX,EAAE,CAAC;IACJ,QAAQ,EAAE,CAAC,WAAW,EAAE,GAAG,KAAe,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,wBAAwB,8CAKlC,6BAA6B,gBA4D/B,CAAC"}

package/react/components/common/FinsembleToggleButtonBar.js

@@ -1,44 +1,44 @@
-import React, { useRef } from "react";
-import "./css/FinsembleToggle.css";
-export const FinsembleToggleButtonBar = ({ selected, options, onChange, enabled = true, }) => {
-    const buttonList = useRef(null);
-    const changeButton = (fromKey, direction) => {
-        var _a, _b;
-        const buttons = (_a = buttonList.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll("[role='radio']");
-        if (buttons === undefined) {
-            return;
-        }
-        if (fromKey === buttons.length) {
-            return;
-        }
-        let newKey = fromKey + direction;
-        if (newKey < 0) {
-            newKey = buttons.length - 1;
-        }
-        else if (newKey >= buttons.length) {
-            newKey = 0;
-        }
-        (_b = buttons[fromKey + direction]) === null || _b === void 0 ? void 0 : _b.focus();
-    };
-    return (React.createElement("span", { className: "finsembleToggleButtonBar" },
-        React.createElement("span", { className: "toggle-text-label-wrapper", role: "radiogroup", ref: buttonList }, options.map((option, key) => (React.createElement("span", { key: key, className: `toggle-text-label ${enabled ? "" : "disabled"} toggle-${key}`, role: "radio", "aria-checked": selected === option.value, tabIndex: selected === option.value && enabled ? 0 : -1, onClick: () => {
-                enabled && onChange(option.value);
-            }, onKeyDown: (e) => {
-                switch (e.key) {
-                    case "ArrowLeft": {
-                        changeButton(key, -1);
-                        break;
-                    }
-                    case "ArrowRight": {
-                        changeButton(key, 1);
-                        break;
-                    }
-                    case "Enter": {
-                        enabled && onChange(option.value);
-                    }
-                    default: {
-                    }
-                }
-            } }, option.label))))));
-};
+import React, { useRef } from "react";
+import "./css/FinsembleToggle.css";
+export const FinsembleToggleButtonBar = ({ selected, options, onChange, enabled = true, }) => {
+    const buttonList = useRef(null);
+    const changeButton = (fromKey, direction) => {
+        var _a, _b;
+        const buttons = (_a = buttonList.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll("[role='radio']");
+        if (buttons === undefined) {
+            return;
+        }
+        if (fromKey === buttons.length) {
+            return;
+        }
+        let newKey = fromKey + direction;
+        if (newKey < 0) {
+            newKey = buttons.length - 1;
+        }
+        else if (newKey >= buttons.length) {
+            newKey = 0;
+        }
+        (_b = buttons[fromKey + direction]) === null || _b === void 0 ? void 0 : _b.focus();
+    };
+    return (React.createElement("span", { className: "finsembleToggleButtonBar" },
+        React.createElement("span", { className: "toggle-text-label-wrapper", role: "radiogroup", ref: buttonList }, options.map((option, key) => (React.createElement("span", { key: key, className: `toggle-text-label ${enabled ? "" : "disabled"} toggle-${key}`, role: "radio", "aria-checked": selected === option.value, tabIndex: selected === option.value && enabled ? 0 : -1, onClick: () => {
+                enabled && onChange(option.value);
+            }, onKeyDown: (e) => {
+                switch (e.key) {
+                    case "ArrowLeft": {
+                        changeButton(key, -1);
+                        break;
+                    }
+                    case "ArrowRight": {
+                        changeButton(key, 1);
+                        break;
+                    }
+                    case "Enter": {
+                        enabled && onChange(option.value);
+                    }
+                    default: {
+                    }
+                }
+            } }, option.label))))));
+};
 //# sourceMappingURL=FinsembleToggleButtonBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FinsembleToggleButtonBar.js","sourceRoot":"","sources":["../../../src/components/common/FinsembleToggleButtonBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,2BAA2B,CAAC;AAanC,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACxC,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,GAAG,IAAI,GACiB,EAAE,EAAE;IACnC,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,MAAM,YAAY,GAAG,CAAC,OAAe,EAAE,SAAiB,EAAE,EAAE;;QAC3D,MAAM,OAAO,GAAG,MAAA,UAAU,CAAC,OAAO,0CAAE,gBAAgB,CAAC,gBAAgB,CAAwC,CAAC;QAC9G,IAAI,OAAO,KAAK,SAAS,EAAE;YAC1B,OAAO;SACP;QAED,IAAI,OAAO,KAAK,OAAO,CAAC,MAAM,EAAE;YAC/B,OAAO;SACP;QAED,IAAI,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;QACjC,IAAI,MAAM,GAAG,CAAC,EAAE;YACf,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;SAC5B;aAAM,IAAI,MAAM,IAAI,OAAO,CAAC,MAAM,EAAE;YACpC,MAAM,GAAG,CAAC,CAAC;SACX;QAED,MAAA,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC,0CAAE,KAAK,EAAE,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,CACN,8BAAM,SAAS,EAAC,0BAA0B;QACzC,8BAAM,SAAS,EAAC,2BAA2B,EAAC,IAAI,EAAC,YAAY,EAAC,GAAG,EAAE,UAAU,IAC3E,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7B,8BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,qBAAqB,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,WAAW,GAAG,EAAE,EACzE,IAAI,EAAC,OAAO,kBACE,QAAQ,KAAK,MAAM,CAAC,KAAK,EACvC,QAAQ,EAAE,QAAQ,KAAK,MAAM,CAAC,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACvD,OAAO,EAAE,GAAG,EAAE;gBACb,OAAO,IAAI,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACnC,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;gBAChB,QAAQ,CAAC,CAAC,GAAG,EAAE;oBACd,KAAK,WAAW,CAAC,CAAC;wBACjB,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;wBACtB,MAAM;qBACN;oBACD,KAAK,YAAY,CAAC,CAAC;wBAClB,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;wBACrB,MAAM;qBACN;oBACD,KAAK,OAAO,CAAC,CAAC;wBACb,OAAO,IAAI,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;qBAClC;oBACD,OAAO,CAAC,CAAC;qBACR;iBACD;YACF,CAAC,IAEA,MAAM,CAAC,KAAK,CACP,CACP,CAAC,CACI,CACD,CACP,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useRef } from \"react\";\nimport \"./css/FinsembleToggle.css\";\n\nexport interface FinsembleToggleButtonBarProps {\n\tlabel?: string;\n\tselected: any; // <T>\n\toptions: {\n\t\tlabel: string | React.ReactChild;\n\t\tvalue: any; // <T>\n\t}[];\n\tonChange: (newSelected: any /* <T> */) => void;\n\tenabled?: boolean;\n}\n\nexport const FinsembleToggleButtonBar = ({\n\tselected,\n\toptions,\n\tonChange,\n\tenabled = true,\n}: FinsembleToggleButtonBarProps) => {\n\tconst buttonList = useRef<HTMLDivElement>(null);\n\n\tconst changeButton = (fromKey: number, direction: 1 | -1) => {\n\t\tconst buttons = buttonList.current?.querySelectorAll(\"[role='radio']\") as NodeListOf<HTMLElement> | undefined;\n\t\tif (buttons === undefined) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (fromKey === buttons.length) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet newKey = fromKey + direction;\n\t\tif (newKey < 0) {\n\t\t\tnewKey = buttons.length - 1;\n\t\t} else if (newKey >= buttons.length) {\n\t\t\tnewKey = 0;\n\t\t}\n\n\t\tbuttons[fromKey + direction]?.focus();\n\t};\n\n\treturn (\n\t\t<span className=\"finsembleToggleButtonBar\">\n\t\t\t<span className=\"toggle-text-label-wrapper\" role=\"radiogroup\" ref={buttonList}>\n\t\t\t\t{options.map((option, key) => (\n\t\t\t\t\t<span\n\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\tclassName={`toggle-text-label ${enabled ? \"\" : \"disabled\"} toggle-${key}`}\n\t\t\t\t\t\trole=\"radio\"\n\t\t\t\t\t\taria-checked={selected === option.value}\n\t\t\t\t\t\ttabIndex={selected === option.value && enabled ? 0 : -1}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tenabled && onChange(option.value);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\tswitch (e.key) {\n\t\t\t\t\t\t\t\tcase \"ArrowLeft\": {\n\t\t\t\t\t\t\t\t\tchangeButton(key, -1);\n\t\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tcase \"ArrowRight\": {\n\t\t\t\t\t\t\t\t\tchangeButton(key, 1);\n\t\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tcase \"Enter\": {\n\t\t\t\t\t\t\t\t\tenabled && onChange(option.value);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tdefault: {\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{option.label}\n\t\t\t\t\t</span>\n\t\t\t\t))}\n\t\t\t</span>\n\t\t</span>\n\t);\n};\n"]}
+{"version":3,"file":"FinsembleToggleButtonBar.js","sourceRoot":"","sources":["../../../../../src/ui/components/common/FinsembleToggleButtonBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,2BAA2B,CAAC;AAanC,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACxC,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,GAAG,IAAI,GACiB,EAAE,EAAE;IACnC,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,MAAM,YAAY,GAAG,CAAC,OAAe,EAAE,SAAiB,EAAE,EAAE;;QAC3D,MAAM,OAAO,GAAG,MAAA,UAAU,CAAC,OAAO,0CAAE,gBAAgB,CAAC,gBAAgB,CAAwC,CAAC;QAC9G,IAAI,OAAO,KAAK,SAAS,EAAE;YAC1B,OAAO;SACP;QAED,IAAI,OAAO,KAAK,OAAO,CAAC,MAAM,EAAE;YAC/B,OAAO;SACP;QAED,IAAI,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;QACjC,IAAI,MAAM,GAAG,CAAC,EAAE;YACf,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;SAC5B;aAAM,IAAI,MAAM,IAAI,OAAO,CAAC,MAAM,EAAE;YACpC,MAAM,GAAG,CAAC,CAAC;SACX;QAED,MAAA,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC,0CAAE,KAAK,EAAE,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,CACN,8BAAM,SAAS,EAAC,0BAA0B;QACzC,8BAAM,SAAS,EAAC,2BAA2B,EAAC,IAAI,EAAC,YAAY,EAAC,GAAG,EAAE,UAAU,IAC3E,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7B,8BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,qBAAqB,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,WAAW,GAAG,EAAE,EACzE,IAAI,EAAC,OAAO,kBACE,QAAQ,KAAK,MAAM,CAAC,KAAK,EACvC,QAAQ,EAAE,QAAQ,KAAK,MAAM,CAAC,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACvD,OAAO,EAAE,GAAG,EAAE;gBACb,OAAO,IAAI,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACnC,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;gBAChB,QAAQ,CAAC,CAAC,GAAG,EAAE;oBACd,KAAK,WAAW,CAAC,CAAC;wBACjB,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;wBACtB,MAAM;qBACN;oBACD,KAAK,YAAY,CAAC,CAAC;wBAClB,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;wBACrB,MAAM;qBACN;oBACD,KAAK,OAAO,CAAC,CAAC;wBACb,OAAO,IAAI,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;qBAClC;oBACD,OAAO,CAAC,CAAC;qBACR;iBACD;YACF,CAAC,IAEA,MAAM,CAAC,KAAK,CACP,CACP,CAAC,CACI,CACD,CACP,CAAC;AACH,CAAC,CAAC"}

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

@@ -1,12 +1,13 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React from "react";
-import "./css/header.css";
-export interface HeaderProps {
-    children: string;
-    backFunction?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    helpFunction?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-}
-export declare const Header: (props: HeaderProps) => JSX.Element;
+/*!
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React from "react";
+import "./css/header.css";
+export interface HeaderProps {
+    children: string;
+    backFunction?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    helpFunction?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+}
+export declare const Header: (props: HeaderProps) => JSX.Element;
+//# sourceMappingURL=Header.d.ts.map

package/react/components/common/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/common/Header.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,WAAW;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,MAAM,UAAW,WAAW,gBAsBxC,CAAC"}

package/react/components/common/Header.js

@@ -1,19 +1,19 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React from "react";
-import { Button } from "./Button";
-import { ButtonIcon } from "./ButtonIcon";
-import "./css/header.css";
-export const Header = (props) => (React.createElement("div", { className: "view-header" },
-    React.createElement("h1", { className: "view-title" },
-        React.createElement("div", { className: "leftSide" },
-            props.backFunction && (React.createElement(Button, { fashion: "primary", iconBefore: "chevron-left", text: "Back", onClick: (e) => {
-                    if (props.backFunction) {
-                        props.backFunction(e);
-                    }
-                } })),
-            props.children),
-        props.helpFunction && React.createElement(ButtonIcon, { icon: "documentation", text: "Documentation", onClick: props.helpFunction }))));
+/*!
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React from "react";
+import { Button } from "./Button";
+import { ButtonIcon } from "./ButtonIcon";
+import "./css/header.css";
+export const Header = (props) => (React.createElement("div", { className: "view-header" },
+    React.createElement("h1", { className: "view-title" },
+        React.createElement("div", { className: "leftSide" },
+            props.backFunction && (React.createElement(Button, { fashion: "primary", iconBefore: "chevron-left", text: "Back", onClick: (e) => {
+                    if (props.backFunction) {
+                        props.backFunction(e);
+                    }
+                } })),
+            props.children),
+        props.helpFunction && React.createElement(ButtonIcon, { icon: "documentation", text: "Documentation", onClick: props.helpFunction }))));
 //# sourceMappingURL=Header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/common/Header.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAQ1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC7C,6BAAK,SAAS,EAAC,aAAa;IAC3B,4BAAI,SAAS,EAAC,YAAY;QACzB,6BAAK,SAAS,EAAC,UAAU;YACvB,KAAK,CAAC,YAAY,IAAI,CACtB,oBAAC,MAAM,IACN,OAAO,EAAC,SAAS,EACjB,UAAU,EAAC,cAAc,EACzB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,CAAC,CAAsC,EAAE,EAAE;oBACnD,IAAI,KAAK,CAAC,YAAY,EAAE;wBACvB,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;qBACtB;gBACF,CAAC,GACA,CACF;YAEA,KAAK,CAAC,QAAQ,CACV;QACL,KAAK,CAAC,YAAY,IAAI,oBAAC,UAAU,IAAC,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,eAAe,EAAC,OAAO,EAAE,KAAK,CAAC,YAAY,GAAI,CACxG,CACA,CACN,CAAC","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React from \"react\";\nimport { Button } from \"./Button\";\nimport { ButtonIcon } from \"./ButtonIcon\";\nimport \"./css/header.css\";\n\nexport interface HeaderProps {\n\tchildren: string;\n\tbackFunction?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n\thelpFunction?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const Header = (props: HeaderProps) => (\n\t<div className=\"view-header\">\n\t\t<h1 className=\"view-title\">\n\t\t\t<div className=\"leftSide\">\n\t\t\t\t{props.backFunction && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tfashion=\"primary\"\n\t\t\t\t\t\ticonBefore=\"chevron-left\"\n\t\t\t\t\t\ttext=\"Back\"\n\t\t\t\t\t\tonClick={(e: React.MouseEvent<HTMLButtonElement>) => {\n\t\t\t\t\t\t\tif (props.backFunction) {\n\t\t\t\t\t\t\t\tprops.backFunction(e);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{props.children}\n\t\t\t</div>\n\t\t\t{props.helpFunction && <ButtonIcon icon=\"documentation\" text=\"Documentation\" onClick={props.helpFunction} />}\n\t\t</h1>\n\t</div>\n);\n"]}
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/ui/components/common/Header.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAQ1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC7C,6BAAK,SAAS,EAAC,aAAa;IAC3B,4BAAI,SAAS,EAAC,YAAY;QACzB,6BAAK,SAAS,EAAC,UAAU;YACvB,KAAK,CAAC,YAAY,IAAI,CACtB,oBAAC,MAAM,IACN,OAAO,EAAC,SAAS,EACjB,UAAU,EAAC,cAAc,EACzB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,CAAC,CAAsC,EAAE,EAAE;oBACnD,IAAI,KAAK,CAAC,YAAY,EAAE;wBACvB,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;qBACtB;gBACF,CAAC,GACA,CACF;YAEA,KAAK,CAAC,QAAQ,CACV;QACL,KAAK,CAAC,YAAY,IAAI,oBAAC,UAAU,IAAC,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,eAAe,EAAC,OAAO,EAAE,KAAK,CAAC,YAAY,GAAI,CACxG,CACA,CACN,CAAC"}

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

@@ -1,16 +1,17 @@
-import React from "react";
-import "./css/time-select.css";
-export interface TimeSelectProps {
-    label?: string;
-    initialTime?: TimeSelectTime;
-    onChange?: (time: TimeSelectTime) => void;
-    enabled?: boolean;
-    className?: string;
-    minuteInterval?: number;
-}
-export declare type TimeSelectTime = {
-    hour: number;
-    minute: number;
-    meridiem?: string;
-};
-export declare const TimeSelect: React.FunctionComponent<TimeSelectProps>;
+import React from "react";
+import "./css/time-select.css";
+export interface TimeSelectProps {
+    label?: string;
+    initialTime?: TimeSelectTime;
+    onChange?: (time: TimeSelectTime) => void;
+    enabled?: boolean;
+    className?: string;
+    minuteInterval?: number;
+}
+export declare type TimeSelectTime = {
+    hour: number;
+    minute: number;
+    meridiem?: string;
+};
+export declare const TimeSelect: React.FunctionComponent<TimeSelectProps>;
+//# sourceMappingURL=TimeSelect.d.ts.map

package/react/components/common/TimeSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeSelect.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/common/TimeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,uBAAuB,CAAC;AAG/B,MAAM,WAAW,eAAe;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,oBAAY,cAAc,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAQF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAsN/D,CAAC"}

package/react/components/common/TimeSelect.js

@@ -1,174 +1,174 @@
-import React, { useEffect, useState } from "react";
-import "./css/time-select.css";
-import DefaultDropdownButton from "../shared/DefaultDropdownButton";
-const DEFAULT_VALUE = {
-    hour: 4,
-    minute: 0,
-    meridiem: "AM",
-};
-export const TimeSelect = ({ initialTime, enabled = true, label = "Time:", onChange, className = "", minuteInterval = 15, }) => {
-    /**
-     * Prevents change event from triggering on initial setup
-     */
-    const [changed, setChanged] = useState(false);
-    const [time, setTime] = useState(initialTime !== null && initialTime !== void 0 ? initialTime : DEFAULT_VALUE);
-    let wrapClasses = `time-select ${className}`;
-    if (!enabled) {
-        wrapClasses = `${wrapClasses} disabled-time-select`;
-    }
-    // Create an array 1-12.
-    let HOURS = [];
-    for (let i = 1; i < 13; i++) {
-        HOURS.push(i);
-    }
-    let MINUTES = ["00"];
-    for (let i = 1; i < 60; i++) {
-        if (i % minuteInterval == 0) {
-            MINUTES.push(i);
-        }
-    }
-    /**
-     * This method will transform 8 PM into 20:00. It also handles when the user changes the meridiem.
-     * e.g., 8PM (20) => 8AM (8).
-     * Set the minute, then set the 'finsemble.scheduledRestart' preference via the method on the Actions object.
-     * @param {event} e
-     */
-    const setHour = (e) => {
-        let hour = Number(e);
-        if (hour < 12 && time.meridiem === "PM") {
-            hour = hour + 12;
-        }
-        else if (hour > 12 && time.meridiem === "AM") {
-            hour = hour - 12;
-        }
-        else if (time.meridiem === "AM" && hour === 12) {
-            hour = 0;
-        }
-        setTime(Object.assign(Object.assign({}, time), { hour }));
-    };
-    /**
-     * Set the minute, then set the 'finsemble.scheduledRestart' preference via the method on the Actions object.
-     * @param {event} e
-     */
-    const setMinute = (e) => {
-        const minute = Number(e);
-        time.minute = minute;
-        setTime(Object.assign(Object.assign({}, time), { minute }));
-    };
-    /**
-     * Sets the meridiem for the time (AM or PM). This will trigger setHour to be called in a hook
-     * @param {event} e
-     */
-    const setMeridiem = (e) => {
-        const meridiem = e;
-        setTime(Object.assign(Object.assign({}, time), { meridiem }));
-    };
-    const correctMeridiem = () => {
-        if (!time.meridiem) {
-            let localMeridiem = "AM";
-            if (time.hour > 12 || (time.hour == 0 && time.minute == 0)) {
-                localMeridiem = "PM";
-            }
-            setMeridiem(localMeridiem);
-        }
-    };
-    /**
-     * The meridiem has changed, update the hour
-     */
-    useEffect(() => {
-        setHour(time.hour);
-    }, [time.meridiem]);
-    /**
-     * Call on change when the hour and minute values have changed
-     */
-    useEffect(() => {
-        correctMeridiem();
-        if (enabled && onChange && changed) {
-            onChange(time);
-        }
-    }, [time.hour, time.minute]);
-    const hourOptions = HOURS.map((hour) => {
-        return {
-            optionLabel: hour,
-            optionValue: hour,
-            clickHandler: () => {
-                setChanged(true);
-                setHour(hour);
-            },
-        };
-    });
-    const minuteOptions = MINUTES.map((minute) => {
-        return {
-            optionLabel: minute,
-            optionValue: minute,
-            clickHandler: () => {
-                setChanged(true);
-                setMinute(minute);
-            },
-        };
-    });
-    const getDisplayHour = () => {
-        if (time.meridiem === "AM" && time.hour === 0) {
-            return 12;
-        }
-        else if (time.meridiem === "PM" && time.hour > 12) {
-            return time.hour - 12;
-        }
-        else {
-            return time.hour;
-        }
-    };
-    const getDisplayMinute = () => {
-        if (time.minute === 0)
-            return "00";
-        else {
-            return String(time.minute).length === 1 ? `0${time.minute}` : time.minute;
-        }
-    };
-    return (React.createElement("div", { className: wrapClasses, style: { display: "flex" } },
-        React.createElement("span", { className: "time-select-label" }, label),
-        React.createElement("div", { className: "row-section", style: { width: "10px", marginRight: "40px" } },
-            React.createElement(DefaultDropdownButton, { classNames: "push-right", allowEmpty: false, caretLocation: "right", buttonOptions: hourOptions, buttonLabel: `Hour, ${getDisplayHour().toString()}`, defaultSelection: {
-                    optionLabel: getDisplayHour().toString(),
-                    optionValue: getDisplayHour(),
-                    clickHandler: () => {
-                        setHour(getDisplayHour());
-                    },
-                }, enabled: enabled })),
-        React.createElement("div", { className: "row-section", style: { marginLeft: 30, marginRight: 10, marginTop: 5 } }, "\u00A0:\u00A0"),
-        React.createElement("div", { style: { width: "10px", marginRight: "65px" } },
-            React.createElement(DefaultDropdownButton, { classNames: "push-right", allowEmpty: false, caretLocation: "right", buttonOptions: minuteOptions, buttonLabel: `Minute, ${getDisplayMinute()}`, defaultSelection: {
-                    optionLabel: getDisplayMinute(),
-                    optionValue: time.minute,
-                    clickHandler: () => {
-                        setMinute(time.minute);
-                    },
-                }, enabled: enabled })),
-        "\u00A0",
-        React.createElement("div", { className: "row-section", style: { width: "10px" } },
-            React.createElement(DefaultDropdownButton, { classNames: "push-right", allowEmpty: false, caretLocation: "right", buttonOptions: [
-                    {
-                        optionLabel: "AM",
-                        optionValue: "AM",
-                        clickHandler: () => {
-                            setChanged(true);
-                            setMeridiem("AM");
-                        },
-                    },
-                    {
-                        optionLabel: "PM",
-                        optionValue: "PM",
-                        clickHandler: () => {
-                            setChanged(true);
-                            setMeridiem("PM");
-                        },
-                    },
-                ], defaultSelection: {
-                    optionLabel: time.meridiem,
-                    optionValue: time.meridiem,
-                    clickHandler: () => {
-                        setHour(time.meridiem);
-                    },
-                }, enabled: enabled }))));
-};
+import React, { useEffect, useState } from "react";
+import "./css/time-select.css";
+import DefaultDropdownButton from "../shared/DefaultDropdownButton";
+const DEFAULT_VALUE = {
+    hour: 4,
+    minute: 0,
+    meridiem: "AM",
+};
+export const TimeSelect = ({ initialTime, enabled = true, label = "Time:", onChange, className = "", minuteInterval = 15, }) => {
+    /**
+     * Prevents change event from triggering on initial setup
+     */
+    const [changed, setChanged] = useState(false);
+    const [time, setTime] = useState(initialTime !== null && initialTime !== void 0 ? initialTime : DEFAULT_VALUE);
+    let wrapClasses = `time-select ${className}`;
+    if (!enabled) {
+        wrapClasses = `${wrapClasses} disabled-time-select`;
+    }
+    // Create an array 1-12.
+    let HOURS = [];
+    for (let i = 1; i < 13; i++) {
+        HOURS.push(i);
+    }
+    let MINUTES = ["00"];
+    for (let i = 1; i < 60; i++) {
+        if (i % minuteInterval == 0) {
+            MINUTES.push(i);
+        }
+    }
+    /**
+     * This method will transform 8 PM into 20:00. It also handles when the user changes the meridiem.
+     * e.g., 8PM (20) => 8AM (8).
+     * Set the minute, then set the 'finsemble.scheduledRestart' preference via the method on the Actions object.
+     * @param {event} e
+     */
+    const setHour = (e) => {
+        let hour = Number(e);
+        if (hour < 12 && time.meridiem === "PM") {
+            hour = hour + 12;
+        }
+        else if (hour > 12 && time.meridiem === "AM") {
+            hour = hour - 12;
+        }
+        else if (time.meridiem === "AM" && hour === 12) {
+            hour = 0;
+        }
+        setTime(Object.assign(Object.assign({}, time), { hour }));
+    };
+    /**
+     * Set the minute, then set the 'finsemble.scheduledRestart' preference via the method on the Actions object.
+     * @param {event} e
+     */
+    const setMinute = (e) => {
+        const minute = Number(e);
+        time.minute = minute;
+        setTime(Object.assign(Object.assign({}, time), { minute }));
+    };
+    /**
+     * Sets the meridiem for the time (AM or PM). This will trigger setHour to be called in a hook
+     * @param {event} e
+     */
+    const setMeridiem = (e) => {
+        const meridiem = e;
+        setTime(Object.assign(Object.assign({}, time), { meridiem }));
+    };
+    const correctMeridiem = () => {
+        if (!time.meridiem) {
+            let localMeridiem = "AM";
+            if (time.hour > 12 || (time.hour == 0 && time.minute == 0)) {
+                localMeridiem = "PM";
+            }
+            setMeridiem(localMeridiem);
+        }
+    };
+    /**
+     * The meridiem has changed, update the hour
+     */
+    useEffect(() => {
+        setHour(time.hour);
+    }, [time.meridiem]);
+    /**
+     * Call on change when the hour and minute values have changed
+     */
+    useEffect(() => {
+        correctMeridiem();
+        if (enabled && onChange && changed) {
+            onChange(time);
+        }
+    }, [time.hour, time.minute]);
+    const hourOptions = HOURS.map((hour) => {
+        return {
+            optionLabel: hour,
+            optionValue: hour,
+            clickHandler: () => {
+                setChanged(true);
+                setHour(hour);
+            },
+        };
+    });
+    const minuteOptions = MINUTES.map((minute) => {
+        return {
+            optionLabel: minute,
+            optionValue: minute,
+            clickHandler: () => {
+                setChanged(true);
+                setMinute(minute);
+            },
+        };
+    });
+    const getDisplayHour = () => {
+        if (time.meridiem === "AM" && time.hour === 0) {
+            return 12;
+        }
+        else if (time.meridiem === "PM" && time.hour > 12) {
+            return time.hour - 12;
+        }
+        else {
+            return time.hour;
+        }
+    };
+    const getDisplayMinute = () => {
+        if (time.minute === 0)
+            return "00";
+        else {
+            return String(time.minute).length === 1 ? `0${time.minute}` : time.minute;
+        }
+    };
+    return (React.createElement("div", { className: wrapClasses, style: { display: "flex" } },
+        React.createElement("span", { className: "time-select-label" }, label),
+        React.createElement("div", { className: "row-section", style: { width: "10px", marginRight: "40px" } },
+            React.createElement(DefaultDropdownButton, { classNames: "push-right", allowEmpty: false, caretLocation: "right", buttonOptions: hourOptions, buttonLabel: `Hour, ${getDisplayHour().toString()}`, defaultSelection: {
+                    optionLabel: getDisplayHour().toString(),
+                    optionValue: getDisplayHour(),
+                    clickHandler: () => {
+                        setHour(getDisplayHour());
+                    },
+                }, enabled: enabled })),
+        React.createElement("div", { className: "row-section", style: { marginLeft: 30, marginRight: 10, marginTop: 5 } }, "\u00A0:\u00A0"),
+        React.createElement("div", { style: { width: "10px", marginRight: "65px" } },
+            React.createElement(DefaultDropdownButton, { classNames: "push-right", allowEmpty: false, caretLocation: "right", buttonOptions: minuteOptions, buttonLabel: `Minute, ${getDisplayMinute()}`, defaultSelection: {
+                    optionLabel: getDisplayMinute(),
+                    optionValue: time.minute,
+                    clickHandler: () => {
+                        setMinute(time.minute);
+                    },
+                }, enabled: enabled })),
+        "\u00A0",
+        React.createElement("div", { className: "row-section", style: { width: "10px" } },
+            React.createElement(DefaultDropdownButton, { classNames: "push-right", allowEmpty: false, caretLocation: "right", buttonOptions: [
+                    {
+                        optionLabel: "AM",
+                        optionValue: "AM",
+                        clickHandler: () => {
+                            setChanged(true);
+                            setMeridiem("AM");
+                        },
+                    },
+                    {
+                        optionLabel: "PM",
+                        optionValue: "PM",
+                        clickHandler: () => {
+                            setChanged(true);
+                            setMeridiem("PM");
+                        },
+                    },
+                ], defaultSelection: {
+                    optionLabel: time.meridiem,
+                    optionValue: time.meridiem,
+                    clickHandler: () => {
+                        setHour(time.meridiem);
+                    },
+                }, enabled: enabled }))));
+};
 //# sourceMappingURL=TimeSelect.js.map