@sanity/table 1.1.2 → 1.1.3

package/lib/index.js

@@ -1,2 +1,437 @@
-"use strict";function e(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function t(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?e(Object(o),!0).forEach((function(e){n(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):e(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}function n(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("sanity"),o=require("react/jsx-runtime"),l=require("react"),i=require("@sanity/ui"),s=require("@sanity/icons");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,u=c(l),d=new Uint8Array(16);function p(){if(!a&&!(a="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return a(d)}var f=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function h(e){return"string"==typeof e&&f.test(e)}for(var y=[],x=0;x<256;++x)y.push((x+256).toString(16).substr(1));function g(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=(y[e[t+0]]+y[e[t+1]]+y[e[t+2]]+y[e[t+3]]+"-"+y[e[t+4]]+y[e[t+5]]+"-"+y[e[t+6]]+y[e[t+7]]+"-"+y[e[t+8]]+y[e[t+9]]+"-"+y[e[t+10]]+y[e[t+11]]+y[e[t+12]]+y[e[t+13]]+y[e[t+14]]+y[e[t+15]]).toLowerCase();if(!h(n))throw TypeError("Stringified UUID is invalid");return n}function m(e,t,n){function r(e,r,o,l){if("string"==typeof e&&(e=function(e){e=unescape(encodeURIComponent(e));for(var t=[],n=0;n<e.length;++n)t.push(e.charCodeAt(n));return t}(e)),"string"==typeof r&&(r=function(e){if(!h(e))throw TypeError("Invalid UUID");var t,n=new Uint8Array(16);return n[0]=(t=parseInt(e.slice(0,8),16))>>>24,n[1]=t>>>16&255,n[2]=t>>>8&255,n[3]=255&t,n[4]=(t=parseInt(e.slice(9,13),16))>>>8,n[5]=255&t,n[6]=(t=parseInt(e.slice(14,18),16))>>>8,n[7]=255&t,n[8]=(t=parseInt(e.slice(19,23),16))>>>8,n[9]=255&t,n[10]=(t=parseInt(e.slice(24,36),16))/1099511627776&255,n[11]=t/4294967296&255,n[12]=t>>>24&255,n[13]=t>>>16&255,n[14]=t>>>8&255,n[15]=255&t,n}(r)),16!==r.length)throw TypeError("Namespace must be array-like (16 iterable integer values, 0-255)");var i=new Uint8Array(16+e.length);if(i.set(r),i.set(e,r.length),(i=n(i))[6]=15&i[6]|t,i[8]=63&i[8]|128,o){l=l||0;for(var s=0;s<16;++s)o[l+s]=i[s];return o}return g(i)}try{r.name=e}catch(e){}return r.DNS="6ba7b810-9dad-11d1-80b4-00c04fd430c8",r.URL="6ba7b811-9dad-11d1-80b4-00c04fd430c8",r}function v(e){return 14+(e+64>>>9<<4)+1}function j(e,t){var n=(65535&e)+(65535&t);return(e>>16)+(t>>16)+(n>>16)<<16|65535&n}function w(e,t,n,r,o,l){return j((i=j(j(t,e),j(r,l)))<<(s=o)|i>>>32-s,n);var i,s}function b(e,t,n,r,o,l,i){return w(t&n|~t&r,e,t,o,l,i)}function C(e,t,n,r,o,l,i){return w(t&r|n&~r,e,t,o,l,i)}function A(e,t,n,r,o,l,i){return w(t^n^r,e,t,o,l,i)}function I(e,t,n,r,o,l,i){return w(n^(t|~r),e,t,o,l,i)}function k(e,t,n){var r=(e=e||{}).random||(e.rng||p)();if(r[6]=15&r[6]|64,r[8]=63&r[8]|128,t){n=n||0;for(var o=0;o<16;++o)t[n+o]=r[o];return t}return g(r)}function T(e,t,n,r){switch(e){case 0:return t&n^~t&r;case 1:case 3:return t^n^r;case 2:return t&n^t&r^n&r}}function O(e,t){return e<<t|e>>>32-t}m("v3",48,(function(e){if("string"==typeof e){var t=unescape(encodeURIComponent(e));e=new Uint8Array(t.length);for(var n=0;n<t.length;++n)e[n]=t.charCodeAt(n)}return function(e){for(var t=[],n=32*e.length,r="0123456789abcdef",o=0;o<n;o+=8){var l=e[o>>5]>>>o%32&255,i=parseInt(r.charAt(l>>>4&15)+r.charAt(15&l),16);t.push(i)}return t}(function(e,t){e[t>>5]|=128<<t%32,e[v(t)-1]=t;for(var n=1732584193,r=-271733879,o=-1732584194,l=271733878,i=0;i<e.length;i+=16){var s=n,c=r,a=o,u=l;n=b(n,r,o,l,e[i],7,-680876936),l=b(l,n,r,o,e[i+1],12,-389564586),o=b(o,l,n,r,e[i+2],17,606105819),r=b(r,o,l,n,e[i+3],22,-1044525330),n=b(n,r,o,l,e[i+4],7,-176418897),l=b(l,n,r,o,e[i+5],12,1200080426),o=b(o,l,n,r,e[i+6],17,-1473231341),r=b(r,o,l,n,e[i+7],22,-45705983),n=b(n,r,o,l,e[i+8],7,1770035416),l=b(l,n,r,o,e[i+9],12,-1958414417),o=b(o,l,n,r,e[i+10],17,-42063),r=b(r,o,l,n,e[i+11],22,-1990404162),n=b(n,r,o,l,e[i+12],7,1804603682),l=b(l,n,r,o,e[i+13],12,-40341101),o=b(o,l,n,r,e[i+14],17,-1502002290),n=C(n,r=b(r,o,l,n,e[i+15],22,1236535329),o,l,e[i+1],5,-165796510),l=C(l,n,r,o,e[i+6],9,-1069501632),o=C(o,l,n,r,e[i+11],14,643717713),r=C(r,o,l,n,e[i],20,-373897302),n=C(n,r,o,l,e[i+5],5,-701558691),l=C(l,n,r,o,e[i+10],9,38016083),o=C(o,l,n,r,e[i+15],14,-660478335),r=C(r,o,l,n,e[i+4],20,-405537848),n=C(n,r,o,l,e[i+9],5,568446438),l=C(l,n,r,o,e[i+14],9,-1019803690),o=C(o,l,n,r,e[i+3],14,-187363961),r=C(r,o,l,n,e[i+8],20,1163531501),n=C(n,r,o,l,e[i+13],5,-1444681467),l=C(l,n,r,o,e[i+2],9,-51403784),o=C(o,l,n,r,e[i+7],14,1735328473),n=A(n,r=C(r,o,l,n,e[i+12],20,-1926607734),o,l,e[i+5],4,-378558),l=A(l,n,r,o,e[i+8],11,-2022574463),o=A(o,l,n,r,e[i+11],16,1839030562),r=A(r,o,l,n,e[i+14],23,-35309556),n=A(n,r,o,l,e[i+1],4,-1530992060),l=A(l,n,r,o,e[i+4],11,1272893353),o=A(o,l,n,r,e[i+7],16,-155497632),r=A(r,o,l,n,e[i+10],23,-1094730640),n=A(n,r,o,l,e[i+13],4,681279174),l=A(l,n,r,o,e[i],11,-358537222),o=A(o,l,n,r,e[i+3],16,-722521979),r=A(r,o,l,n,e[i+6],23,76029189),n=A(n,r,o,l,e[i+9],4,-640364487),l=A(l,n,r,o,e[i+12],11,-421815835),o=A(o,l,n,r,e[i+15],16,530742520),n=I(n,r=A(r,o,l,n,e[i+2],23,-995338651),o,l,e[i],6,-198630844),l=I(l,n,r,o,e[i+7],10,1126891415),o=I(o,l,n,r,e[i+14],15,-1416354905),r=I(r,o,l,n,e[i+5],21,-57434055),n=I(n,r,o,l,e[i+12],6,1700485571),l=I(l,n,r,o,e[i+3],10,-1894986606),o=I(o,l,n,r,e[i+10],15,-1051523),r=I(r,o,l,n,e[i+1],21,-2054922799),n=I(n,r,o,l,e[i+8],6,1873313359),l=I(l,n,r,o,e[i+15],10,-30611744),o=I(o,l,n,r,e[i+6],15,-1560198380),r=I(r,o,l,n,e[i+13],21,1309151649),n=I(n,r,o,l,e[i+4],6,-145523070),l=I(l,n,r,o,e[i+11],10,-1120210379),o=I(o,l,n,r,e[i+2],15,718787259),r=I(r,o,l,n,e[i+9],21,-343485551),n=j(n,s),r=j(r,c),o=j(o,a),l=j(l,u)}return[n,r,o,l]}(function(e){if(0===e.length)return[];for(var t=8*e.length,n=new Uint32Array(v(t)),r=0;r<t;r+=8)n[r>>5]|=(255&e[r/8])<<r%32;return n}(e),8*e.length))})),m("v5",80,(function(e){var t=[1518500249,1859775393,2400959708,3395469782],n=[1732584193,4023233417,2562383102,271733878,3285377520];if("string"==typeof e){var r=unescape(encodeURIComponent(e));e=[];for(var o=0;o<r.length;++o)e.push(r.charCodeAt(o))}else Array.isArray(e)||(e=Array.prototype.slice.call(e));e.push(128);for(var l=e.length/4+2,i=Math.ceil(l/16),s=new Array(i),c=0;c<i;++c){for(var a=new Uint32Array(16),u=0;u<16;++u)a[u]=e[64*c+4*u]<<24|e[64*c+4*u+1]<<16|e[64*c+4*u+2]<<8|e[64*c+4*u+3];s[c]=a}s[i-1][14]=8*(e.length-1)/Math.pow(2,32),s[i-1][14]=Math.floor(s[i-1][14]),s[i-1][15]=8*(e.length-1)&4294967295;for(var d=0;d<i;++d){for(var p=new Uint32Array(80),f=0;f<16;++f)p[f]=s[d][f];for(var h=16;h<80;++h)p[h]=O(p[h-3]^p[h-8]^p[h-14]^p[h-16],1);for(var y=n[0],x=n[1],g=n[2],m=n[3],v=n[4],j=0;j<80;++j){var w=Math.floor(j/20),b=O(y,5)+T(w,x,g,m)+v+t[w]+p[j]>>>0;v=m,m=g,g=O(x,30)>>>0,x=y,y=b}n[0]=n[0]+y>>>0,n[1]=n[1]+x>>>0,n[2]=n[2]+g>>>0,n[3]=n[3]+m>>>0,n[4]=n[4]+v>>>0}return[n[0]>>24&255,n[0]>>16&255,n[0]>>8&255,255&n[0],n[1]>>24&255,n[1]>>16&255,n[1]>>8&255,255&n[1],n[2]>>24&255,n[2]>>16&255,n[2]>>8&255,255&n[2],n[3]>>24&255,n[3]>>16&255,n[3]>>8&255,255&n[3],n[4]>>24&255,n[4]>>16&255,n[4]>>8&255,255&n[4]]}));const R=e=>{var t;return o.jsx("table",{style:{width:"100%"},children:o.jsxs("tbody",{children:[e.rows.map(((t,n)=>{const r=(t=>(n,r)=>o.jsx("td",{children:o.jsx(i.TextInput,{fontSize:1,padding:3,value:n,onChange:n=>e.updateCell(n,t,r)})},"cell-".concat(t,"-").concat(r)))(n);return o.jsxs("tr",{children:[t.cells.map(r),o.jsx("td",{children:o.jsx(i.Box,{marginLeft:1,style:{textAlign:"center"},children:o.jsx(i.Button,{icon:s.RemoveIcon,padding:2,onClick:()=>e.removeRow(n),mode:"bleed"})})},n)]},"row-".concat(n))})),o.jsx("tr",{children:((null==(t=e.rows[0])?void 0:t.cells)||[]).map(((t,n)=>o.jsx("td",{children:o.jsx(i.Box,{marginTop:1,style:{textAlign:"center"},children:o.jsx(i.Button,{icon:s.RemoveIcon,padding:2,onClick:()=>e.removeColumn(n),mode:"bleed"})})},n)))})]})})},S=e=>{const[t,n]=l.useState(null),[r,c]=l.useState("");return o.jsxs(u.default.Fragment,{children:[t&&o.jsx(i.Dialog,{header:"Add ".concat(t.type),id:"dialog-add",onClose:()=>n(null),zOffset:1e3,children:o.jsxs(i.Card,{padding:4,children:[o.jsx(i.TextInput,{style:{textAlign:"left"},fontSize:2,padding:3,type:"number",value:r,onChange:e=>{c(e.currentTarget.value)}}),o.jsx(i.Box,{marginTop:4,children:o.jsxs(i.Inline,{space:1,style:{textAlign:"right"},children:[o.jsx(i.Button,{text:"Cancel",mode:"ghost",onClick:()=>n(null)}),o.jsx(i.Button,{text:"Confirm",tone:"critical",onClick:()=>{const e=parseInt(null!=r?r:"0",10);e<100&&(n(null),null==t||t.callback(e),c(void 0))}})]})})]})}),o.jsx(i.MenuButton,{button:o.jsx(i.Button,{icon:s.ControlsIcon,fontSize:1,padding:2,mode:"ghost"}),id:"menu-button-example",menu:o.jsxs(i.Menu,{children:[o.jsx(i.MenuItem,{icon:s.AddIcon,fontSize:1,text:"Add Row(s)",onClick:()=>{n({type:"rows",callback:t=>e.addRows(t)})}}),o.jsx(i.MenuItem,{icon:s.AddIcon,fontSize:1,text:"Add Row At Index",onClick:()=>{n({type:"rows",callback:t=>e.addRowAt(t)})}}),o.jsx(i.MenuItem,{icon:s.AddIcon,fontSize:1,text:"Add Column(s)",onClick:()=>{n({type:"columns",callback:t=>e.addColumns(t)})}}),o.jsx(i.MenuItem,{icon:s.AddIcon,fontSize:1,text:"Add Column At Index",onClick:()=>{n({type:"columns",callback:t=>e.addColumnAt(t)})}}),o.jsx(i.MenuDivider,{}),o.jsx(i.MenuItem,{icon:s.WarningOutlineIcon,fontSize:1,text:"Remove",tone:"critical",onClick:e.remove})]}),placement:e.placement})]})};var B;const M=null!=(B=globalThis.structuredClone)?B:e=>JSON.parse(JSON.stringify(e)),U=e=>{var n,c,a;const{rowType:u="tableRow",value:d,onChange:p}=e,[f,h]=l.useState(null),y=e=>p(r.set(e)),x=()=>{h({type:"table",callback:g})},g=()=>{p(r.unset()),h(null)},m=e=>{if(!d)return;const t=M(d);t.rows.forEach((t=>{t.cells.splice(e,1)})),y(t),h(null)};return o.jsxs("div",{children:[f&&o.jsx(i.Dialog,{header:"Remove ".concat(f.type),id:"dialog-remove",onClose:()=>h(null),zOffset:1e3,children:o.jsxs(i.Card,{padding:4,children:[o.jsxs(i.Text,{children:["Are you sure you want to remove this ",f.type,"?"]}),o.jsx(i.Box,{marginTop:4,children:o.jsxs(i.Inline,{space:1,style:{textAlign:"right"},children:[o.jsx(i.Button,{text:"Cancel",mode:"ghost",onClick:()=>h(null)}),o.jsx(i.Button,{text:"Confirm",tone:"critical",onClick:()=>f.callback()})]})})]})}),o.jsx(i.Box,{children:o.jsx(i.Flex,{justify:"flex-end",children:(null==(n=null==d?void 0:d.rows)?void 0:n.length)&&o.jsx(S,{addColumns:e=>{if(!d)return;const t=M(d);return t.rows.forEach(((n,r)=>{for(let n=0;n<e;n++)t.rows[r].cells.push("")})),y(t)},addColumnAt:e=>{if(!d)return;const t=M(d);return t.rows.forEach(((n,r)=>{t.rows[r].cells.splice(e,0,"")})),y(t)},addRows:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;var t;if(!d)return;const n=M(d),r=null!=(t=null==d?void 0:d.rows[0].cells.length)?t:0;for(let t=0;t<e;t++)n.rows.push({_type:u,_key:k(),cells:Array(r).fill("")});return y(n)},addRowAt:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;if(!d)return;const t=M(d),n=d.rows[0].cells.length;return t.rows.splice(e,0,{_type:u,_key:k(),cells:Array(n).fill("")}),y(t)},remove:x,placement:"left"})})}),(null==(c=null==d?void 0:d.rows)?void 0:c.length)&&o.jsx(R,{rows:d.rows,removeRow:e=>{if(d)return d.rows.length<=1?x():h({type:"row",callback:()=>(e=>{if(!d)return;const t=M(d);t.rows.splice(e,1),y(t),h(null)})(e)})},removeColumn:e=>{if(d)return d.rows[0].cells.length<=1?x():h({type:"column",callback:()=>m(e)})},updateCell:(e,t,n)=>{if(!d)return;const r=M(d);return r.rows[t].cells[n]=e.target.value,y(r)}}),(!d||!(null==(a=null==d?void 0:d.rows)?void 0:a.length))&&o.jsx(i.Inline,{space:1,children:o.jsx(i.Button,{fontSize:1,padding:3,icon:s.AddIcon,text:"Create Table",tone:"primary",mode:"ghost",onClick:()=>{const e={rows:[{_type:u,_key:k(),cells:["",""]},{_type:u,_key:k(),cells:["",""]}]};return y(t(t({},d),e))}})})]})};function z(){return o.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 25 25",fill:"none",stroke:"currentColor",strokeWidth:"1.2",children:o.jsx("path",{d:"M3 3h18v18H3zM21 9H3M21 15H3M12 3v18"})})}const E=e=>{let{rows:t}=e;const n=0===t.length?0:t[0].cells.length;return o.jsx(i.Grid,{columns:n,padding:2,children:t.map((e=>e.cells.map(((t,n)=>o.jsx(i.Card,{padding:2,style:{outline:"1px solid #DFE2E9"},children:o.jsx(i.Text,{style:{textOverflow:"elipsis"},children:t})},e._key+n)))))})},P=e=>{var t;const{schemaType:n}=e,{rows:r=[],title:l}=null!=e?e:{title:"Title missing"};return o.jsxs(o.Fragment,{children:[o.jsx(i.Box,{padding:3,children:o.jsxs(i.Inline,{space:3,children:[o.jsx(i.Card,{children:o.jsx(i.Label,{size:4,children:o.jsx(z,{})})}),o.jsx(i.Card,{children:o.jsx(i.Text,{children:null!=(t=null==n?void 0:n.title)?t:l})})]})}),o.jsx(i.Box,{padding:2,children:0===r.length?o.jsx(i.Label,{muted:!0,children:"Empty Table"}):o.jsx(E,{rows:r})})]})},D=r.definePlugin((e=>{const n=r.defineType({title:"Table Row",name:(null==e?void 0:e.rowType)||"tableRow",type:"object",fields:[{name:"cells",type:"array",of:[{type:"string"}]}]});var l;return{name:"table",schema:{types:[n,r.defineType({title:"Table",name:"table",type:"object",fields:[{name:"rows",type:"array",of:[{type:n.name}]}],components:{input:(l=n.name,e=>o.jsx(U,t(t({},e),{},{rowType:l}))),preview:P},preview:{select:{rows:"rows",title:"title"},prepare:e=>{let{title:t,rows:n=[]}=e;return{title:t,rows:n}}}})]}}}));exports.TableComponent=U,exports.TablePreview=P,exports.table=D;
+import { set, unset, definePlugin, defineType } from "sanity";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { RemoveIcon, ControlsIcon, AddIcon, WarningOutlineIcon } from "@sanity/icons";
+import { Box, Button, TextInput, Dialog, Card, Inline, MenuButton, Menu, MenuItem, MenuDivider, Text, Flex, Label, Grid } from "@sanity/ui";
+import { useState } from "react";
+var getRandomValues, rnds8 = new Uint8Array(16);
+function rng() {
+  if (!getRandomValues && (getRandomValues = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto < "u" && typeof msCrypto.getRandomValues == "function" && msCrypto.getRandomValues.bind(msCrypto), !getRandomValues))
+    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+  return getRandomValues(rnds8);
+}
+var REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
+function validate(uuid) {
+  return typeof uuid == "string" && REGEX.test(uuid);
+}
+var byteToHex = [];
+for (var i = 0; i < 256; ++i)
+  byteToHex.push((i + 256).toString(16).substr(1));
+function stringify(arr) {
+  var offset = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+  if (!validate(uuid))
+    throw TypeError("Stringified UUID is invalid");
+  return uuid;
+}
+function v4(options, buf, offset) {
+  options = options || {};
+  var rnds = options.random || (options.rng || rng)();
+  return rnds[6] = rnds[6] & 15 | 64, rnds[8] = rnds[8] & 63 | 128, stringify(rnds);
+}
+const TableInput = (props) => {
+  var _a2;
+  const updateCell = props.updateCell, renderRowCell = (rowIndex) => function(cell, cellIndex) {
+    return /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        fontSize: 1,
+        padding: 3,
+        value: cell,
+        onChange: (e) => updateCell(e, rowIndex, cellIndex)
+      }
+    ) }, `cell-${rowIndex}-${cellIndex}`);
+  }, renderRow = (row, rowIndex) => {
+    const renderCell = renderRowCell(rowIndex);
+    return /* @__PURE__ */ jsxs("tr", { children: [
+      row.cells.map(renderCell),
+      /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Box, { marginLeft: 1, style: { textAlign: "center" }, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          icon: RemoveIcon,
+          padding: 2,
+          onClick: () => props.removeRow(rowIndex),
+          mode: "bleed"
+        }
+      ) }) }, rowIndex)
+    ] }, `row-${rowIndex}`);
+  };
+  return /* @__PURE__ */ jsx("table", { style: { width: "100%" }, children: /* @__PURE__ */ jsxs("tbody", { children: [
+    props.rows.map(renderRow),
+    /* @__PURE__ */ jsx("tr", { children: (((_a2 = props.rows[0]) == null ? void 0 : _a2.cells) || []).map((_, i) => /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Box, { marginTop: 1, style: { textAlign: "center" }, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        icon: RemoveIcon,
+        padding: 2,
+        onClick: () => props.removeColumn(i),
+        mode: "bleed"
+      }
+    ) }) }, i)) })
+  ] }) });
+}, TableMenu = (props) => {
+  const { remove: handleRemove } = props, [dialog, setDialog] = useState(null), [count, setCount] = useState(""), updateCount = (e) => {
+    setCount(e.currentTarget.value);
+  }, addRows = () => {
+    setDialog({ type: "rows", callback: (c) => props.addRows(c) });
+  }, addRowAt = () => {
+    setDialog({ type: "rows", callback: (index) => props.addRowAt(index) });
+  }, addColumns = () => {
+    setDialog({
+      type: "columns",
+      callback: (c) => props.addColumns(c)
+    });
+  }, addColumnsAt = () => {
+    setDialog({ type: "columns", callback: (index) => props.addColumnAt(index) });
+  }, onConfirm = () => {
+    const parsedCount = parseInt(count != null ? count : "0", 10);
+    parsedCount < 100 && (setDialog(null), dialog == null || dialog.callback(parsedCount), setCount(void 0));
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    dialog && /* @__PURE__ */ jsx(
+      Dialog,
+      {
+        header: `Add ${dialog.type}`,
+        id: "dialog-add",
+        onClose: () => setDialog(null),
+        zOffset: 1e3,
+        children: /* @__PURE__ */ jsxs(Card, { padding: 4, children: [
+          /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              style: { textAlign: "left" },
+              fontSize: 2,
+              padding: 3,
+              type: "number",
+              value: count,
+              onChange: updateCount
+            }
+          ),
+          /* @__PURE__ */ jsx(Box, { marginTop: 4, children: /* @__PURE__ */ jsxs(Inline, { space: 1, style: { textAlign: "right" }, children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                text: "Cancel",
+                mode: "ghost",
+                onClick: () => setDialog(null)
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { text: "Confirm", tone: "critical", onClick: onConfirm })
+          ] }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MenuButton,
+      {
+        button: /* @__PURE__ */ jsx(Button, { icon: ControlsIcon, fontSize: 1, padding: 2, mode: "ghost" }),
+        id: "menu-button-example",
+        menu: /* @__PURE__ */ jsxs(Menu, { children: [
+          /* @__PURE__ */ jsx(
+            MenuItem,
+            {
+              icon: AddIcon,
+              fontSize: 1,
+              text: "Add Row(s)",
+              onClick: addRows
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            MenuItem,
+            {
+              icon: AddIcon,
+              fontSize: 1,
+              text: "Add Row At Index",
+              onClick: addRowAt
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            MenuItem,
+            {
+              icon: AddIcon,
+              fontSize: 1,
+              text: "Add Column(s)",
+              onClick: addColumns
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            MenuItem,
+            {
+              icon: AddIcon,
+              fontSize: 1,
+              text: "Add Column At Index",
+              onClick: addColumnsAt
+            }
+          ),
+          /* @__PURE__ */ jsx(MenuDivider, {}),
+          /* @__PURE__ */ jsx(
+            MenuItem,
+            {
+              icon: WarningOutlineIcon,
+              fontSize: 1,
+              text: "Remove",
+              tone: "critical",
+              onClick: handleRemove
+            }
+          )
+        ] }),
+        popover: { placement: props.placement }
+      }
+    )
+  ] });
+};
+var __defProp = Object.defineProperty, __defProps = Object.defineProperties, __getOwnPropDescs = Object.getOwnPropertyDescriptors, __getOwnPropSymbols = Object.getOwnPropertySymbols, __hasOwnProp = Object.prototype.hasOwnProperty, __propIsEnum = Object.prototype.propertyIsEnumerable, __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b))
+      __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+  return a;
+}, __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)), _a;
+const deepClone = (_a = globalThis.structuredClone) != null ? _a : (data) => JSON.parse(JSON.stringify(data)), TableComponent = (props) => {
+  var _a2, _b, _c;
+  const { rowType = "tableRow", value, onChange } = props, [dialog, setDialog] = useState(null), updateValue = (v) => onChange(set(v)), resetValue = () => onChange(unset()), createTable = () => {
+    const newValue = {
+      rows: [
+        {
+          _type: rowType,
+          _key: v4(),
+          cells: ["", ""]
+        },
+        {
+          _type: rowType,
+          _key: v4(),
+          cells: ["", ""]
+        }
+      ]
+    };
+    return updateValue(__spreadValues(__spreadValues({}, value), newValue));
+  }, confirmRemoveTable = () => {
+    setDialog({ type: "table", callback: removeTable });
+  }, removeTable = () => {
+    resetValue(), setDialog(null);
+  }, addRows = (count = 1) => {
+    var _a3;
+    if (!value)
+      return;
+    const newValue = deepClone(value), columnCount = (_a3 = value == null ? void 0 : value.rows[0].cells.length) != null ? _a3 : 0;
+    for (let i = 0; i < count; i++)
+      newValue.rows.push({
+        _type: rowType,
+        _key: v4(),
+        cells: Array(columnCount).fill("")
+      });
+    return updateValue(newValue);
+  }, addRowAt = (index = 0) => {
+    if (!value)
+      return;
+    const newValue = deepClone(value), columnCount = value.rows[0].cells.length;
+    return newValue.rows.splice(index, 0, {
+      _type: rowType,
+      _key: v4(),
+      cells: Array(columnCount).fill("")
+    }), updateValue(newValue);
+  }, removeRow = (index) => {
+    if (!value)
+      return;
+    const newValue = deepClone(value);
+    newValue.rows.splice(index, 1), updateValue(newValue), setDialog(null);
+  }, confirmRemoveRow = (index) => {
+    if (value)
+      return value.rows.length <= 1 ? confirmRemoveTable() : setDialog({ type: "row", callback: () => removeRow(index) });
+  }, confirmRemoveColumn = (index) => {
+    if (value)
+      return value.rows[0].cells.length <= 1 ? confirmRemoveTable() : setDialog({ type: "column", callback: () => removeColumn(index) });
+  }, addColumns = (count) => {
+    if (!value)
+      return;
+    const newValue = deepClone(value);
+    return newValue.rows.forEach((_, i) => {
+      for (let j = 0; j < count; j++)
+        newValue.rows[i].cells.push("");
+    }), updateValue(newValue);
+  }, addColumnAt = (index) => {
+    if (!value)
+      return;
+    const newValue = deepClone(value);
+    return newValue.rows.forEach((_, i) => {
+      newValue.rows[i].cells.splice(index, 0, "");
+    }), updateValue(newValue);
+  }, removeColumn = (index) => {
+    if (!value)
+      return;
+    const newValue = deepClone(value);
+    newValue.rows.forEach((row) => {
+      row.cells.splice(index, 1);
+    }), updateValue(newValue), setDialog(null);
+  }, updateCell = (e, rowIndex, cellIndex) => {
+    if (!value)
+      return;
+    const newValue = deepClone(value);
+    return newValue.rows[rowIndex].cells[cellIndex] = e.target.value, updateValue(newValue);
+  };
+  return /* @__PURE__ */ jsxs("div", { children: [
+    dialog && /* @__PURE__ */ jsx(
+      Dialog,
+      {
+        header: `Remove ${dialog.type}`,
+        id: "dialog-remove",
+        onClose: () => setDialog(null),
+        zOffset: 1e3,
+        children: /* @__PURE__ */ jsxs(Card, { padding: 4, children: [
+          /* @__PURE__ */ jsxs(Text, { children: [
+            "Are you sure you want to remove this ",
+            dialog.type,
+            "?"
+          ] }),
+          /* @__PURE__ */ jsx(Box, { marginTop: 4, children: /* @__PURE__ */ jsxs(Inline, { space: 1, style: { textAlign: "right" }, children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                text: "Cancel",
+                mode: "ghost",
+                onClick: () => setDialog(null)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                text: "Confirm",
+                tone: "critical",
+                onClick: () => dialog.callback()
+              }
+            )
+          ] }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Flex, { justify: "flex-end", children: ((_a2 = value == null ? void 0 : value.rows) == null ? void 0 : _a2.length) && /* @__PURE__ */ jsx(
+      TableMenu,
+      {
+        addColumns,
+        addColumnAt,
+        addRows,
+        addRowAt,
+        remove: confirmRemoveTable,
+        placement: "left"
+      }
+    ) }) }),
+    ((_b = value == null ? void 0 : value.rows) == null ? void 0 : _b.length) && /* @__PURE__ */ jsx(
+      TableInput,
+      {
+        rows: value.rows,
+        removeRow: confirmRemoveRow,
+        removeColumn: confirmRemoveColumn,
+        updateCell
+      }
+    ),
+    (!value || !((_c = value == null ? void 0 : value.rows) != null && _c.length)) && /* @__PURE__ */ jsx(Inline, { space: 1, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        fontSize: 1,
+        padding: 3,
+        icon: AddIcon,
+        text: "Create Table",
+        tone: "primary",
+        mode: "ghost",
+        onClick: createTable
+      }
+    ) })
+  ] });
+};
+function createTableComponent(rowType) {
+  return function(props) {
+    return /* @__PURE__ */ jsx(TableComponent, __spreadProps(__spreadValues({}, props), { rowType }));
+  };
+}
+function TableIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 25 25",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.2",
+      children: /* @__PURE__ */ jsx("path", { d: "M3 3h18v18H3zM21 9H3M21 15H3M12 3v18" })
+    }
+  );
+}
+const Table = ({ rows }) => {
+  const numCols = rows.length === 0 ? 0 : rows[0].cells.length;
+  return /* @__PURE__ */ jsx(Grid, { columns: numCols, padding: 2, children: rows.map(
+    (row) => row.cells.map((cell, i) => /* @__PURE__ */ jsx(
+      Card,
+      {
+        padding: 2,
+        style: { outline: "1px solid #DFE2E9" },
+        children: /* @__PURE__ */ jsx(Text, { style: { textOverflow: "elipsis" }, children: cell })
+      },
+      row._key + i
+    ))
+  ) });
+}, TablePreview = (props) => {
+  var _a2;
+  const { schemaType, rows = [], title = "Title missing" } = props;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Box, { padding: 3, children: /* @__PURE__ */ jsxs(Inline, { space: 3, children: [
+      /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(Label, { size: 4, children: /* @__PURE__ */ jsx(TableIcon, {}) }) }),
+      /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(Text, { children: (_a2 = schemaType == null ? void 0 : schemaType.title) != null ? _a2 : title }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(Box, { padding: 2, children: rows.length === 0 ? /* @__PURE__ */ jsx(Label, { muted: !0, children: "Empty Table" }) : /* @__PURE__ */ jsx(Table, { rows }) })
+  ] });
+}, table = definePlugin((config) => {
+  const tableRowSchema = defineType({
+    title: "Table Row",
+    name: (config == null ? void 0 : config.rowType) || "tableRow",
+    type: "object",
+    fields: [
+      {
+        name: "cells",
+        type: "array",
+        of: [{ type: "string" }]
+      }
+    ]
+  }), tableSchema = defineType({
+    title: "Table",
+    name: "table",
+    type: "object",
+    fields: [
+      {
+        name: "rows",
+        type: "array",
+        of: [
+          {
+            type: tableRowSchema.name
+          }
+        ]
+      }
+    ],
+    components: {
+      /* eslint-disable @typescript-eslint/no-explicit-any */
+      input: createTableComponent(tableRowSchema.name),
+      preview: TablePreview
+      /* eslint-enable @typescript-eslint/no-explicit-any */
+    },
+    preview: {
+      select: {
+        rows: "rows",
+        title: "title"
+      },
+      prepare: ({ title, rows = [] }) => ({
+        title,
+        rows
+      })
+    }
+  });
+  return {
+    name: "table",
+    schema: {
+      types: [tableRowSchema, tableSchema]
+    }
+  };
+});
+export {
+  TableComponent,
+  TablePreview,
+  table
+};
 //# sourceMappingURL=index.js.map