creevey 0.9.0-beta.20 → 0.9.0-beta.21

package/dist/client/web/CreeveyView/SideBar/SideBarHeader.js

@@ -0,0 +1,113 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SideBarHeader = SideBarHeader;
+const react_1 = __importStar(require("react"));
+const components_1 = require("@storybook/components");
+const theming_1 = require("@storybook/theming");
+const CreeveyContext_js_1 = require("../../CreeveyContext.js");
+const TestsStatus_js_1 = require("./TestsStatus.js");
+const Search_js_1 = require("./Search.js");
+const Sticky = (0, theming_1.withTheme)(theming_1.styled.div(({ theme }) => ({
+    padding: '24px 32px 8px',
+    background: theme.background.content,
+    height: '130px',
+    zIndex: 5,
+    position: 'sticky',
+    top: '0',
+})));
+const Container = theming_1.styled.div({
+    display: 'flex',
+    justifyContent: 'space-between',
+});
+const Header = theming_1.styled.h2({
+    fontWeight: 'normal',
+    margin: 0,
+});
+const Button = (0, theming_1.withTheme)((0, theming_1.styled)(components_1.Button)(({ theme }) => ({
+    display: 'flex',
+    justifyContent: 'center',
+    transform: 'none',
+    width: '60px',
+    padding: '8px 12px',
+    '& svg': {
+        width: '24px',
+        height: '24px',
+        marginRight: 0,
+    },
+    '&:active svg path': {
+        fill: theme.color.inverseText,
+    },
+})));
+const MarginContainer = theming_1.styled.div(({ left, right, top, bottom }) => ({
+    marginLeft: left ?? 0,
+    marginRight: right ?? 0,
+    marginTop: top ?? 0,
+    marginBottom: bottom ?? 0,
+}));
+const parseStringForFilter = (value) => {
+    let status = null;
+    const subStrings = [];
+    const tokens = value
+        .split(' ')
+        .filter(Boolean)
+        .map((word) => word.toLowerCase());
+    tokens.forEach((word) => {
+        const [, matchedStatus] = /^status:(failed|success|pending)$/i.exec(word) ?? [];
+        if (matchedStatus)
+            return (status = matchedStatus);
+        subStrings.push(word);
+    });
+    return { status, subStrings };
+};
+function SideBarHeader({ testsStatus, onStop, onStart, filter, onFilterChange, canStart, }) {
+    const { isReport, isRunning } = (0, react_1.useContext)(CreeveyContext_js_1.CreeveyContext);
+    const [filterInput, setFilterInput] = (0, react_1.useState)('');
+    const handleClickByStatus = (status) => {
+        if (status === filter.status) {
+            setFilterInput(filter.subStrings.join(' '));
+            onFilterChange({ status: null, subStrings: filter.subStrings });
+        }
+        else {
+            setFilterInput(filter.subStrings.join(' ') + ' status:' + status);
+            onFilterChange({ status, subStrings: filter.subStrings });
+        }
+    };
+    const handleInputFilterChange = (value) => {
+        setFilterInput(value);
+        onFilterChange(parseStringForFilter(value));
+    };
+    return (react_1.default.createElement(Sticky, null,
+        react_1.default.createElement(Container, null,
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(Header, null, "colin.creevey"),
+                react_1.default.createElement(TestsStatus_js_1.TestsStatus, { ...testsStatus, onClickByStatus: handleClickByStatus })),
+            isReport ? null : (react_1.default.createElement(MarginContainer, { top: "10px" }, isRunning ? (react_1.default.createElement(Button, { outline: true, secondary: true, onClick: onStop },
+                react_1.default.createElement(components_1.Icons, { icon: "stop" }))) : (react_1.default.createElement(Button, { outline: true, secondary: true, onClick: onStart, disabled: !canStart },
+                react_1.default.createElement(components_1.Icons, { icon: "play" })))))),
+        react_1.default.createElement(MarginContainer, { top: "24px", bottom: "24px" },
+            react_1.default.createElement(Search_js_1.Search, { onChange: handleInputFilterChange, value: filterInput }))));
+}
+//# sourceMappingURL=SideBarHeader.js.map

package/dist/client/web/CreeveyView/SideBar/SideBarHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideBarHeader.js","sourceRoot":"","sources":["../../../../../src/client/web/CreeveyView/SideBar/SideBarHeader.tsx"],"names":[],"mappings":"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"}

package/{lib/types → dist}/client/web/CreeveyView/SideBar/SuiteLink.d.ts

@@ -1,37 +1,37 @@
 import React from 'react';
-import { CreeveySuite } from '../../../../types';
 import { Theme } from '@storybook/theming';
+import { CreeveySuite } from '../../../../types.js';
 export interface SuiteLinkProps {
     title: string;
     suite: CreeveySuite;
     'data-testid'?: string;
 }
 export declare const Container: React.FC<Pick<{
-    theme?: Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 } & {
     theme: Theme;
-    disabled?: boolean | undefined;
+    disabled?: boolean;
 } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 }, "as" | keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement> | "disabled"> & {
-    theme?: Theme | undefined;
+    theme?: Theme;
 }>;
 export declare const Button: React.FC<Pick<{
-    theme?: Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 } & {
     theme: Theme;
-    active?: boolean | undefined;
-    focused?: boolean | undefined;
+    active?: boolean;
+    focused?: boolean;
 } & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 }, "as" | "active" | keyof React.ClassAttributes<HTMLButtonElement> | keyof React.ButtonHTMLAttributes<HTMLButtonElement> | "focused"> & {
-    theme?: Theme | undefined;
+    theme?: Theme;
 }>;
 export declare const SuiteContainer: import("@storybook/theming").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 } & {
     padding: number;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/client/web/CreeveyView/SideBar/SuiteLink.js

@@ -0,0 +1,108 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SuiteContainer = exports.Button = exports.Container = void 0;
+exports.SuiteLink = SuiteLink;
+const react_1 = __importStar(require("react"));
+const components_1 = require("@storybook/components");
+const theming_1 = require("@storybook/theming");
+const Checkbox_js_1 = require("./Checkbox.js");
+const TestStatusIcon_js_1 = require("./TestStatusIcon.js");
+const types_js_1 = require("../../../../types.js");
+const CreeveyContext_js_1 = require("../../CreeveyContext.js");
+const KeyboardEventsContext_js_1 = require("../../KeyboardEventsContext.js");
+exports.Container = (0, theming_1.withTheme)(theming_1.styled.div(({ theme, disabled }) => ({
+    position: 'relative',
+    width: '100%',
+    ...(disabled ? { color: theme.color.mediumdark, pointerEvents: 'none' } : {}),
+})));
+exports.Button = (0, theming_1.withTheme)(theming_1.styled.button(({ theme, active, focused }) => ({
+    width: '100%',
+    boxSizing: 'border-box',
+    appearance: 'none',
+    padding: '6px 36px',
+    lineHeight: '20px',
+    cursor: 'pointer',
+    border: 'none',
+    zIndex: 1,
+    textAlign: 'left',
+    background: active ? theme.color.secondary : focused ? theme.background.hoverable : 'none',
+    color: active ? theme.color.inverseText : 'inherit',
+    outline: focused ? `1px solid ${theme.color.ancillary}` : 'none',
+    // NOTE There is no way to trigger hover from js, so we add `.hover` class for testing purpose
+    '&:hover, &.hover': active
+        ? {}
+        : {
+            background: theme.background.hoverable,
+        },
+})));
+const ArrowIcon = (0, theming_1.styled)(components_1.Icons)({
+    paddingRight: '8px',
+    display: 'inline-block',
+    width: '16px',
+    height: '11px',
+});
+exports.SuiteContainer = theming_1.styled.span(({ padding }) => ({
+    paddingLeft: padding,
+    whiteSpace: 'normal',
+}));
+function SuiteLink({ title, suite, 'data-testid': dataTid }) {
+    const { onSuiteOpen, onSuiteToggle } = (0, react_1.useContext)(CreeveyContext_js_1.CreeveyContext);
+    const { sidebarFocusedItem, setSidebarFocusedItem } = (0, react_1.useContext)(KeyboardEventsContext_js_1.KeyboardEventsContext);
+    const checkboxRef = (0, react_1.useRef)(null);
+    const buttonRef = (0, react_1.useRef)(null);
+    const isSuiteFocused = (0, react_1.useMemo)(() => Array.isArray(sidebarFocusedItem) &&
+        sidebarFocusedItem.length === suite.path.length &&
+        sidebarFocusedItem.every((x) => suite.path.includes(x)), [suite, sidebarFocusedItem]);
+    (0, react_1.useEffect)(() => (suite.indeterminate ? checkboxRef.current?.setIndeterminate() : checkboxRef.current?.resetIndeterminate()), [suite.indeterminate]);
+    (0, react_1.useEffect)(() => {
+        if (isSuiteFocused)
+            buttonRef.current?.focus();
+    }, [isSuiteFocused]);
+    const isRootSuite = suite.path.length == 0;
+    const handleCheck = (value) => {
+        onSuiteToggle(suite.path, value);
+    };
+    const handleOpen = () => {
+        if (!isRootSuite) {
+            onSuiteOpen(suite.path, !suite.opened);
+            setSidebarFocusedItem(suite.path);
+        }
+    };
+    const handleFocus = () => {
+        setSidebarFocusedItem(suite.path);
+    };
+    return (react_1.default.createElement(exports.Container, null,
+        react_1.default.createElement(exports.Button, { onClick: handleOpen, onFocus: handleFocus, "data-testid": dataTid, focused: isSuiteFocused, ref: buttonRef },
+            react_1.default.createElement(TestStatusIcon_js_1.TestStatusIcon, { status: suite.status, skip: suite.skip }),
+            react_1.default.createElement(exports.SuiteContainer, { padding: Math.max(48, (suite.path.length + 5) * 8) },
+                (0, types_js_1.isTest)(suite) ||
+                    (Boolean(suite.path.length) &&
+                        (suite.opened ? react_1.default.createElement(ArrowIcon, { icon: "arrowdown" }) : react_1.default.createElement(ArrowIcon, { icon: "arrowright" }))),
+                title)),
+        react_1.default.createElement(Checkbox_js_1.CheckboxContainer, null,
+            react_1.default.createElement(Checkbox_js_1.Checkbox, { ref: checkboxRef, checked: suite.skip ? false : suite.checked, disabled: Boolean(suite.skip), onValueChange: handleCheck }))));
+}
+//# sourceMappingURL=SuiteLink.js.map

package/dist/client/web/CreeveyView/SideBar/SuiteLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuiteLink.js","sourceRoot":"","sources":["../../../../../src/client/web/CreeveyView/SideBar/SuiteLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2DA,8BA0DC;AArHD,+CAAsE;AACtE,sDAA8C;AAC9C,gDAA8D;AAC9D,+CAA4D;AAC5D,2DAAqD;AACrD,mDAA4D;AAC5D,+DAAyD;AACzD,6EAAuE;AAQ1D,QAAA,SAAS,GAAG,IAAA,mBAAS,EAChC,gBAAM,CAAC,GAAG,CAAuC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IACzE,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,MAAM;IACb,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;CAC9E,CAAC,CAAC,CACJ,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,mBAAS,EAC7B,gBAAM,CAAC,MAAM,CAAwD,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACpG,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,UAAU;IACnB,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,CAAC;IACT,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;IAC1F,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;IACnD,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,MAAM;IAEhE,8FAA8F;IAC9F,kBAAkB,EAAE,MAAM;QACxB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;YACE,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS;SACvC;CACN,CAAC,CAAC,CACJ,CAAC;AAEF,MAAM,SAAS,GAAG,IAAA,gBAAM,EAAC,kBAAK,CAAC,CAAC;IAC9B,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AAEU,QAAA,cAAc,GAAG,gBAAM,CAAC,IAAI,CAAsB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/E,WAAW,EAAE,OAAO;IACpB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC,CAAC;AAEJ,SAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAkB;IAChF,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,kCAAc,CAAC,CAAC;IAClE,MAAM,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,GAAG,IAAA,kBAAU,EAAC,gDAAqB,CAAC,CAAC;IACxF,MAAM,WAAW,GAAG,IAAA,cAAM,EAAW,IAAI,CAAC,CAAC;IAC3C,MAAM,SAAS,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IAEzD,MAAM,cAAc,GAAG,IAAA,eAAO,EAC5B,GAAG,EAAE,CACH,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC;QACjC,kBAAkB,CAAC,MAAM,KAAK,KAAK,CAAC,IAAI,CAAC,MAAM;QAC/C,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EACzD,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAC5B,CAAC;IACF,IAAA,iBAAS,EACP,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,EAAE,kBAAkB,EAAE,CAAC,EACjH,CAAC,KAAK,CAAC,aAAa,CAAC,CACtB,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,cAAc;YAAE,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IACjD,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC;IAE3C,MAAM,WAAW,GAAG,CAAC,KAAc,EAAQ,EAAE;QAC3C,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC;IACF,MAAM,UAAU,GAAG,GAAS,EAAE;QAC5B,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,WAAW,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YACvC,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IACF,MAAM,WAAW,GAAG,GAAS,EAAE;QAC7B,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,iBAAS;QACR,8BAAC,cAAM,IAAC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,iBAAe,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS;YAC9G,8BAAC,kCAAc,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI;YAC1D,8BAAC,sBAAc,IAAC,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;gBAC/D,IAAA,iBAAM,EAAC,KAAK,CAAC;oBACZ,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC;wBACzB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,8BAAC,SAAS,IAAC,IAAI,EAAC,WAAW,GAAG,CAAC,CAAC,CAAC,8BAAC,SAAS,IAAC,IAAI,EAAC,YAAY,GAAG,CAAC,CAAC;gBACrF,KAAK,CACS,CACV;QACT,8BAAC,+BAAiB;YAChB,8BAAC,sBAAQ,IACP,GAAG,EAAE,WAAW,EAChB,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAC3C,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,EAC7B,aAAa,EAAE,WAAW,GAC1B,CACgB,CACV,CACb,CAAC;AACJ,CAAC"}

package/{lib/types → dist}/client/web/CreeveyView/SideBar/TestLink.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { CreeveyTest } from '../../../../types';
+import { CreeveyTest } from '../../../../types.js';
 export interface TestLinkProps {
     title: string;
     opened: boolean;

package/dist/client/web/CreeveyView/SideBar/TestLink.js

@@ -0,0 +1,63 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TestLink = TestLink;
+const react_1 = __importStar(require("react"));
+const TestStatusIcon_js_1 = require("./TestStatusIcon.js");
+const CreeveyContext_js_1 = require("../../CreeveyContext.js");
+const SideBar_js_1 = require("./SideBar.js");
+const KeyboardEventsContext_js_1 = require("../../KeyboardEventsContext.js");
+const SuiteLink_js_1 = require("./SuiteLink.js");
+const Checkbox_js_1 = require("./Checkbox.js");
+const helpers_js_1 = require("../../../shared/helpers.js");
+function TestLink({ title, opened, test }) {
+    const { onSuiteToggle } = (0, react_1.useContext)(CreeveyContext_js_1.CreeveyContext);
+    const { onOpenTest } = (0, react_1.useContext)(SideBar_js_1.SideBarContext);
+    const { sidebarFocusedItem, setSidebarFocusedItem } = (0, react_1.useContext)(KeyboardEventsContext_js_1.KeyboardEventsContext);
+    const buttonRef = (0, react_1.useRef)(null);
+    const emptyResults = (test.results?.length ?? 0) == 0;
+    const testPath = (0, react_1.useMemo)(() => (0, helpers_js_1.getTestPath)(test), [test]);
+    const isTestFocused = (0, react_1.useMemo)(() => Array.isArray(sidebarFocusedItem) &&
+        testPath.length === sidebarFocusedItem.length &&
+        testPath.every((x) => sidebarFocusedItem.includes(x)), [testPath, sidebarFocusedItem]);
+    const handleCheck = (0, react_1.useCallback)((value) => {
+        onSuiteToggle(testPath, value);
+    }, [testPath, onSuiteToggle]);
+    (0, react_1.useEffect)(() => {
+        if (isTestFocused)
+            buttonRef.current?.focus();
+    }, [isTestFocused]);
+    const handleOpen = (0, react_1.useCallback)(() => {
+        onOpenTest(test);
+        setSidebarFocusedItem((0, helpers_js_1.getTestPath)(test));
+    }, [test, onOpenTest, setSidebarFocusedItem]);
+    return (react_1.default.createElement(SuiteLink_js_1.Container, { disabled: emptyResults },
+        react_1.default.createElement(SuiteLink_js_1.Button, { onClick: handleOpen, active: opened, focused: isTestFocused, disabled: emptyResults, ref: buttonRef },
+            react_1.default.createElement(TestStatusIcon_js_1.TestStatusIcon, { inverted: opened, status: test.status, skip: test.skip }),
+            react_1.default.createElement(SuiteLink_js_1.SuiteContainer, { padding: (testPath.length + 8) * 8 }, title)),
+        react_1.default.createElement(Checkbox_js_1.CheckboxContainer, null,
+            react_1.default.createElement(Checkbox_js_1.Checkbox, { checked: test.skip ? false : test.checked, disabled: Boolean(test.skip), onValueChange: handleCheck }))));
+}
+//# sourceMappingURL=TestLink.js.map

package/dist/client/web/CreeveyView/SideBar/TestLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestLink.js","sourceRoot":"","sources":["../../../../../src/client/web/CreeveyView/SideBar/TestLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,4BAkDC;AAlED,+CAAmF;AAEnF,2DAAqD;AACrD,+DAAyD;AACzD,6CAA8C;AAC9C,6EAAuE;AACvE,iDAAmE;AACnE,+CAA4D;AAC5D,2DAAyD;AAQzD,SAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAiB;IAC7D,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,kCAAc,CAAC,CAAC;IACrD,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,2BAAc,CAAC,CAAC;IAClD,MAAM,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,GAAG,IAAA,kBAAU,EAAC,gDAAqB,CAAC,CAAC;IACxF,MAAM,SAAS,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IAEzD,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,wBAAW,EAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAE1D,MAAM,aAAa,GAAG,IAAA,eAAO,EAC3B,GAAG,EAAE,CACH,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC;QACjC,QAAQ,CAAC,MAAM,KAAK,kBAAkB,CAAC,MAAM;QAC7C,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EACvD,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAC/B,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,KAAc,EAAQ,EAAE;QACvB,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,CAAC,CAC1B,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,aAAa;YAAE,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAChD,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,GAAS,EAAE;QACxC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,qBAAqB,CAAC,IAAA,wBAAW,EAAC,IAAI,CAAC,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE9C,OAAO,CACL,8BAAC,wBAAS,IAAC,QAAQ,EAAE,YAAY;QAC/B,8BAAC,qBAAM,IAAC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,EAAE,SAAS;YACzG,8BAAC,kCAAc,IAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI;YAC1E,8BAAC,6BAAc,IAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,IAAG,KAAK,CAAkB,CACrE;QAGT,8BAAC,+BAAiB;YAChB,8BAAC,sBAAQ,IACP,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EACzC,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAC5B,aAAa,EAAE,WAAW,GAC1B,CACgB,CACV,CACb,CAAC;AACJ,CAAC"}

package/{lib/types → dist}/client/web/CreeveyView/SideBar/TestStatusIcon.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Theme } from '@storybook/theming';
-import { TestStatus } from '../../../../types';
+import { TestStatus } from '../../../../types.js';
 export interface TestStatusIconProps {
     inverted?: boolean;
     status?: TestStatus;
@@ -8,5 +8,5 @@ export interface TestStatusIconProps {
     theme: Theme;
 }
 export declare const TestStatusIcon: React.FC<Pick<TestStatusIconProps, "skip" | "status" | "inverted"> & {
-    theme?: Theme | undefined;
+    theme?: Theme;
 }>;

package/dist/client/web/CreeveyView/SideBar/TestStatusIcon.js

@@ -0,0 +1,52 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TestStatusIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const theming_1 = require("@storybook/theming");
+const components_1 = require("@storybook/components");
+const Container = theming_1.styled.span({
+    width: 10,
+    height: 10,
+    padding: 1,
+    display: 'inline-block',
+});
+const Icon = (0, theming_1.styled)(components_1.Icons)({
+    position: 'relative',
+    top: '1.5px',
+    verticalAlign: 'baseline',
+});
+const Spinner = (0, theming_1.styled)(components_1.Loader)({
+    top: '14px',
+    left: '42px',
+});
+exports.TestStatusIcon = (0, theming_1.withTheme)(({ inverted, status, skip, theme }) => {
+    let icon = null;
+    switch (status) {
+        case 'failed': {
+            icon = react_1.default.createElement(Icon, { color: inverted ? theme.color.lightest : theme.color.negative, icon: "cross" });
+            break;
+        }
+        case 'success': {
+            icon = react_1.default.createElement(Icon, { color: inverted ? theme.color.lightest : theme.color.green, icon: "check" });
+            break;
+        }
+        case 'running': {
+            icon = react_1.default.createElement(Spinner, { size: 10 });
+            break;
+        }
+        case 'pending': {
+            icon = react_1.default.createElement(Icon, { color: inverted ? theme.color.lightest : theme.color.mediumdark, icon: "time" });
+            break;
+        }
+        default: {
+            if (skip)
+                icon = react_1.default.createElement(Icon, { color: inverted ? theme.color.lightest : undefined, icon: "timer" });
+            break;
+        }
+    }
+    return react_1.default.createElement(Container, null, icon);
+});
+//# sourceMappingURL=TestStatusIcon.js.map

package/dist/client/web/CreeveyView/SideBar/TestStatusIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestStatusIcon.js","sourceRoot":"","sources":["../../../../../src/client/web/CreeveyView/SideBar/TestStatusIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,gDAA8D;AAC9D,sDAAsD;AAUtD,MAAM,SAAS,GAAG,gBAAM,CAAC,IAAI,CAAC;IAC5B,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,cAAc;CACxB,CAAC,CAAC;AAEH,MAAM,IAAI,GAAG,IAAA,gBAAM,EAAC,kBAAK,CAAC,CAAC;IACzB,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,OAAO;IACZ,aAAa,EAAE,UAAU;CAC1B,CAAC,CAAC;AAEH,MAAM,OAAO,GAAG,IAAA,gBAAM,EAAC,mBAAM,CAAC,CAAC;IAC7B,GAAG,EAAE,MAAM;IACX,IAAI,EAAE,MAAM;CACb,CAAC,CAAC;AAEU,QAAA,cAAc,GAAG,IAAA,mBAAS,EACrC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAuB,EAAsB,EAAE;IAC7E,IAAI,IAAI,GAAG,IAAI,CAAC;IAChB,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,IAAI,GAAG,8BAAC,IAAI,IAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAC,OAAO,GAAG,CAAC;YAC5F,MAAM;QACR,CAAC;QACD,KAAK,SAAS,CAAC,CAAC,CAAC;YACf,IAAI,GAAG,8BAAC,IAAI,IAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAAC;YACzF,MAAM;QACR,CAAC;QACD,KAAK,SAAS,CAAC,CAAC,CAAC;YACf,IAAI,GAAG,8BAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC;YAC7B,MAAM;QACR,CAAC;QACD,KAAK,SAAS,CAAC,CAAC,CAAC;YACf,IAAI,GAAG,8BAAC,IAAI,IAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,IAAI,EAAC,MAAM,GAAG,CAAC;YAC7F,MAAM;QACR,CAAC;QACD,OAAO,CAAC,CAAC,CAAC;YACR,IAAI,IAAI;gBAAE,IAAI,GAAG,8BAAC,IAAI,IAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAC,OAAO,GAAG,CAAC;YAC3F,MAAM;QACR,CAAC;IACH,CAAC;IACD,OAAO,8BAAC,SAAS,QAAE,IAAI,CAAa,CAAC;AACvC,CAAC,CACF,CAAC"}

package/{lib/types → dist}/client/web/CreeveyView/SideBar/TestsStatus.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { TestStatus } from '../../../../types';
-import { CreeveyTestsStatus } from '../../../shared/helpers';
 import { Theme } from '@storybook/theming';
+import { TestStatus } from '../../../../types.js';
+import { CreeveyTestsStatus } from '../../../shared/helpers.js';
 export interface TestsStatusProps extends CreeveyTestsStatus {
     onClickByStatus: (value: TestStatus) => void;
     theme?: Theme;
 }
 export declare const TestsStatus: React.FC<Pick<TestsStatusProps, "successCount" | "failedCount" | "pendingCount" | "skippedCount" | "onClickByStatus"> & {
-    theme?: Theme | undefined;
+    theme?: Theme;
 }>;

package/dist/client/web/CreeveyView/SideBar/TestsStatus.js

@@ -0,0 +1,74 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TestsStatus = void 0;
+const react_1 = __importDefault(require("react"));
+const components_1 = require("@storybook/components");
+const theming_1 = require("@storybook/theming");
+const Container = theming_1.styled.div({
+    display: 'flex',
+    alignItems: 'center',
+    fontSize: '14px',
+    lineHeight: '22px',
+});
+const IconContainer = theming_1.styled.div(({ color }) => ({
+    color: color ?? 'inherit',
+    display: 'inline-flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    margin: '0 4px',
+    '&:first-of-type': {
+        marginLeft: 0,
+    },
+    '& svg': {
+        marginRight: 5,
+        width: 10,
+        height: 10,
+    },
+}));
+const Divider = theming_1.styled.div({
+    '&::before': {
+        content: "'/'",
+        display: 'block',
+        marginRight: 4,
+    },
+});
+const Button = (0, theming_1.styled)(components_1.IconButton)({
+    marginTop: 0,
+    padding: 0,
+    height: '24px',
+});
+exports.TestsStatus = (0, theming_1.withTheme)(({ successCount, failedCount, pendingCount, skippedCount, onClickByStatus, theme, }) => {
+    return (react_1.default.createElement(Container, null,
+        react_1.default.createElement(Button, { onClick: () => {
+                onClickByStatus('pending');
+            } },
+            react_1.default.createElement(IconContainer, { color: theme?.color.mediumdark },
+                react_1.default.createElement(components_1.Icons, { icon: "time" }),
+                pendingCount)),
+        react_1.default.createElement(Divider, null),
+        react_1.default.createElement(Button, { onClick: () => {
+                onClickByStatus('success');
+            } },
+            react_1.default.createElement(IconContainer, { color: theme?.color.green },
+                react_1.default.createElement(components_1.Icons, { icon: "check" }),
+                " ",
+                successCount)),
+        react_1.default.createElement(Divider, null),
+        react_1.default.createElement(Button, { onClick: () => {
+                onClickByStatus('failed');
+            } },
+            react_1.default.createElement(IconContainer, { color: theme?.color.negative },
+                react_1.default.createElement(components_1.Icons, { icon: "cross" }),
+                " ",
+                failedCount)),
+        react_1.default.createElement(Divider, null),
+        react_1.default.createElement(Button, null,
+            react_1.default.createElement(IconContainer, { color: theme?.color.defaultText },
+                react_1.default.createElement(components_1.Icons, { icon: "timer" }),
+                " ",
+                skippedCount))));
+});
+//# sourceMappingURL=TestsStatus.js.map

package/dist/client/web/CreeveyView/SideBar/TestsStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestsStatus.js","sourceRoot":"","sources":["../../../../../src/client/web/CreeveyView/SideBar/TestsStatus.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,sDAA0D;AAC1D,gDAA8D;AAS9D,MAAM,SAAS,GAAG,gBAAM,CAAC,GAAG,CAAC;IAC3B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,MAAM;CACnB,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,gBAAM,CAAC,GAAG,CAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnE,KAAK,EAAE,KAAK,IAAI,SAAS;IACzB,OAAO,EAAE,aAAa;IACtB,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,OAAO;IAEf,iBAAiB,EAAE;QACjB,UAAU,EAAE,CAAC;KACd;IAED,OAAO,EAAE;QACP,WAAW,EAAE,CAAC;QACd,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,OAAO,GAAG,gBAAM,CAAC,GAAG,CAAC;IACzB,WAAW,EAAE;QACX,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG,IAAA,gBAAM,EAAC,uBAAU,CAAC,CAAC;IAChC,SAAS,EAAE,CAAC;IACZ,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AAEU,QAAA,WAAW,GAAG,IAAA,mBAAS,EAClC,CAAC,EACC,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,KAAK,GACY,EAAe,EAAE;IAClC,OAAO,CACL,8BAAC,SAAS;QAER,8BAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;gBACZ,eAAe,CAAC,SAAS,CAAC,CAAC;YAC7B,CAAC;YAED,8BAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU;gBAC3C,8BAAC,kBAAK,IAAC,IAAI,EAAC,MAAM,GAAG;gBACpB,YAAY,CACC,CACT;QACT,8BAAC,OAAO,OAAG;QAEX,8BAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;gBACZ,eAAe,CAAC,SAAS,CAAC,CAAC;YAC7B,CAAC;YAED,8BAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;gBACtC,8BAAC,kBAAK,IAAC,IAAI,EAAC,OAAO,GAAG;;gBAAE,YAAY,CACtB,CACT;QACT,8BAAC,OAAO,OAAG;QAEX,8BAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;gBACZ,eAAe,CAAC,QAAQ,CAAC,CAAC;YAC5B,CAAC;YAED,8BAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ;gBACzC,8BAAC,kBAAK,IAAC,IAAI,EAAC,OAAO,GAAG;;gBAAE,WAAW,CACrB,CACT;QACT,8BAAC,OAAO,OAAG;QAEX,8BAAC,MAAM;YACL,8BAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW;gBAC5C,8BAAC,kBAAK,IAAC,IAAI,EAAC,OAAO,GAAG;;gBAAE,YAAY,CACtB,CACT,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC"}

package/{lib/types → dist}/client/web/CreeveyView/SideBar/Toggle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ToggleProps {
     value?: boolean;
     onChange: (val: boolean) => void;

package/dist/client/web/CreeveyView/SideBar/Toggle.js

@@ -0,0 +1,69 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toggle = void 0;
+const react_1 = __importDefault(require("react"));
+const theming_1 = require("@storybook/theming");
+const polished_1 = require("polished");
+const Container = (0, theming_1.withTheme)(theming_1.styled.span(({ theme }) => ({
+    lineHeight: '10px',
+    display: 'inline-block',
+    position: 'relative',
+    whiteSpace: 'nowrap',
+    background: theme.base == 'light' ? theme.color.mediumlight : theme.color.darker,
+    borderRadius: '3em',
+    padding: 2,
+    verticalAlign: 'middle',
+    marginLeft: 10,
+    input: {
+        appearance: 'none',
+        width: '100%',
+        height: '100%',
+        position: 'absolute',
+        left: 0,
+        top: 0,
+        margin: 0,
+        padding: 0,
+        border: 'none',
+        cursor: 'pointer',
+        '&:focus': {
+            outline: 'none',
+        },
+    },
+    span: {
+        cursor: 'pointer',
+        display: 'inline-block',
+        transition: 'all 100ms ease-out',
+        userSelect: 'none',
+        borderRadius: '100%',
+        background: theme.background.bar,
+        boxShadow: `${(0, polished_1.opacify)(0.1, theme.appBorderColor)} 0 0 2px`,
+        color: theme.color.defaultText,
+        width: 20,
+        height: 20,
+        boxSizing: 'border-box',
+        lineHeight: '19px',
+        textAlign: 'center',
+        '&:hover': {
+            boxShadow: `${(0, polished_1.opacify)(0.3, theme.appBorderColor)} 0 0 0 1px inset`,
+        },
+        '&:active': {
+            boxShadow: `${(0, polished_1.opacify)(0.05, theme.appBorderColor)} 0 0 0 2px inset`,
+        },
+    },
+    'input:checked ~ span': {
+        marginLeft: 20,
+    },
+    'input:not(:checked) ~ span': {
+        marginRight: 20,
+    },
+})));
+const Toggle = ({ value, onChange }) => (react_1.default.createElement(Container, null,
+    react_1.default.createElement("input", { type: "checkbox", onChange: () => {
+            onChange(!value);
+        }, checked: value ?? false }),
+    react_1.default.createElement("span", null, value ? '☪' : '☀')));
+exports.Toggle = Toggle;
+//# sourceMappingURL=Toggle.js.map

package/dist/client/web/CreeveyView/SideBar/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../../../src/client/web/CreeveyView/SideBar/Toggle.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,gDAAuD;AACvD,uCAAmC;AAEnC,MAAM,SAAS,GAAG,IAAA,mBAAS,EACzB,gBAAM,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1B,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,KAAK,CAAC,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;IAChF,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,CAAC;IACV,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,EAAE;IAEd,KAAK,EAAE;QACL,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,SAAS;QAEjB,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;SAChB;KACF;IAED,IAAI,EAAE;QACJ,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,cAAc;QACvB,UAAU,EAAE,oBAAoB;QAChC,UAAU,EAAE,MAAM;QAClB,YAAY,EAAE,MAAM;QACpB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG;QAChC,SAAS,EAAE,GAAG,IAAA,kBAAO,EAAC,GAAG,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU;QAC1D,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW;QAC9B,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,SAAS,EAAE,YAAY;QACvB,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,QAAQ;QAEnB,SAAS,EAAE;YACT,SAAS,EAAE,GAAG,IAAA,kBAAO,EAAC,GAAG,EAAE,KAAK,CAAC,cAAc,CAAC,kBAAkB;SACnE;QAED,UAAU,EAAE;YACV,SAAS,EAAE,GAAG,IAAA,kBAAO,EAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,kBAAkB;SACpE;KACF;IAED,sBAAsB,EAAE;QACtB,UAAU,EAAE,EAAE;KACf;IAED,4BAA4B,EAAE;QAC5B,WAAW,EAAE,EAAE;KAChB;CACF,CAAC,CAAC,CACJ,CAAC;AAOK,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAe,EAAe,EAAE,CAAC,CACvE,8BAAC,SAAS;IACR,yCACE,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,GAAG,EAAE;YACb,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC,EACD,OAAO,EAAE,KAAK,IAAI,KAAK,GACvB;IACF,4CAAO,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAQ,CACtB,CACb,CAAC;AAXW,QAAA,MAAM,UAWjB"}

package/dist/client/web/CreeveyView/SideBar/index.d.ts

@@ -0,0 +1 @@
+export { SideBar } from './SideBar.js';

package/dist/client/web/CreeveyView/SideBar/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SideBar = void 0;
+var SideBar_js_1 = require("./SideBar.js");
+Object.defineProperty(exports, "SideBar", { enumerable: true, get: function () { return SideBar_js_1.SideBar; } });
+//# sourceMappingURL=index.js.map

package/dist/client/web/CreeveyView/SideBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/client/web/CreeveyView/SideBar/index.ts"],"names":[],"mappings":";;;AAAA,2CAAuC;AAA9B,qGAAA,OAAO,OAAA"}