@1771technologies/lytenyte-pro 2.0.0 → 2.0.2

package/README.md

@@ -1,32 +1,29 @@
 <div align="center">
   <br><br>
   <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="https://xwhoymbxqtnizjadugph.supabase.co/storage/v1/object/public/images//github-lytenyte-dark.svg"/>
-    <source media="(prefers-color-scheme: light)" srcset="https://xwhoymbxqtnizjadugph.supabase.co/storage/v1/object/public/images//github-lytenyte-light.svg"/>
-    <img width="360" alt="Logo of LyteNyte Grid" src="https://xwhoymbxqtnizjadugph.supabase.co/storage/v1/object/public/images//github-lytenyte-dark.svg"/>
+    <source media="(prefers-color-scheme: dark)" srcset="https://xwhoymbxqtnizjadugph.supabase.co/storage/v1/object/public/images/github-lytenyte-dark.svg"/>
+    <source media="(prefers-color-scheme: light)" srcset="https://xwhoymbxqtnizjadugph.supabase.co/storage/v1/object/public/images/github-lytenyte-light.svg"/>
+    <img width="360" alt="Logo of LyteNyte Grid" src="https://xwhoymbxqtnizjadugph.supabase.co/storage/v1/object/public/images/github-lytenyte-light.svg"/>
   </picture>
   <br><br>
 
   <h3>
-  The Fastest React Data Grid Available on the Modern Web
+    The Fastest React Data Grid On The Modern Web
   </h3>
 
 </div>
 <div align="center">
 
-Experience unrivaled performance, memory efficiency, and a
-comprehensive feature set, all in a tiny bundle size.
-LyteNyte Grid is designed to help developers handle large, real-time,
-and complex datasets without compromising speed or usability.
+LyteNyte Grid is a **~40 KB, zero-dependency React data grid** engineered for
+high performance and enterprise-scale datasets. It can handle **10,000 updates/sec**
+and render **millions of rows**. No wrappers. No heavy abstractions.
 
-The free **LyteNyte Grid Core** edition includes intuitive sorting, precise filtering, row grouping,
-and data aggregation capabilities, everything you need to take complete control of your data.
+Choose between **headless** components or a **pre-styled** grid out of
+the box, and ship faster with a **declarative API** that
+is purpose-built for React.
 
-Need more power? Upgrade to **LyteNyte Grid PRO** to access more advanced features like tree data structures,
-asynchronous data loading, and purpose-built UI components for managing columns, views, and exports.
-Build custom menus, popover dialogs, and dynamic workflows with ease.
-
-Meticulously engineered to redefine what your enterprise expects from a React data grid.
+Start with **LyteNyte Grid Core** (free and open source). Upgrade
+to **LyteNyte Grid PRO** for advanced enterprise features and support.
 
 [Compare Features](https://1771technologies.com/pricing)
 
@@ -60,12 +57,14 @@ Meticulously engineered to redefine what your enterprise expects from a React da
 
 LyteNyte Grid is available in two editions:
 
-1. **LyteNyte Grid Core:** A free, high-performance edition that delivers essential
-   table capabilities like **row grouping, column auto-sizing,** and **row detail** views.
+1. **LyteNyte Grid Core: Free, open-source edition** for building high-performance data tables.
+   Includes sorting, filtering, editing, row selection, detail views, and more. Also includes advanced
+   features such as aggregation, row grouping, and data export, often locked behind paywalls in other grids.
 
-2. **LyteNyte Grid PRO:** An advanced enterprise edition that builds on Core with additional
-   features such as **asynchronous data loading, column manager components,** and 
-   **data exporting** capabilities.
+2. **LyteNyte Grid PRO: Commercial edition** that extends Core with powerful enterprise
+   features such as server-side data loading, pivoting, tree data, component managers,
+   and advanced filtering. Build custom menus, popovers and dialogs,
+   and workflow-driven UIs with ease.
 
 ## Key Design Principles
 
@@ -80,6 +79,26 @@ LyteNyte Grid is available in two editions:
   implements one-way data binding and declarative rendering to
   maintain predictable state management.
 
+## Installation
+
+LyteNyte Grid can be installed via NPM:
+
+**PRO:**
+
+```sh
+npm install --save @1771technologies/lytenyte-pro
+```
+
+> [!NOTE]
+> You can install and use LyteNyte Grid PRO
+> without license but a watermark will be displayed.
+
+**Core:**
+
+```sh
+npm install --save @1771technologies/lytenyte-core
+```
+
 ## Quick Start
 
 - Begin with our comprehensive [getting started guide](https://www.1771technologies.com/docs/intro-getting-started).
@@ -88,19 +107,21 @@ LyteNyte Grid is available in two editions:
 
 ## Licensing
 
-LyteNyte Grid is available in two editions, Core and PRO, and offered under the following three license plans:
+LyteNyte Grid is available in two editions, Core and PRO, and is offered under the following three license plans:
+
+1. **Core License Plan:** An [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0)
+   license for the Core edition, which is free and open-source. Ideal for individual developers and community use.
 
-1. **Core License Plan:** Free and open source, licensed under [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0).
-   Includes LyteNyte Grid Core edition with foundational features like sorting, filtering, row grouping,
-   and column auto-sizing. Ideal for individual developers and community use.
+2. **Developer PRO License Plan:** A [commercial license](https://www.1771technologies.com/eula) for the PRO edition, designed for
+   individuals and teams with up to 50 developers. Unlocks the full potential of LyteNyte
+   Grid with advanced features unavailable in the Core edition.
 
-2. **Developer PRO License Plan:** A [commercial license](https://www.1771technologies.com/eula) for the PRO
-   edition, designed for individuals and teams with up to 50 developers. Unlocks the full potential of LyteNyte Grid
-   with advanced features unavailable in the Core edition.
-3. **Organization PRO License Plan:** A [commercial license](https://www.1771technologies.com/eula) for the PRO edition, tailored for teams
-   with 50+ developers. Includes all PRO features along with an enhanced support agreement and negotiated pricing terms.
+3. **Organization PRO License Plan:** A [commercial license](https://www.1771technologies.com/eula) for the PRO edition,
+   tailored for teams with 50+ developers. Includes all PRO features along
+   with an enhanced support agreement and negotiated pricing terms.
 
-All **PRO licenses** are **perpetual** and include **12 months** of software updates, feature upgrades, and dedicated technical support.
+All **PRO licenses** are **perpetual** and include **12 months** of software updates,
+feature upgrades, and dedicated technical support during your active license term.
 
 ## Support
 
@@ -122,4 +143,4 @@ LyteNyte Grid follows [semantic versioning](https://semver.org/) to ensure clear
 ## Security
 
 For information on reporting security vulnerabilities,
-please consult our [security policy](./SECURITY.md).
+please consult our [security policy](https://github.com/1771-Technologies/lytenyte/blob/main/SECURITY.md).

package/SECURITY.md

@@ -0,0 +1,22 @@
+# Security Policy
+
+## Supported Versions
+
+| Version           | Security Updates                 |
+| ----------------- | -------------------------------- |
+| Latest            | ✅ All security vulnerabilities  |
+| Previous versions | ⚠️ Critical vulnerabilities only |
+
+The team at 1771 Technologies addresses security vulnerabilities as follows:
+
+- **Critical vulnerabilities**: Patched for all supported versions of LyteNyte Grid.
+- **Non-critical vulnerabilities**: Patched only for the latest version.
+
+## Reporting a Vulnerability
+
+We take the security of LyteNyte Grid seriously. Please report security vulnerabilities through our confidential reporting process:
+
+1. Email [support@1771technologies.com](mailto:support@1771technologies.com) with details about the vulnerability.
+2. Include steps to reproduce, potential impact, and any relevant documentation.
+3. Our security team will acknowledge receipt within 24 hours.
+4. You'll receive regular updates as we address the issue.

package/css/components.css

@@ -225,8 +225,8 @@
 
     font-family: var(--ln-typeface);
 
-    border: 1px solid var(--ln-border);
-    background-color: var(--ln-bg);
+    border: 1px solid var(--ln-border-popover);
+    background-color: var(--ln-bg-popover);
     box-shadow: var(--ln-shadow-400);
 
     transition-property: opacity, scale;
@@ -249,10 +249,10 @@
       position: absolute;
 
       [data-ln-dialog-arrow-area="true"] {
-        fill: var(--ln-bg);
+        fill: var(--ln-bg-popover);
       }
       [data-ln-dialog-arrow-border] {
-        stroke: var(--ln-border);
+        stroke: var(--ln-border-popover);
       }
 
       &[data-ln-placement="bottom"] {

package/css/grid.css

@@ -3,7 +3,7 @@
 @layer ln-grid {
   .ln-grid {
     /* CELL SELECTION */
-    [data-ln-cell-selection-rect]:not([data-ln-cell-selection-is-unit="true"]) {
+    [data-ln-cell-selection-rect] {
       background-color: var(--ln-primary-10);
       box-sizing: border-box;
 

package/dist/__play__/alpha.play.d.ts

@@ -1,3 +1,4 @@
+import "@1771technologies/lytenyte-design/shadcn-vars.css";
 import "@1771technologies/lytenyte-design/fonts.css";
 import "../../css/grid-full.css";
 export default function Experimental(): import("react/jsx-runtime").JSX.Element;

package/dist/__play__/alpha.play.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useTheme } from "@1771technologies/play-frame";
+// import { useTheme } from "@1771technologies/play-frame";
+import "@1771technologies/lytenyte-design/shadcn-vars.css";
 import "@1771technologies/lytenyte-design/fonts.css";
 import "../../css/grid-full.css";
 import { bankDataSmall } from "@1771technologies/grid-sample-data/bank-data-smaller";
@@ -48,8 +49,7 @@ export default function Experimental() {
     const [rowGroupColumn, setRowGroupColumn] = useState({
         cellRenderer: RowGroupCell,
     });
-    const { resolvedTheme } = useTheme();
-    return (_jsxs(_Fragment, { children: [_jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", padding: "8px" }, children: _jsx("button", { onClick: () => setPivotMode((prev) => !prev), children: "Toggle Pivot Mode" }) }), _jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center" }, children: _jsx("div", { className: "ln-grid " + (resolvedTheme === "light" ? "ln-light" : "ln-dark"), style: { height: "90vh", width: "90vw" }, children: _jsx(Grid, { columns: columns, columnBase: useMemo(() => ({ movable: true, resizable: true, width: 100 }), []), slotShadows: ViewportShadows, columnGroupRenderer: (props) => {
+    return (_jsxs(_Fragment, { children: [_jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", padding: "8px" }, children: _jsx("button", { onClick: () => setPivotMode((prev) => !prev), children: "Toggle Pivot Mode" }) }), _jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center" }, children: _jsx("div", { className: "ln-grid ln-shadcn", style: { height: "90vh", width: "90vw" }, children: _jsx(Grid, { columns: columns, columnBase: useMemo(() => ({ movable: true, resizable: true, width: 100 }), []), slotShadows: ViewportShadows, columnGroupRenderer: (props) => {
                             const label = props.groupPath.at(-1);
                             return (_jsxs("div", { children: [label, props.collapsible && (_jsx("button", { onClick: () => props.api.columnToggleGroup(props.groupPath), children: ">" }))] }));
                         }, rowSource: ds, rowGroupColumn: rowGroupColumn, onRowGroupColumnChange: setRowGroupColumn, rowSelectionMode: "multiple", ...pivotProps }) }) })] }));

package/dist/__play__/basic-server-data/page-data.d.ts

@@ -0,0 +1,16 @@
+export type MovieData = (typeof data)[number];
+export declare const data: {
+    link: string;
+    name: string;
+    released_at: string;
+    genre: string;
+    poster: string;
+    streaming_on: string;
+    country: string;
+    number_of_seasons: string;
+    type: string;
+    content_rating: string;
+    imdb_rating: string;
+    uniq_id: string;
+    scraped_at: string;
+}[];