@insync-stageplayer/measurements 0.5.37 → 0.6.0

package/lib/components/MeasurementsTable/MeasurementsTable.test.js

@@ -1,103 +1,103 @@
-import React from "react";
-import { shallow, configure } from "enzyme";
-import Adapter from "enzyme-adapter-react-16";
-import { SelectedContext } from "./SelectedContext";
-import { CheckboxCell, YAxisCheckboxCell } from "./CheckboxCell";
-import ColorPicker from "./ColorPicker";
-import { ColumnSorting } from "./ColumnSorting";
-import { textMatcher, textFilter } from "./filters";
-configure({ adapter: new Adapter() });
-describe("CheckboxCell component", () => {
-    test("Renders a radio input when single selection mode is on", () => {
-        const wrapper = shallow(React.createElement(SelectedContext.Provider, { value: { selected: [], single: true } },
-            React.createElement(CheckboxCell, { id: "1", rowToDisable: false })));
-        expect(wrapper.find("input[type='checkbox']")).toHaveLength(0);
-    });
-    test("Renders a checkbox input when single selection mode is off", () => {
-        const wrapper = shallow(React.createElement(SelectedContext.Provider, { value: { selected: [], single: false } },
-            React.createElement(CheckboxCell, { id: "1", rowToDisable: false })));
-        expect(wrapper.find("input[type='radio']")).toHaveLength(0);
-    });
-    test("Renders a disabled input when rowToDisable is true", () => {
-        const wrapper = shallow(React.createElement(CheckboxCell, { id: "1", rowToDisable: true }));
-        expect(wrapper.find("input").prop("disabled")).toBe(true);
-    });
-    test("Renders a checkbox input when in multiple selection mode", () => {
-        const wrapper = shallow(React.createElement(CheckboxCell, { id: "1", rowToDisable: false }));
-        expect(wrapper.find('input[type="checkbox"]').exists()).toBe(true);
-    });
-    test("Sets the checked prop to false when the id is not in the selected array", () => {
-        const wrapper = shallow(React.createElement(CheckboxCell, { id: "1", rowToDisable: false }));
-        expect(wrapper.find("input").prop("checked")).toBe(false);
-    });
-    test("Renders a checkbox input when not in single selection mode", () => {
-        const wrapper = shallow(React.createElement(CheckboxCell, { id: "0", rowToDisable: false }));
-        expect(wrapper.find('input[type="checkbox"]').exists()).toBe(true);
-    });
-});
-describe("YAxisCheckboxCell component", () => {
-    test("Renders a checkbox input", () => {
-        const wrapper = shallow(React.createElement(YAxisCheckboxCell, { yaxisLeftPos: "1" }));
-        expect(wrapper.find('input[type="checkbox"]').exists()).toBe(true);
-    });
-    test("Sets the 'checked' prop based on the 'selected' context value", () => {
-        const contextValue = { selected: ["1"], single: false };
-        jest.spyOn(React, "useContext").mockReturnValue(contextValue);
-        const wrapper = shallow(React.createElement(YAxisCheckboxCell, { yaxisLeftPos: "1" }));
-        expect(wrapper.find('input[type="checkbox"]').prop("checked")).toBe(true);
-    });
-    test("Sets the 'checked' prop to false when 'yaxisLeftPos' is not in the 'selected' context value", () => {
-        const contextValue = { selected: ["2"], single: false };
-        jest.spyOn(React, "useContext").mockReturnValue(contextValue);
-        const wrapper = shallow(React.createElement(YAxisCheckboxCell, { yaxisLeftPos: "1" }));
-        expect(wrapper.find('input[type="checkbox"]').prop("checked")).toBe(false);
-    });
-});
-describe("ColorCell component", () => {
-    test("Component is rendered", () => {
-        const wrapper = shallow(React.createElement(ColorPicker, null));
-        expect(wrapper.exists()).toBe(true);
-    });
-});
-describe("ColumnSorting component", () => {
-    const column = {
-        id: "date",
-        Header: "Date",
-        accessor: (d) => d.date,
-        isSorted: true,
-        isSortedDesc: false,
-    };
-    test("Should render an up arrow when the column is sorted in ascending order", () => {
-        column.isSortedDesc = false;
-        const wrapper = shallow(React.createElement(ColumnSorting, { column: column }));
-        expect(wrapper.find("span").text()).toEqual(" ↑");
-    });
-    test("Should render a down arrow when the column is sorted in descending order", () => {
-        column.isSortedDesc = true;
-        const wrapper = shallow(React.createElement(ColumnSorting, { column: column }));
-        expect(wrapper.find("span").text()).toEqual(" ↓");
-    });
-    test("Should not render when the column is not sorted", () => {
-        column.isSorted = false;
-        const wrapper = shallow(React.createElement(ColumnSorting, { column: column }));
-        expect(wrapper.find("span").exists()).toEqual(false);
-    });
-});
-describe("TextMatcher", () => {
-    const rows = [
-        { values: { name: "Alice", age: 30 } },
-        { values: { name: "Bob", age: 40 } },
-        { values: { name: "Charlie", age: 50 } },
-    ];
-    test("Returns all rows when filter value is empty", () => {
-        const filteredRows = textFilter(rows, "name", "");
-        expect(filteredRows).toEqual(rows);
-    });
-    test("Returns false when row value does not contain search string", () => {
-        const row = { values: { name: "Bob" } };
-        const matcher = textMatcher("li", "name");
-        const result = matcher(row);
-        expect(result).toBe(false);
-    });
-});
+import React from "react";
+import { shallow, configure } from "enzyme";
+import Adapter from "enzyme-adapter-react-16";
+import { SelectedContext } from "./SelectedContext";
+import { CheckboxCell, YAxisCheckboxCell } from "./CheckboxCell";
+import ColorPicker from "./ColorPicker";
+import { ColumnSorting } from "./ColumnSorting";
+import { textMatcher, textFilter } from "./filters";
+configure({ adapter: new Adapter() });
+describe("CheckboxCell component", () => {
+    test("Renders a radio input when single selection mode is on", () => {
+        const wrapper = shallow(React.createElement(SelectedContext.Provider, { value: { selected: [], single: true } },
+            React.createElement(CheckboxCell, { id: "1", rowToDisable: false })));
+        expect(wrapper.find("input[type='checkbox']")).toHaveLength(0);
+    });
+    test("Renders a checkbox input when single selection mode is off", () => {
+        const wrapper = shallow(React.createElement(SelectedContext.Provider, { value: { selected: [], single: false } },
+            React.createElement(CheckboxCell, { id: "1", rowToDisable: false })));
+        expect(wrapper.find("input[type='radio']")).toHaveLength(0);
+    });
+    test("Renders a disabled input when rowToDisable is true", () => {
+        const wrapper = shallow(React.createElement(CheckboxCell, { id: "1", rowToDisable: true }));
+        expect(wrapper.find("input").prop("disabled")).toBe(true);
+    });
+    test("Renders a checkbox input when in multiple selection mode", () => {
+        const wrapper = shallow(React.createElement(CheckboxCell, { id: "1", rowToDisable: false }));
+        expect(wrapper.find('input[type="checkbox"]').exists()).toBe(true);
+    });
+    test("Sets the checked prop to false when the id is not in the selected array", () => {
+        const wrapper = shallow(React.createElement(CheckboxCell, { id: "1", rowToDisable: false }));
+        expect(wrapper.find("input").prop("checked")).toBe(false);
+    });
+    test("Renders a checkbox input when not in single selection mode", () => {
+        const wrapper = shallow(React.createElement(CheckboxCell, { id: "0", rowToDisable: false }));
+        expect(wrapper.find('input[type="checkbox"]').exists()).toBe(true);
+    });
+});
+describe("YAxisCheckboxCell component", () => {
+    test("Renders a checkbox input", () => {
+        const wrapper = shallow(React.createElement(YAxisCheckboxCell, { yaxisLeftPos: "1" }));
+        expect(wrapper.find('input[type="checkbox"]').exists()).toBe(true);
+    });
+    test("Sets the 'checked' prop based on the 'selected' context value", () => {
+        const contextValue = { selected: ["1"], single: false };
+        jest.spyOn(React, "useContext").mockReturnValue(contextValue);
+        const wrapper = shallow(React.createElement(YAxisCheckboxCell, { yaxisLeftPos: "1" }));
+        expect(wrapper.find('input[type="checkbox"]').prop("checked")).toBe(true);
+    });
+    test("Sets the 'checked' prop to false when 'yaxisLeftPos' is not in the 'selected' context value", () => {
+        const contextValue = { selected: ["2"], single: false };
+        jest.spyOn(React, "useContext").mockReturnValue(contextValue);
+        const wrapper = shallow(React.createElement(YAxisCheckboxCell, { yaxisLeftPos: "1" }));
+        expect(wrapper.find('input[type="checkbox"]').prop("checked")).toBe(false);
+    });
+});
+describe("ColorCell component", () => {
+    test("Component is rendered", () => {
+        const wrapper = shallow(React.createElement(ColorPicker, null));
+        expect(wrapper.exists()).toBe(true);
+    });
+});
+describe("ColumnSorting component", () => {
+    const column = {
+        id: "date",
+        Header: "Date",
+        accessor: (d) => d.date,
+        isSorted: true,
+        isSortedDesc: false,
+    };
+    test("Should render an up arrow when the column is sorted in ascending order", () => {
+        column.isSortedDesc = false;
+        const wrapper = shallow(React.createElement(ColumnSorting, { column: column }));
+        expect(wrapper.find("span").text()).toEqual(" ↑");
+    });
+    test("Should render a down arrow when the column is sorted in descending order", () => {
+        column.isSortedDesc = true;
+        const wrapper = shallow(React.createElement(ColumnSorting, { column: column }));
+        expect(wrapper.find("span").text()).toEqual(" ↓");
+    });
+    test("Should not render when the column is not sorted", () => {
+        column.isSorted = false;
+        const wrapper = shallow(React.createElement(ColumnSorting, { column: column }));
+        expect(wrapper.find("span").exists()).toEqual(false);
+    });
+});
+describe("TextMatcher", () => {
+    const rows = [
+        { values: { name: "Alice", age: 30 } },
+        { values: { name: "Bob", age: 40 } },
+        { values: { name: "Charlie", age: 50 } },
+    ];
+    test("Returns all rows when filter value is empty", () => {
+        const filteredRows = textFilter(rows, "name", "");
+        expect(filteredRows).toEqual(rows);
+    });
+    test("Returns false when row value does not contain search string", () => {
+        const row = { values: { name: "Bob" } };
+        const matcher = textMatcher("li", "name");
+        const result = matcher(row);
+        expect(result).toBe(false);
+    });
+});
 //# sourceMappingURL=MeasurementsTable.test.js.map

package/lib/components/MeasurementsTable/MeasurementsTableNoldus.d.ts

@@ -1,73 +1,73 @@
-/**
- * A component that displays a list of measurements. Provides searching/sorting/selecting capabilities.
- *
- * Also allows a user to change the colors of measurements.
- */
-import React from "react";
-import { MeasurementsTypes } from "../..";
-import "bootstrap/dist/css/bootstrap.css";
-declare type MeasurementsTableNoldusProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & {
-    /**
-     * If set to `true` only a single measurement can be selected (will render a radio instead of checkboxes).
-     */
-    single?: boolean;
-    /**
-     * The measurements we want to display in the table.
-     */
-    measurements: MeasurementsTypes.Measurement[];
-    /**
-     * The currently selected measurements (this is a controlled component).
-     */
-    selected?: string[];
-    /**
-     * The currently selected measurements (this is a controlled component).
-     */
-    yAxisLeftSelected?: string[];
-    /**
-     * The widths of the columns in percentages.
-     */
-    widths?: number[];
-    /**
-     * Callback when a measurement is selected.
-     * @param selected The selected measurements.
-     */
-    onChange?: (selected: string[]) => void;
-    /**
-     * Callback when a measurement is selected.
-     * @param selected The selected measurements.
-     */
-    onYAxisPosChange?: (selected: string[]) => void;
-    /**
-     * A function that can be used to format the frequency displayed in the frequency column.
-     * @param v The raw frequency number.
-     */
-    formatFrequency?: (v: number) => string;
-    /**
-     * Callback when color of meaurement is changed.
-     */
-    onColorChange?: (id: string, color: string) => void;
-    /**
-     * Use globally unique measurement colors or not
-     */
-    globallyUniqueMeasurementColors?: boolean;
-    /**
-     * Data viewer id this measurementstable is used for
-     */
-    dataViewerId: string;
-};
-/**
- * A component to render a list of measurements in a table. This table provides functionalities like:
- *
- * Please read up here https://react-table.tanstack.com/ for more information as to how this component works internally.
- *
- * - Sorting
- * - Resizable columns
- * - Changing measurement colors
- * - Searching measurements
- * - Selecting measurements
- * @param props
- * @returns
- */
-export declare const MeasurementsTableNoldus: (props: MeasurementsTableNoldusProps) => JSX.Element;
-export {};
+/**
+ * A component that displays a list of measurements. Provides searching/sorting/selecting capabilities.
+ *
+ * Also allows a user to change the colors of measurements.
+ */
+import React from "react";
+import { MeasurementsTypes } from "../..";
+import "bootstrap/dist/css/bootstrap.css";
+declare type MeasurementsTableNoldusProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    /**
+     * If set to `true` only a single measurement can be selected (will render a radio instead of checkboxes).
+     */
+    single?: boolean;
+    /**
+     * The measurements we want to display in the table.
+     */
+    measurements: MeasurementsTypes.Measurement[];
+    /**
+     * The currently selected measurements (this is a controlled component).
+     */
+    selected?: string[];
+    /**
+     * The currently selected measurements (this is a controlled component).
+     */
+    yAxisLeftSelected?: string[];
+    /**
+     * The widths of the columns in percentages.
+     */
+    widths?: number[];
+    /**
+     * Callback when a measurement is selected.
+     * @param selected The selected measurements.
+     */
+    onChange?: (selected: string[]) => void;
+    /**
+     * Callback when a measurement is selected.
+     * @param selected The selected measurements.
+     */
+    onYAxisPosChange?: (selected: string[]) => void;
+    /**
+     * A function that can be used to format the frequency displayed in the frequency column.
+     * @param v The raw frequency number.
+     */
+    formatFrequency?: (v: number) => string;
+    /**
+     * Callback when color of meaurement is changed.
+     */
+    onColorChange?: (id: string, color: string) => void;
+    /**
+     * Use globally unique measurement colors or not
+     */
+    globallyUniqueMeasurementColors?: boolean;
+    /**
+     * Data viewer id this measurementstable is used for
+     */
+    dataViewerId: string;
+};
+/**
+ * A component to render a list of measurements in a table. This table provides functionalities like:
+ *
+ * Please read up here https://react-table.tanstack.com/ for more information as to how this component works internally.
+ *
+ * - Sorting
+ * - Resizable columns
+ * - Changing measurement colors
+ * - Searching measurements
+ * - Selecting measurements
+ * @param props
+ * @returns
+ */
+export declare const MeasurementsTableNoldus: (props: MeasurementsTableNoldusProps) => React.JSX.Element;
+export {};
 //# sourceMappingURL=MeasurementsTableNoldus.d.ts.map

package/lib/components/MeasurementsTable/MeasurementsTableNoldus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MeasurementsTableNoldus.d.ts","sourceRoot":"","sources":["../../../src/components/MeasurementsTable/MeasurementsTableNoldus.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAmB9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,kCAAkC,CAAC;AAG1C,aAAK,4BAA4B,GAAG,IAAI,CACtC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX,GAAG;IACF;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,YAAY,EAAE,iBAAiB,CAAC,WAAW,EAAE,CAAC;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD;;OAEG;IACH,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAiHF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,uBAAuB,UAC3B,4BAA4B,gBAmOpC,CAAC"}
+{"version":3,"file":"MeasurementsTableNoldus.d.ts","sourceRoot":"","sources":["../../../src/components/MeasurementsTable/MeasurementsTableNoldus.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAmB9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,kCAAkC,CAAC;AAG1C,aAAK,4BAA4B,GAAG,IAAI,CACtC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX,GAAG;IACF;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,YAAY,EAAE,iBAAiB,CAAC,WAAW,EAAE,CAAC;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD;;OAEG;IACH,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAiHF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,uBAAuB,UAC3B,4BAA4B,sBAmOpC,CAAC"}