@1771technologies/lytenyte-pro 1.0.20 → 2.0.0-dev.0

package/dist/+types.js

@@ -1 +0,0 @@
-export {};

package/dist/__play__/cell-selections/cell-selection.play.d.ts

@@ -1,5 +0,0 @@
-import "../../../main.css";
-import "./cell-selection.css";
-export default function CellSelection({ data }: {
-    data?: any[];
-}): import("react/jsx-runtime").JSX.Element;

package/dist/__play__/cell-selections/cell-selection.play.js

@@ -1,80 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import "../../../main.css";
-import "./cell-selection.css";
-import { useClientRowDataSource } from "../../row-data-source-client/use-client-data-source.js";
-import { useLyteNyte } from "../../state/use-lytenyte.js";
-import { useId } from "react";
-import { Viewport } from "../../grid/viewport.js";
-import { Root } from "../../grid/root.js";
-import { Header } from "../../grid/header.js";
-import { HeaderRow } from "../../grid/header-row.js";
-import { HeaderGroupCell } from "../../grid/header-group-cell.js";
-import { HeaderCell } from "../../grid/header-cell.js";
-import { RowsContainer } from "../../grid/rows-container.js";
-import { RowsBottom, RowsCenter, RowsTop } from "../../grid/rows-sections.js";
-import { RowHandler } from "../test-utils/row-handler.js";
-import { bankDataSmall } from "../test-utils/bank-data-smaller.js";
-const columns = [
-    { id: "age" },
-    { id: "job" },
-    { id: "balance", pin: "start" },
-    { id: "education" },
-    { id: "marital" },
-    { id: "default" },
-    { id: "housing" },
-    { id: "loan" },
-    { id: "contact" },
-    { id: "day" },
-    { id: "month" },
-    { id: "duration" },
-    { id: "campaign" },
-    { id: "pdays" },
-    { id: "previous" },
-    { id: "poutcome", name: "P Outcome" },
-    { id: "y" },
-];
-export default function CellSelection({ data = bankDataSmall }) {
-    const ds = useClientRowDataSource({
-        data: data,
-        topData: data.slice(0, 2),
-        bottomData: data.slice(0, 2),
-    });
-    const g = useLyteNyte({
-        gridId: useId(),
-        columns,
-        rowDataSource: ds,
-        cellSelectionMode: "range",
-        columnBase: {
-            uiHints: {
-                movable: true,
-                resizable: true,
-            },
-        },
-    });
-    const view = g.view.useValue();
-    const selections = g.state.cellSelections.useValue();
-    return (_jsxs("div", { children: [_jsxs("div", { children: [_jsxs("button", { onClick: () => g.state.rtl.set((prev) => !prev), children: ["RTL: ", g.state.rtl.get() ? "Yes" : "No"] }), _jsx("button", { onClick: () => g.state.columnMarkerEnabled.set((prev) => !prev), children: "Toggle Marker" }), _jsx("button", { onClick: () => g.state.cellSelectionMode.set((prev) => prev === "multi-range" ? "range" : "multi-range"), children: "Range Selection" }), _jsx("pre", { children: JSON.stringify(selections) })] }), _jsx("div", { style: { width: "100%", height: "90vh", border: "1px solid black" }, children: _jsx(Root, { grid: g, children: _jsxs(Viewport, { children: [_jsx(Header, { children: view.header.layout.map((row, i) => {
-                                    return (_jsx(HeaderRow, { headerRowIndex: i, children: row.map((c) => {
-                                            if (c.kind === "group") {
-                                                return (_jsx(HeaderGroupCell, { cell: c, style: {
-                                                        paddingInline: "16px",
-                                                        background: "light-dark(rgb(200,200,200),rgb(57, 39, 39))",
-                                                        color: "light-dark(black,white)",
-                                                        display: "flex",
-                                                        alignItems: "center",
-                                                        borderBottom: "1px solid light-dark(gray, #444242)",
-                                                        borderRight: "1px solid light-dark(gray, #444242)",
-                                                    } }, c.idOccurrence));
-                                            }
-                                            return (_jsx(HeaderCell, { cell: c, style: {
-                                                    paddingInline: "16px",
-                                                    background: "light-dark(rgb(200,200,200),rgb(57, 39, 39))",
-                                                    color: "light-dark(black,white)",
-                                                    display: "flex",
-                                                    alignItems: "center",
-                                                    borderBottom: "1px solid light-dark(gray, #444242)",
-                                                    borderRight: "1px solid light-dark(gray, #444242)",
-                                                } }, c.column.id));
-                                        }) }, i));
-                                }) }), _jsxs(RowsContainer, { children: [_jsx(RowsTop, { children: _jsx(RowHandler, { rows: view.rows.top, withStyles: true, pinned: true }) }), _jsx(RowsCenter, { children: _jsx(RowHandler, { rows: view.rows.center, withStyles: true }) }), _jsx(RowsBottom, { children: _jsx(RowHandler, { rows: view.rows.bottom, withStyles: true, pinned: true }) })] })] }) }) })] }));
-}

package/dist/__play__/filter-select/filter-select.play.d.ts

@@ -1,4 +0,0 @@
-import "../../../main.css";
-export default function FilterSelection({ data }: {
-    data?: any[];
-}): import("react/jsx-runtime").JSX.Element;

package/dist/__play__/filter-select/filter-select.play.js

@@ -1,76 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "../../../main.css";
-import { useClientRowDataSource } from "../../row-data-source-client/use-client-data-source.js";
-import { useLyteNyte } from "../../state/use-lytenyte.js";
-import { useId } from "react";
-import { Viewport } from "../../grid/viewport.js";
-import { Root } from "../../grid/root.js";
-import { Header } from "../../grid/header.js";
-import { HeaderRow } from "../../grid/header-row.js";
-import { HeaderGroupCell } from "../../grid/header-group-cell.js";
-import { HeaderCell } from "../../grid/header-cell.js";
-import { RowsContainer } from "../../grid/rows-container.js";
-import { RowsBottom, RowsCenter, RowsTop } from "../../grid/rows-sections.js";
-import { RowHandler } from "../test-utils/row-handler.js";
-import { bankDataSmall } from "../test-utils/bank-data-smaller.js";
-import { FilterSelect } from "../../filter-selects/index.js";
-const columns = [
-    { id: "age", type: "number" },
-    { id: "job", type: "date" },
-    { id: "balance", pin: "start" },
-    { id: "education" },
-    { id: "marital" },
-    { id: "default" },
-    { id: "housing" },
-    { id: "loan" },
-    { id: "contact" },
-    { id: "day" },
-    { id: "month" },
-    { id: "duration" },
-    { id: "campaign" },
-    { id: "pdays" },
-    { id: "previous" },
-    { id: "poutcome", name: "P Outcome" },
-    { id: "y" },
-];
-export default function FilterSelection({ data = bankDataSmall }) {
-    const ds = useClientRowDataSource({
-        data: data,
-    });
-    const g = useLyteNyte({
-        gridId: useId(),
-        columns,
-        rowDataSource: ds,
-    });
-    const view = g.view.useValue();
-    const rootAge = FilterSelect.useFilterSelect({ grid: g, column: columns[0], maxCount: 3 });
-    const rootJob = FilterSelect.useFilterSelect({ grid: g, column: columns[1], maxCount: 3 });
-    return (_jsxs("div", { style: { display: "flex" }, children: [_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 20 }, children: [_jsx("div", { children: _jsxs(FilterSelect.Root, { root: rootAge, children: [rootAge.filters.map((c, i) => {
-                                    return (_jsxs(FilterSelect.FilterRow, { filter: c, children: [_jsx(FilterSelect.OperatorSelect, {}), _jsx(FilterSelect.ValueInput, {}), _jsx(FilterSelect.FilterCombinator, {})] }, i));
-                                }), _jsx(FilterSelect.Apply, {}), _jsx(FilterSelect.Reset, {})] }) }), _jsx("div", { children: _jsxs(FilterSelect.Root, { root: rootJob, children: [rootJob.filters.map((c, i) => {
-                                    return (_jsxs(FilterSelect.FilterRow, { filter: c, children: [_jsx(FilterSelect.OperatorSelect, {}), _jsx(FilterSelect.ValueInput, {}), _jsx(FilterSelect.FilterCombinator, {})] }, i));
-                                }), _jsx(FilterSelect.Apply, {}), _jsx(FilterSelect.Reset, {})] }) })] }), _jsx("div", { style: { width: "100%", height: "90vh", border: "1px solid black" }, children: _jsx(Root, { grid: g, children: _jsxs(Viewport, { children: [_jsx(Header, { children: view.header.layout.map((row, i) => {
-                                    return (_jsx(HeaderRow, { headerRowIndex: i, children: row.map((c) => {
-                                            if (c.kind === "group") {
-                                                return (_jsx(HeaderGroupCell, { cell: c, style: {
-                                                        paddingInline: "16px",
-                                                        background: "light-dark(rgb(200,200,200),rgb(57, 39, 39))",
-                                                        color: "light-dark(black,white)",
-                                                        display: "flex",
-                                                        alignItems: "center",
-                                                        borderBottom: "1px solid light-dark(gray, #444242)",
-                                                        borderRight: "1px solid light-dark(gray, #444242)",
-                                                    } }, c.idOccurrence));
-                                            }
-                                            return (_jsx(HeaderCell, { cell: c, style: {
-                                                    paddingInline: "16px",
-                                                    background: "light-dark(rgb(200,200,200),rgb(57, 39, 39))",
-                                                    color: "light-dark(black,white)",
-                                                    display: "flex",
-                                                    alignItems: "center",
-                                                    borderBottom: "1px solid light-dark(gray, #444242)",
-                                                    borderRight: "1px solid light-dark(gray, #444242)",
-                                                } }, c.column.id));
-                                        }) }, i));
-                                }) }), _jsxs(RowsContainer, { children: [_jsx(RowsTop, { children: _jsx(RowHandler, { rows: view.rows.top, withStyles: true, pinned: true }) }), _jsx(RowsCenter, { children: _jsx(RowHandler, { rows: view.rows.center, withStyles: true }) }), _jsx(RowsBottom, { children: _jsx(RowHandler, { rows: view.rows.bottom, withStyles: true, pinned: true }) })] })] }) }) })] }));
-}

package/dist/__play__/test-utils/bank-data-smaller.d.ts

@@ -1,19 +0,0 @@
-export declare const bankDataSmall: {
-    age: number;
-    job: string;
-    marital: string;
-    education: string;
-    default: string;
-    balance: number;
-    housing: string;
-    loan: string;
-    contact: string;
-    day: number;
-    month: string;
-    duration: number;
-    campaign: string;
-    pdays: string;
-    previous: string;
-    poutcome: string;
-    y: string;
-}[];