@sheetxl/grid-react 0.1.120 → 0.2.0

package/{build/LICENSE.md → LICENSE.md}

@@ -1,6 +1,6 @@
 # Repository Licensing
 
-The SheetXL monorepo contains a mix of open-source and commercially licensed packages. Each package is individually licensed and contains its own license file.
+SheetXL contains a mix of open-source and commercially licensed packages. Each package is individually licensed and contains its own license file.
 
 For the specific terms and conditions applicable to a package, please see the `LICENSE.md` file located in that package's root directory.
 

package/README.md

@@ -1,8 +1,7 @@
 # Grid React
 
-<a href="https://www.sheetxl.com" target="_blank" rel="noopener">
-  <img src="https://www.sheetxl.com/logo-text.svg" width="150" alt="SheetXL"/>
-</a>
+![SheetXL](https://www.sheetxl.com/logo-text.svg)
+
 
 An advanced standalone data-grid component available for all [SheetXL](https://www.sheetxl.com) projects.
 

package/{build/browser → browser}/cjs/index.cjs

@@ -1,6 +1,6 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._sheetxl-grid_11irg_13{position:relative;box-sizing:border-box;user-select:none}._sheetxl-grid_11irg_13 *{box-sizing:border-box!important}._sheetxl-grid_11irg_13 *:focus{outline:none}._sheetxl-grid_11irg_13 .cell-container{position:absolute;overflow:visible;white-space:pre}._sheetxl-grid_11irg_13 .cell-container>*{inset:0;position:absolute}._sheetxl-grid_11irg_13 .sheetxl-stage{contain:strict}._sheetxl-grid_11irg_13 .sheetxl-stage>*{contain:strict}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
 "use strict";/**
- * @license @sheetxl/grid-react - Grid - Advanced data grid component for React - v0.1.119
+ * @license @sheetxl/grid-react - Grid - Advanced data grid component for React - v0.2.0
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -12,7 +12,7 @@ All copy and paste operations will be limited to the browser tab.`,Gr={Safari:`T
 Copy and paste will be limited to within the browser tab.
 
 Please use Chrome or Edge if external copy and paste is required.`,Perms:bo,PermsWrite:zn()===Dt.Safari?gr:bo,PermsRead:zn()===Dt.Safari?gr:bo},So=async()=>new Promise(e=>{document.hasFocus()?e():globalThis.addEventListener?.("focus",()=>{e()},{once:!0}),document.activeElement.focus?.()}),Eo=async(e,t,n)=>{if(zn()===Dt.Safari)return await n(new Error(Gr.Safari));try{const o=async l=>{try{return await l()}catch(s){if(s.message?.includes("Document is not focused"))return!1;throw s}},r=await globalThis?.navigator?.permissions?.query({name:e,allowWithoutGesture:!0,allowWithoutSanitization:!0});let i=!1;if(r.state==="prompt"&&(i=await o(t)),i||r.state!=="granted"||(i=await t()),!i)return await n(new Error(r.state))}catch(o){return o.message==="No valid data on clipboard"||o.name==="DataError"?void 0:await n(o)}},Zr=async e=>{try{return await e.read({unsanitized:[Lt]})}catch{}return await e.read()};if(!globalThis.ClipboardItem){const e=(n,o)=>new Blob([o],{type:n});class t{constructor(o,r){this._items={},this._types=Object.keys(o);const i={},l=Object.keys(o);for(let s=0;s<l.length;s++){const u=l[s];let d=o[u];i[u]=typeof d=="string"?e(u,d):d}this._items=i,this._presentationStyle=r?.presentationStyle??"unspecified"}get types(){return this._types}getType(o){return Promise.resolve(this._items[o])}supports(o){return!0}}globalThis.ClipboardItem=t}const Do=async(e,t=Lt)=>new Promise(async(n,o)=>{try{const r=await(async(i,l)=>{if(!i)return null;const s=await Zr(i);let u=!1;for(let d=0;!u&&s&&d<s.length;d++)if(u=s[d].types.includes(l),u)return await s[d].getType(l);return u?void 0:null})(e,t);if(r){const i=new FileReader;i.onload=()=>{n(i.result)},i.onerror=()=>{n("")},i.readAsText(r)}else n("")}catch(r){o(r)}}),wr=async(e,t=Lt)=>{const n=await Do(e,t);if(!n)return null;let o=null;try{o=new DOMParser().parseFromString(n,Lt)}catch{console.warn("Can't parse html from clipboard.")}return o},jn="clipboard-uuid",xn="web text/uuid",mr=e=>`<div style="display:none" ${jn}="${e}"/>`,Vi=(e,t)=>{let n=null;try{const o=new DOMParser().parseFromString(t,Lt);o.body.firstElementChild.setAttribute(jn,e),n=o.getElementsByTagName("body")[0].innerHTML}catch(o){console.warn("Can't embed uuid.",o)}return n},xr=(e,t)=>{if(!t||!e)return!1;try{const n=t.querySelectorAll(`[${jn}="${e}"]`);if(n&&n.length===1)return!0;if(t.querySelector("parsererror"))throw new Error("We are unable to parse node");return!1}catch{return!1}};let no=class{constructor(e){if(e?.nativeClipboard===void 0||e?.nativeClipboard===!0)try{this._nativeClipboard=globalThis?.navigator.clipboard}catch{e?.nativeClipboard===!0&&console.warn("NativeClipboard option set to true but no native clipboard available.")}else this._nativeClipboard=e?.nativeClipboard===!1?null:e?.nativeClipboard;this._disableCheckOnFocus=e?.disableCheckOnFocus??!1,this._init()}async _checkForChanges(){this._nativeClipboard&&this._state&&!this._disableCheckOnFocus&&await Eo("clipboard-read",async()=>{await So();const e=await Do(this._nativeClipboard,xn);if(!this._state||e&&e===this._state.uuid)return!0;const t=await wr(this._nativeClipboard,Lt);return!this._state||(xr(this._state.uuid,t)||this.clear(),!0)},async e=>{e?.message==="denied"||e.message?.includes("Document is not focused")||zn()===Dt.Safari||console.warn("Unable to detect clipboard changes: ",e)})}_init(){const e=this;this._listeners=new Map,this._listenersCapture=new Map,this._state=null,this._nativeClipboard&&(this._onFocus=()=>{e._checkForChanges()},this._onBlur=()=>{globalThis.addEventListener?.("focus",e._onFocus,{once:!0})},globalThis.addEventListener?.("blur",this._onBlur),this._nativeClipboard.addEventListener("clipboardchange",t=>{e._checkForChanges()}))}async read(){if(!this._nativeClipboard)return this._state?.items??null;const e=this;return await Eo("clipboard-read",async()=>{if(await So(),this._state?.uuid){const t=await Do(this._nativeClipboard,xn);if(t&&t===e._state.uuid)return!0;const n=await wr(this._nativeClipboard,Lt);if(xr(e._state?.uuid,n))return!0}return e._state={items:await Zr(this._nativeClipboard),uuid:null,ref:null},this.dispatchEvent(new Event("clipboardread")),!0},async t=>{this.dispatchEvent(new Event("clipboarderrorread"))}),this._state?.items??[]}async write(e){return this._write({uuid:Zn(),items:e,ref:null})}async _write(e){if(!this._nativeClipboard)return this._state=e,this.dispatchEvent(new Event("clipboardwrite")),this.dispatchEvent(new Event("clipboardchange")),null;const t=this,n=[],o=e.uuid;let r=e.items??[];const i=()=>{t._state={uuid:o,ref:e.ref,items:n},t.dispatchEvent(new Event("clipboardwrite")),t.dispatchEvent(new Event("clipboardchange"))};await Eo("clipboard-write",async()=>{await So(),o&&r.length===0&&(r.push(new ClipboardItem({[xn]:new Blob([o],{type:xn})})),r.push(new ClipboardItem({[Lt]:new Blob([mr(o)],{type:Lt})})));for(let l=0;l<Math.min(1,r.length);l++){const s=r[l];let u=s.types.indexOf(Lt),d=null;if(u!==-1){const p=await s.getType(Lt);d=await Lo(p),d&&(d=Vi(o,d))}if(!d&&s.types.includes(rn)){const p=await s.getType(rn);if(p){let y=null;typeof p=="string"?(console.warn("text as string",p),y=p):y=await Lo(p),y&&(d=`<div ${jn}="${o}">${y}</div>`)}}if(!d&&s.types.includes(xo)){const p=await s.getType(xo),y=Kr(await p.arrayBuffer());d=`<div ${jn}="${o}"><img src="${Xr+y}"/></div>`}!d&&o&&(d=mr(o));const w=new Blob([d??""],{type:Lt}),x={};for(let p=0;p<s.types.length;p++){const y=s.types[p];x[y]=p===u?w:s.getType(y)}d&&u===-1&&(x[Lt]=w),o&&(x[xn]=new Blob([o],{type:xn})),n.push(new ClipboardItem(x))}try{n&&n.length!==0?await this._nativeClipboard.write(n):await(async l=>{l&&await l.writeText("")})(this._nativeClipboard)}catch(l){l.message?.includes("Document is not focused")||console.warn("Unable to write to native clipboard: ",l)}return i(),!0},async l=>{this.dispatchEvent(new Event("clipboarderrorwrite")),i()})}async writeReference(e){if(!e)return void this.clear();let t=null;const n={};try{const r=await e.toText?.()??null;r&&(n[rn]=new Blob([r??""],{type:rn}))}catch(r){t=r}try{const r=await e.toHtml?.()??null;r&&(n[Lt]=new Blob([r],{type:Lt}))}catch(r){t=r,console.warn("export to html",r)}try{const r=await e.toImage?.()??null;r&&(n[xo]=r)}catch(r){t=r,console.warn("export to png",r)}const o=this._write({uuid:Zn(),ref:e,items:Object.keys(n).length>0?[new ClipboardItem(n)]:null});if(t)throw t;return o}clear(e=!1){this._state&&(this._state=null,e&&this._write({uuid:null,ref:null,items:null}),this.dispatchEvent(new Event("clipboardwrite")),this.dispatchEvent(new Event("clipboardchange")))}async readReference(){return await this.read(),this._state?.ref??null}readText(){return new Promise(async(e,t)=>{const n=await this.read();let o=null;for(let i=0;!o&&n&&i<n.length;i++)n[i].types.includes(rn)&&(o=await n[i].getType(rn));if(!o)return void e("");const r=new FileReader;r.onload=()=>{e(r.result)},r.readAsText(o),r.onerror=i=>{t(i)}})}async writeText(e){const t=[new ClipboardItem({[rn]:new Blob([e],{type:rn})})];return this._write({uuid:Zn(),items:t,ref:null})}addEventListener(e,t,n={}){const o=n?.capture?this._listenersCapture:this._listeners;let r=o.get(e);r||(r=new Map,o.set(e,r)),r.set(t,typeof n=="boolean"?{}:n)}dispatchEvent(e){if(!e)return;const t=n=>{const o=n.get(e.type);o&&o.forEach((r,i)=>{try{typeof i=="function"?i(e):i.handleEvent&&i.handleEvent(e),r.once&&o.delete(i)}catch(l){console.warn(l)}})};return t(this._listenersCapture),t(this._listeners),!0}removeEventListener(e,t,n){const o=n?.capture?this._listenersCapture:this._listeners,r=o.get(e);r&&(r.delete(t),r.size===0&&o.delete(e))}close(){globalThis.removeEventListener?.("focus",this._onFocus),globalThis.removeEventListener?.("blur",this._onBlur)}};var _o;(_o=no||(no={})).ErrorMessages=Gr,_o.Global=new _o,function(){try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._sheetxl-scrollbar_18qzf_11 ::-webkit-scrollbar-button{background:transparent}._fullscreen-portal-root_5qk7s_7{pointer-events:none;position:absolute;inset:0;width:100%;height:100%;z-index:1200}._fullscreen-portal-root_5qk7s_7>*{pointer-events:auto}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();/**
- * @license @sheetxl/utils-react - Utils React - Utilities for React capabilities needed for all SheetXL components. - v0.1.119
+ * @license @sheetxl/utils-react - Utils React - Utilities for React capabilities needed for all SheetXL components. - v0.2.0
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/{build/browser → browser}/esm/index.mjs

@@ -4,13 +4,13 @@ import Sn, { memo as Dt, useCallback as O, useRef as J, useEffect as st, useImpe
 import { createRoot as Oi } from "react-dom/client";
 import { unstable_batchedUpdates as Li, createPortal as Kr } from "react-dom";
 /**
- * @license @sheetxl/grid-react - Grid - Advanced data grid component for React - v0.1.119
+ * @license @sheetxl/grid-react - Grid - Advanced data grid component for React - v0.2.0
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 /**
- * @license @sheetxl/utils - Utils - Utilities used by most SheetXL components. - v0.1.119
+ * @license @sheetxl/utils - Utils - Utilities used by most SheetXL components. - v0.2.0
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -823,7 +823,7 @@ var Lo;
   }
 }();
 /**
- * @license @sheetxl/utils-react - Utils React - Utilities for React capabilities needed for all SheetXL components. - v0.1.119
+ * @license @sheetxl/utils-react - Utils React - Utilities for React capabilities needed for all SheetXL components. - v0.2.0
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/{build/licenses → licenses}/dependencies.txt

@@ -1,15 +1,14 @@
 Name: @sheetxl/utils
-Version: 0.1.119
+Version: 0.2.0
 License: SEE LICENSE IN <LICENSE>
 Private: false
 Description: Utils - Utilities used by most SheetXL components.
-Author: Michael T Ford
 License Copyright:
 ===
 
 # Repository Licensing
 
-The SheetXL monorepo contains a mix of open-source and commercially licensed packages. Each package is individually licensed and contains its own license file.
+SheetXL contains a mix of open-source and commercially licensed packages. Each package is individually licensed and contains its own license file.
 
 For the specific terms and conditions applicable to a package, please see the `LICENSE.md` file located in that package's root directory.
 
@@ -22,17 +21,16 @@ https://www.sheetxl.com/licensing-pricing
 ---
 
 Name: @sheetxl/utils-react
-Version: 0.1.119
+Version: 0.2.0
 License: SEE LICENSE IN <LICENSE>
 Private: false
 Description: Utils React - Utilities for React capabilities needed for all SheetXL components.
-Author: Michael T Ford
 License Copyright:
 ===
 
 # Repository Licensing
 
-The SheetXL monorepo contains a mix of open-source and commercially licensed packages. Each package is individually licensed and contains its own license file.
+SheetXL contains a mix of open-source and commercially licensed packages. Each package is individually licensed and contains its own license file.
 
 For the specific terms and conditions applicable to a package, please see the `LICENSE.md` file located in that package's root directory.
 

package/{build/node → node}/esm/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/grid-react - Grid - Advanced data grid component for React - v0.1.119
+ * @license @sheetxl/grid-react - Grid - Advanced data grid component for React - v0.2.0
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -13,7 +13,7 @@ import { createRoot as x } from "react-dom/client";
 import { unstable_batchedUpdates as y, createPortal as v } from "react-dom";
 import b from "tiny-invariant";
 /**
- * @license @sheetxl/utils - Utils - Utilities used by most SheetXL components. - v0.1.119
+ * @license @sheetxl/utils - Utils - Utilities used by most SheetXL components. - v0.2.0
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -845,7 +845,7 @@ const ft = Object.freeze(Object.defineProperty({ __proto__: null, deviceType: ut
   return r2;
 };
 /**
- * @license @sheetxl/utils-react - Utils React - Utilities for React capabilities needed for all SheetXL components. - v0.1.119
+ * @license @sheetxl/utils-react - Utils React - Utilities for React capabilities needed for all SheetXL components. - v0.2.0
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/package.json

@@ -1,39 +1,23 @@
 {
   "name": "@sheetxl/grid-react",
   "description": "Grid - Advanced data grid component for React",
-  "version": "0.1.120",
+  "version": "0.2.0",
   "license": "SEE LICENSE IN <LICENSE>",
-  "author": "Michael T Ford",
-  "private": false,
-  "publishConfig": {
-    "access": "public"
-  },
-  "files": [
-    "build"
-  ],
   "type": "module",
   "exports": {
     ".": {
-      "development": "./src/index.ts",
-      "types": "./build/types/index.d.ts",
-      "import": {
-        "node": "./build/node/esm/index.mjs",
-        "browser": "./build/browser/esm/index.mjs",
-        "default": "./build/browser/esm/index.mjs"
-      }
+      "types": "./types/index.d.ts",
+      "browser": "./browser/esm/index.mjs",
+      "node": "./node/esm/index.mjs",
+      "import": "./browser/esm/index.mjs",
+      "require": "./browser/cjs/index.cjs"
     }
   },
-  "dependencies": {
-    "clsx": "^2.1.1",
-    "react-merge-refs": "^3.0.2",
-    "react-use": "^17.6.0",
-    "tiny-invariant": "^1.3.3",
-    "@sheetxl/utils": "0.1.120",
-    "@sheetxl/utils-react": "0.1.120"
-  },
-  "peerDependencies": {
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0"
+  "types": "./types/index.d.ts",
+  "module": "./browser/esm/index.mjs",
+  "main": "./browser/cjs/index.cjs",
+  "publishConfig": {
+    "access": "public"
   },
   "sideEffects": [
     "*.css",
@@ -48,16 +32,16 @@
     "utilities",
     "table"
   ],
-  "scripts": {
-    "build:node": "cross-env BUILD_ENV=node vite build",
-    "build:browser": "vite build",
-    "build": "pnpm run build:node && pnpm run build:browser",
-    "clean": "rimraf ./build",
-    "clean:all": "git clean -fdX .",
-    "release:update:package": "tsx ../../config/updateBuildPackageVersion.ts",
-    "lint": "eslint .",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "coverage": "vitest run --coverage"
+  "dependencies": {
+    "@sheetxl/utils": "^0.2.0",
+    "@sheetxl/utils-react": "^0.2.0",
+    "clsx": "^2.1.1",
+    "react-merge-refs": "^3.0.2",
+    "react-use": "^17.6.0",
+    "tiny-invariant": "^1.3.3"
+  },
+  "peerDependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   }
 }

package/build/README.md

@@ -1,9 +0,0 @@
-# Grid React
-
-<a href="https://www.sheetxl.com" target="_blank" rel="noopener">
-  <img src="https://www.sheetxl.com/logo-text.svg" width="150" alt="SheetXL"/>
-</a>
-
-An advanced standalone data-grid component available for all [SheetXL](https://www.sheetxl.com) projects.
-
-This package will generally not be used by itself but rather as a dependency of other packages.

package/build/package.json

@@ -1,48 +0,0 @@
-{
-  "name": "@sheetxl/grid-react",
-  "description": "Grid - Advanced data grid component for React",
-  "version": "0.1.120",
-  "license": "SEE LICENSE IN <LICENSE>",
-  "type": "module",
-  "exports": {
-    ".": {
-      "types": "./types/index.d.ts",
-      "browser": "./browser/esm/index.mjs",
-      "node": "./node/esm/index.mjs",
-      "import": "./browser/esm/index.mjs",
-      "require": "./browser/cjs/index.cjs"
-    }
-  },
-  "types": "./types/index.d.ts",
-  "module": "./browser/esm/index.mjs",
-  "main": "./browser/cjs/index.cjs",
-  "publishConfig": {
-    "access": "public"
-  },
-  "sideEffects": [
-    "*.css",
-    "**/*.css"
-  ],
-  "author": "Michael T Ford",
-  "keywords": [
-    "sheetxl",
-    "spreadsheet",
-    "react",
-    "grid",
-    "data-grid",
-    "utilities",
-    "table"
-  ],
-  "dependencies": {
-    "@sheetxl/utils": "^0.1.119",
-    "@sheetxl/utils-react": "^0.1.119",
-    "clsx": "^2.1.1",
-    "react-merge-refs": "^3.0.2",
-    "react-use": "^17.6.0",
-    "tiny-invariant": "^1.3.3"
-  },
-  "peerDependencies": {
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0"
-  }
-}